.months-multi-select{display:block}.months-multi-select__slides{transition-property:left}@media screen and (min-width: 576px){.months-multi-select:not([compact=yes]) .months-multi-select__year{flex:0 0 50%;padding-inline:var(--spacing-3);border-left:1px solid var(--color-gray-30)}.months-multi-select:not([compact=yes]) .months-multi-select__year:first-of-type,.months-multi-select:not([compact=yes]) .months-multi-select__year[active=yes]{padding-inline-start:0;border-left:none}.months-multi-select:not([compact=yes]) .months-multi-select__year:last-of-type{padding-inline-end:0}}.months-multi-select__year-title{font-weight:var(--font-weight-bold)}.months-multi-select__months{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-2) var(--spacing-1)}.months-multi-select__month{display:flex;justify-content:center;padding:var(--spacing-2) var(--spacing-1);border-radius:var(--border-small);cursor:pointer;transition-property:background-color, color;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.months-multi-select__month:hover{background-color:var(--color-gray-20)}.months-multi-select__month[disabled=yes]{cursor:not-allowed;background-color:unset;color:var(--color-gray-20)}.months-multi-select__month[selected=yes]{background-color:var(--color-black);color:var(--color-white)}.months-multi-select__month>button{text-transform:uppercase;color:inherit;cursor:inherit}.months-multi-select__reset{display:none}@media screen and (min-width: 576px){.months-multi-select__reset{display:flex;align-items:center;gap:var(--spacing-2)}}.months-multi-select__reset-button{border-bottom:1px solid var(--color-black);padding-bottom:var(--spacing-1)}.months-multi-select__reset-button+svg{display:none}.months-multi-select__reset-button[active]+svg{display:unset}.months-multi-select__reset-button-mobile{margin-block:var(--spacing-5);width:100%}@media screen and (min-width: 576px){.months-multi-select__reset-button-mobile{display:none}}.months-multi-select__reset-button-mobile[active]{background-color:var(--color-black);color:var(--color-white)}.months-multi-select__nav{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-6);justify-content:flex-end}@media screen and (min-width: 576px){.months-multi-select__nav{justify-content:space-between}}.months-multi-select__nav-arrows{display:flex;gap:var(--spacing-5)}.months-multi-select__arrow-button{width:32px;height:32px;background-color:var(--color-black);border-radius:50%;display:flex;justify-content:center;align-items:center}.months-multi-select__arrow-button--right{transform:rotate(180deg)}