@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asar&display=swap');

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.font-inter {
    font-family: 'Inter', sans-serif;
}

.font-asar {
    font-family: 'Asar', sans-serif;
}

.font-source {
    font-family: 'Source Sans 3', sans-serif;
}

.font-dm {
    font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.font-righteous {
    font-family: 'Righteous', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.font-anton {
  font-family: "Anton", sans-serif;
}

.font-playfair {
  font-family: "Playfair", sans-serif;
}

.font-noto {
  font-family: "Noto Serif", sans-serif;
}

svg[class*="size-"] {
    flex-shrink: 0;
}

.textarea {
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 1.25;
    outline: none;
}

.h-120 {
    height: 33rem;
}

.py-0\.875 {
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
}

.height-screen {
    height: calc(100vh - 115px);
}

.group:focus .group-hover\:opacity-100 {
    opacity: 1;
}

.menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.has-menu:hover .menu {
    visibility: visible;
    z-index: 10;
    white-space: nowrap;
    border-radius: 0.25rem;
    background: white;
    border: 1px solid rgb(214 211 209 / 1);
    opacity: 1;
    width: 308px;
    height: 220px;
    margin: -21px 0 0 300px;
    box-shadow: 0 0px 8px -1px rgb(0 0 0 / 10%), 0 0px 2px -2px rgb(0 0 0 / 10%);
}

.tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.has-tooltip:hover .tooltip {
    visibility: visible;
    z-index: 50;
    white-space: pre;
    border-radius: 0.5rem;
    background-color: rgb(12 10 9 / 0.9);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.275rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    opacity: 1;
}

#hidden {
    @apply hidden;
}

:checked + #hidden {
    @apply block;
}

input:checked + div {  
    @apply border-blue-500;  
} 
input:checked + div svg {  
    @apply block;  

}



[type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  }