.split-flap{display:inline-flex;align-items:stretch;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none}.split-flap-cell{position:relative;display:block;width:var(--sf-w);height:var(--sf-h);border-radius:var(--sf-radius);box-shadow:0 2px 6px -2px rgba(0,0,0,.6);perspective:500px}.split-flap-cell,.split-flap-half{background:var(--sf-bg);overflow:hidden}.split-flap-half{position:absolute;left:0;width:100%;height:50%}.split-flap-top{top:0;border-radius:var(--sf-radius) var(--sf-radius) 0 0}.split-flap-bottom{bottom:0;border-radius:0 0 var(--sf-radius) var(--sf-radius)}.split-flap-face{display:flex;align-items:center;justify-content:center;width:100%;height:var(--sf-h);color:var(--sf-color);font-size:var(--sf-font);font-weight:600;line-height:1}.split-flap-bottom .split-flap-face{transform:translateY(-50%)}.split-flap-seam{top:calc(50% - 1px);height:2px;background:var(--sf-seam);z-index:3;pointer-events:none}.split-flap-leaf,.split-flap-seam{position:absolute;left:0;width:100%}.split-flap-leaf{top:0;height:50%;z-index:2;overflow:hidden;background:var(--sf-bg);border-radius:var(--sf-radius) var(--sf-radius) 0 0;transform-origin:bottom center;-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:split-flap-drop var(--sf-step) cubic-bezier(.36,0,.66,1) 1 forwards}@keyframes split-flap-drop{0%{transform:rotateX(0deg);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.4)}}@media (prefers-reduced-motion:reduce){.split-flap-leaf{display:none}}