.month-selector{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.month-selector .button.back,.month-selector .button.forward{display:none}.month-selector .button{margin:0}.month-selector .button+.button{margin-left:6px}.month-selector__menu{max-width:280px}.month-selector__menu .month-selector__menu__actions{align-items:center;border-bottom:1px solid var(--edge);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0;padding:3px}.month-selector__menu .month-selector__menu__actions select.year{background-color:transparent;border:1px solid transparent;border-radius:11px;box-shadow:none;display:inline-block;text-align:center}.month-selector__menu .month-selector__menu__actions select.year:focus:hover,.month-selector__menu .month-selector__menu__actions select.year:hover{background-color:var(--action-hover);border:1px solid var(--action-active);box-shadow:none}.month-selector__menu .month-selector__menu__actions select.year:focus{background-color:transparent;border:1px solid transparent;box-shadow:none}.month-selector__menu .month-selector__menu__actions button.action{margin:0 3px 0 0}.month-selector__menu .month-selector__menu__options{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-height:360px;overflow-y:auto;padding:2px}.month-selector__menu .month-selector__menu__options button.action{font-weight:400;margin:1px;width:calc(33.333% - 2px)}.month-selector__menu .month-selector__menu__options button.action.option--selected,.month-selector__menu .month-selector__menu__options button.action.option--selected:hover{background-color:var(--action-active);border:1px solid var(--action-active)}@media (min-width:400px){.month-selector .button.back,.month-selector .button.forward{display:block}}