[data-like-fan=true]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.eterna-like-fan{z-index:10300;box-sizing:border-box;padding:var(--safe-top,0px) 0 var(--safe-bottom,0px);pointer-events:none;contain:layout style;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.eterna-like-fan[data-phase=closing]{animation:.22s ease-in forwards eterna-like-fan-out}.eterna-like-fan[data-phase=closing]:has([data-picked=true]){animation-delay:.3s}@keyframes eterna-like-fan-out{to{opacity:0}}@keyframes eterna-like-fan-fade-in{0%{opacity:0}}.eterna-like-fan-dim{background:#06031075;animation:.22s ease-out both eterna-like-fan-fade-in;position:absolute;inset:0}.eterna-like-fan[data-phase=pinned] :is(.eterna-like-fan-dim,button){pointer-events:auto}.eterna-like-fan-chip{width:var(--chip-w);height:var(--chip-h);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1));animation:.4s cubic-bezier(.34,1.5,.64,1) backwards eterna-like-fan-in;animation-delay:calc(var(--i,0) * 36ms + 40ms);will-change:transform, opacity;background:0 0;border:0;margin:0;padding:0;font-size:15px;font-weight:900;line-height:1;transition:opacity .16s;position:absolute}@keyframes eterna-like-fan-in{0%{opacity:0;transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.2)}45%{opacity:1}}.eterna-like-fan[data-turned=true] .eterna-like-fan-chip{animation:none}.eterna-like-fan .eterna-like-fan-chip[data-swap=true]{animation:.3s cubic-bezier(.34,1.5,.64,1) backwards eterna-like-fan-swap;animation-delay:calc(var(--i,0) * 30ms)}@keyframes eterna-like-fan-swap{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1)) scale(.55)}}.eterna-like-fan-chip:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--neon-pink), transparent 35%), color-mix(in srgb, var(--neon-main), transparent 70%) 55%, transparent);opacity:0;pointer-events:none;animation:.46s ease-out both eterna-like-fan-glint;animation-delay:calc(var(--i,0) * 36ms + .12s);border-radius:9999px;position:absolute;inset:-16px -14px}@keyframes eterna-like-fan-glint{0%{opacity:.85;transform:scale(1.1)}to{opacity:0;transform:scale(.9)}}.eterna-like-fan-face{transform:scale(var(--s,1));isolation:isolate;border-radius:9999px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.5,.64,1),--gold-fill .14s;display:flex;position:absolute;inset:0}.eterna-like-fan-face:not(.eterna-gold){border:1.5px solid color-mix(in srgb, var(--neon-main), transparent 30%);background:radial-gradient(120% 150% at 50% 0%, color-mix(in srgb, var(--neon-main), #0b0716 70%), #0b0716 88%);box-shadow:0 0 14px color-mix(in srgb, var(--neon-main), transparent 45%), inset 0 0 10px color-mix(in srgb, var(--neon-main), transparent 72%)}.eterna-like-fan-face[data-custom=true]{white-space:normal;text-align:center;padding:0 8px;font-size:11.5px;line-height:1.05}.eterna-like-fan-chip[data-arrow=forward] .eterna-like-fan-face{padding-right:12px}.eterna-like-fan-chip[data-arrow=back] .eterna-like-fan-face{padding-left:12px}.eterna-like-fan-face:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--neon-main), var(--neon-pink));box-shadow:0 0 22px color-mix(in srgb, var(--neon-pink), transparent 35%), 0 0 44px color-mix(in srgb, var(--neon-main), transparent 65%);opacity:0;transition:opacity .14s;position:absolute;inset:-1.5px}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true]){--s:1.18;z-index:1}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true],[data-turn=stay]) .eterna-like-fan-face:before{opacity:1}.eterna-like-fan-chip[data-hot=true]:before{animation:.46s ease-out both eterna-like-fan-glint,1.1s ease-in-out infinite alternate eterna-like-fan-breathe}@keyframes eterna-like-fan-breathe{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.1)}}.eterna-like-fan[data-aim=true] .eterna-like-fan-chip:not([data-hot=true]){opacity:.55}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned] .eterna-like-fan-chip:hover{--s:1.12}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-chip:hover .eterna-like-fan-face:before{opacity:1}}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-chip:active{--s:.94}.eterna-like-fan-chip:focus-visible{outline:none}.eterna-like-fan-chip:focus-visible .eterna-like-fan-face{outline-offset:3px;outline:2px solid #fff}.eterna-like-fan-slider{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.eterna-like-fan-slider-track,.eterna-like-fan-slider-fill{left:var(--sx);border-radius:9999px;position:absolute}.eterna-like-fan-slider-track{background:color-mix(in srgb, var(--neon-main), transparent 72%);width:2px;margin-left:-1px;animation:.22s ease-out both eterna-like-fan-slider-in}.eterna-like-fan-slider-fill{background:linear-gradient(0deg, var(--neon-main), var(--neon-pink));width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--neon-pink), transparent 50%);margin-left:-1.5px}@keyframes eterna-like-fan-slider-in{0%{opacity:0}}.eterna-like-fan-slider-thumb{z-index:2;background:radial-gradient(circle, color-mix(in srgb, var(--like-heart), transparent 55%), transparent 70%);width:36px;height:36px;transform:translate3d(var(--sx), var(--sy), 0);will-change:transform;border-radius:9999px;margin:-18px 0 0 -18px;position:absolute;top:0;left:0}.eterna-like-fan-slider-thumb svg{width:30px;height:30px;position:absolute;inset:3px;overflow:visible}.eterna-like-fan-slider-hit{z-index:3;left:var(--sx);pointer-events:auto;touch-action:none;cursor:ns-resize;-webkit-tap-highlight-color:transparent;border-radius:9999px;position:absolute;transform:translate(-50%)}.eterna-like-fan-slider-hit:focus-visible{outline-offset:2px;outline:2px solid #fff}.eterna-like-fan-slider-value{z-index:4;top:var(--ly);left:var(--lx);border:1.5px solid color-mix(in srgb, var(--neon-main), transparent 30%);background:radial-gradient(120% 150% at 50% 0%, color-mix(in srgb, var(--neon-main), #0b0716 70%), #0b0716 88%);min-width:72px;box-shadow:0 0 18px color-mix(in srgb, var(--neon-main), transparent 45%);color:#fff;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;border-radius:9999px;padding:7px 16px;font-size:28px;font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-slider[data-cancel=true] .eterna-like-fan-slider-value{color:#ffffffb8;padding:10px 16px;font-size:17px}.eterna-like-fan-slider[data-cancel=true] .eterna-like-fan-slider-fill{opacity:0}.eterna-like-fan{--gold-brand-edge:var(--gold-brand-dark-edge);--gold-brand-line:var(--gold-brand-dark-line);--gold-brand-wash:var(--gold-brand-dark-wash)}.eterna-like-fan :is(.eterna-like-fan-face,.eterna-like-fan-mode-face).eterna-gold{background-color:#0b0716}.eterna-like-fan[data-mode=patron] :is(.eterna-like-fan-chip,.eterna-like-fan-arrow,.eterna-like-fan-trail){--neon-main:var(--gold-brand-deep);--neon-pink:var(--gold-brand)}.eterna-like-fan-face.eterna-gold:before{display:none}.eterna-like-fan-chip:is([data-hot=true],[data-picked=true],[data-turn=stay]) .eterna-like-fan-face.eterna-gold{--gold-fill:1}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned] .eterna-like-fan-chip:hover .eterna-like-fan-face.eterna-gold{--gold-fill:1}}.eterna-like-fan-mode{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;transition:opacity .16s;animation:.32s cubic-bezier(.34,1.5,.64,1) .18s both eterna-like-fan-pop;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-mode-face{letter-spacing:.01em;white-space:nowrap;transform:scale(var(--s,1));border-width:1.5px;border-radius:9999px;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;line-height:1;transition:transform .2s cubic-bezier(.34,1.5,.64,1),--gold-fill .14s;animation:.26s cubic-bezier(.34,1.5,.64,1) eterna-like-fan-mode-in;display:flex;position:absolute;inset:0}.eterna-like-fan-mode-face:not(.eterna-gold){color:#fff}.eterna-like-fan-mode[data-kind=status] .eterna-like-fan-mode-face{white-space:normal;text-align:center;text-wrap:balance;padding:0 10px;font-size:12px;line-height:1.12}.eterna-like-fan-mode[data-kind=locked]{pointer-events:none;cursor:default}.eterna-like-fan-mode[data-kind=locked] .eterna-like-fan-mode-face{border:1.5px solid var(--border);background:var(--soft-surface,color-mix(in srgb, var(--bg-card), transparent 10%));color:var(--text-muted);white-space:normal;text-align:center;text-wrap:balance;opacity:.85;padding:0 12px;font-size:11.5px;line-height:1.2}.eterna-like-fan-mode[data-hot=true]{--s:1.05}.eterna-like-fan-mode[data-hot=true] .eterna-like-fan-mode-face.eterna-gold{--gold-fill:1}.eterna-like-fan-mode[data-hot=true] .eterna-like-fan-face:before{opacity:1}@media (hover:hover) and (pointer:fine){.eterna-like-fan[data-phase=pinned] .eterna-like-fan-mode:hover{--s:1.05}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-mode:hover .eterna-gold{--gold-fill:1}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-mode:hover .eterna-like-fan-face:before{opacity:1}}.eterna-like-fan[data-phase=pinned] .eterna-like-fan-mode:active{--s:.94}.eterna-like-fan-mode:focus-visible{outline:none}.eterna-like-fan-mode:focus-visible .eterna-like-fan-mode-face{outline-offset:3px;outline:2px solid #fff}@keyframes eterna-like-fan-mode-in{0%{opacity:.4;transform:scale(.82)}}.eterna-like-fan[data-phase=closing] .eterna-like-fan-mode{opacity:0}.eterna-like-fan .eterna-like-fan-chip[data-turn=out]{pointer-events:none;animation:eterna-like-fan-suck var(--suck-ms) cubic-bezier(.5, 0, .75, .4) forwards;animation-delay:calc(var(--k,0) * var(--suck-stagger))}.eterna-like-fan .eterna-like-fan-chip[data-turn=out]:before{animation:none}@keyframes eterna-like-fan-suck{65%{opacity:.85}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--a-to)) translateX(var(--r)) rotate(calc(var(--a-to) * -1)) scale(.3)}}.eterna-like-fan .eterna-like-fan-chip[data-turn=stay]{z-index:2;transition:transform var(--travel-ms) cubic-bezier(.65, 0, .35, 1) var(--travel-delay), opacity .16s ease}.eterna-like-fan .eterna-like-fan-chip[data-turn=move]{transition:transform var(--travel-ms) cubic-bezier(.65, 0, .35, 1) var(--travel-delay)}.eterna-like-fan-chip[data-turn=stay] .eterna-like-fan-face{animation:eterna-like-fan-absorb calc(var(--travel-delay) + var(--travel-ms)) ease-out}@keyframes eterna-like-fan-absorb{35%{transform:scale(1.16)}60%{transform:scale(.98)}}.eterna-like-fan-chip[data-turn=stay]:before{animation:eterna-like-fan-pulse calc(var(--travel-delay) + var(--travel-ms) + .12s) ease-out both}@keyframes eterna-like-fan-pulse{0%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}.eterna-like-fan .eterna-like-fan-chip[data-turn=in]{animation:eterna-like-fan-emit var(--emit-ms) cubic-bezier(.34, 1.45, .64, 1) both;animation-delay:calc(var(--emit-delay) + var(--k,0) * var(--emit-stagger))}.eterna-like-fan .eterna-like-fan-chip[data-turn=in]:before{animation:eterna-like-fan-glint calc(var(--emit-ms) + .2s) ease-out both;animation-delay:calc(var(--emit-delay) + var(--k,0) * var(--emit-stagger))}@keyframes eterna-like-fan-emit{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--a-from)) translateX(var(--r)) rotate(calc(var(--a-from) * -1)) scale(.3)}30%{opacity:1}}.eterna-like-fan-trail{background:radial-gradient(closest-side, #fff, var(--neon-pink) 45%, transparent);pointer-events:none;opacity:0;width:14px;height:14px;transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1)) scale(.4);animation:eterna-like-fan-trail var(--emit-ms) cubic-bezier(.3, .6, .4, 1) both;animation-delay:calc(var(--emit-delay) + var(--k,0) * var(--emit-stagger) + 30ms);will-change:transform, opacity;border-radius:9999px;position:absolute}.eterna-like-fan-trail[data-n="2"]{width:9px;height:9px;animation-delay:calc(var(--emit-delay) + var(--k,0) * var(--emit-stagger) + 60ms)}@keyframes eterna-like-fan-trail{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--a-from)) translateX(var(--r)) rotate(calc(var(--a-from) * -1)) scale(1)}20%{opacity:.9}}.eterna-like-fan .eterna-like-fan-chip[data-picked=true] .eterna-like-fan-face:after{content:"";border-radius:inherit;border:2px solid var(--neon-pink);box-shadow:0 0 18px var(--neon-pink);animation:eterna-like-fan-flash .46s ease-out var(--burst-delay,0s) both;position:absolute;inset:-2px}.eterna-like-fan:has(.eterna-like-fan-finger[data-fly=true]){--burst-delay:.17s}@keyframes eterna-like-fan-flash{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.eterna-like-fan-spark{background:radial-gradient(closest-side, #fff, var(--neon-pink) 60%, transparent);opacity:0;pointer-events:none;width:6px;height:6px;animation:eterna-like-fan-burst .42s cubic-bezier(.2, .7, .3, 1) var(--burst-delay,0s) both;border-radius:9999px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}@keyframes eterna-like-fan-burst{0%{opacity:1;transform:rotate(var(--d)) translateX(20px) scale(1.2)}to{opacity:0;transform:rotate(var(--d)) translateX(58px) scale(.3)}}.eterna-like-fan[data-phase=closing] .eterna-like-fan-chip:not([data-picked=true]){--s:.7;opacity:0}.eterna-like-fan-ring{pointer-events:none;position:absolute;inset:-1.5px;overflow:visible}.eterna-like-fan-ring rect{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:eterna-like-fan-hold var(--hold-ms,.8s) linear forwards}@keyframes eterna-like-fan-hold{to{stroke-dashoffset:0}}.eterna-like-fan-arrow{z-index:2;border:1px solid color-mix(in srgb, var(--neon-main), transparent 45%);color:#fff;width:26px;height:26px;box-shadow:0 0 12px color-mix(in srgb, var(--neon-main), transparent 60%);-webkit-tap-highlight-color:transparent;--nudge:2.5px;background:#0b0716b8;border-radius:9999px;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .14s;animation:.32s cubic-bezier(.34,1.5,.64,1) .22s both eterna-like-fan-pop;display:flex;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-arrow[data-dir=back]{--nudge:-2.5px}.eterna-like-fan-arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;animation:.52s ease-in-out .56s 2 eterna-like-fan-nudge}.eterna-like-fan-arrow:active{transform:translate(-50%,-50%)scale(.86)}.eterna-like-fan-arrow:focus-visible{outline-offset:2px;outline:2px solid #fff}@keyframes eterna-like-fan-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@keyframes eterna-like-fan-nudge{50%{transform:translateX(var(--nudge))}}.eterna-like-fan-hint{border:1px solid color-mix(in srgb, var(--neon-main), transparent 55%);color:#fff;white-space:nowrap;background:#0a0618e0;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:800;animation:.26s .2s both eterna-like-fan-fade-in;position:absolute;transform:translate(-50%,-50%)}.eterna-like-fan-finger{z-index:3;background:radial-gradient(circle, color-mix(in srgb, var(--like-heart), transparent 55%), transparent 70%);width:36px;height:36px;transform:translate3d(var(--fx,-100px), var(--fy,-100px), 0);will-change:transform;border-radius:9999px;margin:-18px 0 0 -18px;position:absolute;top:0;left:0}.eterna-like-fan-finger svg{width:30px;height:30px;position:absolute;inset:3px;overflow:visible}.eterna-like-fan-finger-line path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linejoin:round}.eterna-like-fan-finger-fill{transform-origin:50% 60%;animation:eterna-like-fan-fill var(--press-ms,.32s) cubic-bezier(.3, 0, .6, 1) forwards}.eterna-like-fan-finger-fill path{fill:var(--like-heart)}@keyframes eterna-like-fan-fill{0%{transform:scale(0)}to{transform:scale(1)}}.eterna-like-fan:not([data-phase=press]) .eterna-like-fan-finger-fill{animation:none}.eterna-like-fan-finger[data-fly=true]{opacity:0;transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .12s .16s}.eterna-like-fan-finger[data-fly=true] svg{transition:transform .18s cubic-bezier(.34,1.5,.64,1);transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.eterna-like-fan-chip,.eterna-like-fan-chip:before,.eterna-like-fan-face,.eterna-like-fan .eterna-like-fan-chip[data-turn],.eterna-like-fan .eterna-like-fan-chip[data-turn]:before,.eterna-like-fan-chip[data-turn=stay] .eterna-like-fan-face,.eterna-like-fan-trail,.eterna-like-fan-face:after,.eterna-like-fan-spark,.eterna-like-fan-arrow,.eterna-like-fan-arrow svg,.eterna-like-fan-hint,.eterna-like-fan-dim,.eterna-like-fan[data-phase=closing],.eterna-like-fan-finger[data-fly=true],.eterna-like-fan-finger[data-fly=true] svg,.eterna-like-fan .eterna-like-fan-chip[data-swap=true],.eterna-like-fan-mode,.eterna-like-fan-mode-face,.eterna-like-fan-slider-track{transition:none;animation-duration:1ms;animation-delay:0s}.eterna-like-fan[data-phase=closing]:has([data-picked=true]){transition:none;animation-duration:1ms;animation-delay:0s}.eterna-like-fan-chip[data-hot=true]:before{animation:none}.eterna-like-fan .eterna-like-fan-chip[data-turn=stay]{transition:none}.eterna-like-fan-arrow svg{animation:none}}
