.calc-month-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.calc-month-field>input{border-radius:7px 0 0 7px;cursor:pointer;background:#fff}.calc-month-trigger{border:1px solid #aac5dc;border-left:0;border-radius:0 7px 7px 0;background:#edf6fd;color:#21679f;padding:0 13px;cursor:pointer}.calc-month-trigger:hover{background:#dfeffc}
.calc-month-popover{position:fixed;z-index:13050;box-sizing:border-box;padding:13px;background:#fff;border:1px solid #adc7dc;border-radius:12px;box-shadow:0 16px 44px rgba(20,55,84,.24);color:#173854}.calc-month-popover[hidden]{display:none}.calc-month-head{display:grid;grid-template-columns:42px 1fr 42px;gap:7px;align-items:center}.calc-month-head button,.calc-month-jump button,.calc-month-foot button{min-height:38px;border:1px solid #bad0e1;border-radius:8px;background:#fff;color:#205f92;cursor:pointer;font:inherit}.calc-month-head>button:first-child,.calc-month-head>button:last-child{font-size:25px}.calc-month-title{font-weight:700}.calc-month-jump{display:grid;grid-template-columns:1fr 66px;gap:7px;align-items:end;margin-top:9px}.calc-month-jump label{display:grid;gap:4px;margin:0;color:#647f94;font-size:12px}.calc-month-jump input{box-sizing:border-box;width:100%;height:38px;border:1px solid #bad0e1;border-radius:8px;padding:0 10px;color:#173854;font:inherit}.calc-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.calc-month-grid button{min-height:46px;border:1px solid transparent;border-radius:8px;background:#f3f7fa;color:#254f70;cursor:pointer;font:inherit}.calc-month-grid button:hover,.calc-month-grid button:focus-visible{border-color:#4c91c7;background:#e5f2fc}.calc-month-grid button.selected{background:#2f78b7;color:#fff;font-weight:700}.calc-month-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid #e0eaf2}.calc-month-foot span{color:#748b9c;font-size:12px}.calc-month-foot button{padding:0 14px}.calc-month-popover[data-view="years"] .calc-month-grid button{font-variant-numeric:tabular-nums}
@media(max-width:520px){.calc-month-popover{padding:10px}.calc-month-grid{gap:5px}.calc-month-grid button{min-height:42px}.calc-month-foot span{display:none}}