.bt-char{display:inline-block;overflow:hidden;white-space:pre;vertical-align:top;max-width:0;animation:bt-type 1ms linear forwards;animation-delay:calc(var(--i) * 45ms + .15s)}@keyframes bt-type{0%,to{max-width:2em}}.bt-cursor{animation:bt-blink 1.06s step-end infinite}@keyframes bt-blink{50%{opacity:0}}.bt-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;animation:bt-tile-in .28s ease-out backwards;animation-delay:calc(var(--i) * 70ms + .85s)}@keyframes bt-tile-in{0%{opacity:0;transform:translateY(12px)}}.bt-tile:focus-visible,.bt-tile:hover{background:rgba(255,255,255,.11);border-color:rgba(var(--g),.5);box-shadow:0 0 24px 0 rgba(var(--g),.25),inset 0 1px 0 rgba(255,255,255,.12);transform:translateY(-1px)}.bt-tile:active{transform:none}.bt-tile:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:var(--radius-xl,.75rem)}.bt-tile[data-active]{background:rgba(var(--g),.13);border-color:rgba(var(--g),.7);box-shadow:0 0 24px 0 rgba(var(--g),.25),inset 0 1px 0 rgba(255,255,255,.12)}.bt-arrow,.bt-ch{transition:opacity .2s}.bt-arrow{opacity:0;color:rgba(var(--g),.9)}.bt-tile:is(:hover,:focus-visible,[data-active]) .bt-ch{opacity:0}.bt-tile:is(:hover,:focus-visible,[data-active]) .bt-arrow{opacity:1}.bt-count{color:rgba(var(--g),.7);background:rgba(var(--g),.12);transition:color .2s}.bt-tile:is(:hover,:focus-visible,[data-active]) .bt-count{color:rgb(var(--g))}.bt-bar{width:0;background:rgba(var(--g),.8);transition:width .3s ease-out}.bt-tile:is(:hover,:focus-visible,[data-active]) .bt-bar{width:100%}@media (prefers-reduced-motion:reduce){.bt-char{animation:none;max-width:none}.bt-tile{animation:none;transition:none}.bt-tile:focus-visible,.bt-tile:hover{transform:none}.bt-cursor{animation:none;opacity:0}}