.search-modal--open{overflow:hidden}.search-modal--open .transition-content,.search-modal--open .announcement-bar,.search-modal--open .header-wrapper{padding-inline-end:var(--scrollbar-width)}.search-modal--open .shopify-section-header-hidden{transform:none}.search-modal--open .header-wrapper{z-index:20}.search-modal--open announcement-bar[data-compact=false].marquee .announcement-slider{animation-play-state:paused}.search-modal{z-index:30;display:block;height:100%;transition:height var(--duration-long) ease}@media screen and (min-width:750px){.search-modal{height:100%}.search-modal.searching{height:calc(100vh - var(--announcement-height, 0px) - 48px)}}.search-modal .page-width,.search-modal__content{height:100%}details[open]>.search-modal{padding-inline-end:var(--scrollbar-width);animation:fade-in var(--duration-default) ease}details[open]>.search-modal .modal-overlay{display:block;animation:fade-in var(--duration-default) ease}details[open]>.search-modal .modal-overlay:after{content:"";position:absolute;background-color:rgba(var(--color-overlay),.5);top:100%;left:0;right:0;height:100vh}.js details[open]>.search-modal .modal-overlay:after{cursor:url(cross.svg),url(cross.png),zoom-out}.search-modal__form{height:100%;display:flex;flex-direction:column}.no-js .search-modal__form{justify-content:center}.search-modal__form .field{flex:0 0 auto;align-self:center;width:100%;display:flex;align-items:center;background-color:rgba(var(--color-foreground),.06);border-radius:1rem;column-gap:1.5rem;padding:0 1.5rem;margin-top:calc(calc(var(--header-bottom-position) - var(--announcement-height, 0px) - 5rem) / 2)}.search-modal__form .field.has-recommendation{margin-top:var(--section-padding-top)}.shopify-section-header-sticky:not(.shopify-section-header-hidden) .search-modal__form .field{margin-top:calc(calc(var(--header-bottom-position) - 5rem) / 2)}@media screen and (min-width:750px){.search-modal__form .field{width:calc(100% + 3rem)}}.search-modal__form .search__input{padding:0;font-size:1.6rem;box-shadow:none;border:none;height:5rem;min-height:auto}.search-modal__form .search__button{color:rgb(var(--color-foreground));background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-modal__form .search__button .icon{width:2rem;height:2rem;overflow:visible;stroke-width:var(--icon-weight)}.no-js .search-modal__form .search__button[type=button],.no-js .search-modal__form .search__button[type=reset]{display:none}.search-modal__form .search__button[type=button],.search-modal__form .search__button[type=reset]{min-width:2.4rem;min-height:2.4rem}.search-modal__form .search__button[type=button] .icon{width:1.2rem;stroke-width:calc(var(--icon-weight) - .1px);transition:transform var(--duration-default) ease;will-change:transform}@media screen and (hover:hover){.search-modal__form .search__button[type=button]:hover .icon{transform:scale(1.07)}}.search-modal__form .search__button[type=reset]{font-family:inherit;letter-spacing:.06rem;opacity:0;transition:opacity var(--duration-default) ease}.search-modal__form .search__input:not(:placeholder-shown)~.search__button[type=reset]{opacity:1}.search__input:placeholder-shown~.search__recommendation{display:block}.search__recommendation{display:none;z-index:1;position:absolute;top:100%;left:0;width:100%;padding:2rem 0;margin-top:.4rem;border-radius:1rem;background-color:rgb(var(--color-background));box-shadow:0 .1rem .8rem rgba(var(--color-foreground),.15),0 2rem 4rem rgba(var(--color-foreground),.08)}.search__recommendation a{display:block;text-decoration:none;padding:.5rem 4.5rem;color:rgb(var(--color-link));line-height:calc(1 + .6 / var(--font-body-scale));transition:background-color var(--duration-default) ease}@media screen and (hover:hover){.search__recommendation a:hover{background-color:rgba(var(--color-foreground),.06)}}@media screen and (max-width:749px){.search-modal--open .header-wrapper{position:static}details[open]>.search-modal{animation:appear-down var(--duration-default) ease}.search-modal{position:fixed}details[open]>.search-modal .modal-overlay:after{bottom:0}}.search__recommendation .menu-item.is-parent>a{pointer-events:none;letter-spacing:.2em;text-transform:uppercase;font-size:1rem;line-height:1.2rem;padding-top:0;padding-bottom:0;margin-bottom:.8rem;color:rgba(var(--color-heading),.55);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.search__recommendation .menu-item+.is-parent,.search__recommendation .is-parent+.menu-item{margin-top:3rem}.search-modal{height:100vh;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;padding:calc(var(--header-bottom-position, var(--header-height, 7.2rem)) + 1.2rem) 0 2.4rem;position:fixed;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}@supports (height: 100svh){.search-modal{height:100svh}}details[open]>.search-modal{padding-inline-end:0}.search-modal .page-width{height:auto;max-width:min(98rem,calc(100vw - 2.4rem));position:relative;z-index:2}.search-modal__content{height:auto;min-height:0;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.search-modal__form{min-height:0}.search-modal__form .field{background:linear-gradient(135deg,rgba(var(--color-header-background, var(--color-background)),.44),rgba(var(--color-header-background, var(--color-background)),.2));border:.1rem solid rgba(var(--color-header-foreground, var(--color-foreground)),.16);border-radius:999rem;box-shadow:0 1.8rem 4.8rem #110f0c33,inset 0 .1rem #ffffff7a,inset 0 -.1rem rgba(var(--color-header-foreground, var(--color-foreground)),.08);column-gap:1rem;margin-top:0;overflow:hidden;padding:0 1.2rem;position:relative;isolation:isolate;backdrop-filter:blur(3rem) saturate(1.45);-webkit-backdrop-filter:blur(3rem) saturate(1.45)}.search-modal__form .field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.58),transparent 34%),linear-gradient(115deg,#ffffff5c,#ffffff14 44%,#ffffff38);pointer-events:none}.search-modal__form .field:after{content:"";position:absolute;top:.1rem;right:.1rem;bottom:.1rem;left:.1rem;z-index:-1;border-radius:inherit;box-shadow:inset 0 0 1.8rem #ffffff2e,inset 0 0 3.6rem rgba(var(--color-header-foreground, var(--color-foreground)),.06);pointer-events:none}.shopify-section-header-sticky:not(.shopify-section-header-hidden) .search-modal__form .field{margin-top:0}.search-modal__form .search__input{color:rgb(var(--color-header-foreground, var(--color-foreground)));font-size:clamp(1.55rem,1.5vw,1.9rem);height:5.6rem;letter-spacing:.02em}.search-modal__form .search__input::placeholder{color:rgba(var(--color-header-foreground, var(--color-foreground)),.58);opacity:1}.search-modal__form .search__button{color:rgb(var(--color-header-foreground, var(--color-foreground)));flex:0 0 3.4rem;min-height:3.4rem;min-width:3.4rem}.search-modal__form .search__button .icon{height:1.8rem;width:1.8rem}.search-modal__form .search__button[type=button] .icon{height:1.4rem;width:1.4rem}details[open]>.search-modal .modal-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:transparent}details[open]>.search-modal .modal-overlay:after{content:none}.search-modal .search__recommendation,.search-modal .predictive-search{border:.1rem solid rgba(var(--color-header-foreground, var(--color-foreground)),.14);border-radius:2.4rem;background:linear-gradient(135deg,rgba(var(--color-header-background, var(--color-background)),.52),rgba(var(--color-header-background, var(--color-background)),.32));box-shadow:0 2rem 5rem #110f0c29,inset 0 .1rem #ffffff52;backdrop-filter:blur(2.8rem) saturate(1.32);-webkit-backdrop-filter:blur(2.8rem) saturate(1.32)}.search-modal .search__recommendation{margin-top:1rem;overflow:hidden}.search-modal .predictive-search{padding:clamp(1.6rem,2.4vw,2.4rem)}.search-modal.searching,details[open]>.search-modal.searching{height:100vh}@supports (height: 100svh){.search-modal.searching,details[open]>.search-modal.searching{height:100svh}}@media screen and (max-width:749px){.search-modal .page-width{max-width:none;padding-inline:1.2rem}.search-modal__content{border-radius:0}.search-modal__form .field{margin-top:0;padding:0 .9rem}.search-modal__form .search__input{height:5.2rem;font-size:1.5rem}.search-modal .predictive-search{padding:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-search.css.map */