.flap{display:inline-flex;flex-wrap:nowrap;gap:var(--flap-gap,.06em)}.flap-c{position:relative;display:inline-grid;place-items:center;width:var(--flap-w,.74em);height:var(--flap-h,1.08em);border-radius:var(--r-tile,4px);background:linear-gradient(180deg,#23282c,#1b1f22 49.2%,#07080a 0 50.8%,#181b1e 0,#121518);box-shadow:inset 0 1px #ffffff0f,0 1px #0000008c;color:var(--text);font-family:var(--font-display);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden}.flap-c:after,.flap-c:before{content:"";position:absolute;top:calc(50% - .055em);width:.06em;height:.11em;background:#2c3236;border-radius:1px}.flap-c:before{left:0}.flap-c:after{right:0}.flap-c.is-space{background:#121518;box-shadow:inset 0 1px #ffffff08}.flap-c.is-flipping{animation:flap-flip 70ms linear}@keyframes flap-flip{0%{clip-path:inset(0 0 50% 0);transform:scaleY(.92)}to{clip-path:inset(0);transform:none}}@media(prefers-reduced-motion:reduce){.flap-c.is-flipping{animation:none}}