.duration-scale-control{--duration-thumb-size:22px;padding-inline-start:16px;padding-inline-end:16px}.duration-scale-labels{height:1.5em;margin-inline:calc(var(--duration-thumb-size) / 2);position:relative}.duration-scale-labels span{left:var(--duration-position);white-space:nowrap;position:absolute;transform:translate(-50%)}.duration-scale-input{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;height:36px;accent-color:var(--v-purple);background:0 0;border-radius:8px;margin:4px 0 0;display:block}.duration-scale-input::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--v-purple) var(--duration-fill),var(--v-border) var(--duration-fill));border-radius:8px;height:7px}.duration-scale-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--duration-thumb-size);height:var(--duration-thumb-size);border:4px solid var(--v-surface);background:var(--v-purple);box-shadow:0 0 0 1px var(--v-purple),0 2px 7px color-mix(in srgb,var(--v-purple) 22%,transparent);border-radius:50%;margin-top:-7.5px}.duration-scale-input::-moz-range-track{background:var(--v-border);border-radius:8px;height:7px}.duration-scale-input::-moz-range-progress{background:var(--v-purple);border-radius:8px;height:7px}.duration-scale-input::-moz-range-thumb{box-sizing:border-box;width:var(--duration-thumb-size);height:var(--duration-thumb-size);border:4px solid var(--v-surface);background:var(--v-purple);box-shadow:0 0 0 1px var(--v-purple);border-radius:50%}.duration-scale-input:focus-visible{outline:2px solid var(--v-purple);outline-offset:2px}.duration-scale-hint{animation:.2s ease-out duration-hint-in}@keyframes duration-hint-in{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.duration-scale-hint{animation:none}}.schedule-mode-indicator{z-index:-1;background:color-mix(in srgb,var(--v-purple) 12%,var(--v-surface));width:calc(33.3333% - 2.66667px);box-shadow:0 1px 4px color-mix(in srgb,var(--v-ink) 6%,transparent);transform:translate(calc(var(--schedule-mode-index) * 100%));border-radius:9px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:4px;bottom:4px;left:4px}@media(prefers-reduced-motion:reduce){.schedule-mode-indicator{transition:none}}