.vs-site .vs-flex-len--months{grid-column:1/-1}.vs-site .vs-month-wheel{display:flex;align-items:center;justify-content:center;gap:18px;margin:-4px 0 14px}.vs-site .vs-month-ring{touch-action:none;cursor:-webkit-grab;cursor:grab;outline:none;border-radius:50%}.vs-site .vs-month-ring:active{cursor:-webkit-grabbing;cursor:grabbing}.vs-site .vs-month-ring:focus-visible{box-shadow:0 0 0 3px rgba(var(--vs-accent-rgb),.35)}.vs-site .vs-month-track{fill:none;stroke:var(--vs-line);stroke-width:14}.vs-site .vs-month-fill{fill:none;stroke:var(--vs-accent);stroke-width:14;stroke-linecap:round;transition:stroke-dasharray .18s ease}.vs-site .vs-month-tick{fill:var(--vs-faint)}.vs-site .vs-month-tick.is-on{fill:#fff}.vs-site .vs-month-knob{fill:var(--vs-card);stroke:var(--vs-accent);stroke-width:3;filter:drop-shadow(0 2px 4px rgba(40,20,80,.3));transition:cx .18s ease,cy .18s ease}.vs-site .vs-month-count{fill:var(--vs-ink);font-size:30px;font-weight:800}.vs-site .vs-month-unit{fill:var(--vs-faint);font-size:12px;font-weight:700}.vs-site .vs-month-step{width:36px;height:36px;border:1px solid var(--vs-line);border-radius:50%;background:var(--vs-card);color:var(--vs-ink);font:inherit;font-size:20px;font-weight:700;line-height:1;cursor:pointer}.vs-site .vs-month-step:hover:not(:disabled){background:var(--vs-tint)}.vs-site .vs-month-step:disabled{opacity:.4;cursor:default}