.interval-toggle{border-radius:var(--radius-full);gap:2px;padding:2px;display:inline-flex}.interval-toggle-option{align-items:center;gap:var(--spacing-2);border-radius:var(--radius-full);font-family:var(--font-family-sans);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:inline-flex}.interval-toggle-option:focus-visible{outline:2px solid var(--color-sky);outline-offset:2px}@media (pointer:coarse){.interval-toggle-option{min-height:44px}}.interval-toggle-save{font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.interval-toggle--light{background:var(--color-fog-soft);border:1px solid var(--color-fog)}.interval-toggle--light .interval-toggle-option{color:var(--color-muted-ink);padding:5px 12px;font-size:12px}.interval-toggle--light .interval-toggle-option--active{background:var(--color-bone);color:var(--color-ink);box-shadow:var(--shadow-xs)}.interval-toggle--light .interval-toggle-save{background:var(--color-sage-tint);color:var(--color-sage-deep);padding:1px 6px;font-size:10px}.interval-toggle--dark{background:color-mix(in srgb, var(--color-bone) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-bone) 18%, transparent);margin-top:28px;padding:4px}.interval-toggle--dark .interval-toggle-option{color:color-mix(in srgb, var(--color-bone) 70%, transparent);padding:8px 20px;font-size:15px;transition:background .15s,color .15s}.interval-toggle--dark .interval-toggle-option:hover:not(.interval-toggle-option--active){color:var(--color-bone)}.interval-toggle--dark .interval-toggle-option--active{background:var(--color-bone);color:var(--color-ink)}.interval-toggle--dark .interval-toggle-save{background:var(--color-persimmon);color:var(--color-ink);padding:2px 8px;font-size:12px}