.controlAreaGrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.controlAreaCard{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:11px 13px;border:1px solid #d5dfda;border-radius:13px;background:#fff;color:#20332c;text-align:left;box-shadow:0 3px 10px rgba(24,48,40,.035)}.controlAreaCard:hover{border-color:#89aa9e;background:#f8fcfa}.controlAreaCard.active{border-color:#26735f;background:#edf8f4;box-shadow:inset 0 0 0 1px rgba(38,115,95,.12)}.controlAreaIcon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf3f0;color:#256d5a;font-size:18px;font-weight:900}.controlAreaCard.active .controlAreaIcon{background:#26735f;color:#fff}.controlAreaText{min-width:0}.controlAreaText strong,.controlAreaText small{display:block}.controlAreaText strong{font-size:14px}.controlAreaText small{margin-top:3px;color:#718078;font-size:11px}.controlAreaCard>b{font-size:25px;line-height:1;color:#20332c}.controlAreaCard>em{position:absolute;right:12px;bottom:7px;color:#b43d45;font-size:10px;font-style:normal;font-weight:800}@media(max-width:1200px){.controlAreaGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.controlAreaGrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.controlAreaGrid{grid-template-columns:1fr}}