.menu-drawer__search{padding:1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1);margin-bottom:1rem}.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.4rem;height:4.5rem;padding:1rem 4rem 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__label{clip:rect(0 0 0 0);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.5rem;justify-content:center;padding:0;position:absolute;right:0;top:0;width:4.5rem}.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:4rem}.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:1.5rem;right:1.5rem;top:calc(100% + .5rem);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));max-height:30rem;overflow-y:auto;z-index:3}.menu-drawer__search .predictive-search--drawer{width:calc(100% - 3rem)}.menu-drawer__search:has(.predictive-search[open]){margin-bottom:32rem}.menu-drawer.color-inverse .menu-drawer__search .field__input{background-color:rgba(var(--color-background),.04);border-color:rgba(var(--color-background),.08);color:rgb(var(--color-background))}.menu-drawer.color-inverse .menu-drawer__search .field__input:focus{border-color:rgb(var(--color-background));box-shadow:0 0 0 .1rem rgb(var(--color-background))}.menu-drawer.color-inverse .menu-drawer__search .field__button{color:rgb(var(--color-background))}@media screen and (max-width: 749px){.menu-drawer__search{padding:1rem}.menu-drawer__search .field__input{font-size:1.6rem;height:4rem;padding:.8rem 4rem .8rem 1.2rem}.menu-drawer__search .field__button{height:4rem;width:4rem}.menu-drawer__search .field__button .svg-wrapper{height:1.6rem;width:1.6rem}}@media screen and (max-width: 989px){.header__search{display:none}}
/*# sourceMappingURL=/cdn/shop/t/302/assets/menu-drawer-search.css.map */