.stage{--stage-a:#cdedff;--stage-b:#97d7fe;--stage-shade:#034d7357;--st-ease:cubic-bezier(.16, 1, .3, 1);width:100%;min-width:0;height:100%;padding:var(--stage-pad,40px);border-radius:var(--stage-radius,20px);isolation:isolate;background:radial-gradient(120% 75% at 22% 0%, #ffffff80, #fff0 62%), linear-gradient(158deg, var(--stage-a), var(--stage-b));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.stage{--stage-a:lab(92.006% -8.53708 -13.5121);--stage-b:lab(82.7214% -13.6832 -26.0476);--stage-shade:lab(30.2711% -8.98607 -28.0302/.34)}}.stage--top{align-items:flex-start;padding-top:0}.stage>.wa,.stage>.approval{width:min(100%, var(--card-w,100%));flex:none}.stage :is(.wa-box,.approval){--st-fall:0 22px 48px -22px var(--stage-shade);box-shadow:0 1px 2px #1f1d1b0f, var(--st-fall);transition:box-shadow var(--dur-state-slow,.24s) var(--st-ease)}.tile .stage>:is(.wa,.approval){transition:translate var(--dur-state-slow,.24s) var(--st-ease)}@media (hover:hover) and (pointer:fine){.tile:hover .stage :is(.wa-box,.approval){--st-fall:0 30px 56px -24px var(--stage-shade)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.tile:hover .stage>:is(.wa,.approval){translate:0 -3px}}.stage--sky{--stage-a:#cdedff;--stage-b:#97d7fe;--stage-shade:#034d7357}@supports (color:lab(0% 0 0)){.stage--sky{--stage-a:lab(92.006% -8.53708 -13.5121);--stage-b:lab(82.7214% -13.6832 -26.0476);--stage-shade:lab(30.2711% -8.98607 -28.0302/.34)}}.stage--citron{--stage-a:#f5f7cd;--stage-b:#e2e99a;--stage-shade:#545b164d}@supports (color:lab(0% 0 0)){.stage--citron{--stage-a:lab(96.4036% -5.91448 20.1704);--stage-b:lab(90.3675% -10.8965 37.4665);--stage-shade:lab(36.8789% -10.0439 36.2796/.3)}}.stage--peach{--stage-a:#ffe6d1;--stage-b:#fbc49e;--stage-shade:#7c45234d}@supports (color:lab(0% 0 0)){.stage--peach{--stage-a:lab(92.9691% 6.64526 13.8003);--stage-b:lab(83.466% 16.4821 26.7625);--stage-shade:lab(35.672% 22.3374 30.7551/.3)}}.stage--lilac{--stage-a:#e8e4ff;--stage-b:#ccc7f9;--stage-shade:#473f7052}@supports (color:lab(0% 0 0)){.stage--lilac{--stage-a:lab(91.4692% 5.56198 -13.8438);--stage-b:lab(81.859% 9.59551 -24.2654);--stage-shade:lab(29.3857% 13.0634 -27.083/.32)}}.stage--mint{--stage-a:#d2f5e2;--stage-b:#a6e1c0;--stage-shade:#1a533e4d}@supports (color:lab(0% 0 0)){.stage--mint{--stage-a:lab(93.6473% -14.6723 5.17945);--stage-b:lab(84.767% -24.3425 9.63934);--stage-shade:lab(31.3297% -23.8841 6.79095/.3)}}.stage--sand{--stage-a:#f7eddc;--stage-b:#ecd3b4;--stage-shade:#60472f4d}@supports (color:lab(0% 0 0)){.stage--sand{--stage-a:lab(94.2766% 1.2745 9.56272);--stage-b:lab(86.118% 5.27656 18.937);--stage-shade:lab(32.6159% 8.43988 18.7602/.3)}}@property --dur{syntax:"*";inherits:false}.st-draw{stroke-dasharray:1;stroke-dashoffset:0}.st-roll{--roll-h:1.15em;height:var(--roll-h);line-height:var(--roll-h);white-space:nowrap;align-items:flex-start;display:inline-flex}.st-roll>span{height:var(--roll-h)}.st-roll-digit{display:inline-block;overflow:hidden}.st-roll-strip{transform:translateY(calc(var(--d,0) * -1 * var(--roll-h)));flex-direction:column;display:flex}.st-roll-strip>span{height:var(--roll-h)}@media (prefers-reduced-motion:no-preference){[data-js] .stage[data-story=wait]>:is(.wa,.approval){opacity:0}.stage[data-story=play]>:is(.wa,.approval){animation:st-card .56s var(--st-ease) both}.stage--top[data-story=play]>.wa{animation-name:st-hang}[data-js] [data-story=wait] :is(.st-in,.st-fade,.st-pop){opacity:0}[data-js] [data-story=wait] .st-draw{stroke-dashoffset:1px;opacity:0}[data-js] [data-story=wait] .st-grow{transform:scaleX(0)}[data-js] [data-story=wait] .st-roll-strip{transform:none}[data-story=play] .st-in{animation:st-in calc(var(--dur,420) * 1ms) var(--st-ease) both;animation-delay:calc(var(--at,0) * 1ms)}[data-story=play] .st-fade{animation:st-fade calc(var(--dur,400) * 1ms) var(--st-ease) both;animation-delay:calc(var(--at,0) * 1ms)}[data-story=play] .st-pop{animation:st-pop calc(var(--dur,380) * 1ms) var(--st-ease) both;animation-delay:calc(var(--at,0) * 1ms)}[data-story=play] .st-draw{animation:st-draw calc(var(--dur,320) * 1ms) cubic-bezier(.65, 0, .35, 1) both;animation-delay:calc(var(--at,0) * 1ms)}[data-story=play] .st-grow{transform-origin:0;animation:st-grow calc(var(--dur,480) * 1ms) var(--st-ease) both;animation-delay:calc(var(--at,0) * 1ms)}[data-story=play] .st-roll-strip{animation:st-roll calc(var(--dur,800) * 1ms) var(--st-ease) both;animation-delay:calc(var(--at,0) * 1ms)}}@keyframes st-card{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes st-hang{0%{opacity:0;transform:translateY(-16px)}}@keyframes st-in{0%{opacity:0;transform:translateY(8px)}}@keyframes st-fade{0%{opacity:0}}@keyframes st-pop{0%{opacity:0;transform:scale(.6)}}@keyframes st-draw{0%{stroke-dashoffset:1px;opacity:0}1%{opacity:1}}@keyframes st-grow{0%{transform:scaleX(0)}}@keyframes st-roll{0%{transform:translateY(0)}}