//General drawer styles are duplicated. Drawers should be refactored. .drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;display:flex;justify-content:flex-end;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease}.drawer.active{visibility:visible}.drawer__inner{height:100%;width:100vw;max-width:485px;padding:8px;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease}.drawer__inner-empty{height:100%;padding:0 1.5rem;overflow:hidden;display:flex;flex-direction:column}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}.drawer__overlay:empty{display:block}.search-drawer .drawer__header{padding-bottom:0}.search-drawer .drawer__content{padding-top:5rem}.search-drawer .field:after,.search-drawer .field:hover:after{border:0;border-bottom:solid 1px black;box-shadow:none}.search-drawer .field__input{padding:0 0 .25rem;height:19px}.search-drawer .field__input:focus{border:0;box-shadow:none}.search-drawer .field svg{height:10px;width:10px}.search-drawer .field label{top:0;transition:opacity .2s}.search-drawer .field__input:focus~.field__label,.search-drawer .field__input:not(:placeholder-shown)~.field__label,.search-drawer .field__input:-webkit-autofill~.field__label{opacity:0}.search-drawer .reset__button{height:10px;right:0}.search-drawer__country-filter-field{width:100%;margin-bottom:1.5rem}.search-drawer__country-filter-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid #000;padding-bottom:.5rem}.search-drawer__country-filter-icon-search,.search-drawer__country-filter-reset-button{display:flex;align-items:center;justify-content:center}.search-drawer__country-filter-icon-search{position:absolute;left:0;top:calc(50% - 2px);transform:translateY(-50%);width:20px;height:20px;opacity:1}.search-drawer__country-filter-input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#000000d9;padding:.5rem 2rem}.search-drawer__country-filter-input::placeholder{font-family:Helvetica Neue,sans-serif;font-weight:400;font-size:11px;line-height:130%;text-transform:uppercase;color:#0009}.search-drawer__country-filter-reset-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;width:20px;height:20px;opacity:0;pointer-events:none;transition:opacity .2s ease}.search-drawer__country-filter-reset-button svg{width:16px;height:16px}.search-drawer__country-filter-input:not(:placeholder-shown)~.search-drawer__country-filter-reset-button{opacity:1;pointer-events:auto}.search-drawer__country-filter-reset-button:hover{opacity:1}.search-drawer__country-filter-input:focus{outline:none;box-shadow:none}.search-drawer__country-filter-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-drawer__country-filter-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-drawer__search-input::-webkit-search-decoration,.search-drawer__search-input::-webkit-search-cancel-button,.search-drawer__search-input::-webkit-search-results-button,.search-drawer__search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}
/*# sourceMappingURL=/cdn/shop/t/106/assets/component-search-drawer.css.map */