.menu-drawer__search{position:relative;z-index:2;flex:0 0 auto;padding:1.2rem clamp(1.6rem,5vw,2.4rem);padding-right:max(clamp(1.6rem,5vw,2.4rem),env(safe-area-inset-right,0px));padding-left:max(clamp(1.6rem,5vw,2.4rem),env(safe-area-inset-left,0px));border-bottom:1px solid rgba(var(--color-foreground),.1);background-color:rgb(var(--color-background))}.menu-drawer__search-form{margin:0;width:100%}.menu-drawer__search .field{margin-bottom:0}.menu-drawer__search .field__input{background-color:rgba(var(--color-foreground),.04);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--inputs-radius);color:rgb(var(--color-foreground));font-size:1.6rem;height:4.8rem;padding:1rem 9.8rem 1rem 1.5rem;transition:border-color .2s ease-in-out;width:100%}.menu-drawer__search .field__input:focus{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground));outline:none}.menu-drawer__search .field__input::placeholder{color:rgba(var(--color-foreground),.55);opacity:1}.menu-drawer__search .field:has(.reset__button.hidden) .field__input{padding-right:5.2rem}.menu-drawer__search .field__label{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.menu-drawer__search .field__button{align-items:center;background-color:transparent;border:0;color:rgb(var(--color-foreground));cursor:pointer;display:flex;height:4.8rem;justify-content:center;padding:0;position:absolute;right:0;top:0;width:4.8rem}.menu-drawer__search .field__button:hover{color:rgba(var(--color-foreground),.75)}.menu-drawer__search .search__button{right:0}.menu-drawer__search .reset__button{right:4.8rem}.menu-drawer__search .reset__button.hidden{display:none}.menu-drawer__search .field__button .svg-wrapper{height:1.8rem;width:1.8rem}.menu-drawer__search .predictive-search{position:absolute;left:clamp(1.6rem,5vw,2.4rem);right:clamp(1.6rem,5vw,2.4rem);top:calc(100% - .4rem);background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--inputs-radius);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));width:auto;max-height:min(42rem,60dvh);max-width:calc(100vw - 3.2rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;z-index:3}.menu-drawer__search .predictive-search--drawer{width:auto}@media screen and (max-width:359px){.menu-drawer__search{padding-right:max(1.4rem,env(safe-area-inset-right,0px));padding-left:max(1.4rem,env(safe-area-inset-left,0px))}}@media screen and (max-width:989px){.header__search{display:none}}@media(prefers-reduced-motion:reduce){.menu-drawer__search .field__input{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/419/assets/menu-drawer-search.css.map */