.shape-search{--ss-bg: rgb(255 255 255 / .9);--ss-border: rgb(0 0 0 / .08);--ss-surface: rgb(0 0 0 / .035);--ss-surface-hover: rgb(0 0 0 / .06);--ss-strong-border: rgb(0 0 0 / .18);--ss-text: #111113;--ss-muted: rgb(0 0 0 / .62);--ss-faint: rgb(0 0 0 / .4);--ss-band: #f5f5f7;--ss-accent: #dd1d1d;--ss-ease: cubic-bezier(.22, 1, .36, 1);width:min(920px,calc(100vw - 32px));max-width:none;max-height:none;margin:9vh auto auto;padding:0;border:0;background:transparent;color:var(--ss-text);overflow:visible}.shape-search::backdrop{background:#08080a59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:shape-search-fade .3s ease both}.shape-search.is-closing::backdrop{animation:shape-search-fade .18s ease reverse both}@keyframes shape-search-fade{0%{opacity:0}}html.shape-search-open{overflow:hidden}.shape-search__panel{display:flex;flex-direction:column;max-height:min(78vh,760px);overflow:hidden;border-radius:24px;border:1px solid var(--ss-border);background:var(--ss-bg);box-shadow:0 1px #fffc inset,0 40px 90px -30px #00000073;backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);animation:shape-search-in .42s var(--ss-ease) both}.shape-search.is-closing .shape-search__panel{animation:shape-search-out .18s ease both}@keyframes shape-search-in{0%{opacity:0;translate:0 -14px;scale:.98}}@keyframes shape-search-out{to{opacity:0;translate:0 -8px;scale:.99}}.shape-search__bar{position:relative;display:flex;align-items:center;gap:14px;padding:18px 18px 18px 22px;border-bottom:1px solid var(--ss-border)}.shape-search__bar-icon{flex:none;color:var(--ss-accent)}.shape-search input.shape-search__input{flex:1;height:auto;box-shadow:none;border-radius:0;min-width:0;padding:0;border:0;background:none;color:var(--ss-text);font-family:inherit;font-size:20px;font-weight:500;letter-spacing:-.01em;outline:none;caret-color:var(--ss-accent);-webkit-appearance:none;appearance:none}.shape-search input.shape-search__input:focus,.shape-search input.shape-search__input:focus-visible{outline:none;box-shadow:none}.shape-search__input::placeholder{color:var(--ss-faint)}.shape-search__input::-webkit-search-cancel-button{display:none}.shape-search__spinner{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid rgb(0 0 0 / .1);border-top-color:var(--ss-accent);opacity:0;transition:opacity .2s ease;animation:shape-search-spin .7s linear infinite}shape-search.is-loading .shape-search__spinner{opacity:1}@keyframes shape-search-spin{to{rotate:360deg}}.shape-search__clear{flex:none;padding:6px 10px;border:0;border-radius:999px;background:var(--ss-surface);color:var(--ss-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.shape-search__clear:hover{background:var(--ss-surface-hover);color:var(--ss-text)}.shape-search__close{flex:none;padding:0;border:0;background:none;cursor:pointer}.shape-search kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:6px;border:1px solid var(--ss-border);background:var(--ss-surface);font-family:inherit;font-size:11px;font-weight:600;color:var(--ss-muted)}.shape-search__close-icon{display:none;color:var(--ss-muted)}.shape-search__close:hover kbd{border-color:var(--ss-strong-border);color:var(--ss-text)}.shape-search__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px;scrollbar-width:thin;scrollbar-color:rgb(0 0 0 / .2) transparent}.shape-search__block+.shape-search__block{margin-top:24px}.shape-search__idle .shape-search__block{animation:shape-search-rise .5s var(--ss-ease) both;animation-delay:calc(80ms + var(--i, 0) * 70ms)}@keyframes shape-search-rise{0%{opacity:0;translate:0 10px}}.shape-search__label{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--font-heading--family);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ss-faint)}.shape-search__label:before{content:"";width:16px;height:2px;background:var(--ss-accent)}.shape-search [data-result]:is(:hover,.is-active),.shape-search__view-all.is-active{background:var(--ss-surface-hover);border-color:var(--ss-strong-border);color:var(--ss-text)}.shape-search [data-result]:focus-visible{outline:2px solid var(--ss-accent);outline-offset:2px}.shape-search__chips{display:flex;flex-wrap:wrap;gap:8px}.shape-search__chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--ss-border);background:var(--ss-surface);color:var(--ss-muted);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.shape-search__chip svg{color:var(--ss-accent)}.shape-search__chip:hover{border-color:var(--ss-strong-border);background:var(--ss-surface-hover);color:var(--ss-text)}.shape-search__brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.shape-search .shape-search__brand{display:grid;place-items:center;height:56px;padding:0 14px;border-radius:14px;border:1px solid var(--ss-border);background:#fff;color:var(--ss-muted);font-weight:600;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,translate .3s var(--ss-ease)}.shape-search .shape-search__brand:hover{translate:0 -2px}.shape-search__brand img{width:auto;max-width:100%;height:22px;object-fit:contain;filter:brightness(0);opacity:.5;transition:opacity .2s ease}.shape-search__brand:is(:hover,.is-active) img{opacity:1}.shape-search__categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.shape-search .shape-search__category{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid transparent;color:var(--ss-muted);font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease}.shape-search__category-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:10px;background:var(--ss-surface)}.shape-search__category-icon img{width:18px;height:18px;object-fit:contain}.shape-search__featured{margin:26px -22px -22px;padding:22px;border-top:1px solid var(--ss-border);background:var(--ss-band);animation:shape-search-rise .5s var(--ss-ease) both;animation-delay:calc(80ms + var(--i, 0) * 70ms)}.shape-search__featured-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.shape-search .shape-search__feat{display:flex;align-items:center;gap:12px;height:100%;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid var(--ss-border);background:#fff;color:var(--ss-text);text-decoration:none;transition:translate .4s var(--ss-ease),box-shadow .4s var(--ss-ease),border-color .2s ease}.shape-search .shape-search__feat:is(:hover,.is-active){translate:0 -3px;border-color:var(--ss-strong-border);background:#fff;box-shadow:0 18px 30px -20px #00000059}.shape-search__feat-media{display:block;flex:none;width:64px;aspect-ratio:1;overflow:hidden;border-radius:10px;background:radial-gradient(closest-side,#fff,#f1f1f3)}.shape-search__feat-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:scale .5s var(--ss-ease)}.shape-search__feat:hover .shape-search__feat-media img{scale:1.06}.shape-search__feat-body{display:flex;flex-direction:column;gap:4px;min-width:0}.shape-search__feat-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;font-weight:600;line-height:1.3}.shape-search__feat-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;font-size:11px;color:var(--ss-faint)}.shape-search__feat-price strong{font-size:13px;color:var(--ss-text);font-variant-numeric:tabular-nums}.shape-search__feat-price strong.is-sale{color:var(--ss-accent)}.shape-search__feat-price span{flex-basis:100%;font-variant-numeric:tabular-nums}@media screen and (max-width:749px){.shape-search__featured{margin:22px -18px -18px;padding:18px}.shape-search__featured-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.shape-search__featured-list li{flex:none;width:72vw;scroll-snap-align:start}}.shape-search__results{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:28px}.shape-search__results[hidden]{display:none}.shape-search__col--side:not(:has(.shape-search__block:not([hidden]))){display:none}.shape-search__results:not(:has(.shape-search__col--side .shape-search__block:not([hidden]))){grid-template-columns:1fr}.shape-search__list{display:grid;gap:2px;margin:0}.shape-search .shape-search__row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;border:1px solid transparent;color:var(--ss-muted);font-size:14px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.shape-search__row svg{flex:none;color:var(--ss-faint)}.shape-search__thumb{flex:none;width:32px;height:32px;overflow:hidden;border-radius:8px;border:1px solid var(--ss-border);background:#fff}.shape-search__thumb img{width:100%;height:100%;object-fit:contain}.shape-search mark{background:none;color:var(--ss-text);font-weight:700;text-decoration:underline;text-decoration-color:var(--ss-accent);text-decoration-thickness:2px;text-underline-offset:3px}.shape-search__products{display:grid;gap:6px;margin:0}.shape-search__products li{animation:shape-search-rise .4s var(--ss-ease) both;animation-delay:calc(var(--i, 0) * 40ms)}.shape-search .shape-search__product{display:flex;align-items:center;gap:16px;padding:8px 14px 8px 8px;border-radius:16px;border:1px solid transparent;color:var(--ss-text);text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.shape-search__product.is-unavailable{opacity:.55}.shape-search__product-media{flex:none;width:72px;height:72px;overflow:hidden;border-radius:12px;background:radial-gradient(closest-side,#fff,#f1f1f3)}.shape-search__product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:scale .5s var(--ss-ease)}.shape-search__product:is(:hover,.is-active) .shape-search__product-media img{scale:1.08}.shape-search__product-text{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.shape-search__product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14.5px;font-weight:600;line-height:1.3}.shape-search__product-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;color:var(--ss-faint)}.shape-search__product-price strong{font-size:15px;color:var(--ss-text);font-variant-numeric:tabular-nums}.shape-search__product-price strong.is-sale{color:var(--ss-accent)}.shape-search__product-ht{margin-left:6px;font-variant-numeric:tabular-nums}.shape-search__product-go{flex:none;color:var(--ss-faint);opacity:0;translate:-6px 0;transition:opacity .2s ease,translate .3s var(--ss-ease),color .2s ease}.shape-search__product:is(:hover,.is-active) .shape-search__product-go{opacity:1;translate:none;color:var(--ss-accent)}.shape-search__empty{padding:28px 8px;text-align:center}.shape-search__empty-title{margin:0 0 8px;font-family:"Bebas Neue",var(--font-heading--family);font-size:30px;line-height:1;text-transform:uppercase}.shape-search__empty-hint{margin:0 auto;max-width:420px;font-size:14px;color:var(--ss-muted)}.shape-search__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px 12px 22px;border-top:1px solid var(--ss-border)}.shape-search .shape-search__view-all{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:var(--ss-accent);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s ease}.shape-search .shape-search__view-all:is(:hover,.is-active){background:#f02a2a}.shape-search__view-all svg{transition:translate .3s var(--ss-ease)}.shape-search__view-all:hover svg{translate:3px 0}.shape-search__view-all[hidden]{display:none}.shape-search__hints{display:flex;gap:16px;margin:0 0 0 auto;font-size:12px;color:var(--ss-faint)}.shape-search__hints span{display:inline-flex;align-items:center;gap:4px}@media screen and (max-width:749px){.shape-search{width:100vw;height:100dvh;margin:0}.shape-search__panel{height:100%;max-height:none;border:0;border-radius:0}.shape-search__bar{padding:14px 14px 14px 18px}.shape-search__input{font-size:17px}.shape-search__body{padding:18px}.shape-search__results{grid-template-columns:1fr;gap:20px}.shape-search__col--main{order:-1}.shape-search__hints,.shape-search__close kbd{display:none}.shape-search__close-icon{display:block}.shape-search .shape-search__view-all{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.shape-search *,.shape-search::backdrop,.shape-search__panel{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shape-search.css.map */