/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/payers/payers.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.payer-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); grid-gap: 16px; gap: 16px; align-items: end; }
.payer-controls label { display: grid; grid-gap: 5px; gap: 5px; font-weight: 600; }
.payer-controls input, .payer-controls select { width: 100%; min-height: 40px; padding: 8px; border: 1px solid #94a3b8; border-radius: 5px; background: white; color: #172b3a; }
.payer-controls button { min-height: 40px; background: #134e4a; color: white; border-radius: 5px; padding: 8px 16px; }
.payer-stats { display: flex; flex-wrap: wrap; gap: 24px; }
.payer-stats > div, .payer-stats > section { flex: 1 1 190px; }
.payer-stats dt { color: var(--muted); }
.payer-stats dd { margin: 8px 0; font-size: 26px; font-weight: 700; }
.payer-bar { display: grid; grid-template-columns: minmax(180px, 1fr) 2fr; align-items: center; grid-gap: 16px; gap: 16px; margin: 12px 0; }
.payer-bar meter { width: 100%; height: 26px; }
@media (max-width: 600px) { .payer-bar { grid-template-columns: 1fr; gap: 0; } }