/* Semantic detail inside the business-system constructor. No section-map annotation lines. */
.constructor-card__head{display:flex;align-items:center;gap:7px;margin-bottom:11px}
.constructor-card__head h3{margin:0!important}
.constructor-card__icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:#eef4ff;color:#3567cf}
.constructor-card__icon svg{width:14px;height:14px}
.constructor-card--green .constructor-card__icon{background:#edf8f1;color:#439b65}
.constructor-card--violet .constructor-card__icon{background:#f2edff;color:#6748d2}
.constructor-card--orange .constructor-card__icon{background:#fff1e6;color:#e67529}
.constructor-card--navy .constructor-card__icon{background:#edf1fb;color:#3858ac}
.constructor-card__mini-chart{height:54px;margin-top:14px;padding:7px;display:flex;align-items:flex-end;gap:4px;border-radius:7px;background:#f4f7fe;border:1px solid #e1e7f3}
.constructor-card__mini-chart i{flex:1;min-width:3px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#3f81f4,#2a55c8)}
.constructor-card__mini-chart i:nth-child(1){height:36%}.constructor-card__mini-chart i:nth-child(2){height:58%}.constructor-card__mini-chart i:nth-child(3){height:82%}.constructor-card__mini-chart i:nth-child(4){height:52%}.constructor-card__mini-chart i:nth-child(5){height:92%}

@media(min-width:1241px){
  .architecture-row .constructor-card__head{gap:5px;margin-bottom:9px}
  .architecture-row .constructor-card__icon{width:20px;height:20px;flex-basis:20px;border-radius:6px}
  .architecture-row .constructor-card__icon svg{width:12px;height:12px}
  .architecture-row .constructor-card__mini-chart{height:48px;margin-top:10px;padding:5px;gap:3px}
}

@media(max-width:640px){
  .constructor-card__head{gap:8px;margin-bottom:12px}
  .constructor-card__icon{width:28px;height:28px;flex-basis:28px}
  .constructor-card__icon svg{width:16px;height:16px}
  .constructor-card__mini-chart{height:62px}
}