.developer-theme-usage{display:grid;gap:16px}.developer-theme-usage>.developer-panel-head{margin-bottom:0}.developer-theme-usage>.developer-panel-head p{max-width:720px;margin:5px 0 0;color:#9da7b4}.developer-theme-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.developer-theme-summary article{display:grid;gap:5px;min-height:105px;align-content:center;padding:15px;border:1px solid #29313b;border-radius:8px;background:#0b0f14}.developer-theme-summary span,.developer-theme-summary small{color:#929eac}.developer-theme-summary span{font-size:11px;font-weight:700;text-transform:uppercase}.developer-theme-summary strong{color:#f7f9fb;font-size:22px;overflow-wrap:anywhere}.developer-theme-summary small{font-size:10px}.developer-theme-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:12px}.developer-theme-ranking,.developer-theme-platforms{min-width:0;padding:16px;border:1px solid #29313b;border-radius:8px;background:#090d12}.developer-theme-ranking>header,.developer-theme-platforms>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.developer-theme-ranking header span,.developer-theme-platforms header span{color:#8e99a7;font-size:10px;font-weight:750;text-transform:uppercase}.developer-theme-ranking h4,.developer-theme-platforms h4{margin:3px 0 0;color:#f5f7fa}.developer-theme-ranking header small{color:#8e99a7}.developer-theme-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:68px;padding:10px 0;border-top:1px solid #222a33}.developer-theme-row>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px}.developer-theme-row>div i{display:block;width:var(--theme-usage,0%);min-width:3px;height:6px;grid-column:1/-1;border-radius:4px;background:linear-gradient(90deg,#c8cdd4,#6f7884)}.developer-theme-row small{color:#9aa5b2}.developer-theme-row b{min-width:34px;color:#fff;font-size:19px;text-align:right}.developer-theme-swatch{display:block;width:42px;height:42px;border:1px solid #48515c;border-radius:8px;box-shadow:inset 11px 0 0 var(--swatch-sidebar),inset 0 0 0 2px var(--swatch-panel);background:var(--swatch-bg)}.developer-theme-swatch.is-carbon{--swatch-bg:#050607;--swatch-sidebar:#08090b;--swatch-panel:#15181b}.developer-theme-swatch.is-graphite{--swatch-bg:#121416;--swatch-sidebar:#0c0e10;--swatch-panel:#22262a}.developer-theme-swatch.is-soft_graphite{--swatch-bg:#292d31;--swatch-sidebar:#1b1e22;--swatch-panel:#3a3f45}.developer-theme-platforms{display:grid;align-content:start}.developer-theme-platforms>div:not(.empty-state){display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #222a33;color:#adb6c1}.developer-theme-platforms>div strong{color:#fff}.developer-theme-platforms footer{margin-top:12px;padding-top:12px;border-top:1px solid #29313b;color:#8793a1;font-size:10px}@media(max-width:980px){.developer-theme-layout{grid-template-columns:1fr}}@media(max-width:620px){.developer-theme-summary{grid-template-columns:1fr}}