.search-overlay{--search-accent: var(--act-color-muted-text);--search-rule: var(--act-color-border);--search-rule-strong: color-mix(in oklch, var(--act-color-foreground) 22%, transparent);--search-heading: var(--act-color-muted-text);--search-foot-bg: var(--act-color-soft-bg);--search-media-bg: var(--act-color-soft-bg);--search-media-bg-hover: var(--act-color-soft-bg);--search-media-border: transparent;--search-media-radius: 0;--search-hit-hover-bg: color-mix(in oklch, var(--act-color-background) 92%, var(--act-color-soft-bg));--search-pad-x: var(--act-page-gutter);position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;visibility:hidden;pointer-events:none}.search-overlay.is-open{visibility:visible}.search-overlay__veil,.search-overlay__sheet{pointer-events:auto}.search-overlay__veil{position:absolute;top:var(--header-height, 0px);right:0;bottom:0;left:0;background:color-mix(in oklch,var(--act-color-foreground) 34%,transparent);opacity:0;transition:opacity .32s ease}.search-overlay.is-open .search-overlay__veil{opacity:1}.search-overlay__sheet{position:absolute;left:0;right:0;top:0;max-height:100vh;display:flex;flex-direction:column;background:var(--act-color-background);box-shadow:0 40px 70px -30px color-mix(in oklch,var(--act-color-foreground) 50%,transparent);transform:translateY(-14px);opacity:0;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .28s ease}.search-overlay.is-open .search-overlay__sheet{transform:none;opacity:1}.search-overlay__pad{padding:0 var(--search-pad-x)}.search-overlay__top{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding-top:1.625rem}.search-overlay__label{font-size:var(--act-text-xxs);letter-spacing:.22em;text-transform:uppercase;color:var(--search-accent)}.search-overlay__close{display:inline-flex;align-items:center;gap:.6875rem;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 .2em;cursor:pointer;font-size:var(--act-text-xxs);letter-spacing:.16em;text-transform:uppercase;color:var(--act-color-muted-text);transition:color .16s,border-color .16s}.search-overlay__close:hover{color:var(--act-color-foreground)}.search-overlay__field{display:flex;align-items:center;gap:1.125rem;padding:.375rem 0 1.125rem;border-bottom:1px solid var(--search-rule-strong);transition:border-color .2s}.search-overlay__field:focus-within{border-bottom-color:var(--act-color-foreground)}.search-overlay__icon{background:none;border:0;margin:0;padding:0;width:2.2rem;height:2.2rem;font:inherit;cursor:pointer}.search-overlay__icon:focus-visible{outline:2px solid var(--search-accent);outline-offset:2px}.search-overlay__icon svg{width:2.2rem;height:2.2rem;flex-shrink:0;color:var(--search-accent)}.search-overlay__input{flex:1;min-width:0;background:none;border:0;padding:0;font-family:var(--font-heading-family);font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.14;letter-spacing:-.01em;color:var(--act-color-foreground)}.search-overlay__input::placeholder{color:color-mix(in oklch,var(--act-color-muted-text) 72%,transparent)}.search-overlay__input:focus{outline:none;box-shadow:none}.search-overlay__input::-webkit-search-cancel-button{display:none}.search-overlay__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.search-overlay__pane{display:none}.search-overlay__pane.is-on{display:block}.search-overlay__foot{flex:0 0 auto;border-top:1px solid var(--search-rule-strong);background:var(--search-foot-bg)}.search-overlay__foot-in{padding:0 var(--search-pad-x);display:flex;align-items:center;gap:1.25rem;min-height:3.75rem}.search-overlay__all{display:flex;align-items:center;gap:.875rem;text-decoration:none;font-size:var(--act-text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--act-color-foreground)}.search-overlay__all[hidden]{display:none}.search-overlay__ar{transition:transform .18s}.search-overlay__all:hover .search-overlay__ar{transform:translate(6px)}.search-overlay__count{margin-left:auto;font-size:var(--act-text-xxs);letter-spacing:.08em;color:var(--act-color-muted-text);white-space:nowrap}@media screen and (min-width:750px){.search-overlay{--search-pad-x: calc(var(--act-page-gutter) * 3)}}.search-overlay__idle{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:0 clamp(1.5rem,3vw,3.25rem);padding:2.125rem 0 2.875rem}:is(.search-overlay__col,.search-overlay__col-recent)+.search-overlay__col{padding-left:clamp(1.5rem,3vw,3.25rem);border-left:1px solid var(--search-rule)}.search-overlay__ch{padding-bottom:.9375rem;font-size:var(--act-text-xxs);letter-spacing:.2em;text-transform:uppercase;color:var(--search-heading)}.search-overlay__list{display:flex;flex-direction:column}.search-overlay__link{display:flex;align-items:baseline;gap:.75rem;border-top:1px solid var(--search-rule);padding:.75rem 0;text-decoration:none;transition:color .16s}.search-overlay__link .t{font-family:var(--font-heading-family);font-size:1.3125rem;line-height:1.2;color:var(--act-color-foreground);transition:color .16s}.search-overlay__link .n{margin-left:auto;flex:0 0 auto;font-size:var(--act-text-xxs);letter-spacing:.06em;color:var(--act-color-muted-text)}.search-overlay__link:hover .t,.search-overlay__link[data-on] .t{color:var(--search-accent)}.search-overlay__list--sm .search-overlay__link .t{font-family:var(--font-body-family);font-size:.9375rem;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent)}.search-overlay__list--sm .search-overlay__link:hover .t{color:var(--act-color-foreground)}.search-overlay__link--all .t{font-family:var(--font-body-family);font-size:var(--act-text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase}.search-overlay__link--all .search-overlay__ar{margin-left:auto;color:var(--search-accent)}.search-overlay__link--all:hover .search-overlay__ar{transform:translate(5px)}.search-overlay__recent{padding-bottom:1.625rem}.search-overlay__recent[hidden]{display:none}.search-overlay__chips{display:flex;flex-wrap:wrap;gap:.4375rem}.search-overlay__chip{background:none;border:1px solid var(--search-rule-strong);padding:.4375rem .75rem .375rem;cursor:pointer;font-size:.8125rem;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent);transition:border-color .16s,color .16s}.search-overlay__chip:hover{border-color:var(--act-color-foreground);color:var(--act-color-foreground)}.search-suggest__grid{display:grid;grid-template-columns:14.5rem minmax(0,1fr)}.search-suggest__grid--solo{grid-template-columns:minmax(0,1fr)}.search-suggest__rail{padding:1.875rem clamp(1.375rem,2.4vw,2.125rem) 2.5rem var(--search-pad-x);border-right:1px solid var(--search-rule)}.search-suggest__group+.search-suggest__group{margin-top:1.625rem}.search-suggest__rlist{display:flex;flex-direction:column}.search-suggest__rlist button,.search-suggest__rlist a{display:flex;align-items:baseline;gap:.625rem;background:none;border:0;padding:.4375rem 0;cursor:pointer;text-align:left;text-decoration:none}.search-suggest__rlist .t{font-size:.875rem;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent);transition:color .16s}.search-suggest__rlist .n{margin-left:auto;font-size:var(--act-text-xxs);color:var(--act-color-muted-text)}.search-suggest__rlist button:hover .t,.search-suggest__rlist a:hover .t,.search-suggest__rlist [data-on] .t{color:var(--act-color-foreground)}.search-suggest__main{padding:1.875rem var(--search-pad-x) 2.875rem clamp(1.5rem,2.6vw,2.5rem)}.search-suggest__grid--solo .search-suggest__main{padding-left:var(--search-pad-x)}.search-suggest__count{padding-bottom:.875rem}.search-suggest__hits{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--search-rule)}.search-suggest__hit{border-bottom:1px solid var(--search-rule)}.search-suggest__hit:nth-child(odd){border-right:1px solid var(--search-rule)}.search-suggest__hit{display:flex;align-items:center;gap:1rem;padding:.8125rem .875rem .8125rem 0;background:var(--act-color-background);text-decoration:none;position:relative;transition:background .16s}.search-suggest__im{width:4.625rem;height:4.625rem;flex:0 0 auto;box-sizing:border-box;background:var(--search-media-bg);border:1px solid var(--search-media-border);border-radius:var(--search-media-radius);display:grid;place-items:center;transition:background .16s}.search-suggest__hit:hover .search-suggest__im,.search-suggest__hit[data-on] .search-suggest__im{background:var(--search-media-bg-hover)}.search-suggest__im img{width:86%;height:86%;object-fit:contain}.search-suggest__bd{min-width:0;flex:1;display:block}.search-suggest__br{display:block;font-size:var(--act-text-xxs);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--search-accent)}.search-suggest__nm{display:block;margin-top:.3125rem;font-family:var(--font-heading-family);font-size:1.125rem;line-height:1.2;color:var(--act-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s}.search-suggest__mt{margin-top:.375rem;display:flex;align-items:baseline;gap:.75rem}.search-suggest__pr .price{font-size:.9375rem;font-weight:600;color:var(--act-color-foreground)}.search-suggest__pr .price-item--regular{color:var(--act-color-foreground)}.search-suggest__pr .price--on-sale .price-item--regular{font-weight:400;color:var(--act-color-muted-text)}.search-suggest__pr .price--on-sale .price-item--sale{color:var(--act-color-sale-price)}.search-suggest__st{font-size:var(--act-text-xxs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--act-color-muted-text)}.search-suggest__hit:hover,.search-suggest__hit[data-on]{background:var(--search-hit-hover-bg)}.search-suggest__hit:hover .search-suggest__nm,.search-suggest__hit[data-on] .search-suggest__nm{color:var(--search-accent)}.search-suggest__hit[data-on]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--act-color-foreground)}.search-overlay__error{padding:1.875rem var(--search-pad-x);color:var(--act-color-error)}.search-empty{padding:2.75rem var(--search-pad-x) 3.25rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.875rem,5vw,4.75rem)}.search-empty__title{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.16;color:var(--act-color-foreground)}.search-empty__text{margin-top:.875rem;max-width:27rem;font-size:.9375rem;line-height:1.7;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent);text-wrap:pretty}.search-empty__try{margin-top:1.375rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.search-empty__k{margin-right:.25rem;font-size:var(--act-text-xxs);letter-spacing:.14em;text-transform:uppercase;color:var(--act-color-muted-text)}.search-empty__try button{background:none;border:1px solid var(--search-rule-strong);padding:.5rem .8125rem .4375rem;cursor:pointer;font-size:.84375rem;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent);transition:border-color .16s,color .16s}.search-empty__try button:hover,.search-empty__try button[data-on]{border-color:var(--act-color-foreground);color:var(--act-color-foreground)}.search-empty__ask{border-left:1px solid var(--search-rule);padding-left:clamp(1.5rem,3vw,2.75rem)}.search-empty__ln{display:flex;align-items:baseline;justify-content:space-between;gap:.875rem;padding:.75rem 0;border-top:1px solid var(--search-rule);font-size:.90625rem;color:color-mix(in oklch,var(--act-color-foreground) 82%,transparent)}.search-empty__ln b{font-family:var(--font-heading-family);font-weight:400;font-size:1rem;color:var(--act-color-foreground)}@media screen and (max-width:1180px){.search-overlay__idle{grid-template-columns:1fr 1fr;row-gap:2.125rem}.search-overlay__idle>:is(.search-overlay__col,.search-overlay__col-recent):nth-child(odd){padding-left:0;border-left:0}.search-suggest__hits{grid-template-columns:1fr}.search-suggest__hit:nth-child(odd){border-right:0}}@media screen and (max-width:820px){.search-overlay__sheet{max-height:100vh;height:100vh}.search-overlay__idle{grid-template-columns:1fr;row-gap:1.75rem;padding-bottom:1.875rem}:is(.search-overlay__col,.search-overlay__col-recent)+:is(.search-overlay__col,.search-overlay__col-recent){padding-left:0;border-left:0;border-top:1px solid var(--search-rule);padding-top:1.5rem}.search-suggest__grid{grid-template-columns:1fr}.search-suggest__rail{display:none}.search-suggest__main{padding-left:var(--search-pad-x)}.search-empty{grid-template-columns:1fr}.search-empty__ask{border-left:0;padding-left:0;border-top:1px solid var(--search-rule);padding-top:1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/component-search-overlay.css.map */