.tdq-seg{height:6px;flex:1 1 0;border-radius:9999px;background:rgb(var(--color-border));transition:background-color .2s ease}.tdq-seg[data-state=current]{background:rgb(var(--color-fg) / .55)}.tdq-seg[data-state=right]{background:var(--seg)}.tdq-seg[data-state=wrong]{background:color-mix(in srgb,var(--seg) 28%,rgb(var(--color-border)))}.tdq-gap{display:inline-block;min-width:4.5em;height:1em;margin:0 .15em;vertical-align:baseline;border-bottom:2px solid rgb(var(--color-fg-subtle))}.tdq-gap[data-wide]{min-width:9em}.tdq-fill{margin:0 .1em;padding:0 .2em;border-bottom:2px solid rgb(var(--color-fg));font-weight:700}.tdq-cell{display:inline-flex;align-items:flex-end;justify-content:center;width:1.05em;height:1.35em;margin:0 1px;border-bottom:2px solid rgb(var(--color-fg-subtle));line-height:1.2}.tdq-cells:focus-within .tdq-cell{border-bottom-color:rgb(var(--color-fg-muted))}.tdq-cells:focus-within .tdq-cell[data-active]{border-bottom-color:rgb(var(--color-fg));border-bottom-width:3px;background:rgb(var(--color-surface-muted))}@media(prefers-reduced-motion:no-preference){.tdq-enter{animation:tdq-in .28s ease-out both}.tdq-fill,.tdq-drop{animation:tdq-drop .2s ease-out both}.tdq-cells:focus-within .tdq-cell[data-active]:empty:after{content:"";width:1px;height:1em;margin-bottom:2px;background:rgb(var(--color-fg));animation:tdq-caret 1s steps(1) infinite}.tdq-bar-fill{animation:tdq-grow .6s ease-out both;transform-origin:left}}@keyframes tdq-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes tdq-drop{0%{opacity:0;transform:translateY(-4px) scale(.92)}to{opacity:1;transform:none}}@keyframes tdq-caret{50%{opacity:0}}@keyframes tdq-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tdq-opt[data-state=open]:hover{border-color:rgb(var(--color-border-strong));background:rgb(var(--color-surface-muted) / .6)}.tdq-opt[data-state=chosen]{border-color:rgb(var(--color-fg));background:rgb(var(--color-surface-muted))}