.search-drawer{position:absolute;left:0;right:0;top:100%;z-index:10;background:#000;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out}.search-drawer.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}@media(max-width:1023px){.search-drawer{top:calc(100% + 1rem);background:transparent;border-top:none;border-bottom:none}}.search-drawer__form{display:flex;align-items:center;gap:.75rem;padding:0;width:100%;max-width:100%;margin:0;box-sizing:border-box}@media(min-width:768px){.search-drawer__form{padding:1.25rem 0}}.search-drawer__input{flex:1;padding:.75rem 1rem;font-size:1rem;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;font-family:inherit}.search-drawer__input::placeholder{color:#ffffff80}.search-drawer__input:focus{outline:none;border-color:#fff6}.search-drawer__submit{padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:.25rem;cursor:pointer;font-family:inherit;white-space:nowrap}.search-drawer__submit:hover{background:#ffffff1a}.search-drawer__close{position:absolute;top:1rem;right:1rem;padding:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#fffc;background:transparent;border:none;cursor:pointer;font-family:inherit}.search-drawer__close:hover{color:#fff}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.search-overlay.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}@media(max-width:1023px){.search-overlay{background:#000000e0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/search-drawer.css.map */