.vs-period{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:clamp(26px,3.5vw,36px)}.vs-period__switch{background-color:#eef4ff;border:0;border-radius:999px;display:inline-flex;gap:4px;margin:0;padding:4px}.vs-period__legend{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.vs-period__option{cursor:pointer;position:relative}.vs-period__pick{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.vs-period__label{border-radius:999px;color:rgba(27,46,75,.75);display:block;font-size:15px;font-weight:500;padding:9px 20px;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.vs-period__pick:checked+.vs-period__label{background-color:#fff;box-shadow:0 18px 40px -28px rgba(27,46,75,.28);color:#1b2e4b}.vs-period__option:has(.vs-period__pick:focus-visible) .vs-period__label{border-radius:8px;outline:2px solid #0168fa;outline-offset:2px}.vs-period__hint{color:rgba(27,46,75,.68);font-size:15px;text-align:center}.vs-period__hint [data-period]{display:none}:root:has(.vs-period__pick--m:checked) .vs-period__hint [data-period=m]{display:inline}:root:has(.vs-period__pick--y:checked) .vs-period__hint [data-period=y]{display:inline}