@layer components{.server-team{margin-top:48px;overflow:visible}.server-team-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:22px;display:flex}.server-team-heading h2{align-items:center;gap:12px;margin:0;font-size:clamp(26px,3vw,32px);line-height:1.25;display:flex}.server-team-heading h2 svg{color:var(--link)}.server-team-heading a{min-height:44px;color:var(--link);align-items:center;gap:8px;font-weight:650;display:inline-flex}.server-team-heading a:hover{text-underline-offset:5px;text-decoration:underline}.server-team-note{color:var(--muted);margin-block:16px;font-size:16px;line-height:1.6}.server-team-people{grid-template-columns:repeat(auto-fill,132px);align-items:start;gap:22px 18px;margin:0;padding:8px 0 22px;list-style:none;display:grid;overflow:visible}.server-team-person{--rank-color:var(--muted);isolation:isolate;min-width:0;position:relative}:is(.server-team-person,.server-team-card)[data-rank="5"]{--rank-color:#ffad70}:is(.server-team-person,.server-team-card)[data-rank="4"]{--rank-color:#c3a4f1}:is(.server-team-person,.server-team-card)[data-rank="3"]{--rank-color:#85badb}:is(.server-team-person,.server-team-card)[data-rank="2"]{--rank-color:#92cba5}:is(.server-team-person,.server-team-card)[data-rank="1"]{--rank-color:#e6ce78}.server-team-person>button{width:100%;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:0;display:grid}.server-team-person>button strong{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:15px;font-weight:680;display:block;overflow:hidden}.server-team-person>button .team-portrait{place-items:center;width:68px;height:68px;transition:transform .18s,filter .18s;display:grid;position:relative}.server-team-person>button .team-portrait:after{content:"";z-index:-1;background:color-mix(in srgb, var(--rank-color) 36%, transparent);filter:blur(9px);opacity:.58;border-radius:50%;width:58px;height:14px;margin-top:50px;position:absolute}.server-team-person .team-portrait img,.server-team-card .team-portrait img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.server-team-person:hover>button .team-portrait,.server-team-person:focus-within>button .team-portrait{filter:drop-shadow(0 8px 13px color-mix(in srgb, var(--rank-color) 30%, transparent));transform:translateY(-4px)}.server-team-person>button:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:10px}.server-team-card{--rank-color:var(--muted);z-index:60;border:1px solid color-mix(in srgb, var(--rank-color) 45%, var(--line));background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);pointer-events:none;border-radius:16px;grid-template-columns:max-content 100px;align-items:end;gap:12px;width:max-content;max-width:calc(100vw - 24px);min-height:150px;padding:18px 12px 0 18px;display:grid;position:fixed;box-shadow:0 22px 60px #00000059}.server-team-card:after{content:"";background:linear-gradient(90deg, transparent, var(--rank-color), transparent);height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.server-team-card>div{align-self:center;gap:5px;padding-bottom:18px;display:grid}.server-team-card>div span{color:var(--rank-color);text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:750}.server-team-card>div strong{white-space:nowrap;overflow-wrap:normal;font-size:19px}.server-team-card>.team-portrait{align-self:end;width:100px;height:132px;overflow:hidden}:root[data-theme=light] :is(.server-team-person,.server-team-card)[data-rank="5"]{--rank-color:#c2410c}:root[data-theme=light] :is(.server-team-person,.server-team-card)[data-rank="4"]{--rank-color:#77539d}:root[data-theme=light] :is(.server-team-person,.server-team-card)[data-rank="3"]{--rank-color:#336c8d}:root[data-theme=light] :is(.server-team-person,.server-team-card)[data-rank="2"]{--rank-color:#386e49}@media (max-width:680px){.server-team-people{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.server-team-card{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.server-team-card>div strong{font-size:clamp(15px,4.6vw,19px)}.server-team-card>.team-portrait{justify-self:end;width:78px;height:94px}.server-team-card>div{padding-bottom:0}}@media (forced-colors:active){.server-team-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:canvas;border-color:canvastext}}}
