.search-drawer.drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-start;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.search-drawer.drawer.active{visibility:visible}.search-drawer .drawer__inner{height:100%;width:40rem;max-width:calc(100vw - 3rem);padding:3.2rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--duration-default) ease}.search-drawer.drawer.active .drawer__inner{transform:translate(0)}.search-drawer .close-search-drawer{background:none;border:none;text-align:right;width:100%;margin-bottom:1.6rem}.search-drawer .close-search-drawer svg{width:2rem;height:2rem;cursor:pointer}.search-drawer .field__input:focus,.search-drawer .field__input:hover,.search-drawer .field__input:focus-visible,.search-drawer .field:hover.field:after{box-shadow:none}.search-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.search-drawer__overlay:empty{display:block}.search__input.field__input{padding-left:4rem;padding-right:4rem}.search-drawer .field__label{margin-left:2rem}.search-drawer .reset__button{right:0;left:auto}.search-drawer .search__button{left:0;right:auto}
/*# sourceMappingURL=/cdn/shop/t/408/assets/component-search-drawer.css.map */