.header__icon--search{position:initial}.search-drawer-container{display:flex}search-drawer>details[open]>summary:before{content:"";top:100%;left:0;height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));width:100%;display:block;position:absolute;background:rgba(var(--color-bg-tertiary-0),0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}search-drawer>details[open]>summary:before{visibility:visible;opacity:1}.js search-drawer .menu-opening .header__icon--search[aria-expanded=true]:before{background:rgba(var(--color-bg-tertiary-0),.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color var(--duration-long) ease,backdrop-filter var(--duration-long) ease}.search-drawer{position:absolute;visibility:hidden;z-index:3;top:100%;padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;border:0;width:32rem;max-width:calc(100% - 2rem);will-change:transform;filter:drop-shadow(0 0 0 transparent)}@media screen and (max-width: 959px){.search-drawer{right:0;transform:translate(100%)}}@media screen and (min-width: 60em){.search-drawer{width:100%;max-width:100%}}.js .search-drawer{height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));max-height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.js .search-drawer__content,.js details[open]:not(.menu-opening)>.search-drawer>.search-drawer__content,.js .menu-open details[open]:not(.menu-opening.search-drawer-open)>.search-drawer>.search-drawer__content{opacity:0;transform:translateY(-.5rem);will-change:transform}.js details[open]>.search-drawer{transition:transform var(--duration-default) var(--cubic),visibility var(--duration-default) var(--cubic)}.no-js details[open]>.search-drawer,.js details[open].menu-opening>.search-drawer{visibility:visible}@media screen and (max-width: 959px){.no-js details[open]>.search-drawer,.js details[open].menu-opening>.search-drawer{transform:translate(0)}}.js .menu-open details[open].menu-opening.search-drawer-open>.search-drawer>.search-drawer__content{opacity:1;transform:translateY(0);transition:opacity var(--duration-default) ease,transform var(--duration-default) ease-out}@media (min-width: 60em){.search-drawer{width:100%;left:0;right:0;transform:scaleY(0) translate(0);transform-origin:top}.js .search-drawer{height:auto}.no-js details[open]>.search-drawer,.js details[open].menu-opening>.search-drawer{transform:scaleY(1) translate(0)}}.search-drawer__content{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:24rem;background:rgb(var(--color-background));line-height:1.8;position:relative}.search__input.field__input{padding-right:3rem}.reset__button{right:3.25rem}.reset__button:not(:focus-visible):after,.reset__button:not(:focus):after{border-right:1px solid rgba(var(--color-bg-secondary-0),1);display:block;height:1rem;content:"";position:absolute;right:0}.search__button:not(:focus-visible):not(.focused),.reset__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.search__button .icon{height:1.125rem;width:1.125rem}.reset__button .icon.icon-close{height:1.125rem;width:1.125rem;stroke-width:1px}input::-webkit-search-decoration{-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/102/assets/component-search.css.map */
