.month-picker{display:block;position:relative}.month-picker__trigger{color:#07223f;cursor:pointer;text-align:left;white-space:nowrap;background:#fff;border:1px solid #d0dbee;border-radius:10px;align-items:center;gap:7px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.month-picker__trigger:hover,.month-picker__trigger--open{border-color:#175bf0;box-shadow:0 0 0 3px #175bf014}.month-picker__icon{color:#64768f;flex-shrink:0;font-size:13px}.month-picker__arrow{color:#64768f;margin-left:auto;font-size:10px;transition:transform .2s}.month-picker__arrow--open{transform:rotate(180deg)}.month-picker__popup{z-index:200;background:#fff;border:1px solid #d0dbee;border-radius:12px;min-width:200px;padding:12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.month-picker__nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.month-picker__nav-btn{color:#384860;cursor:pointer;background:#f7f9ff;border:1px solid #e8eef8;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .15s,border-color .15s;display:flex}.month-picker__nav-btn:hover{color:#175bf0;background:#eaf1ff;border-color:#175bf0}.month-picker__year{color:#07223f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.month-picker__year:hover{color:#175bf0;background:#eaf1ff;border-color:#aac4f8}.month-picker__year-input{text-align:center;color:#07223f;-moz-appearance:textfield;background:#fff;border:1px solid #175bf0;border-radius:6px;outline:none;width:72px;padding:2px 6px;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 0 0 3px #175bf01a}.month-picker__year-input::-webkit-inner-spin-button{-webkit-appearance:none}.month-picker__year-input::-webkit-outer-spin-button{-webkit-appearance:none}.month-picker__hint{color:#aab8cc;text-align:center;margin:8px 0 0;font-size:11px}.month-picker__grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.month-picker__cell{color:#384860;cursor:pointer;text-align:center;background:#f7f9ff;border:1px solid #0000;border-radius:8px;padding:7px 4px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.month-picker__cell:hover:not(.month-picker__cell--disabled){color:#175bf0;background:#eaf1ff;border-color:#aac4f8}.month-picker__cell--active{color:#fff;background:#175bf0;border-color:#175bf0;font-weight:700}.month-picker__cell--active:hover{background:#0746d6;border-color:#0746d6}.month-picker__cell--disabled{color:#b0bfcf;cursor:not-allowed;background:0 0}