.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}.header .search-modal--island{position:fixed;inset:var(--header-bottom-position, 0px) 0 0;z-index:30;isolation:isolate;display:block;height:auto;min-height:0;overflow:visible;background:transparent}.header .search-modal--island>.page-width{position:relative;z-index:2;height:auto;padding-block-start:1.2rem;pointer-events:none}.header .search-modal--island .search-modal__content{width:min(100%,72rem);height:auto;margin-inline:auto;outline:0;pointer-events:auto}.header .search-modal--island .search-modal__form{height:auto}.header .search-modal--island .search-modal__form .field,.header .search-modal--island .search-modal__form .field.has-recommendation{position:relative;z-index:2;width:100%;min-height:5.4rem;margin:0;padding-inline:1.5rem 1.2rem;column-gap:1.2rem;color:#003240;background:#ffffffeb;border:1px solid rgba(6,221,151,.22);border-radius:1.8rem;box-shadow:0 14px 40px #0032401a,inset 0 1px #fffffff0;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:border-color .22s cubic-bezier(.32,.72,0,1),box-shadow .22s cubic-bezier(.32,.72,0,1)}.header .search-modal--island .search-modal__form .field:focus-within{border-color:#06dd979e;box-shadow:0 16px 44px #0032401f,0 0 0 3px #06dd9717,inset 0 1px #fffffff5}.header .search-modal--island .search__input{height:5.2rem;min-height:5.2rem;color:#003240;font-size:1.6rem;letter-spacing:0}.header .search-modal--island .search__input::placeholder{color:#00324085}.header .search-modal--island .search__button{color:#003240}.header .search-modal--island .search__button[type=submit] .icon{width:2.2rem;height:2.2rem}.header .search-modal--island .search__button[type=button]{width:3.8rem;min-width:3.8rem;height:3.8rem;min-height:3.8rem;border-radius:50%;background:#0032400e;transition:color .22s cubic-bezier(.32,.72,0,1),background-color .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1)}.header .search-modal--island .search__button[type=reset]{min-width:auto;min-height:3.4rem;padding-inline:1rem;color:#006f60;letter-spacing:0;border-radius:999px;background:#06dd9714;transition:opacity .18s cubic-bezier(.32,.72,0,1),background-color .22s cubic-bezier(.32,.72,0,1)}.header .search-modal--island .search__recommendation{display:none}.header .search-modal--island .modal-overlay{position:fixed;inset:var(--header-bottom-position, 0px) 0 0;z-index:0;display:block;background:#00324012;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:default}.header .search-modal--island .modal-overlay:after{content:none}details[open]>.search-modal--island .search-modal__content{animation:helma-search-island-in .36s cubic-bezier(.32,.72,0,1) both}@keyframes helma-search-island-in{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@media screen and (hover:hover){.header .search-modal--island .search__button[type=button]:hover{color:#007f6e;background:#06dd971c;transform:scale(.96)}.header .search-modal--island .search__button[type=reset]:hover{background:#06dd9724}}@media screen and (max-width:749px){.header .search-modal--island>.page-width{padding-inline:1.2rem;padding-block-start:1rem}.header .search-modal--island .search-modal__content{width:100%}.header .search-modal--island .search-modal__form .field,.header .search-modal--island .search-modal__form .field.has-recommendation{min-height:5.2rem;padding-inline:1.3rem .9rem;border-radius:1.6rem}.header .search-modal--island .search__input{height:5rem;min-height:5rem;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){details[open]>.search-modal--island .search-modal__content{animation:none}.header .search-modal--island .search__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-search.css.map */