/* Shared player-site background; the supplied artwork is already darkened. */
.ab-body:not(.ab-auth-frame){
    background-color:#111214;
    background-image:url('./site-background.webp');
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-attachment:fixed;
}
.ab-body:not(.ab-auth-frame) .ab-main{background:transparent}
.ab-random{background-size:cover;background-position:center;background-repeat:no-repeat}
.ab-random>h2,.ab-random>p{background:transparent;box-shadow:none;text-shadow:0 2px 8px #000}
.ab-random-grid{background:none}
.ab-side-tabs>a>img{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0;margin:-5px -5px -5px 0}
.ab-pot-suit img{display:block;width:73%;height:82%;object-fit:contain;filter:drop-shadow(0 1px 2px #0008)}
.ab-pot-heading-suit{display:inline-block;width:10px;height:12px;object-fit:contain;vertical-align:-2px;margin-right:3px}
.ab-jackpot-popover .ab-pot-heading-suit{width:12px;height:14px;vertical-align:-3px}
@media(max-width:767px){
    .ab-body:not(.ab-auth-frame){background-position:52% top;background-size:auto 100vh}
    .ab-hero.ab-hero-mobile{width:100%;max-width:100%;margin:0 auto;background:#090a0c;border-radius:0;overflow:hidden}
    .ab-hero-mobile .ab-hero-slides{display:grid;aspect-ratio:auto;min-height:0;overflow:hidden}
    .ab-hero-mobile .ab-hero-slides .ab-slide{position:relative;inset:auto;grid-area:1/1;width:100%;height:auto;min-width:0}
    .ab-hero-mobile .ab-hero-slides .ab-slide img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#090a0c}
    .ab-hero-mobile .ab-slide-dots{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:max-content;margin:0;padding:3px 5px;background:#080a0d75}
    .ab-hero-mobile .ab-slide-dots button{height:5px;width:5px}
    .ab-hero-mobile .ab-slide-dots button.is-active{width:16px}
    .ab-hero-mobile .ab-slide-pause{bottom:4px;right:8px;font-size:10px;padding:2px 5px}
    .ab-header .ab-brand .ab-custom-logo{width:132px;max-width:132px;height:auto;max-height:30px!important;object-fit:contain}
    .ab-header-inner{gap:9px}
    .ab-hero-mobile .ab-hero-slides .ab-slide{height:auto;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;isolation:isolate}
    .ab-hero-mobile .ab-hero-slides .ab-slide img{position:relative;width:100%;height:100%;max-height:100%;object-fit:contain;background:transparent}
}