/* A compact strip of actual connected channels, directly below the masthead. */
.knox-creator-hub .kh-channel-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0 0;padding:0;min-width:0}
.knox-creator-hub .kh-channel-card{--kh-channel-color:#b4a0e5;display:flex;align-items:center;gap:15px;min-width:0;min-height:84px;padding:15px 19px;border:1px solid #252936;border-radius:9px;background:#0e1118;color:inherit;text-decoration:none;box-shadow:none;transition:background .18s,border-color .18s}
.knox-creator-hub .kh-channel-card:hover{border-color:#62517e;background:#141722;color:inherit}
.knox-creator-hub .kh-channel-card:focus-visible{outline:2px solid #b294eb;outline-offset:4px}
.knox-creator-hub .kh-channel-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;color:var(--kh-channel-color)}
.knox-creator-hub .kh-channel-icon svg{display:block;width:43px;height:43px}
.knox-creator-hub .kh-channel-copy{display:flex;flex:1;flex-direction:column;min-width:0;gap:4px}
.knox-creator-hub .kh-channel-copy strong{overflow:hidden;color:#f3f1f8;font-size:18px;font-weight:750;line-height:1.2;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
.knox-creator-hub .kh-channel-copy>span{overflow:hidden;color:#9c99ad;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.knox-creator-hub .kh-channel-open{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #8b70bd25;border-radius:7px;background:#a17ade0c;color:#c8b4ec;font-size:22px;line-height:1;transition:background .18s,color .18s}
.knox-creator-hub .kh-channel-card:hover .kh-channel-open{background:#a17ade22;color:#e5d7ff}
.knox-creator-hub .kh-channel-action-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.knox-creator-hub .kh-channel-edit{display:inline-flex;align-items:center;min-height:34px;margin-top:10px;padding:7px 11px;border:1px solid #8c76b748;border-radius:8px;background:#7955aa14;color:#cfb7ed;font-size:11px;font-weight:650;text-decoration:none}
.knox-creator-hub .kh-channel-edit[hidden]{display:none!important}
.knox-creator-hub .kh-channel-card[data-platform="twitch"]{--kh-channel-color:#a66dff}
.knox-creator-hub .kh-channel-card[data-platform="youtube"]{--kh-channel-color:#ff3b48}
.knox-creator-hub .kh-channel-card[data-platform="kick"]{--kh-channel-color:#53fc18}
.knox-creator-hub .kh-channel-card[data-platform="instagram"]{--kh-channel-color:#f178b5}
.knox-creator-hub .kh-channel-card[data-platform="tiktok"]{--kh-channel-color:#65e5e2}
.knox-creator-hub .kh-channel-card[data-platform="discord"]{--kh-channel-color:#8791ff}
.knox-creator-hub .kh-channel-card[data-platform="x"],.knox-creator-hub .kh-channel-card[data-platform="twitter"]{--kh-channel-color:#eeedf3}
.knox-creator-hub .kh-channel-card[data-platform="facebook"]{--kh-channel-color:#5997ff}
.knox-creator-hub .kh-channel-card[data-platform="telegram"]{--kh-channel-color:#4fb4ea}
.knox-creator-hub .kh-channel-card[data-platform="linkedin"]{--kh-channel-color:#58a3e5}
@media(min-width:1121px){
.knox-creator-hub .kh-channel-cards[data-channel-count="1"]{grid-template-columns:minmax(0,1fr)}
.knox-creator-hub .kh-channel-cards[data-channel-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.knox-creator-hub .kh-channel-cards[data-channel-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1120px){
.knox-creator-hub .kh-channel-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.knox-creator-hub .kh-channel-card{min-height:82px;padding:14px 18px}
}
@media(max-width:620px){
.knox-creator-hub .kh-channel-cards{grid-template-columns:minmax(0,1fr);gap:9px;margin-top:12px}
.knox-creator-hub .kh-channel-card{min-height:80px;padding:13px 18px;gap:15px}
.knox-creator-hub .kh-channel-icon{flex-basis:44px;width:44px;height:44px}
.knox-creator-hub .kh-channel-icon svg{width:42px;height:42px}
.knox-creator-hub .kh-channel-copy strong{font-size:18px}
.knox-creator-hub .kh-channel-copy>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.knox-creator-hub .kh-channel-card,.knox-creator-hub .kh-channel-open{transition:none}}