.computing-planner{& .cmp-scene{aspect-ratio:1000/560}& .cmp-scene .part.typ{opacity:.92}& .cmp-scene .part.maybe{opacity:.42;filter:grayscale(.5)}& .sat-tag{background:var(--surface);font-size:var(--ds-text-xs);color:var(--ink);white-space:nowrap;transition:left .7s var(--ease), top .7s var(--ease);border:1px solid #1018164d;padding:2px 8px;font-weight:650;position:absolute;transform:translate(-50%)}& .sat-tag.maybe{color:var(--body);border-style:dashed;font-weight:550}& .sat-tag.new,& .io-g.new,& .io.new{animation:.45s both fadein}& .scene-tag{background:var(--surface);font-size:var(--ds-text-xs);color:var(--ink);z-index:3;border:1px dashed #10181666;padding:3px 9px;font-weight:600;position:absolute;top:12px;left:14px}& .scene-tag[hidden]{display:none}& .io-wrap,& .env-wrap{background:var(--paper);padding:0 16px 14px}& .io{background:#e9ebe6;border:1px solid #10181642;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;min-height:64px;padding:12px 14px 10px;display:flex}& .io.empty{background:0 0;border-style:dashed;border-color:#10181647;place-items:center;display:grid}& .io.empty span{font-size:var(--ds-text-xs);color:var(--muted)}& .io-g{justify-items:center;gap:4px;display:grid}& .io-g svg{height:18.5px;display:block;overflow:visible}& .io-g .p{fill:#fbfbf9;stroke:#1d2824;stroke-width:1.6px}& .io-g .h{fill:#1d2824}& .io-g .g{fill:#3fae6b}& .io-g span{font-size:var(--ds-text-xs);color:var(--ink);white-space:nowrap;font-weight:600}& .envrow{grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;padding-top:2px;display:grid}& .therm{padding-bottom:16px;position:relative}& .therm .track{background:#fff;border:1px solid #10181642;height:8px;position:relative}& .therm .track i{background:var(--green);transition:left .6s var(--ease), width .6s var(--ease);position:absolute;top:-1px;bottom:-1px}& .therm .track b{background:#10181659;width:1px;height:4px;position:absolute;top:100%}& .therm .ticks span{font-size:var(--ds-text-xs);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:13px;transform:translate(-50%)}& .therm .ticks span:first-child{transform:none}& .therm .ticks span:last-child{transform:translate(-100%)}& .envrow.open .track{background:0 0;border-style:dashed}& .env-tags{flex-wrap:wrap;justify-content:flex-start;gap:6px;max-width:none;display:flex}& .env-tags span{font-size:var(--ds-text-xs);background:var(--surface);color:var(--ink);white-space:nowrap;border:1px solid #10181638;padding:3px 8px;font-weight:600}& .env-tags span.t{background:var(--soft);border-color:var(--green);color:var(--green-dark)}& .env-tags span.muted{color:var(--muted);background:0 0;border-style:dashed;font-weight:500}& .grp{border:0;min-width:0;margin:0;padding:0}& .grp+.grp{margin-top:22px}& .cards.forms .glyph{align-items:center;height:66px}& .cards.forms .glyph img{width:auto;max-width:100%;height:auto;max-height:66px;display:block}& .card small.n{color:var(--muted);margin-top:5px}& .card small.n em{color:var(--green-dark);font-style:normal;font-weight:650}& .examples li b,& .picked b.model,& .door li b{font-family:var(--font-body);font-weight:650}& .examples li .thumb{object-fit:contain;width:56px;height:42px}& .examples li .thumb.blank{border:1px dashed var(--line);background:0 0}& .fit-count .model-name{font-size:28px}& .picked img.render{object-fit:contain;padding:4px}& .door li .thumb{object-fit:contain;width:56px;height:42px}& .famcard{background:var(--paper);border:1px solid var(--hair);grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}& .famcard img{width:96px;height:auto;display:block}& .famcard.maker img{justify-self:center;width:auto;max-width:96px;max-height:30px}& .famcard b{font-size:14px;display:block}& .famcard span{font-size:var(--ds-text-xs);color:var(--body);line-height:1.45;display:block}& .fit-h{font-family:var(--font-body);color:var(--ink);margin:4px 0 0;font-size:13px;font-weight:650}& .cmp-scene:not(.start) .part.open{opacity:0}& .makers.grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px 16px;display:grid}& .makers.grid .lg{place-items:center start;min-height:48px;display:grid}& .makers.grid img{width:auto;max-width:100%;height:auto;max-height:24px}& .eol{flex:100%;gap:12px;padding-top:6px;display:grid}& .eol .btn{justify-self:start}@media (width<=640px){& .makers.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}}.computing-planner .picked,.computing-planner .picked>div{min-width:0}.computing-planner .fit-count{flex-wrap:wrap}.computing-planner .model-name{overflow-wrap:anywhere}@media (width<=600px){.computing-planner .picked{grid-template-columns:56px minmax(0,1fr)}.computing-planner .picked>button{grid-column:2;justify-self:start}}.computing-planner [data-maker=supermicro] img{width:104px;max-width:100%;height:auto;max-height:none}