.tw{flex-direction:column;gap:.75rem;display:flex}.tw__label{text-align:center;color:var(--color-ink-dim);font-size:.9375rem}.tw__strip{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-input);touch-action:none;-webkit-user-select:none;user-select:none;height:5.5rem;padding:0 .5rem;position:relative}.tw__axis{border-top:1px dashed var(--color-line);position:absolute;top:50%;left:.5rem;right:.5rem}.tw__bars{align-items:center;gap:1px;display:flex;position:absolute;inset:0 .5rem}.tw__bar{background:var(--color-ink-faint);opacity:.55;border-radius:999px;flex:1 1 0;min-width:0}.tw__sel{background:color-mix(in oklch, var(--color-cyan) 18%, transparent);border-top:2px solid var(--color-cyan-deep);border-bottom:2px solid var(--color-cyan-deep);cursor:grab;position:absolute;top:0;bottom:0}.tw__sel:active{cursor:grabbing}.tw__handle{background:var(--color-ink);cursor:ew-resize;touch-action:none;border:0;border-radius:3px;width:12px;margin-left:-6px;padding:0;position:absolute;top:-1px;bottom:-1px}.tw__handle:after{content:"";position:absolute;inset:-6px -10px}.tw__handle:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.tw__handle:disabled{opacity:.4;cursor:not-allowed}.tw__row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.tw__len{color:var(--color-ink-dim);font-variant-numeric:tabular-nums;font-size:.9375rem}.tw__play{background:var(--color-ink);width:2.75rem;height:2.75rem;color:var(--color-paper);transition:transform 90ms var(--ease-push);border-radius:999px;place-items:center;display:grid}.tw__play:active{transform:scale(.94)}.tw__use{cursor:pointer;justify-content:flex-end;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:flex}.tw__use input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent-deep);cursor:pointer;border-radius:5px}.tw__use input:disabled{cursor:not-allowed;opacity:.4}.tw__rate{flex-direction:column;gap:.25rem;max-width:16rem;display:flex}.tw__rate__val{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:.9375rem}.tw__rate input{width:100%;accent-color:var(--color-accent-deep);cursor:pointer}.tw__rate__ends{color:var(--color-ink-dim);justify-content:space-between;font-size:.8125rem;display:flex}.rc-exp{border-top:1px solid var(--color-line);padding-top:.875rem}.rc-exp>summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;list-style:none;display:flex}.rc-exp>summary::-webkit-details-marker{display:none}.rc-exp>summary:after{content:"";border-right:2px solid var(--color-ink-dim);border-bottom:2px solid var(--color-ink-dim);width:.55rem;height:.55rem;transition:transform .16s var(--ease-snap);transform:rotate(45deg)}.rc-exp[open]>summary:after{transform:rotate(-135deg)}.rc-exp>summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.rc-exp__body{padding-top:.875rem}@media (max-width:30rem){.tw__row{grid-template-columns:1fr auto;row-gap:.5rem}.tw__use{grid-column:1/-1;justify-content:space-between}}@media (prefers-reduced-motion:reduce){.rc-exp>summary:after,.tw__play{transition-duration:.01ms}}