/* Keep the hosting brand physically to the right of the protection provider. */
.sh-protection-brands{display:inline-flex;direction:ltr;align-items:center;justify-content:center;gap:16px;flex:none;max-width:100%;padding:12px 14px;border:1px solid #234b62;border-radius:11px;background:#06243a;box-sizing:border-box}
.sh-protection-brands .sh-protection-provider,.sh-protection-brands .sh-protection-store{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;padding:0;border:0;margin:0;text-decoration:none;background:transparent;border-radius:0;box-sizing:border-box}
.sh-protection-brands .sh-protection-store{border-left:1px solid #2a4c60;padding-left:16px}
.sh-protection-brands .sh-protection-provider small,.sh-protection-brands .sh-protection-store small{display:block;margin:0;font-size:10px!important;line-height:1.5;font-weight:400;color:#b7cedf;white-space:nowrap}
.sh-protection-brands .sh-protection-provider img{display:block;width:110px;height:46px;max-width:none;margin:0;object-fit:contain}
.sh-protection-brands .sh-protection-provider:focus-visible{outline:2px solid #5aeacf;outline-offset:5px;border-radius:4px}
.sh-ddos .sh-ddos-status{flex-wrap:wrap}
.sh-ddos .sh-ddos-status>.sh-protection-brands{margin:0}
html[data-theme=light] .sh-ddos .sh-protection-brands .sh-ddos-brand{background:transparent;padding:0;border:0;border-radius:0}
.sh-protection-summary{flex-wrap:wrap}
.sh-protection-summary>.sh-protection-brands{margin:0;padding:9px 11px;gap:11px}
.sh-protection-summary .sh-protection-store{padding-left:11px}
.sh-protection-summary .sh-protection-provider img{width:86px;height:40px;margin:0}
.sh-protection-summary .sh-protection-brands small{font-size:9px!important}
@container(max-width:620px){
 .sh-ddos .sh-ddos-status>.sh-protection-brands{width:100%;margin-inline-start:0}
}
@media(max-width:540px){
 .sh-protection-brands{padding:10px;gap:10px}
 .sh-protection-brands .sh-protection-store{padding-left:10px}
 .sh-protection-brands .sh-protection-provider img{width:84px;height:35px}
 .sh-protection-brands .sh-protection-provider small,.sh-protection-brands .sh-protection-store small{font-size:9px!important}
 .sh-protection-summary{display:grid;grid-template-columns:36px minmax(0,1fr)}
 .sh-protection-summary>.sh-protection-brands{grid-column:1/-1;margin-inline-start:0;width:100%}
 .sh-protection-summary>.sh-upgrade-text-button{grid-column:1/-1;justify-self:end}
}

.sh-protection-brands .sh-protection-store-logo{display:block;width:144px;height:46px;max-width:none;margin:0;object-fit:contain}
.sh-protection-summary .sh-protection-store-logo{width:122px;height:40px;margin:0}
@media(max-width:540px){.sh-protection-brands .sh-protection-store-logo{width:110px;height:35px;margin:0}}

/* One hosting identity, plus real game artwork when no custom banner is set. */
.sh-protection-brands[data-protection-own-brand] .sh-protection-store { border: 0; padding: 0; }
.sh-protection-summary > .sh-protection-brands[data-protection-own-brand] { padding-inline: 14px; }
.sng-game-server-media > img[data-sng-game-banner][hidden] { display: none; }
.sng-game-server-media[data-sng-game-artwork="icon"] > img[data-sng-game-banner] {
  object-fit: contain;
  object-position: 27% center;
  padding: 8px;
  box-sizing: border-box;
  opacity: .9;
  transform: none;
}
.sng-game-server-media[data-sng-game-artwork="icon"] .sng-game-server-shade {
  background: linear-gradient(90deg, rgb(4 23 39 / .15), rgb(4 23 39 / .08) 45%, rgb(4 23 39 / .68)), linear-gradient(0deg, rgb(4 23 39 / .8), transparent 55%);
}
@media(max-width:540px) {
  .sng-game-server-media[data-sng-game-artwork="icon"] > img[data-sng-game-banner] { object-position: 40% center; opacity: .55; }
}