.search-overlay{--max-width: 31.25rem;--outer-spacing: 8px;position:fixed;inset:var(--outer-spacing);padding:16px;width:calc(100% - var(--outer-spacing)*2);background-color:#fff;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.87,0,.18,1),visibility .3s cubic-bezier(.87,0,.18,1),transform .6s cubic-bezier(.87,0,.18,1);z-index:99;top:auto;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}@media(min-width:550px){.search-overlay{left:unset;bottom:unset;padding:24px 20px;max-width:var(--max-width)}}.search-overlay.active,.search-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}@starting-style{.search-overlay.active,.search-overlay.is-active{opacity:0;visibility:hidden}}.search-overlay::-webkit-scrollbar{display:none}@media(min-width:550px){.search-overlay{top:var(--outer-spacing);transform:translate(100%)}.search-overlay.active{transform:translate(0)}}.search-overlay .overlay-close{position:absolute;width:1.5rem;min-height:1.5rem;right:.75rem;transform:translateY(-.25rem);max-width:100%;line-height:100%;background-color:#0000;border-radius:3px;border-color:#0000;transition:background-color .3s cubic-bezier(.87,0,.18,1),border-color .3s cubic-bezier(.87,0,.18,1);cursor:pointer;transform:unset;right:-.375rem;top:.25rem}@media(min-width:550px){.search-overlay .overlay-close{width:2rem;min-height:2rem;transform:translateY(-.75rem)}.search-overlay .overlay-close:hover{border-color:#2e2e2e80;background-color:#f8f8f8}}.search-overlay .overlay-close:focus-visible{border-color:#2e2e2e80;background-color:#f8f8f8}.search-overlay .overlay-close:after{content:"\2715";font-size:.75rem;line-height:100%}@media(min-width:550px){.search-overlay .overlay-close{transform:unset;top:0}}.search-overlay__search{position:relative}.search-overlay__search label:before{content:"";position:absolute;left:12px;top:50%;width:3px;height:12px;background:#00c331;transform:translateY(calc((100% - 6px)*-1))}.search-overlay__search input{background:#0000;width:100%;border:1px solid #000;border-radius:6px;color:#000;padding:4px 12px 4px 20px;font-size:1rem;line-height:100%;letter-spacing:.44px}.search-overlay__search input::placeholder{color:#000;opacity:.4}@media(min-width:1024px){.search-overlay__search input{font-size:.688rem;padding-block:8px}}@media(min-width:550px){.search-overlay__search{margin-top:0}}.search-overlay__search input{max-width:calc(100% - 3rem)}@media(min-width:550px){.search-overlay__search input{max-width:calc(100% - 4rem)}}.search-overlay__wrapper{position:relative;margin-top:16px;height:100%}.search-overlay__wrapper:has(.search__results.active) .search-overlay__popular,.search-overlay__wrapper:has(.search__results.active) .recently-viewed{display:none}.search-overlay__popular{padding-bottom:32px;border-bottom:1px solid #dedede}.search-overlay__popular ul{margin-top:16px;padding-left:12px}.search-overlay__popular ul a{letter-spacing:.52px}.search-overlay__title-wrapper{display:flex;gap:8px;align-items:center}.search-overlay .square{width:5px;height:5px;border-radius:1px;background-color:#00c331}.search-overlay__title{letter-spacing:.52px}.search-overlay .recently-viewed{margin-top:16px}.search-overlay .recently-viewed #splide-recently-viewed{margin-top:24px}@media(min-width:1280px){.search-overlay .recently-viewed #splide-recently-viewed{margin-right:-1rem}}.search-overlay .recently-viewed #splide-recently-viewed .splide__slide img{aspect-ratio:3/4}.search__results{display:none;width:100%;height:auto;background-color:#fff;z-index:1000}@supports (transition-behavior: allow-discrete){.search__results{transition-property:display;transition-duration:.3s;transition-timing-function:cubic-bezier(.87,0,.18,1);transition-behavior:allow-discrete}}.search__results.active{display:grid}@starting-style{.search__results.active{display:grid}}.search__results .search__results-wrapper{display:grid;grid-template-rows:repeat(4,1fr);gap:4px}.search__results .button{padding:12px 14px;margin-top:24px;transition:opacity .3s ease}.search__results .button:hover,.search__results .button:focus-visible{opacity:.8}.search__result-product{display:grid;grid-template-columns:64px 1fr;align-items:flex-start;gap:8px;background-color:#fff}.search__result-product:focus-visible{background-color:#f8f8f8}@media(min-width:1280px){.search__result-product{grid-template-columns:min(8.8svw,84px) 1fr}.search__result-product:hover{background-color:#f8f8f8}}.search__result-product .wrapper{position:relative;aspect-ratio:9/14;background-color:#1f1f1f00}.search__result-product .wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.04}.search__result-product .wrapper img{height:100%}.search__result-product .content{width:100%;padding:4px}.search__result-product .js-vendor,.search__result-product .js-title{font-size:.75rem}.search__result-product .js-vendor{text-transform:uppercase}.search__result-product .js-title{margin-block:2px 12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;opacity:.2}.search__result-product del{margin-right:8px;opacity:.2}
/*# sourceMappingURL=/cdn/shop/t/2/assets/search-overlay.css.map */