.app-icon{--app-dir:1;--app-gold:var(--gold,#eca80f);--app-teal:var(--accent,#088e9b);--app-ink:var(--ck-r1,#064d55);vertical-align:middle;transform-origin:50%;flex:none;line-height:0;display:inline-flex;position:relative}[dir=rtl] .app-icon[data-mirror]{--app-dir:-1}[dir=rtl] .app-icon[data-mirror] .ck-art>img,[dir=rtl] .app-icon[data-mirror] .ck-art>svg{scale:-1 1}.app-icon[data-mirror]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--app-dir:1}:is(.app-icon[data-mirror]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ck-art>img,.app-icon[data-mirror]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ck-art>svg){scale:none}.app-icon[data-mirror]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--app-dir:-1}:is(.app-icon[data-mirror]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ck-art>img,.app-icon[data-mirror]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ck-art>svg){scale:-1 1}@supports not (scale:-1 1){[dir=rtl] .app-icon[data-mirror] .ck-art>img,[dir=rtl] .app-icon[data-mirror] .ck-art>svg{transform:scaleX(-1)}}.app-icon[data-em]{width:1em;height:1em}.app-icon-mui{font-size:1.5rem}.app-icon:before,.app-icon:after{content:none;pointer-events:none;position:absolute}.app-icon[data-anim=ring][data-play]{transform-origin:50% 10%;animation:.8s ease-in-out app-ring}@keyframes app-ring{0%,to{rotate:0deg}15%{rotate:16deg}30%{rotate:-13deg}45%{rotate:9deg}60%{rotate:-6deg}75%{rotate:3deg}}.app-icon[data-anim=hop][data-play]{animation:.6s cubic-bezier(.3,.7,.4,1) app-hop}.app-icon[data-anim=hop][data-play]:after{content:"";background:var(--app-gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:38%;height:38%;animation:.6s ease-out both app-sparkle;inset-block-start:-12%;inset-inline-end:-12%}@keyframes app-hop{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(4%)scale(1.06,.92)}50%{transform:translateY(-22%)scale(.96,1.05)}80%{transform:translateY(2%)scale(1.03,.97)}}@keyframes app-sparkle{0%{opacity:0;transform:scale(0)rotate(0)}45%{opacity:1;transform:scale(1)rotate(45deg)}to{opacity:0;transform:scale(.4)rotate(90deg)}}.app-icon[data-anim=liftoff][data-play]{animation:.9s cubic-bezier(.4,0,.3,1) app-liftoff}.app-icon[data-anim=liftoff][data-play]:after{content:"";background:radial-gradient(ellipse at 50% 20%, #ffe28a 0 25%, var(--app-gold) 45%, #eca80f00 72%);transform-origin:50% 0;border-radius:50%/30% 30% 70% 70%;width:40%;height:46%;animation:.9s ease-out both app-flame;inset-block-end:-30%;inset-inline-start:30%}@keyframes app-liftoff{0%,to{transform:translateY(0)}15%{transform:translateY(5%)}55%{transform:translateY(-34%)}75%{transform:translateY(-30%)}}@keyframes app-flame{0%,10%{opacity:0;transform:scaleY(0)}30%{opacity:1;transform:scaleY(1.15)}55%{opacity:.9;transform:scaleY(.85)}to{opacity:0;transform:scaleY(0)}}.app-icon[data-anim=beat][data-play]{animation:.7s ease-out app-beat}@keyframes app-beat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(.96)}48%{transform:scale(1.14)}68%{transform:scale(1)}}.app-icon[data-anim=medal][data-play]{transform-origin:50% 0;animation:1s ease-in-out app-medal}@keyframes app-medal{0%,to{rotate:0deg}20%{rotate:14deg}40%{rotate:-10deg}60%{rotate:6deg}80%{rotate:-2deg}}.app-icon[data-anim=medal][data-play]:after,.app-icon[data-anim=shine][data-play]:after,.app-icon[data-anim=pop][data-play]:after{content:"";-webkit-mask:var(--app-mask) center / contain no-repeat;-webkit-mask:var(--app-mask) center / contain no-repeat;mask:var(--app-mask) center / contain no-repeat;background:linear-gradient(105deg,#0000 30%,#ffffffd9 48%,#fff6d6e6 52%,#0000 70%) 0 0/250% 100% no-repeat;animation:.9s ease-in-out both app-shine;inset:0}.app-icon[data-anim=pop][data-play]:after{animation-delay:.35s}@keyframes app-shine{0%{opacity:1;background-position:130% 0}to{opacity:1;background-position:-30% 0}}.app-icon[data-anim=shine][data-play]{animation:.9s ease-in-out app-glow}@keyframes app-glow{0%,to{filter:none}50%{filter:brightness(1.08)drop-shadow(0 0 4px #eca80f73)}}.app-icon[data-anim=pop][data-play]{animation:1.25s linear both app-pop}@keyframes app-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(.3)}26%{opacity:1;animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:scale(1.12)}44%,to{opacity:1;transform:scale(1)}}.app-icon[data-anim=confetti][data-play]{animation:.98s ease-out app-tilt}.app-icon[data-anim=confetti][data-play]:before,.app-icon[data-anim=confetti][data-play]:after{content:"";background:0 0;border-radius:50%;width:10%;height:10%;animation:.9s cubic-bezier(.2,.7,.3,1) both app-burst;top:22%;right:22%}.app-icon[data-anim=confetti][data-play]:before{box-shadow:calc(var(--app-dir) * 0px) -2px 0 1px var(--app-gold), calc(var(--app-dir) * 3px) -1px 0 1px var(--app-teal), calc(var(--app-dir) * 2px) 2px 0 1px var(--app-ink), calc(var(--app-dir) * -2px) -3px 0 1px var(--app-teal)}.app-icon[data-anim=confetti][data-play]:after{box-shadow:calc(var(--app-dir) * -1px) 2px 0 1px var(--app-gold), calc(var(--app-dir) * 3px) 3px 0 1px var(--app-gold), calc(var(--app-dir) * -3px) 0 0 1px var(--app-ink), calc(var(--app-dir) * 1px) -3px 0 1px var(--app-gold);animation-delay:80ms}@keyframes app-burst{0%{opacity:0;transform:scale(.2)}20%{opacity:1}to{opacity:0;transform:scale(5.5) translate(calc(var(--app-dir) * 4%), -8%)}}@keyframes app-tilt{0%,to{transform:scale(1)}20%{rotate:calc(var(--app-dir) * -10deg);transform:scale(.94)}45%{rotate:calc(var(--app-dir) * 6deg);transform:scale(1.06)}}.app-icon[data-anim=turn][data-play]{animation:.6s cubic-bezier(.4,0,.2,1) app-turn}@keyframes app-turn{to{rotate:360deg}}.app-icon[data-anim=fly][data-play]{animation:.7s ease-in-out app-fly}@keyframes app-fly{0%,to{opacity:1;transform:translate(0)}45%{transform:translate(calc(var(--app-dir) * 70%), -70%) scale(.7);opacity:0}55%{transform:translate(calc(var(--app-dir) * -40%), 40%) scale(.7);opacity:0}}.app-icon[data-anim=elastic][data-play]{animation:.6s cubic-bezier(.34,1.56,.64,1) app-elastic}@keyframes app-elastic{0%{transform:scale(.55)}55%{transform:scale(1.15)}75%{transform:scale(.95)}to{transform:scale(1)}}.app-icon[data-anim=shake][data-play]{animation:.45s ease-in-out app-shake}@keyframes app-shake{0%,to{transform:translate(0)}20%{transform:translate(-12%)}40%{transform:translate(10%)}60%{transform:translate(-7%)}80%{transform:translate(4%)}}.app-icon[data-anim=flip][data-loop]{animation:2.4s ease-in-out infinite app-flip}@keyframes app-flip{0%,35%{rotate:0deg}50%,85%{rotate:180deg}to{rotate:360deg}}.app-icon[data-anim=spin][data-loop]{animation:1s linear infinite app-turn}.app-icon[data-anim=up][data-loop]{animation:1s ease-in-out infinite app-up}.app-icon[data-anim=down][data-loop]{animation:1s ease-in-out infinite app-down}@keyframes app-up{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-14%)}}@keyframes app-down{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(14%)}}.app-icon[data-anim=pulse][data-loop]{animation:1.4s ease-in-out infinite app-pulse}.app-icon[data-anim=pulse][data-loop]:after{content:"";border:2px solid #c64b4b8c;border-radius:50%;animation:1.4s ease-out infinite app-halo;inset:-8%}@keyframes app-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes app-halo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.app-icon[data-anim=twinkle][data-loop]{animation:1.6s ease-in-out infinite app-twinkle-body}.app-icon[data-anim=twinkle][data-loop]:before,.app-icon[data-anim=twinkle][data-loop]:after{content:"";background:var(--app-gold);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:30%;height:30%;animation:1.6s ease-in-out infinite app-twinkle}.app-icon[data-anim=twinkle][data-loop]:before{inset-block-start:-10%;inset-inline-start:-8%}.app-icon[data-anim=twinkle][data-loop]:after{width:22%;height:22%;animation-delay:.8s;inset-block-end:-6%;inset-inline-end:-10%}@keyframes app-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}@keyframes app-twinkle-body{0%,to{filter:none}50%{filter:brightness(1.1)}}.app-icon[data-anim=float][data-loop]{animation:3.2s ease-in-out infinite app-float}@keyframes app-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4%)}}@media (prefers-reduced-motion:reduce){.app-icon,.app-icon:before,.app-icon:after{animation:none!important}.app-icon:before,.app-icon:after{content:none!important}}.app-icon-svg{flex:none;overflow:visible}[dir=rtl] .app-icon-svg[data-mirror]{scale:-1 1}.app-icon-svg[data-mirror]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){scale:none}.app-icon-svg[data-mirror]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){scale:-1 1}@supports not (scale:-1 1){[dir=rtl] .app-icon-svg[data-mirror]{transform:scaleX(-1)}}:is(.ck-empty,.nb-empty,.follow-empty-icon)>:is(.ck-art,.app-icon-svg),:is(.pf-empty,.cm-empty,.mt-empty,.mtr-chat-empty) .ic>:is(.ck-art,.app-icon-svg){animation:3.2s ease-in-out infinite app-float}@media (prefers-reduced-motion:reduce){:is(.ck-empty,.nb-empty,.follow-empty-icon)>:is(.ck-art,.app-icon-svg),:is(.pf-empty,.cm-empty,.mt-empty,.mtr-chat-empty) .ic>:is(.ck-art,.app-icon-svg){animation:none}}.app-icon-svg[data-off]{opacity:.45;filter:grayscale(.7)}
