.month-selector .month-selector__input{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.month-selector .month-selector__input .button.back,.month-selector .month-selector__input .button.forward{display:none}.month-selector .month-selector__input .button+.button{margin-left:6px}.month-selector .month-selector__menu{background-color:var(--background);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow-minor);left:6px;position:absolute;top:auto;width:calc(100% - 12px);z-index:70}.month-selector .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 .month-selector__menu .month-selector__menu__actions select.year{background-color:transparent;border:1px solid transparent;border-radius:12px;box-shadow:none;display:inline-block;text-align:center}.month-selector .month-selector__menu .month-selector__menu__actions select.year:focus:hover,.month-selector .month-selector__menu .month-selector__menu__actions select.year:hover{background-color:var(--action);border:1px solid var(--action-hover);box-shadow:none}.month-selector .month-selector__menu .month-selector__menu__actions select.year:focus{background-color:transparent;border:1px solid transparent;box-shadow:none}.month-selector .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 .month-selector__menu .month-selector__menu__options button.action{font-weight:400;margin:1px;width:calc(33.333% - 2px)}.month-selector .month-selector__menu .month-selector__menu__options button.action.option--current{background-color:var(--action-feedback)}.month-selector .month-selector__menu .month-selector__menu__options button.action.option--current:hover{background-color:var(--action)}.month-selector .month-selector__menu .month-selector__menu__options button.action.option--selected{background-color:var(--action-active)}.month-selector .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{position:relative}.month-selector .month-selector__input .button.back,.month-selector .month-selector__input .button.forward{display:block}.month-selector .month-selector__menu{left:auto;margin-top:3px;position:absolute;right:-3px;top:auto;width:280px}}