/* Measured against the signed-in desktop reference, 14 September 2026. */
@media(min-width:1024px){
 .xb-theme .xb-game-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;overflow:visible}
 .xb-theme .xb-game-rail>:is(.xb-game-card,.xb-game-tile){min-width:0;width:100%}
 .xb-theme .xbd-header .xbd-action{color:#fff}
 .xb-theme.xb-page-sports .sports-container{position:relative;inset:auto;width:100%;height:max(862px,calc(100dvh - 138px));min-height:862px;overflow:visible}
 .xb-theme.xb-page-sports #sports-frame{display:block;width:100%;height:100%;min-height:862px;border:0}
}
.xb-menu-label{position:relative}
.xb-menu-tag.xb-menu-tag--red{background:#a53645}
.xb-menu-tag.xb-menu-tag--green{background:#357447}
.xb-menu-tag.xb-menu-tag--purple{background:#715288}
.xb-menu-tag{display:block;width:max-content;margin-bottom:2px;padding:1px 4px;border-radius:2px;background:#715288;color:white;font-size:8px;line-height:11px;font-weight:700;letter-spacing:.2px}
@media(max-width:1023px){
 .xb-theme .xb-dock .xb-icon,.xb-theme .xb-dock-circle .xb-icon {color:#fff!important;opacity:1}
}
.xbd-message-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
.xbd-message-filter .xb-field{height:52px;margin:0}
.xbd-message-filter .xb-button{grid-column:1/-1;height:36px;min-height:36px;font-size:12px;font-weight:500}
.xbd-new-message{display:block;text-align:center;font-size:12px;color:var(--accent-green);margin-top:10px}
.xbd-panel-document .xbd-message-label{border-radius:5px;background:#4d4d54;padding:15px}
.xbd-panel-document .xbd-message-label textarea{height:314px;padding:2px 44px 2px 2px;font-size:14px;line-height:normal}
@font-face{font-family:XbInter;src:url('inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:XbInter;src:url('inter-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:XbInter;src:url('inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:XbInter;src:url('inter-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.xbd-panel-document,.xbd-panel-document :is(input,select,textarea,button,h1,h2,h3,h4,legend),.xbd-dialog-nav,.xbd-dialog-nav :is(input,button,a),.xbd-dialog-heading {font-family:XbInter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}
.xbd-panel-document .xb-content>.xb-page-content,.xb-theme.xbd-panel-document,.xb-theme.xbd-panel-document .xb-content,.xbd-panel-frame {background:#2e2e36!important}
.xbd-dialog-heading,.xbd-dialog-nav {background:#43434a}
.xbd-dialog-heading {font-size:14px;line-height:19px;font-weight:700}
.xbd-dialog-nav .xbd-account-nav {scrollbar-width:thin}
.xbd-dialog-nav .xbd-account-nav::-webkit-scrollbar,.xbd-panel-document::-webkit-scrollbar {width:6px}
.xbd-dialog-nav .xbd-account-children a {font-size:12px;font-weight:400;line-height:24px;min-height:24px;color:#fff9;padding-left:12px}
.xbd-dialog-nav .xbd-account-children a.active {line-height:30px;min-height:30px;color:#fff}
.xbd-panel-document :is(.xbd-detail-field,.xb-field) {border-radius:5px;background:#4d4d54}
.xbd-panel-document .xbd-detail-field.is-readonly {background:#393940}
.xbd-panel-document .xbd-detail-field>span {color:#ffffff80}
.xbd-panel-document .xbd-detail-field input[readonly] {color:#ffffff99}
.xbd-panel-document .xbd-detail-field input,.xbd-panel-document .xbd-detail-field select {font-weight:400;color:#ffffffe6}
.xbd-panel-document .xbd-details-grid {padding-right:2px}
.xbd-panel-document .xb-page-content:has(.xbd-details-form){padding-right:21px!important}
.xbd-panel-document .xbd-subscriptions legend{margin-bottom:12px}
.xbd-panel-document .xbd-eligibility {height:42px;color:#ffffff99}
.xbd-panel-document .xbd-profile-strip,.xbd-panel-document .xbd-subscriptions legend {background:#65303f;border-radius:5px;font-weight:500}
.xbd-panel-document .xbd-subscriptions {padding-top:0}
.xbd-panel-document .xbd-subscription-row {font-size:12px;min-height:28px}
.xbd-panel-document .xbd-profile-save {font-weight:500;border-radius:5px;margin-top:28px}
.xbd-panel-document .xbd-password-form .xb-field {margin-bottom:5px;border-radius:5px;background:#4d4d54}
.xbd-panel-document .xbd-password-form .xb-button {margin-top:20px!important;font-weight:500}
.xbd-panel-document :is(.xb-button,.xbd-profile-save,.xbd-promo-form button) {border-radius:5px}
.xbd-panel-document :is(.xbd-security-page,.xbd-message-form) {font-family:XbInter,Inter,Arial,sans-serif}
.xbd-panel-document .xbd-security-page h2 {font-size:14px;font-weight:400}
.xbd-panel-document .xbd-section-tabs :is(a,button),.xbd-panel-document .xbd-payment-tabs button {font-family:XbInter,Inter,Arial,sans-serif;font-size:12px;font-weight:500}
.xbd-panel-document .xbd-account-empty {font-size:14px;color:#ffffff99}
.xbd-panel-document .xbd-promo-form {background:#393940;border-radius:5px}
.xbd-panel-document .xbd-promo-form input {background:#57575e;border-radius:5px}
.xbd-panel-document .xbd-payment-row {background:#393940;border-radius:5px}
.xbd-panel-document .xbd-history-controls .xb-field {height:52px}
.xbd-panel-document .xbd-history-controls .xb-button {font-weight:500}
/* Card layout inside desktop panes. The mobile theme's two-column/important
   rules otherwise override desktop-account.css even in a wide dialog. */
.xb-theme.xbd-payment-page .xb-payment-grid.xbd-method-grid {
 display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));
 grid-auto-rows:minmax(104px,auto);gap:10px!important;align-items:stretch;
 width:100%;min-width:0;margin:0 0 20px;padding:0;
}
.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method) {
 display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:104px;
 margin:0;padding:12px!important;border:1px solid #ffffff12!important;border-radius:5px!important;
 background:#393940!important;text-align:center;transform:none!important;
 transition:background-color .12s ease,border-color .12s ease;
}
.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method)>div:first-child {
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:8px!important;width:100%;min-width:0;
}
.xb-theme.xbd-payment-page .xbd-method-grid :is(.mdep-method-icon,.mwd-method-icon),
.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method)>div:first-child>div:has(>img),
.xb-theme.xbd-payment-page .xbd-method-grid .exp-method-logo {
 display:flex;align-items:center;justify-content:center;width:100%!important;height:40px!important;
 min-height:40px;flex:0 0 40px!important;margin:0!important;padding:0;
 color:#c6c6ce!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;font-size:28px;
}
.xb-theme.xbd-payment-page .xbd-method-grid img {
 display:block;width:auto!important;height:auto!important;max-width:120px!important;max-height:40px!important;
 object-fit:contain;object-position:center;margin:0 auto;border-radius:0!important;
}
.xb-theme.xbd-payment-page .xbd-method-grid :is(h6,strong) {
 font-size:12px!important;font-weight:500;line-height:16px;margin:0;color:#eee;overflow-wrap:anywhere;
}
.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method):is(:hover,.xbd-method-selected) {
 border-color:var(--accent-green,#ff7100)!important;background:#43434b!important;
}
.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method):focus-visible {
 outline:2px solid var(--accent-green,#ff7100);outline-offset:2px;
}
.xb-theme.xbd-payment-page .xbd-method-grid>[hidden] {display:none!important}
.xb-theme.xbd-payment-page .xb-payment-filters {
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr));
 gap:10px;margin:0 0 15px;overflow:visible;width:100%;min-width:0;
}
.xb-theme.xbd-payment-page .xb-payment-filters>button {
 width:100%;min-width:0;height:61px;padding:6px;border-radius:5px;font-size:11px;line-height:14px;
}
.xb-theme.xbd-payment-page .xb-page-content>.xb-hero {
 width:100%;height:180px;max-height:none;min-width:0;aspect-ratio:auto;margin:0 0 15px;
 border-radius:5px;background:#393940;
}
.xb-theme.xbd-payment-page .xb-hero :is(.xb-hero-track,.xb-hero-slide,picture) {height:100%;width:100%}
.xb-theme.xbd-payment-page .xb-hero :is(img,video) {height:100%;width:100%;object-fit:contain;object-position:center}
@media(prefers-reduced-motion:reduce){.xb-theme.xbd-payment-page .xbd-method-grid>:is(.mdep-method,.mwd-method){transition:none}}
@media(min-width:1024px){
 .xbd-modal:not(.xbd-modal-auth){border-radius:5px;background:#2e2e36;max-height:none}
 .xbd-modal::backdrop{background:rgba(0,0,0,.7)}
 .xb-theme.xb-account-page:not(.xbd-embedded),.xb-theme.xb-account-page:not(.xbd-embedded) :is(input,select,textarea,button,h1,h2,h3){font-family:XbInter,Inter,Arial,sans-serif}
}
