.face.svelte-1o1gpam{--size:var(--face,84px);width:var(--size);height:var(--size);display:grid;position:relative}.live.svelte-1o1gpam:before{content:"";animation:svelte-1o1gpam-glow 3.2s var(--ease-breathe) infinite;background:radial-gradient(closest-side,#75d87a6b,#75d87a1f 62%,#0000);background:radial-gradient(closest-side,lab(78.7585% -44.8423 36.7893/.42),lab(78.7585% -44.8423 36.7893/.12) 62%,#0000);border-radius:50%;position:absolute;top:-14px;bottom:-14px;left:-14px;right:-14px}@keyframes svelte-1o1gpam-glow{50%{opacity:.45}}.flicking.svelte-1o1gpam .disc:where(.svelte-1o1gpam){transform-origin:50% 90%;animation:svelte-1o1gpam-face-flick calc(var(--t-page) * 2.5) var(--ease) both}@supports not selector(:where(a)){.flicking.svelte-1o1gpam .disc.svelte-1o1gpam{transform-origin:50% 90%;animation:svelte-1o1gpam-face-flick calc(var(--t-page) * 2.5) var(--ease) both}}.flicking.svelte-1o1gpam .initial:where(.svelte-1o1gpam){transform-origin:50% 90%;animation:svelte-1o1gpam-face-flick calc(var(--t-page) * 2.5) var(--ease) both}@supports not selector(:where(a)){.flicking.svelte-1o1gpam .initial.svelte-1o1gpam{transform-origin:50% 90%;animation:svelte-1o1gpam-face-flick calc(var(--t-page) * 2.5) var(--ease) both}}@keyframes svelte-1o1gpam-face-flick{35%{transform:translateY(-4px)rotate(-9deg)}62%{transform:translateY(-1px)rotate(3deg)}}.disc.svelte-1o1gpam{background:radial-gradient(circle at 30% 22%, hsl(var(--h) 48% 44%), hsl(calc(var(--h) + 35) 36% 26%) 68%, hsl(calc(var(--h) + 60) 20% 12%))}@supports (color:oklch(0 0 0)){.disc.svelte-1o1gpam{background:radial-gradient(circle at 30% 22%, oklch(.52 .12 var(--h)), oklch(.34 .09 calc(var(--h) + 35)) 68%, oklch(.2 .05 calc(var(--h) + 60)))}}.disc.svelte-1o1gpam{border-radius:50%;position:absolute;top:5px;bottom:5px;left:5px;right:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 16px -10px #0009}.disc.svelte-1o1gpam .still{object-fit:cover;background-color:#0000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.disc.svelte-1o1gpam>img:where(.svelte-1o1gpam){object-fit:cover;background-color:#0000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}@supports not selector(:where(a)){.disc.svelte-1o1gpam>img.svelte-1o1gpam{object-fit:cover;background-color:#0000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}}.disc.svelte-1o1gpam .still:after{content:"";background:radial-gradient(circle at 50% 120%,#00000073,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.initial.svelte-1o1gpam{color:var(--white);font-family:var(--font-display);font-size:calc(var(--size) * .4);text-shadow:0 1px 8px #00000059;place-items:center;font-weight:450;line-height:1;display:grid;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.badge.svelte-1o1gpam{background:hsl(var(--h) 48% 42%)}@supports (color:oklch(0 0 0)){.badge.svelte-1o1gpam{background:oklch(.5 .12 var(--h))}}.badge.svelte-1o1gpam{width:26px;height:26px;box-shadow:0 0 0 2.5px var(--bg), 0 2px 6px #00000080;font-family:inherit;font-size:var(--fs-12);text-shadow:none;border-radius:50%;font-weight:650;top:auto;bottom:1px;left:auto;right:-1px}.host.svelte-1o1gpam{border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:1px;right:1px}.ring.svelte-1o1gpam{fill:none;stroke-width:2.4px;stroke-linecap:round;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;rotate:-90deg}@supports not (translate:0){.ring.svelte-1o1gpam{transform:rotate(-90deg)}}.track.svelte-1o1gpam{stroke:#ffffff1a}.live.svelte-1o1gpam .track:where(.svelte-1o1gpam){stroke:#75d87a38;stroke:lab(78.7585% -44.8423 36.7893/.22)}@supports not selector(:where(a)){.live.svelte-1o1gpam .track.svelte-1o1gpam{stroke:#75d87a38;stroke:lab(78.7585% -44.8423 36.7893/.22)}}.done.svelte-1o1gpam{stroke:#7cdf81;stroke:lab(81.0824% -44.8341 36.7078);filter:drop-shadow(0 0 3px #75d87ab3);filter:drop-shadow(0 0 3px lab(78.7585% -44.8423 36.7893/.7))}:root[data-motion=off] .live.svelte-1o1gpam:before{animation:none}:root[data-motion=off] .flicking.svelte-1o1gpam :-webkit-any(.disc:where(.svelte-1o1gpam),.initial:where(.svelte-1o1gpam)){animation:none}@supports not selector(:where(a)){:root[data-motion=off] .flicking.svelte-1o1gpam :-webkit-any(.disc.svelte-1o1gpam,.initial.svelte-1o1gpam){animation:none}}:root[data-motion=off] .flicking.svelte-1o1gpam :is(.disc:where(.svelte-1o1gpam),.initial:where(.svelte-1o1gpam)){animation:none}@supports not selector(:where(a)){:root[data-motion=off] .flicking.svelte-1o1gpam .disc.svelte-1o1gpam,:root[data-motion=off] .flicking.svelte-1o1gpam .initial.svelte-1o1gpam{animation:none}}@media (prefers-reduced-motion:reduce){.live.svelte-1o1gpam:before{animation:none}.flicking.svelte-1o1gpam :-webkit-any(.disc:where(.svelte-1o1gpam),.initial:where(.svelte-1o1gpam)){animation:none}@supports not selector(:where(a)){.flicking.svelte-1o1gpam :-webkit-any(.disc.svelte-1o1gpam,.initial.svelte-1o1gpam){animation:none}}.flicking.svelte-1o1gpam :is(.disc:where(.svelte-1o1gpam),.initial:where(.svelte-1o1gpam)){animation:none}@supports not selector(:where(a)){.flicking.svelte-1o1gpam .disc.svelte-1o1gpam,.flicking.svelte-1o1gpam .initial.svelte-1o1gpam{animation:none}}}@media (max-width:720px){.face.svelte-1o1gpam{--size:var(--face-small,72px)}}