.sf-month{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-3);align-items:stretch;gap:2px;max-width:100%;padding:3px;display:inline-flex}.sf-month__step{border-radius:var(--radius-sm);width:32px;min-height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.sf-month__step:hover:not(:disabled){background:var(--surface);color:var(--ink)}.sf-month__step:disabled{opacity:.4;cursor:default}.sf-month__step:focus-visible,.sf-month__select:focus-visible{box-shadow:var(--focus-ring);outline:none}.sf-month__pick{align-items:center;min-width:0;display:inline-flex;position:relative}.sf-month__select{appearance:none;border-radius:var(--radius-sm);min-width:148px;max-width:100%;min-height:32px;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 30px 0 12px;font-weight:600}.sf-month__caret{pointer-events:none;color:var(--muted);position:absolute;right:10px}.sf-month.is-active .sf-month__select{background:var(--surface);color:var(--ink);box-shadow:var(--segmented-shadow), 0 0 0 1px var(--line)}.sf-month.is-idle .sf-month__select{color:var(--muted);font-weight:500}.sf-month--sm .sf-month__select{min-width:132px;min-height:28px}.sf-month--sm .sf-month__step{width:28px;min-height:28px}@media (max-width:720px){.sf-month{width:100%}.sf-month__pick{flex:1}.sf-month__select{text-align:center;width:100%;min-width:0}}