/* Brand proportions are separate from the generated artwork. */
/* Keep the full logo inside its header allocation, including on 320px screens. */
.lobby-home-header-container__section--left{min-width:0;flex-shrink:1}
.lobby-home-header-container__section--left [class*="_logo-box_"]{flex:0 1 auto;width:clamp(104px,35vw,156px)!important;min-width:0!important;height:40px!important;margin:0!important;display:flex;align-items:center;justify-content:flex-start}
.lobby-home-header-container__section--left img.custom-logo{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:left center!important}
img.custom-logo,.custom-logo img{max-width:100%;object-fit:contain;object-position:center}
@media(min-width:768px){.lobby-home-header-container__section--left [class*="_logo-box_"]{width:174px!important;height:46px!important}}
img.fi-logo{width:190px!important;height:44px!important;max-width:100%;object-fit:cover!important;object-position:center!important}
.skeleton-custom{flex-direction:column;gap:12px;background:radial-gradient(ellipse at center,#6d36bf 0%,#32145b 72%)!important}
.skeleton-custom picture{display:block}
.skeleton-custom img{width:min(78vw,340px)!important;height:auto!important;max-height:40vh;object-fit:contain}
.skeleton-custom::after{content:"";width:22px;height:22px;border:2px solid rgba(255,220,120,.3);border-top-color:#ffda68;border-radius:50%;animation:speedbet-loading .85s linear infinite}
@keyframes speedbet-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.skeleton-custom::after{animation:none}}