.akrus-period-pill{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:2px 4px;border-radius:var(--radius-ui);background:transparent;border:.5px dashed var(--color-border-default);flex-wrap:wrap;max-width:100%;transition:border-color var(--motion-feedback) var(--motion-ease)}.akrus-period-pill:hover{border-color:var(--color-text-secondary)}.akrus-period-pill__btn{font-family:var(--font-sans,"Inter",system-ui,sans-serif);font-weight:500;font-size:12.5px;letter-spacing:-.01em;color:var(--color-text-secondary);height:40px;padding:0 10px;border-radius:var(--radius-ui);background:none;border:none;cursor:pointer;outline:none;transition:color var(--motion-feedback) var(--motion-ease),background-color var(--motion-feedback) var(--motion-ease),transform var(--motion-feedback) var(--motion-ease);-webkit-tap-highlight-color:transparent;white-space:nowrap}.akrus-period-pill__btn:hover{color:var(--color-text-primary);background:var(--color-surface-subtle)}.akrus-period-pill__btn:active{transform:scale(.96);transition-duration:var(--motion-feedback)}.akrus-period-pill__btn:focus{outline:none}.akrus-period-pill__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.akrus-period-pill__btn.is-active{color:var(--color-text-primary);font-weight:600;background:color-mix(in srgb,var(--color-text-primary) 9%,transparent)}.akrus-period-pill__btn.is-active:hover{background:color-mix(in srgb,var(--color-text-primary) 12%,transparent)}.akrus-period-pill[data-variant=segmented]{gap:0;min-height:44px;padding:3px;border:0;border-radius:var(--radius-ui);background:var(--color-surface-subtle)}.akrus-period-pill[data-variant=segmented]:hover{border-color:transparent}.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn{height:40px;padding:0 14px;border-radius:var(--radius-ui);color:var(--color-text-secondary)}.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn:hover{background:transparent;color:var(--color-text-primary)}.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn.is-active,.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn.is-active:hover{background:var(--color-surface-default);color:var(--color-text-primary);box-shadow:var(--e1)}.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.akrus-period-pill[data-size=sm]{min-height:32px;padding:2px;gap:0;flex-wrap:nowrap}.akrus-period-pill[data-size=sm] .akrus-period-pill__btn{height:26px;padding:0 8px;font-size:12px;font-variant-numeric:tabular-nums}.akrus-period-pill__short{display:none}@media (max-width:600px){.akrus-period-pill{min-height:32px;padding:2px;gap:0;flex-wrap:nowrap}.akrus-period-pill .akrus-period-pill__btn,.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn{height:28px;padding:0 9px;font-size:12px;font-variant-numeric:tabular-nums}.akrus-period-pill__full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.akrus-period-pill__short{display:inline}}@media (prefers-reduced-motion:reduce){.akrus-period-pill__btn:active{transform:none}.akrus-period-pill,.akrus-period-pill__btn{transition:none}}@media (pointer:coarse){.akrus-period-pill,.akrus-period-pill[data-size=sm],.akrus-period-pill[data-variant=segmented]{min-height:48px;flex-wrap:wrap}.akrus-period-pill .akrus-period-pill__btn,.akrus-period-pill[data-size=sm] .akrus-period-pill__btn,.akrus-period-pill[data-variant=segmented] .akrus-period-pill__btn{min-height:44px;min-width:44px}}