.search{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;}.search h1{font-size:2.5rem;text-align:center;}.search-box{--search-radius:10px;position:relative;}.search-box input{margin-inline:auto;padding:1rem 0 1rem 3rem;border-width:3px;border-radius:var(--search-radius);font-size:1.1rem;color:var(--light);background-image:url("/assets/images/icons/search.png");background-repeat:no-repeat;background-position:10px center;background-size:2rem;z-index:3;width:27rem;box-shadow:2px 2px 10px 0 rgba(0,0,0,0.5);box-sizing:border-box;}.search-box input:not(:placeholder-shown)+.search-items>h2{display:none;}.search-items h2:not(:has(~button:not(.hidden))){display:flex !important;margin-bottom:1px;}.search-items h2:not(:has(~button:not(.hidden)))::after{content:"No Results";}.search-items h2:not(:has(~button:not(.hidden))) span{display:none;}.search-items.hidden{visibility:hidden;opacity:0;height:0;transform:translateY(calc(100% - var(--search-radius))) scaleY(0);}.search-items{--padding-x:1.25rem;--border-width:3px;--gap:1rem;display:flex !important;flex-direction:column;gap:var(--gap);position:absolute;bottom:0;transform:translateY(calc(100% - var(--search-radius))) scaleY(1);transform-origin:top;border:var(--border-width) solid var(--primary);border-radius:0 0 8px 8px;background-color:white;width:100%;padding:0.5rem var(--padding-x);box-shadow:2px 2px 10px 0 rgba(0,0,0,0.5);box-sizing:border-box;visibility:visible;opacity:1;height:auto;transition:transform 0.3s linear,opacity 0.2s linear;}.search-items>h2{text-transform:uppercase;margin-bottom:calc(var(--gap) * -0.5);font-size:1.2rem;}.search-items button{display:flex;align-items:center;gap:0.1rem;color:black;position:relative;cursor:pointer;}.search-items button:hover{gap:0.3rem;transition:gap 0.3s;}.search-items button:has(.term:not(:empty)),.search-items button .term span{color:#5f5f5f;font-style:italic;}.search-items button .term{margin-right:0.1rem;color:black;font-style:normal;}.search-items button.divider::after{position:absolute;content:"";display:block;bottom:calc(-0.5 * var(--gap));width:100%;height:1px;background-color:var(--dark-a);}@media screen and (max-width:700px){.search-box{width:100%;}.search-box>input{width:100%;}}