.transbrake{padding:8px 12px 6px;background:#202328;border:1px solid #484d55;border-radius:4px;margin:8px 0}.transbrake-heading{display:flex;align-items:center;gap:7px}.transbrake-heading label{margin:0;font-size:10px;font-weight:700;letter-spacing:.07em;color:#eee}.transbrake input{display:block;width:100%;height:22px;margin:0;appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}.transbrake input::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(to right,#ed1c24 var(--position,0%),#50565f var(--position,0%))}.transbrake input::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:#e6e8eb;border:3px solid #fff;margin-top:-8px;box-shadow:0 2px 6px #0008}.transbrake input::-moz-range-track{height:6px;background:#50565f}.transbrake input::-moz-range-progress{height:6px;background:#ed1c24}.transbrake input::-moz-range-thumb{width:18px;height:18px;background:#eee;border:2px solid #fff;border-radius:50%}.transbrake input:disabled{opacity:.45;cursor:default}.transbrake-scale{display:flex;justify-content:space-between;font:9px 'IBM Plex Mono',monospace;color:#b5bbc3}.transbrake-help{position:relative;display:inline-flex}.transbrake-help button{display:grid;place-items:center;width:16px;height:16px;border:1px solid #747b84;border-radius:50%;padding:0;background:transparent;color:#bbc1ca;font-size:10px;line-height:1;cursor:help}.transbrake-help [role=tooltip]{display:none;position:absolute;bottom:24px;left:-130px;width:230px;padding:10px 12px;border:1px solid #626871;border-radius:4px;background:#101113;color:#ddd;font-size:12px;line-height:1.5;box-shadow:0 4px 16px #0009;z-index:4}.transbrake-help:hover [role=tooltip],.transbrake-help:focus-within [role=tooltip]{display:block}.transbrake-status{display:block;font-size:11px;color:#ddd;margin-top:5px}.transbrake-status:empty{display:none}@media(max-width:480px){.transbrake{padding:7px 10px 5px}.transbrake-heading label{font-size:10px}}

.transbrake-adjustments{display:flex;align-items:center;gap:8px}.transbrake-adjustments input{min-width:0;flex:1}.transbrake-nudge{flex:0 0 30px;width:30px;height:28px;display:grid;place-items:center;padding:0;margin:0;border:1px solid #666e79;border-radius:4px;background:#30353d;color:#fff;font:24px/1 Arial;touch-action:manipulation}.transbrake-nudge:hover:not(:disabled){background:#454d58}.transbrake-nudge:disabled{opacity:.35;cursor:default}.transbrake-nudge:focus-visible{outline:2px solid #fff;outline-offset:2px}