@layer components{.ev-stage{background:radial-gradient(120% 90% at 85% 50%, color-mix(in oklab, var(--rc-accent) 22%, transparent), transparent 60%), linear-gradient(135deg, var(--rc-nav-bg), color-mix(in oklab, var(--rc-nav-bg) 82%, var(--rc-accent)))}.ev-beam{background:linear-gradient(to bottom, color-mix(in oklab, var(--rc-accent) 34%, transparent), transparent 70%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);opacity:.35;transform-origin:50% 0;pointer-events:none;width:46%;height:180%;position:absolute;inset:-40% auto auto 52%;transform:rotate(-8deg)}.ev-medal{place-items:center;width:13rem;height:13rem;display:grid;position:relative}.ev-medal-core{width:7.5rem;height:7.5rem;color:var(--rc-accent);background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--rc-accent) 30%, var(--rc-nav-bg)), var(--rc-nav-bg) 70%);border:1px solid color-mix(in oklab, var(--rc-accent) 55%, transparent);box-shadow:0 0 0 6px color-mix(in oklab, var(--rc-accent) 10%, transparent), 0 0 48px color-mix(in oklab, var(--rc-accent) 35%, transparent);border-radius:9999px;place-items:center;display:grid}.ev-medal-ring{color:var(--rc-accent);opacity:.55;position:absolute;inset:0}.ev-medal-ring.ev-inner{opacity:.4;inset:1.4rem}.ev-clock-cell{border:1px solid color-mix(in oklab, var(--rc-nav-fg) 18%, transparent);background:color-mix(in oklab, var(--rc-nav-fg) 7%, transparent);border-radius:var(--rc-radius);min-width:4.25rem}.ev-digit{display:inline-block}.ev-fill>span{transform-origin:0;height:100%;transform:scaleX(var(--fill,0));background:linear-gradient(90deg, color-mix(in oklab, var(--rc-accent) 70%, transparent), var(--rc-accent));border-radius:inherit;display:block}.ev-timer{transform-origin:0;display:none;transform:scaleX(0)}.ev-ticket{--stub:5.5rem;-webkit-mask:radial-gradient(circle 9px at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;-webkit-mask:radial-gradient(circle 9px at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 9px at var(--stub) 0, #0000 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at var(--stub) 100%, #0000 98%, #000) bottom / 100% 51% no-repeat}.ev-stub{width:var(--stub);border-right:2px dashed color-mix(in oklab, var(--rc-line) 80%, var(--rc-fg-muted));background:color-mix(in oklab, var(--rc-accent) 12%, transparent)}.ev-stub[data-group=live]{background:color-mix(in oklab, var(--rc-success) 16%, transparent)}.ev-stub[data-group=past]{background:color-mix(in oklab, var(--rc-fg-muted) 10%, transparent)}.ev-day[data-today]{border-color:color-mix(in oklab, var(--rc-accent) 70%, transparent);box-shadow:inset 0 3px 0 var(--rc-accent)}}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-beam{animation:14s ease-in-out infinite alternate ev-sway}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-medal-ring{animation:60s linear infinite ev-spin}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-medal-ring.ev-inner{animation:40s linear infinite reverse ev-spin}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-medal-core{animation:5s ease-in-out infinite ev-breathe}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-digit{animation:.32s cubic-bezier(.2,.9,.3,1) ev-flip}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-fill>span{animation:1.1s cubic-bezier(.2,.9,.3,1) backwards ev-grow}:root[data-motion=on]:not([data-mlevel=minimal]) .ev-timer{animation:ev-timer var(--dwell,9s) linear forwards;display:block}:root[data-motion=on] .ev-stage-wrap:is(:hover,:focus-within) .ev-timer{animation-play-state:paused}:root[data-motion=on]:is([data-mlevel=extra],[data-mlevel=max]) .ev-beam{opacity:.55;animation-duration:8s}:root[data-motion=on]:is([data-mlevel=extra],[data-mlevel=max]) .ev-medal-ring{opacity:.8;animation-duration:24s}:root[data-motion=on]:is([data-mlevel=extra],[data-mlevel=max]) .ev-medal-ring.ev-inner{animation-duration:16s}:root[data-motion=on]:is([data-mlevel=extra],[data-mlevel=max]) .ev-digit{animation:.42s cubic-bezier(.34,1.4,.5,1) ev-flip-big}:root[data-motion=on][data-mlevel=max] .ev-medal-core{animation:2.6s ease-in-out infinite ev-breathe-max}:root[data-motion=on]:is([data-mlevel=extra],[data-mlevel=max]) .ev-ticket:hover .ev-stub{background:color-mix(in oklab, var(--rc-accent) 26%, transparent);transition:background-color .2s ease-out}:root[data-motion=on][data-mlevel=max] .ev-day:hover{transition:transform .22s cubic-bezier(.34,1.5,.5,1);transform:translateY(-4px)rotate(-.6deg)}@keyframes ev-sway{0%{transform:rotate(-12deg)}to{transform:rotate(10deg)}}@keyframes ev-spin{to{transform:rotate(360deg)}}@keyframes ev-breathe{50%{transform:scale(1.04)}}@keyframes ev-breathe-max{50%{transform:scale(1.1)rotate(-4deg)}}@keyframes ev-flip{0%{opacity:0;transform:translateY(-40%)}}@keyframes ev-flip-big{0%{opacity:0;transform:perspective(200px)rotateX(-90deg)translateY(-30%)}}@keyframes ev-grow{0%{transform:scaleX(0)}}@keyframes ev-timer{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ev-beam,.ev-medal-ring,.ev-medal-core,.ev-digit,.ev-fill>span{animation:none!important}}