.period-switch{gap:var(--space-3);flex-direction:column;display:flex}.period-switch .controls{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.period-switch .options{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.period-switch .option{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.period-switch .option[aria-pressed=true]{border-color:var(--color-inverse-bg);background-color:var(--color-inverse-bg);color:var(--color-inverse-text);font-weight:var(--font-weight-bold)}