.cfx{--cfx-r:1rem;border-radius:var(--cfx-r);isolation:isolate;display:grid;position:relative}.cfx[data-kind=category]{--cfx-r:.75rem}.cfx>*{min-width:0}.cfx[data-cfx]:before,.cfx[data-cfx]:after{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.cfx[data-cfx=glow]:after{content:"";box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 55%, transparent), 0 0 24px 2px color-mix(in srgb, var(--brand) 42%, transparent);opacity:.35;transition:opacity .3s}.cfx[data-cfx=glow]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=shine]{overflow:hidden}.cfx[data-cfx=shine]:after{content:"";background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--brand) 22%, #ffffff6b) 50%, transparent 65%);animation:5.5s ease-in-out infinite cfx-shine;transform:translate(-120%)}.cfx[data-cfx=shine]:is([data-active],:focus-within):after{animation-duration:2.2s}@keyframes cfx-shine{0%,68%{transform:translate(-120%)}to{transform:translate(120%)}}.cfx[data-cfx=gradient]:before{content:"";background:linear-gradient(135deg, var(--brand), color-mix(in srgb, var(--brand) 45%, #ff5fa2), color-mix(in srgb, var(--brand) 45%, #ffc94a), var(--brand));-webkit-mask-composite:xor;opacity:.85;padding:1.5px;transition:opacity .3s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cfx[data-cfx=gradient]:after{content:"";box-shadow:0 10px 30px -10px color-mix(in srgb, var(--brand) 55%, transparent);opacity:0;transition:opacity .3s}.cfx[data-cfx=gradient]:is([data-active],:focus-within):before,.cfx[data-cfx=gradient]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=pulse]:after{content:"";box-shadow:0 0 0 1px color-mix(in srgb, var(--brand) 45%, transparent), 0 0 26px 3px color-mix(in srgb, var(--brand) 38%, transparent);animation:2.8s ease-in-out infinite cfx-pulse}@keyframes cfx-pulse{0%,to{opacity:.18}50%{opacity:.85}}.cfx[data-cfx=lift]{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.cfx[data-cfx=lift]:after{content:"";box-shadow:0 22px 32px -16px color-mix(in srgb, var(--brand) 50%, #0000008c);opacity:0;transition:opacity .3s}.cfx[data-cfx=lift]:is([data-active],:focus-within){transform:translateY(-6px)}.cfx[data-cfx=lift]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=sparkle]:before,.cfx[data-cfx=sparkle]:after{content:"";z-index:3;background:color-mix(in srgb, var(--brand) 50%, white);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;border-radius:0;width:14px;height:14px;animation:2.6s ease-in-out infinite cfx-twinkle;inset:10px 12px auto auto}.cfx[data-cfx=sparkle]:after{width:9px;height:9px;animation-delay:1.3s;top:30px;right:30px}@keyframes cfx-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.cfx[data-cfx=tilt]{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform:perspective(900px)}.cfx[data-cfx=tilt]:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff2e,#0000 45%);transition:opacity .35s}.cfx[data-cfx=tilt]:is([data-active],:focus-within){transform:perspective(900px)rotateX(5deg)rotateY(-6deg)translateY(-3px)}.cfx[data-cfx=tilt]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=frost]:after{content:"";background:linear-gradient(160deg, color-mix(in srgb, var(--brand) 10%, #ffffff42), transparent 40%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 16%, transparent), inset 0 1px 0 #ffffff73;opacity:.8;transition:opacity .3s}.cfx[data-cfx=frost]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=holo]{overflow:hidden}.cfx[data-cfx=holo]:after{content:"";mix-blend-mode:soft-light;opacity:.7;background:linear-gradient(115deg,#0000 30%,#ff78c859 40%,#ffe67859 46%,#78ffc859 52%,#78b4ff59 58%,#0000 68%);border-radius:0;animation:6s ease-in-out infinite alternate cfx-holo;inset:-40% -60%;transform:translate(-30%)}.cfx[data-cfx=holo]:is([data-active],:focus-within):after{opacity:1;animation-duration:3s}@keyframes cfx-holo{to{transform:translate(30%)}}@property --cfx-a{syntax:"<angle>";inherits:false;initial-value:0deg}.cfx[data-cfx=trace]:before{content:"";background:conic-gradient(from var(--cfx-a), transparent 0 72%, color-mix(in srgb, var(--brand) 40%, transparent) 82%, var(--brand) 94%, transparent 100%);-webkit-mask-composite:xor;padding:2px;animation:3.2s linear infinite cfx-trace;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cfx[data-cfx=trace]:is([data-active],:focus-within):before{animation-duration:1.6s}@keyframes cfx-trace{to{--cfx-a:360deg}}.cfx[data-cfx=spotlight]{overflow:hidden}.cfx[data-cfx=spotlight]:after{content:"";background:radial-gradient(circle 140px at var(--cfx-x,50%) var(--cfx-y,40%), color-mix(in srgb, var(--brand) 30%, #ffffff47), transparent 70%);mix-blend-mode:soft-light;opacity:0;transition:opacity .25s}.cfx[data-cfx=spotlight]:is([data-active],:focus-within):after{opacity:1}.cfx[data-cfx=ripple]{overflow:hidden}.cfx[data-cfx=ripple]:after{content:"";inset:auto;left:var(--cfx-x,50%);top:var(--cfx-y,50%);background:color-mix(in srgb, var(--brand) 35%, transparent);opacity:0;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;transform:scale(0)}.cfx[data-cfx=ripple][data-press]:after{animation:.6s ease-out cfx-ripple}.cfx[data-cfx=ripple][data-active]:after{animation:2.4s ease-out infinite cfx-ripple}@keyframes cfx-ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(22)}}.cfx[data-cfx=float]{animation:4.5s ease-in-out infinite cfx-float}.cfx[data-cfx=float]:after{content:"";box-shadow:0 18px 28px -18px color-mix(in srgb, var(--brand) 45%, #00000080);animation:4.5s ease-in-out infinite cfx-float-shadow}@keyframes cfx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cfx-float-shadow{0%,to{opacity:.5}50%{opacity:1}}.cfx[data-cfx=rainbow]:before{content:"";-webkit-mask-composite:xor;opacity:.85;background:linear-gradient(120deg,#ff5f6d,#ffc371,#f9f871,#5cf2a6,#4fc3ff,#a78bfa,#ff5f6d);padding:2px;animation:8s linear infinite cfx-rainbow;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cfx[data-cfx=rainbow]:is([data-active],:focus-within):before{opacity:1;animation-duration:3s}@keyframes cfx-rainbow{to{filter:hue-rotate(360deg)}}.shop-theme .tile-row>.card-row{flex-basis:100%}.shop-theme .tile-row>.cfx:has(>.card-row){flex-basis:100%}.shop-theme .tile-row>:has(>.card-row){flex-basis:100%}.shop-theme .tile-row>:has(>.cfx>.card-row){flex-basis:100%}.tile-grid>.cfx:has(>.card-row){grid-column:1/-1}@media (hover:hover){.cfx[data-cfx=glow]:hover:after,.cfx[data-cfx=gradient]:hover:before,.cfx[data-cfx=gradient]:hover:after,.cfx[data-cfx=lift]:hover:after,.cfx[data-cfx=tilt]:hover:after,.cfx[data-cfx=frost]:hover:after{opacity:1}.cfx[data-cfx=shine]:hover:after{animation-duration:2.2s}.cfx[data-cfx=lift]:hover{transform:translateY(-6px)}.cfx[data-cfx=holo]:hover:after,.cfx[data-cfx=spotlight]:hover:after,.cfx[data-cfx=rainbow]:hover:before{opacity:1}.cfx[data-cfx=holo]:hover:after{animation-duration:3s}.cfx[data-cfx=trace]:hover:before{animation-duration:1.6s}.cfx[data-cfx=rainbow]:hover:before{animation-duration:3s}.cfx[data-cfx=tilt]:hover{transform:perspective(900px)rotateX(5deg)rotateY(-6deg)translateY(-3px)}}.shop-theme[data-entrance=fade] .reveal{filter:none;transform:none}.shop-theme[data-entrance=zoom] .reveal{filter:none;transform:scale(.93)}.shop-theme[data-entrance=slide] .reveal{filter:none;transform:translate(-36px)}.shop-theme[data-entrance=none] .reveal{opacity:1;filter:none;transition:none;transform:none}.shop-theme .reveal[data-effect=rise]{filter:blur(6px);transform:translateY(22px)scale(.985)}.shop-theme .reveal[data-effect=fade]{filter:none;transform:none}.shop-theme .reveal[data-effect=zoom]{filter:none;transform:scale(.93)}.shop-theme .reveal[data-effect=slide]{filter:none;transform:translate(-36px)}.shop-theme .reveal[data-effect=none]{opacity:1;filter:none;transition:none;transform:none}.shop-theme[data-entrance] .reveal.reveal-in,.shop-theme .reveal.reveal-in[data-effect]{opacity:1;filter:none;transform:none}.shop-theme[data-entrance=none] .stagger-in>*{animation:none}.shop-theme [role=dialog][aria-labelledby=welcome-title]{background-image:var(--welcome-backdrop,none);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (prefers-reduced-motion:reduce){.cfx[data-cfx],.cfx[data-cfx]:before,.cfx[data-cfx]:after{transition:none!important;animation:none!important}.cfx[data-cfx=lift],.cfx[data-cfx=tilt],.cfx[data-cfx=lift]:is(:hover,[data-active],:focus-within),.cfx[data-cfx=tilt]:is(:hover,[data-active],:focus-within){transform:none}.cfx[data-cfx=shine]:after{opacity:.35;transform:none}.cfx[data-cfx=pulse]:after{opacity:.5}.cfx[data-cfx=sparkle]:before,.cfx[data-cfx=sparkle]:after{opacity:.9;transform:none}.cfx[data-cfx=holo]:after{opacity:.5;transform:none}.cfx[data-cfx=trace]:before{background:color-mix(in srgb, var(--brand) 55%, transparent)}.cfx[data-cfx=float]{transform:none}.cfx[data-cfx=float]:after{opacity:.7}.cfx[data-cfx=ripple]:after{display:none}.cfx[data-cfx=spotlight]:after{background:radial-gradient(circle 140px at 50% 40%, color-mix(in srgb, var(--brand) 30%, #ffffff47), transparent 70%)}html .shop-theme .reveal,html .shop-theme[data-entrance] .reveal{opacity:1;filter:none;transition:none;transform:none}}