.kpi-period-control{display:flex;align-items:flex-end;gap:10px;padding:13px 16px;border:1px solid #d9e5e9;border-radius:13px;background:#fff;box-shadow:0 7px 22px rgba(8,36,52,.045)}.kpi-period-control>div{margin-right:auto}.kpi-period-control>div small,.kpi-period-control>div strong{display:block}.kpi-period-control>div small{color:#278b96;font-size:7px;font-weight:800;letter-spacing:.12em}.kpi-period-control>div strong{font:800 12px Manrope;color:#173745;margin-top:4px}.kpi-period-control label{display:flex;flex-direction:column;gap:4px;color:#687b86;font-size:7px}.kpi-period-control select,.kpi-period-control input{height:34px;min-width:145px;padding:0 9px;border:1px solid #d2dfe4;border-radius:8px;background:#fff;color:#294753;font-size:9px}.kpi-period-control button{height:34px;border:0;border-radius:8px;background:#12828b;color:#fff;padding:0 13px;font-size:8px;font-weight:800;cursor:pointer}.kpi-period-control button:hover{background:#0d6971}.kpi-period-control .hidden{display:none}@media(max-width:800px){.kpi-period-control{align-items:stretch;flex-direction:column}.kpi-period-control>div{margin:0 0 5px}.kpi-period-control select,.kpi-period-control input{width:100%}}