/* MAXHARDCORE Zone 2.2.4 — cards from the MAXHARDCORE Servers plugin. */
.mh-servers--carousel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/2);gap:18px;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 16px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--mh-server-color,var(--mh-green)) rgba(255,255,255,.06);scrollbar-width:none;touch-action:pan-y;cursor:grab}
.mh-servers--carousel:hover,.mh-servers--carousel:focus-within,.mh-servers--carousel.is-dragging{scrollbar-width:thin}.mh-servers--carousel::-webkit-scrollbar{height:0}.mh-servers--carousel:hover::-webkit-scrollbar,.mh-servers--carousel:focus-within::-webkit-scrollbar,.mh-servers--carousel.is-dragging::-webkit-scrollbar{height:8px}.mh-servers--carousel::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.mh-servers--carousel::-webkit-scrollbar-thumb{background:rgba(104,225,172,.6);border-radius:8px}.mh-servers--carousel.is-dragging{cursor:grabbing;scroll-snap-type:none}.mh-servers--carousel .mh-server{min-width:0;scroll-snap-align:start}
@media(max-width:680px){.mh-servers--carousel{grid-auto-columns:88%}}
.mh-servers--carousel .mh-server{display:block;min-height:320px}.mh-servers--carousel .mh-server__details{display:none}.mh-servers--carousel .mh-server__buttons{margin-top:0}
.mh-server{--mh-server-color:var(--mh-green);--mh-server-edge:rgba(104,225,172,.28);--mh-server-shadow:rgba(104,225,172,.35);border-color:var(--mh-server-edge)}
.mh-server:hover{border-color:var(--mh-server-color)}
.mh-server__mode{font-size:clamp(35px,5vw,55px);color:var(--mh-server-color);overflow-wrap:anywhere}
.mh-server .mh-status{border-color:var(--mh-server-edge);color:var(--mh-server-color)}
.mh-server .mh-progress span{background:var(--mh-server-color);box-shadow:0 0 14px var(--mh-server-shadow)}
.mh-server .mh-button--server{color:#07110c;background:var(--mh-server-color);border-color:var(--mh-server-color);box-shadow:0 12px 35px var(--mh-server-shadow)}
.mh-server--green{--mh-server-color:#68e1ac;--mh-server-edge:rgba(104,225,172,.28);--mh-server-shadow:rgba(104,225,172,.35)}
.mh-server--orange{--mh-server-color:#e39a31;--mh-server-edge:rgba(227,154,49,.32);--mh-server-shadow:rgba(227,154,49,.35)}
.mh-server--red{--mh-server-color:#ed675f;--mh-server-edge:rgba(237,103,95,.32);--mh-server-shadow:rgba(237,103,95,.35)}
.mh-server--blue{--mh-server-color:#57b9ec;--mh-server-edge:rgba(87,185,236,.32);--mh-server-shadow:rgba(87,185,236,.35)}
.mh-server--purple{--mh-server-color:#ba88ee;--mh-server-edge:rgba(186,136,238,.32);--mh-server-shadow:rgba(186,136,238,.35)}
.mh-server .mh-status--offline{color:#ed675f;border-color:rgba(237,103,95,.45)}
.mh-server .mh-status--maintenance{color:#e39a31;border-color:rgba(227,154,49,.45)}
.mh-server__buttons .mh-button{min-width:0;padding-inline:12px}
