.sf-tile{--sf-w:18px;--sf-h:calc(var(--sf-w) * 1.5);--sf-d:70ms;position:relative;flex:0 0 auto;width:var(--sf-w);height:var(--sf-h);font-family:var(--font-plex-mono),ui-monospace,monospace;font-weight:600;font-size:calc(var(--sf-h) * .68);line-height:var(--sf-h);text-align:center;color:#ffb000;perspective:220px}.sf-tile>span{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:linear-gradient(#141a24,#0f141c);border:1px solid #1e2633}.sf-tile>span>span{display:block;height:var(--sf-h)}.sf-tile .sf-ft,.sf-tile .sf-t{top:0;border-radius:3px 3px 0 0;border-bottom:0}.sf-tile .sf-b,.sf-tile .sf-fb{bottom:0;border-radius:0 0 3px 3px;border-top:0}.sf-tile .sf-b>span,.sf-tile .sf-fb>span{transform:translateY(-50%)}.sf-tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000;z-index:3}.sf-tile .sf-ft{transform-origin:bottom;transform:rotateX(0deg)}.sf-tile .sf-fb,.sf-tile .sf-ft{z-index:2;backface-visibility:hidden;visibility:hidden}.sf-tile .sf-fb{transform-origin:top;transform:rotateX(90deg)}.sf-tile.sf-go .sf-ft{visibility:visible;animation:sf-fold-top var(--sf-d) ease-in forwards}.sf-tile.sf-go .sf-fb{visibility:visible;animation:sf-fold-bottom var(--sf-d) ease-out var(--sf-d) forwards}@keyframes sf-fold-top{to{transform:rotateX(-90deg)}}@keyframes sf-fold-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.sf-tile.sf-blank{color:transparent}@media (prefers-reduced-motion:reduce){.sf-tile.sf-go .sf-fb,.sf-tile.sf-go .sf-ft{animation:none;visibility:hidden}}
/*# sourceMappingURL=65f4b5cfbb518ef5.css.map*/