@layer theme,base;@layer components{.roll{--roll:1;display:inline-block;position:relative}.roll[data-dir=down]{--roll:-1}.roll-in{animation:roll-in .18s var(--ease-out-soft) both;display:inline-block}.roll-out{text-align:center;white-space:nowrap;pointer-events:none;animation:roll-out .12s var(--ease-out-soft) both;position:absolute;inset:0 -2ch}.line-in{--roll:1;animation:roll-in .18s var(--ease-out-soft) both}@keyframes roll-in{0%{opacity:0;transform:translateY(calc(var(--roll) * .6em))}}@keyframes roll-out{to{opacity:0;transform:translateY(calc(var(--roll) * -.6em))}}.digit{display:inline-block}.digit-in{animation:digit-in .2s var(--ease-out-soft) both}@keyframes digit-in{0%{opacity:0;transform:translateY(.45em)}}.bell-swing{transform-origin:50% 12%;animation:.5s both bell-swing;display:grid}@keyframes bell-swing{0%{animation-timing-function:var(--ease-out-soft);transform:rotate(0)}20%{animation-timing-function:var(--ease-glide);transform:rotate(12deg)}48%{animation-timing-function:var(--ease-glide);transform:rotate(-7deg)}75%{animation-timing-function:var(--ease-glide);transform:rotate(2.5deg)}to{transform:rotate(0)}}.badge-pop{animation:badge-pop .22s var(--ease-out-soft) 60ms both}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}}html.vt-morph::view-transition-old(leader-tabs){display:none}html.vt-morph::view-transition-new(leader-tabs){animation:none}@media (prefers-reduced-motion:reduce){.roll-in,.line-in,.digit-in,.bell-swing,.badge-pop{animation:none}.roll-out{display:none}}}@layer utilities;