.split-flap{align-items:center;gap:var(--split-flap-label-gap,.34em);color:inherit;flex-direction:column;line-height:1;display:inline-flex}.split-flap__cells{gap:var(--split-flap-gap,.11em);display:inline-flex}.split-flap__cell{width:var(--split-flap-width,.78em);height:var(--split-flap-height,1.15em);border-radius:var(--split-flap-radius,.09em);background:var(--split-flap-base,#0b1424);font-variant-numeric:tabular-nums;perspective:var(--split-flap-depth,4em);font-weight:700;display:block;position:relative;overflow:hidden;box-shadow:0 .04em .12em #00000073}.split-flap__cell:before,.split-flap__cell:after{z-index:2;background:color-mix(in oklab, currentColor 45%, transparent);content:"";pointer-events:none;border-radius:50%;width:.07em;height:.07em;position:absolute;top:calc(50% - .035em)}.split-flap__cell:before{left:.04em}.split-flap__cell:after{right:.04em}.split-flap__half,.split-flap__leaf{backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap__half:after,.split-flap__leaf:after{content:"";pointer-events:none;height:.035em;position:absolute;left:0;right:0}.split-flap__half--top:after,.split-flap__leaf--fall:after{background:linear-gradient(#0000004d,#000000d1);bottom:0}.split-flap__half--bottom:after,.split-flap__leaf--rise:after,.split-flap__leaf--hold:after{background:linear-gradient(#0000009e,#0000);top:0}.split-flap__half--top,.split-flap__leaf--fall{border-radius:var(--split-flap-radius,.09em) var(--split-flap-radius,.09em) 0 0;background:linear-gradient(180deg, #ffffff1a, #ffffff05), var(--split-flap-base,#0b1424);transform-origin:50% 100%;top:0;box-shadow:inset 0 -.04em .05em #0000008c}.split-flap__half--bottom,.split-flap__leaf--rise,.split-flap__leaf--hold{border-radius:0 0 var(--split-flap-radius,.09em) var(--split-flap-radius,.09em);background:linear-gradient(180deg, #00000042, #0000000a), var(--split-flap-base,#0b1424);transform-origin:50% 0;bottom:0;box-shadow:inset 0 .02em #ffffff12}.split-flap__glyph{width:100%;height:var(--split-flap-height,1.15em);color:inherit;line-height:var(--split-flap-height,1.15em);text-align:center;position:absolute;left:0}.split-flap__cell[data-blank] .split-flap__glyph{opacity:.42}.split-flap__half--top .split-flap__glyph,.split-flap__leaf--fall .split-flap__glyph{top:0}.split-flap__half--bottom .split-flap__glyph,.split-flap__leaf--rise .split-flap__glyph,.split-flap__leaf--hold .split-flap__glyph{bottom:0}.split-flap__leaf{animation-duration:calc(var(--split-flap-ms,.32s) / 2);animation-timing-function:ease-in;animation-fill-mode:forwards}.split-flap__leaf--fall{animation-name:split-flap-fall}.split-flap__leaf--rise{animation-name:split-flap-rise;animation-delay:calc(var(--split-flap-ms,.32s) / 2);animation-timing-function:ease-out;transform:rotateX(90deg)}.split-flap__leaf--hold{animation-name:split-flap-hold;animation-duration:var(--split-flap-ms,.32s)}@keyframes split-flap-fall{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes split-flap-rise{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes split-flap-hold{0%,99%{visibility:visible}to{visibility:hidden}}.split-flap__label{color:var(--split-flap-label-color,var(--color-paper-muted,currentColor));font-size:var(--split-flap-label-size,.26em);letter-spacing:.16em;text-transform:uppercase;font-weight:700}.split-flap__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.split-flap-group{align-items:flex-start;gap:var(--split-flap-group-gap,.42em);display:inline-flex}.split-flap-group[data-frame=board]{padding:var(--split-flap-group-padding,.4em .5em);border:1px solid var(--split-flap-frame,#c4d6ed38);border-radius:var(--split-flap-group-radius,.24em);background:var(--split-flap-group-fill,#030b188c)}.split-flap-group__separator{color:var(--split-flap-label-color,var(--color-paper-muted,currentColor));align-self:center;margin-block-end:.5em;font-weight:700}@media (prefers-reduced-motion:reduce){.split-flap__leaf{display:none}}