.sf{width:var(--sf-size,104px);height:var(--sf-size,104px);aspect-ratio:1;--sf-ring-w:4px;border-radius:50%;flex:none;display:inline-block;position:relative}.sf-avatar{inset:var(--sf-ring-w);width:calc(100% - 2 * var(--sf-ring-w));height:calc(100% - 2 * var(--sf-ring-w));object-fit:cover;z-index:1;border-radius:50%;position:absolute}.sf-ini{color:#c9d4e8;font-weight:700;font-family:var(--tv-font-ui);font-size:calc(var(--sf-size,104px) * .4);background:radial-gradient(60% 55% at 50% 38%,#3b4a6b,#0d1120);place-items:center;display:grid}.sf-ring{padding:var(--sf-ring-w);background:var(--sf-grad);-webkit-mask-composite:xor;z-index:2;background-size:100% 100%;border-radius:50%;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}.sf-glow{z-index:0;box-shadow:0 0 14px 2px var(--sf-glow);opacity:.5;border-radius:50%;position:absolute;inset:-6px}.sf-r-rare{--sf-grad:linear-gradient(135deg, #5b8fc0, #3b6fa0);--sf-glow:#3b6fa08c;--sf-solid:#4f86c6}.sf-r-epic{--sf-grad:linear-gradient(135deg, #8a74c8, #6d5aa6);--sf-glow:#6d5aa68c;--sf-solid:#7d68bd}.sf-r-legendary{--sf-grad:linear-gradient(135deg, #e7ce92, #b8862b 55%, #e7ce92);--sf-glow:#b8862b80;--sf-solid:#c79a33}.sf-r-mythic{--sf-grad:linear-gradient(135deg, #9b2c3a, #6e1f2a);--sf-glow:#9b2c3a8c;--sf-solid:#8f2634}.sf-m-hover .sf-glow{transition:opacity .22s,box-shadow .22s}.sf-m-hover:hover .sf-glow{opacity:.95;box-shadow:0 0 20px 4px var(--sf-glow)}.sf-m-breathe .sf-glow{animation:3.4s ease-in-out infinite sf-breathe}@keyframes sf-breathe{0%,to{opacity:.25}50%{opacity:.95}}.sf-m-glowPulse .sf-glow{animation:2s ease-in-out infinite sf-glowpulse}@keyframes sf-glowpulse{0%,to{box-shadow:0 0 8px 1px var(--sf-glow);opacity:.4}50%{box-shadow:0 0 26px 7px var(--sf-glow);opacity:.95}}.sf-m-flicker .sf-glow{animation:2.4s step-end infinite sf-flicker}@keyframes sf-flicker{0%,18%,22%,52%,56%,to{opacity:.85}20%,54%,70%,74%{opacity:.28}}.sf-m-heartbeat .sf-glow{animation:1.6s ease-in-out infinite sf-heartbeat}@keyframes sf-heartbeat{0%,60%,to{opacity:.35}15%,45%{opacity:1}30%{opacity:.5}}.sf-m-fade .sf-glow{animation:3s ease-in-out infinite sf-fade}@keyframes sf-fade{0%,to{opacity:.15}50%{opacity:.85}}.sf-m-ember .sf-glow{animation:.9s ease-in-out infinite sf-ember}@keyframes sf-ember{0%,to{opacity:.5;box-shadow:0 0 12px 2px var(--sf-glow)}33%{opacity:.8}66%{opacity:.35;box-shadow:0 0 18px 3px var(--sf-glow)}}.sf-m-pulse{animation:1.8s ease-in-out infinite sf-pulse}@keyframes sf-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sf-m-float{animation:2.6s ease-in-out infinite sf-float}@keyframes sf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sf-m-levitate{animation:3s ease-in-out infinite sf-levitate}@keyframes sf-levitate{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.04)}}.sf-m-bounce{animation:1.6s cubic-bezier(.28,.84,.42,1) infinite sf-bounce}@keyframes sf-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-12px)}50%{transform:translateY(0)}62%{transform:translateY(-5px)}75%{transform:translateY(0)}}.sf-m-jelly{animation:1.6s ease-in-out infinite sf-jelly}@keyframes sf-jelly{0%,to{transform:scale(1)}30%{transform:scale(1.12,.88)}50%{transform:scale(.9,1.1)}70%{transform:scale(1.05,.95)}}.sf-m-heartScale{animation:1.5s ease-in-out infinite sf-heartscale}@keyframes sf-heartscale{0%,60%,to{transform:scale(1)}15%,45%{transform:scale(1.12)}30%{transform:scale(1.02)}}.sf-m-nudge{animation:1.4s ease-in-out infinite sf-nudge}@keyframes sf-nudge{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sf-m-sway{animation:3s ease-in-out infinite sf-sway}@keyframes sf-sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.sf-m-wobble{animation:1.4s ease-in-out infinite sf-wobble}@keyframes sf-wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}.sf-m-tilt{animation:2.6s ease-in-out infinite sf-tilt}@keyframes sf-tilt{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.sf-m-rock{animation:2s ease-in-out infinite sf-rock}@keyframes sf-rock{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.sf-m-pendulum{transform-origin:50% 0;animation:2.4s ease-in-out infinite sf-pendulum}@keyframes sf-pendulum{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}.sf-m-spin{animation:4s linear infinite sf-spin}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-m-spinSlow{animation:9s linear infinite sf-spin}.sf-m-flip3d{animation:3.2s ease-in-out infinite sf-flip3d}@keyframes sf-flip3d{0%,to{transform:perspective(600px)rotateY(0)}50%{transform:perspective(600px)rotateY(180deg)}}.sf-m-sheen .sf-ring{background-size:280% 280%;animation:3.4s ease-in-out infinite sf-sheen}@keyframes sf-sheen{0%,to{background-position:0%}50%{background-position:100%}}.sf-m-shimmer .sf-ring{background-size:280% 280%;animation:1.2s linear infinite sf-sheen}.sf-m-drift .sf-ring{background-size:260% 260%;animation:4s ease-in-out infinite sf-drift}@keyframes sf-drift{0%,to{background-position:0 0}50%{background-position:100% 100%}}.sf-m-hueCycle .sf-ring{animation:3.5s linear infinite sf-hue}@keyframes sf-hue{to{filter:hue-rotate(360deg)}}.sf-m-saturate .sf-ring{animation:2.4s ease-in-out infinite sf-saturate}@keyframes sf-saturate{0%,to{filter:saturate(.5)}50%{filter:saturate(1.8)}}.sf-m-bright .sf-ring{animation:2s ease-in-out infinite sf-bright}@keyframes sf-bright{0%,to{filter:brightness(.75)}50%{filter:brightness(1.5)}}.sf-m-contrast .sf-ring{animation:2s ease-in-out infinite sf-contrast}@keyframes sf-contrast{0%,to{filter:contrast(.7)}50%{filter:contrast(1.8)}}.sf-m-invert .sf-ring{animation:2.6s step-end infinite sf-invert}@keyframes sf-invert{0%,40%{filter:invert(0)}50%,90%{filter:invert()}to{filter:invert(0)}}.sf-m-blur .sf-ring{animation:2.4s ease-in-out infinite sf-blur}@keyframes sf-blur{0%,to{filter:blur()}50%{filter:blur(2.5px)}}.sf-sweep{padding:var(--sf-ring-w);-webkit-mask-composite:xor;z-index:3;border-radius:50%;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}.sf-m-sweep .sf-sweep{background:conic-gradient(from 0deg, transparent 0 300deg, #ffffff8c 338deg, transparent 360deg);animation:3s linear infinite sf-rotate}.sf-m-sweepRev .sf-sweep{background:conic-gradient(from 0deg, transparent 0 300deg, #ffffff8c 338deg, transparent 360deg);animation:3s linear infinite reverse sf-rotate}.sf-m-sweepFast .sf-sweep{background:conic-gradient(from 0deg, transparent 0 300deg, #ffffffb3 340deg, transparent 360deg);animation:1.3s linear infinite sf-rotate}.sf-m-dualSweep .sf-sweep{background:conic-gradient(from 0deg, #ffffff70 0 20deg, transparent 40deg 200deg, #ffffff70 220deg, transparent 240deg 360deg);animation:3.4s linear infinite sf-rotate}.sf-m-trace .sf-sweep{background:conic-gradient(from 0deg, transparent 0 330deg, var(--sf-glow) 352deg, transparent 360deg);animation:2.2s linear infinite sf-rotate}@keyframes sf-rotate{to{transform:rotate(360deg)}}.sf-m-gradSpin .sf-ring{background:conic-gradient(from 0deg, var(--sf-grad-a,#fff), #fff0 25%, var(--sf-grad-a,#fff) 50%, #fff0 75%, var(--sf-grad-a,#fff));animation:3s linear infinite sf-rotate}.sf-m-gradPulse .sf-ring{animation:2s ease-in-out infinite sf-gradpulse}@keyframes sf-gradpulse{0%,to{opacity:.6}50%{opacity:1}}.sf-spark{z-index:4;opacity:0;background:radial-gradient(circle,#fff 0%,#fff9 40%,#0000 70%);width:10px;height:10px;position:absolute;transform:scale(.4)}.sf-spark-1{margin-left:-5px;animation:3s ease-in-out infinite sf-sparkle;top:3%;left:50%}.sf-spark-2{animation:3s ease-in-out 1s infinite sf-sparkle;top:46%;right:1%}.sf-spark-3{animation:3s ease-in-out 2s infinite sf-sparkle;bottom:6%;left:20%}@keyframes sf-sparkle{0%,80%,to{opacity:0;transform:scale(.4)}88%{opacity:1;transform:scale(1.15)}94%{opacity:0;transform:scale(.7)}}.sf-m-sparkleBurst .sf-spark{width:13px;height:13px;animation-duration:1.8s}.sf-m-orbit:before,.sf-m-comet:before,.sf-m-dualOrbit:before,.sf-m-dualOrbit:after{content:"";background:radial-gradient(circle, #fff, var(--sf-glow) 60%, transparent 75%);offset-path:circle(46% at 50% 50%);z-index:5;border-radius:50%;width:9px;height:9px;position:absolute;top:0;left:0}.sf-m-orbit:before{animation:3s linear infinite sf-orbit}.sf-m-comet:before{box-shadow:0 0 10px 3px var(--sf-glow);animation:2.4s linear infinite sf-orbit}.sf-m-dualOrbit:before{animation:3.2s linear infinite sf-orbit}.sf-m-dualOrbit:after{offset-distance:50%;animation:3.2s linear infinite sf-orbit}@keyframes sf-orbit{0%{offset-distance:0%}to{offset-distance:100%}}.sf-m-aura .sf-glow{animation:3.2s ease-in-out infinite sf-aura;inset:-10px}@keyframes sf-aura{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.sf-m-auraPulse .sf-glow{box-shadow:0 0 20px 6px var(--sf-glow);animation:1.8s ease-in-out infinite sf-aurapulse;inset:-10px}@keyframes sf-aurapulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}.sf-m-ripple:after,.sf-m-radar:after,.sf-m-dualRipple:after,.sf-m-dualRipple:before{content:"";border:2px solid var(--sf-glow);z-index:0;border-radius:50%;position:absolute;inset:0}.sf-m-ripple:after{animation:2s ease-out infinite sf-ripple}.sf-m-radar:after{border-width:3px;animation:1.8s ease-out infinite sf-radar}.sf-m-dualRipple:after{animation:2.4s ease-out infinite sf-ripple}.sf-m-dualRipple:before{animation:2.4s ease-out 1.2s infinite sf-ripple}@keyframes sf-ripple{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes sf-radar{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.sf-m-pulseFast{animation:1s ease-in-out infinite sf-pulse}.sf-m-gelatine{animation:1.4s ease-in-out infinite sf-gelatine}@keyframes sf-gelatine{0%,to{transform:scale(1)}25%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}75%{transform:scale(.95,1.05)}}.sf-m-vibrate{animation:.5s linear infinite sf-vibrate}@keyframes sf-vibrate{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}.sf-m-pop{animation:1.2s ease-in-out infinite sf-pop}@keyframes sf-pop{0%,68%,to{transform:scale(1)}82%{transform:scale(1.18)}}.sf-m-squash{animation:1.4s ease-in-out infinite sf-squash}@keyframes sf-squash{0%,to{transform:scale(1)}50%{transform:scale(1.12,.86)}}.sf-m-rubber{animation:1.6s ease-in-out infinite sf-rubber}@keyframes sf-rubber{0%,to{transform:scale(1)}30%{transform:scale(1.18,.82)}45%{transform:scale(.88,1.12)}60%{transform:scale(1.06,.96)}}.sf-m-headShake{animation:1.4s ease-in-out infinite sf-headshake}@keyframes sf-headshake{0%,to{transform:translate(0)rotateY(0)}25%{transform:translate(-6px)rotateY(-14deg)}75%{transform:translate(6px)rotateY(14deg)}}.sf-m-twist{animation:2s ease-in-out infinite sf-twist}@keyframes sf-twist{0%,to{transform:rotate(0)skew(0)}50%{transform:rotate(8deg)skew(-8deg)}}.sf-m-tada{animation:1.8s ease-in-out infinite sf-tada}@keyframes sf-tada{0%,to{transform:scale(1)rotate(0)}10%,20%{transform:scale(.92)rotate(-4deg)}30%,50%,70%,90%{transform:scale(1.1)rotate(4deg)}40%,60%,80%{transform:scale(1.1)rotate(-4deg)}}.sf-m-swing{transform-origin:50% 0;animation:2s ease-in-out infinite sf-swing}@keyframes sf-swing{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}.sf-m-spinPulse{animation:3s ease-in-out infinite sf-spinpulse}@keyframes sf-spinpulse{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}.sf-m-barrelRoll{animation:3.5s ease-in-out infinite sf-barrel}@keyframes sf-barrel{0%,20%{transform:rotate(0)}80%,to{transform:rotate(360deg)}}.sf-m-flipX{animation:3.2s ease-in-out infinite sf-flipx}@keyframes sf-flipx{0%,to{transform:perspective(600px)rotateX(0)}50%{transform:perspective(600px)rotateX(180deg)}}.sf-m-coinFlip{animation:2.4s ease-in infinite sf-coin}@keyframes sf-coin{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(720deg)}}.sf-m-tumble{animation:4s linear infinite sf-tumble}@keyframes sf-tumble{to{transform:perspective(600px)rotate3d(1,1,0,360deg)}}.sf-m-blob,.sf-m-blob .sf-ring,.sf-m-blob .sf-avatar,.sf-m-blob .sf-glow{animation:4s ease-in-out infinite sf-blob}@keyframes sf-blob{0%,to{border-radius:50%}33%{border-radius:46% 54% 60% 40%/55% 45%}66%{border-radius:58% 42% 45% 55%/42% 60% 40% 58%}}.sf-m-rainbow .sf-ring{animation:1.6s linear infinite sf-hue}.sf-m-hueWobble .sf-ring{animation:2.4s ease-in-out infinite sf-huewobble}@keyframes sf-huewobble{0%,to{filter:hue-rotate(-40deg)}50%{filter:hue-rotate(40deg)}}.sf-m-grayscale .sf-ring{animation:2.4s ease-in-out infinite sf-gray}@keyframes sf-gray{0%,to{filter:grayscale(0)}50%{filter:grayscale()}}.sf-m-sepia .sf-ring{animation:2.4s ease-in-out infinite sf-sepia}@keyframes sf-sepia{0%,to{filter:sepia(0)}50%{filter:sepia(.9)}}.sf-m-dropGlow .sf-ring{animation:2s ease-in-out infinite sf-dropglow}@keyframes sf-dropglow{0%,to{filter:drop-shadow(0 0 2px var(--sf-glow))}50%{filter:drop-shadow(0 0 8px var(--sf-glow))}}.sf-m-shineOnce .sf-ring{animation:2.6s ease-in-out infinite sf-shineonce}@keyframes sf-shineonce{0%,70%,to{filter:brightness()}82%{filter:brightness(1.9)}}.sf-m-pulseSweep .sf-sweep{background:conic-gradient(from 0deg, transparent 0 300deg, #ffffff8c 338deg, transparent 360deg);animation:3s linear infinite sf-rotate,1.5s ease-in-out infinite sf-sweepop}@keyframes sf-sweepop{0%,to{opacity:.4}50%{opacity:1}}.sf-m-glint .sf-sweep{background:conic-gradient(from 0deg, transparent 0 330deg, #fffc 348deg, transparent 360deg);animation:3s ease-in-out infinite sf-glint}@keyframes sf-glint{0%{opacity:0;transform:rotate(0)}12%{opacity:1}42%{opacity:1;transform:rotate(340deg)}55%,to{opacity:0;transform:rotate(360deg)}}@property --sf-a{syntax:"<angle>";inherits:false;initial-value:0deg}.sf-m-loading .sf-sweep{background:conic-gradient(var(--sf-glow) var(--sf-a), transparent 0deg);animation:2s linear infinite sf-load}@keyframes sf-load{to{--sf-a:360deg}}.sf-m-rising:before{content:"";background:radial-gradient(circle, #fff, var(--sf-glow) 60%, transparent 75%);z-index:5;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;animation:2s ease-in infinite sf-rising;position:absolute;bottom:10%;left:50%}@keyframes sf-rising{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{transform:translateY(calc(var(--sf-size,104px) * -.72));opacity:0}}.sf-m-ringPulse:after{content:"";border:2px solid var(--sf-glow);z-index:0;border-radius:50%;animation:1.8s ease-in-out infinite sf-ringpulse;position:absolute;inset:-2px}@keyframes sf-ringpulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.15;transform:scale(1.09)}}.sf-m-haloSpin:after{content:"";z-index:-1;background:conic-gradient(from 0deg, transparent, var(--sf-glow), transparent 60%);filter:blur(6px);border-radius:50%;animation:4s linear infinite sf-rotate;position:absolute;inset:-8px}.sf-m-throb{animation:2.4s ease-in-out infinite sf-throb}@keyframes sf-throb{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}.sf-m-wiggle{animation:.6s ease-in-out infinite sf-wiggle}@keyframes sf-wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.sf-m-shiver{animation:.3s steps(2,end) infinite sf-shiver}@keyframes sf-shiver{0%{transform:translate(1px)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,-1px)}}.sf-m-expand{animation:2.2s ease-in-out infinite sf-expand}@keyframes sf-expand{0%,45%,to{transform:scale(1)}65%{transform:scale(1.2)}82%{transform:scale(1)}}.sf-m-skewPulse{animation:1.8s ease-in-out infinite sf-skew}@keyframes sf-skew{0%,to{transform:skew(0)}50%{transform:skew(11deg)}}.sf-m-floatSide{animation:2.6s ease-in-out infinite sf-floatside}@keyframes sf-floatside{0%,to{transform:translate(-8px)}50%{transform:translate(8px)}}.sf-m-circleMove{offset-path:circle(8px at 50% 50%);offset-rotate:0deg;animation:3s linear infinite sf-orbit}.sf-m-figure8{animation:4s ease-in-out infinite sf-fig8}@keyframes sf-fig8{0%,to{transform:translate(0)}25%{transform:translate(9px,-6px)}50%{transform:translate(0)}75%{transform:translate(-9px,-6px)}}.sf-m-diagonal{animation:2.4s ease-in-out infinite sf-diagonal}@keyframes sf-diagonal{0%,to{transform:translate(-6px,4px)}50%{transform:translate(6px,-4px)}}.sf-m-zoomBlur{animation:2.2s ease-in-out infinite sf-zoomblur}@keyframes sf-zoomblur{0%,to{filter:blur();transform:scale(1)}50%{filter:blur(1.5px);transform:scale(1.12)}}.sf-m-flash .sf-glow{animation:2s step-end infinite sf-flash}@keyframes sf-flash{0%,86%,to{opacity:.35}90%{opacity:1}94%{opacity:.4}}.sf-m-seesaw{animation:2.4s ease-in-out infinite sf-seesaw}@keyframes sf-seesaw{0%,to{transform:perspective(600px)rotateX(-22deg)}50%{transform:perspective(600px)rotateX(22deg)}}.sf-m-gyro{animation:5s linear infinite sf-gyro}@keyframes sf-gyro{to{transform:perspective(600px)rotate3d(1,1,1,360deg)}}.sf-m-spinY3d{animation:4s linear infinite sf-spiny}@keyframes sf-spiny{to{transform:perspective(600px)rotateY(360deg)}}.sf-m-spinX3d{animation:4s linear infinite sf-spinx}@keyframes sf-spinx{to{transform:perspective(600px)rotateX(360deg)}}.sf-svg{z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sf-svg circle{fill:none;stroke:var(--sf-solid,#b76e79);stroke-width:6px;transform-origin:50%}.sf-m-drawRing .sf-ring{opacity:0}.sf-m-drawRing .sf-svg circle{stroke-dasharray:100;animation:2.6s ease-in-out infinite sf-draw}@keyframes sf-draw{0%{stroke-dashoffset:100px}55%,to{stroke-dashoffset:0}}.sf-m-dashSpin .sf-ring{opacity:0}.sf-m-dashSpin .sf-svg circle{stroke-dasharray:8 6;animation:3s linear infinite sf-rotate}.sf-m-dashFlow .sf-ring{opacity:0}.sf-m-dashFlow .sf-svg circle{stroke-dasharray:6 8;animation:1s linear infinite sf-dashflow}@keyframes sf-dashflow{to{stroke-dashoffset:-14px}}.sf-m-conicRainbow .sf-ring{background:conic-gradient(#ff5f6d,#ffc371,#47e891,#22d3ee,#6a8cff,#d16bff,#ff5f6d);animation:3s linear infinite sf-rotate}.sf-m-gradWave .sf-ring{background-size:200% 200%;animation:3s ease-in-out infinite sf-gradwave}@keyframes sf-gradwave{0%,to{background-position:50% 0}50%{background-position:50% 100%}}.sf-m-bloom .sf-ring{animation:2.2s ease-in-out infinite sf-bloom}@keyframes sf-bloom{0%,to{filter:brightness()blur()}50%{filter:brightness(1.6)blur(1px)}}.sf-m-duotone .sf-ring{animation:3s ease-in-out infinite sf-duotone}@keyframes sf-duotone{0%,to{filter:hue-rotate()contrast()}50%{filter:hue-rotate(120deg)contrast(1.5)}}.sf-m-neonPulse .sf-glow{animation:1.4s ease-in-out infinite sf-neon}@keyframes sf-neon{0%,to{box-shadow:0 0 6px 1px var(--sf-glow);opacity:.5}50%{box-shadow:0 0 30px 10px var(--sf-glow);opacity:1}}.sf-m-glowSpread .sf-glow{animation:2.4s ease-out infinite sf-spread}@keyframes sf-spread{0%{box-shadow:0 0 4px 0 var(--sf-glow);opacity:.9}to{box-shadow:0 0 26px 12px var(--sf-glow);opacity:0}}.sf-m-pulseHalo .sf-glow{animation:2s ease-in-out infinite sf-pulsehalo;inset:-12px}@keyframes sf-pulsehalo{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.75;transform:scale(1.18)}}.sf-m-sonar:after{content:"";border:2px solid var(--sf-glow);z-index:0;border-radius:50%;animation:2s ease-out infinite sf-radar;position:absolute;inset:0}.sf-m-sonar:before{content:"";border:2px solid var(--sf-glow);z-index:0;border-radius:50%;animation:2s ease-out 1s infinite sf-radar;position:absolute;inset:0}.sf-m-rain .sf-spark{animation:1.8s linear infinite sf-rain;top:-6%}.sf-m-rain .sf-spark-1{animation-delay:0s;left:30%}.sf-m-rain .sf-spark-2{animation-delay:.6s;left:55%;right:auto}.sf-m-rain .sf-spark-3{animation-delay:1.1s;left:72%}@keyframes sf-rain{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{transform:translateY(calc(var(--sf-size,104px) * 1.05));opacity:0}}.sf-m-fireflies .sf-spark{animation:3s ease-in-out infinite sf-firefly}.sf-m-fireflies .sf-spark-1{animation-delay:0s;top:20%;left:20%}.sf-m-fireflies .sf-spark-2{animation-delay:1s;top:60%;left:70%;right:auto}.sf-m-fireflies .sf-spark-3{animation-delay:2s;top:70%;left:30%}@keyframes sf-firefly{0%,to{opacity:.15;transform:translate(0)}50%{opacity:1;transform:translate(6px,-8px)}}.sf-lux-halo{z-index:0;pointer-events:none;box-shadow:0 0 16px 3px var(--sf-glow), 0 0 30px 7px var(--sf-glow);opacity:.55;border-radius:50%;animation:2.6s ease-in-out infinite sf-lux-halo;position:absolute;inset:-7px}@keyframes sf-lux-halo{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.sf-lux-ring{padding:var(--sf-ring-w);-webkit-mask-composite:xor;z-index:3;pointer-events:none;background:conic-gradient(from 0deg, transparent 0 250deg, #ffffff8c 320deg, #fff 340deg, transparent 358deg);border-radius:50%;animation:3.8s linear infinite sf-rotate;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}.sf-myth .sf-lux-halo{box-shadow:0 0 22px 5px var(--sf-glow), 0 0 44px 12px var(--sf-glow);animation-duration:2s;inset:-9px}.sf-myth .sf-lux-ring{background:conic-gradient(from 0deg, transparent 0 150deg, #ffe9a8bf 188deg, #fff 205deg, #ffe9a8bf 222deg, transparent 250deg 338deg, #fff 352deg, transparent 360deg);animation-duration:2.6s}.sf-myth-orbit{z-index:4;pointer-events:none;border-radius:50%;animation:5s linear infinite sf-rotate;position:absolute;inset:-2px}.sf-orb{background:radial-gradient(circle,#fff 0%,#ffe9a8 55%,#0000 72%);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:-3px;left:50%;box-shadow:0 0 7px 2px #ffe9a8cc}.sf-orb-2{top:auto;bottom:-3px}.sf-myth-spark{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0%,#ffe9a8a6 45%,#0000 70%);width:9px;height:9px;position:absolute;transform:scale(.4)}.sf-mspk-1{animation:2.4s ease-in-out infinite sf-sparkle;top:7%;left:20%}.sf-mspk-2{animation:2.4s ease-in-out .8s infinite sf-sparkle;top:32%;right:5%}.sf-mspk-3{animation:2.4s ease-in-out 1.6s infinite sf-sparkle;bottom:10%;left:58%}@media (prefers-reduced-motion:reduce){.sf *,.sf:before,.sf:after{animation:none!important}}
