.component-grid header{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}
.component-grid header>span:last-child{background:#eaf2ff;color:#1769e0;border-radius:99px;padding:2px 8px}
.component-group-icon,.server-component-icon{display:grid;place-items:center;color:#315f82;background:#edf4f8;border:1px solid #d7e4ec;border-radius:8px}
.component-group-icon{width:27px;height:27px;padding:0!important}
.server-component-icon{width:40px;height:40px}
.component-group-icon svg{width:17px;height:17px}
.server-component-icon svg{width:25px;height:25px}
.component-grid article{grid-template-columns:40px 1fr auto auto}
.component-cpu .component-group-icon,.component-cpu .server-component-icon{color:#286aa6;background:#edf5fd}
.component-memory .component-group-icon,.component-memory .server-component-icon{color:#6f4aa0;background:#f4effa}
.component-storage .component-group-icon,.component-storage .server-component-icon{color:#137664;background:#eaf7f3}
.component-gpu .component-group-icon,.component-gpu .server-component-icon{color:#a55c16;background:#fff4e8}
.component-psu .component-group-icon,.component-psu .server-component-icon{color:#a43d44;background:#fff0f1}
@media(max-width:620px){.component-grid article{grid-template-columns:34px 1fr auto}.server-component-icon{width:34px;height:34px}.component-grid article>button{grid-column:3}}