@property --sc-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.shop-search{z-index:6;max-width:620px;margin:0 auto clamp(2rem,4vw,3rem);position:relative}.shop-search__field{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:99px;align-items:center;gap:.7rem;height:58px;padding:0 1.2rem;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 18px 40px -26px #0009}.shop-search__field .icon{width:1.2rem;height:1.2rem;color:var(--cyan);flex:none}.shop-search__field input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:1rem}.shop-search__field input::placeholder{color:var(--muted)}.shop-search__ring{border-radius:inherit;background:conic-gradient(from var(--sc-spin), transparent 0 60%, var(--cyan) 75%, var(--magenta) 90%, transparent);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;padding:1.5px;animation:5s linear infinite sc-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shop-search__field:focus-within{border-color:#0000;box-shadow:0 0 0 4px #089ed729,0 18px 40px -20px #ec008c73}.shop-search__field:focus-within .shop-search__ring{opacity:1;animation-duration:2.4s}.shop-search__status{text-align:center;min-height:1.3em;color:var(--muted);margin:.6rem 0 0;font-size:.85rem}.shop-suggest{background:linear-gradient(160deg,#141626fa,#0c0d16fa);border:1px solid #ffffff14;border-radius:18px;margin:0;padding:.4rem;list-style:none;animation:.25s cubic-bezier(.2,.8,.2,1) sc-pop;position:absolute;top:66px;left:0;right:0;box-shadow:0 26px 50px -16px #000000a6,0 0 30px -10px #089ed780}@keyframes sc-pop{0%{opacity:0;translate:0 -6px}}.shop-suggest a{color:#f4f6ff;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .8rem;text-decoration:none;display:flex}.shop-suggest a[aria-selected=true],.shop-suggest a:hover{background:linear-gradient(120deg,#089ed738,#ec008c2e)}.shop-suggest__icon{width:34px;height:34px;color:var(--cyan);background:#ffffff12;border-radius:10px;flex:none;place-items:center;display:grid}.shop-suggest__icon .icon{width:1rem;height:1rem}.shop-suggest__text{min-width:0;display:grid}.shop-suggest__text strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.shop-suggest__text small{color:#dce4ff99;font-size:.75rem}.shop-suggest mark{color:#6fd6ff;background:0 0}.shop-cats__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),380px));justify-content:center;gap:clamp(1rem,2vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.shop-cat{isolation:isolate;background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 60%), color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--line);animation:.8s cubic-bezier(.2,.8,.2,1) both sc-in;animation-delay:calc(var(--i) * 60ms);border-radius:24px;flex-direction:column;gap:.6rem;padding:1.6rem 1.5rem 1.4rem;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s,opacity .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #0009}@keyframes sc-in{0%{opacity:0;translate:0 26px;scale:.96}}.shop-cat__ring{z-index:-1;border-radius:inherit;background:conic-gradient(from var(--sc-spin), transparent 0 62%, var(--tone) 78%, color-mix(in srgb, var(--tone) 40%, #fff) 88%, transparent);-webkit-mask-composite:xor;opacity:.45;animation:6s linear infinite sc-spin;animation-delay:calc(var(--i) * -.9s);padding:1.5px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes sc-spin{to{--sc-spin:360deg}}.shop-cat__shine{z-index:-1;pointer-events:none;animation:7s ease-in-out infinite sc-shine;animation-delay:calc(var(--i) * .55s + 1s);background:linear-gradient(115deg,#0000 38%,#ffffff12 46%,#ffffff29 50%,#ffffff12 54%,#0000 62%) 130% 0/260% 100%;position:absolute;inset:0}@keyframes sc-shine{0%{background-position:130% 0}35%,to{background-position:-30% 0}}.shop-cat__icon{color:#fff;background:linear-gradient(140deg, var(--tone), color-mix(in srgb, var(--tone) 55%, #1b1f33));width:56px;height:56px;box-shadow:0 10px 26px -10px var(--tone), inset 0 1px 0 #ffffff4d;animation:5s ease-in-out infinite sc-float;animation-delay:calc(var(--i) * -.7s);border-radius:18px;place-items:center;display:grid}.shop-cat__icon .icon{width:1.6rem;height:1.6rem}@keyframes sc-float{50%{translate:0 -5px}}.shop-cat__title{margin:.4rem 0 0;font-size:1.2rem}.shop-cat__title a{color:inherit;text-decoration:none}.shop-cat__title a:after{content:"";z-index:1;position:absolute;inset:0}.shop-cat__text{color:var(--muted);margin:0;font-size:.92rem}.shop-cat__match{color:var(--cyan);margin:0;font-size:.82rem}.shop-cat__match b{color:var(--text)}.shop-cat__link{color:var(--tone);align-items:center;gap:.45rem;margin-top:auto;padding-top:.6rem;font-size:.85rem;font-weight:700;display:inline-flex}.shop-cat__link b{background:color-mix(in srgb, var(--tone) 18%, transparent);border-radius:99px;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.75rem;display:inline-grid}.shop-cat__link .icon{width:1rem;height:1rem;transition:transform .35s}.shop-cat:hover,.shop-cat:focus-within{border-color:color-mix(in srgb, var(--tone) 55%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 12%, transparent), 0 26px 50px -24px var(--tone);transform:translateY(-6px)}.shop-cat:hover .shop-cat__ring,.shop-cat:focus-within .shop-cat__ring{opacity:1;animation-duration:2.6s}.shop-cat:hover .shop-cat__link .icon{transform:translate(3px,-3px)}.shop-cat.is-hidden{display:none}.shop-cat.is-match{border-color:color-mix(in srgb, var(--tone) 50%, var(--line))}.shop-cats__empty{text-align:center;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0;display:flex}.shop-cats__empty[hidden],.shop-suggest[hidden],.shop-cat__match[hidden]{display:none}.shop-cats__empty .icon{width:1.1rem;height:1.1rem}.shop-cats__empty a{color:var(--cyan);align-items:center;gap:.3rem;font-weight:700;display:inline-flex}:root[data-theme=light] .shop-cat{background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--tone) 12%, transparent), transparent 60%), #fff}@media (prefers-reduced-motion:reduce){.shop-cat,.shop-cat__ring,.shop-cat__shine,.shop-cat__icon,.shop-search__ring,.shop-suggest{animation:none}}.shop-help{isolation:isolate;color:#fff;background:radial-gradient(90% 120% at 0% 0%, #089ed747, transparent 60%), radial-gradient(80% 120% at 100% 100%, #ec008c3d, transparent 60%), var(--ink);border-radius:clamp(22px,3vw,36px);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(32px,5vw,64px) clamp(22px,4.5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -34px #0009}.shop-help__ring{z-index:-1;border-radius:inherit;background:conic-gradient(from var(--sc-spin), transparent 0 55%, var(--cyan) 72%, var(--magenta) 88%, transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1.5px;animation:6s linear infinite sc-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shop-help__copy{min-width:0}.shop-help h2{text-transform:uppercase;margin:.4rem 0 .75rem;font-size:clamp(1.7rem,3.6vw,2.8rem);line-height:1.08}.shop-help p{color:#ffffffd1;max-width:620px;margin:0}.shop-help .eyebrow{color:#6fd6ff}.shop-help__actions{flex-direction:column;align-items:stretch}.shop-help .btn--ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff4d}.shop-help>.shop-help__rings{z-index:-1;opacity:.14;color:#fff;pointer-events:none;width:360px;position:absolute;top:50%;right:-110px;translate:0 -50%}@media (width<=900px){.shop-help{grid-template-columns:1fr}.shop-help__actions{flex-flow:wrap;align-items:center}}@media (width<=520px){.shop-help__actions .btn{white-space:normal;text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){.shop-help__ring{opacity:.6;animation:none}}