@import url("https://use.typekit.net/fta3auk.css");

ips-root {
    --button-border-radius-sm: 8px;
    --button-height-sm: 32px;
    --game-card-aspect-ratio: 3/4;
    --game-card-border-radius: 8px 8px 8px 8px;
    --game-card-uic-animation-color1: #FFFFFF;
    --game-card-uic-width: 120px;
    --game-card-uic-fav-button-border-radius: 6px 6px 6px 6px;
    --game-card-uic-fav-button-margin: 6px 6px;
    --game-card-uic-fav-button-padding: 4px 4px;
    --game-card-uic-fav-button-top: 0px;
    --game-card-uic-fav-button-right: 0px;
    --sport-card-uic-0-border-radius: 8px 8px 8px 8px;
    --sport-card-uic-0-padding: 12px 10px 10px 10px;
    --sport-card-uic-0-width: 349px;
    --sport-card-uic-0-height: 209px;
    --sport-card-uic-0-bg: #0D2647;
    --sport-card-uic-0-row-0-height: 10%;
    --sport-card-uic-0-row-0-border-color: #000000;
    --sport-card-uic-0-row-0-border-top-width: 1px;
    --sport-card-uic-0-row-0-border-bottom-width: 1px;
    --sport-card-uic-0-row-0-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-0-column-0-width: 100%;
    --sport-card-uic-0-row-0-column-0-align-items: flex-start;
    --sport-card-uic-0-row-0-column-0-justify-content: flex-end;
    --sport-card-uic-0-row-0-column-0-scale-x: 1;
    --sport-card-uic-0-row-0-column-0-scale-y: 1;
    --sport-card-uic-0-row-0-column-0-custom-text-color: #000000;
    --sport-card-uic-0-row-0-column-0-custom-border-width: 0px;
    --sport-card-uic-0-row-0-column-0-custom-opacity: 1;
    --sport-card-uic-0-row-0-column-0-custom-font-size: 14px;
    --sport-card-uic-0-row-0-column-0-custom-font-weight: 400;
    --sport-card-uic-0-row-0-column-0-custom-line-height: 1.2;
    --sport-card-uic-0-row-0-column-0-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-0-column-0-custom-width: 12px;
    --sport-card-uic-0-row-0-column-0-custom-height: 12px;
    --sport-card-uic-0-row-0-column-0-custom-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    --sport-card-uic-0-row-0-column-0-custom-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-0-column-0-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-0-column-1-width: 6%;
    --sport-card-uic-0-row-0-column-1-align-items: flex-start;
    --sport-card-uic-0-row-0-column-1-justify-content: flex-end;
    --sport-card-uic-0-row-0-column-1-scale-x: 1;
    --sport-card-uic-0-row-0-column-1-scale-y: 1;
    --sport-card-uic-0-row-0-column-1-custom-text-color: #000000;
    --sport-card-uic-0-row-0-column-1-custom-border-width: 0px;
    --sport-card-uic-0-row-0-column-1-custom-opacity: 1;
    --sport-card-uic-0-row-0-column-1-custom-font-size: 14px;
    --sport-card-uic-0-row-0-column-1-custom-font-weight: 400;
    --sport-card-uic-0-row-0-column-1-custom-line-height: 1.2;
    --sport-card-uic-0-row-0-column-1-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-0-column-1-custom-width: 12px;
    --sport-card-uic-0-row-0-column-1-custom-height: 12px;
    --sport-card-uic-0-row-0-column-1-custom-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    --sport-card-uic-0-row-0-column-1-custom-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-0-column-1-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-1-height: 16%;
    --sport-card-uic-0-row-1-border-color: #000000;
    --sport-card-uic-0-row-1-border-top-width: 1px;
    --sport-card-uic-0-row-1-border-bottom-width: 1px;
    --sport-card-uic-0-row-1-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-1-column-0-width: 100%;
    --sport-card-uic-0-row-1-column-0-align-items: flex-start;
    --sport-card-uic-0-row-1-column-0-justify-content: flex-start;
    --sport-card-uic-0-row-1-column-0-scale-x: 1;
    --sport-card-uic-0-row-1-column-0-scale-y: 1;
    --sport-card-uic-0-row-1-column-0-custom-text-color: #f5f5f5;
    --sport-card-uic-0-row-1-column-0-custom-border-color: #000000;
    --sport-card-uic-0-row-1-column-0-custom-border-width: 0px;
    --sport-card-uic-0-row-1-column-0-custom-opacity: 1;
    --sport-card-uic-0-row-1-column-0-custom-font-size: 14px;
    --sport-card-uic-0-row-1-column-0-custom-font-weight: 400;
    --sport-card-uic-0-row-1-column-0-custom-line-height: 1.2;
    --sport-card-uic-0-row-1-column-0-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-1-column-0-custom-width: 24px;
    --sport-card-uic-0-row-1-column-0-custom-height: 24px;
    --sport-card-uic-0-row-1-column-0-custom-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    --sport-card-uic-0-row-1-column-0-custom-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-1-column-0-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-2-height: 15%;
    --sport-card-uic-0-row-2-border-color: #000000;
    --sport-card-uic-0-row-2-border-top-width: 1px;
    --sport-card-uic-0-row-2-border-bottom-width: 1px;
    --sport-card-uic-0-row-2-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-2-column-0-width: 100%;
    --sport-card-uic-0-row-2-column-0-align-items: flex-start;
    --sport-card-uic-0-row-2-column-0-justify-content: flex-start;
    --sport-card-uic-0-row-2-column-0-scale-x: 1;
    --sport-card-uic-0-row-2-column-0-scale-y: 1;
    --sport-card-uic-0-row-2-column-0-custom-text-color: #ffffff;
    --sport-card-uic-0-row-2-column-0-custom-border-color: #000000;
    --sport-card-uic-0-row-2-column-0-custom-border-width: 0px;
    --sport-card-uic-0-row-2-column-0-custom-opacity: 1;
    --sport-card-uic-0-row-2-column-0-custom-font-size: 14px;
    --sport-card-uic-0-row-2-column-0-custom-font-weight: 400;
    --sport-card-uic-0-row-2-column-0-custom-line-height: 1.2;
    --sport-card-uic-0-row-2-column-0-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-2-column-0-custom-width: 24px;
    --sport-card-uic-0-row-2-column-0-custom-height: 24px;
    --sport-card-uic-0-row-2-column-0-custom-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    --sport-card-uic-0-row-2-column-0-custom-padding: 6px 0px 0px 0px;
    --sport-card-uic-0-row-2-column-0-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-3-height: 16%;
    --sport-card-uic-0-row-3-border-color: #000000;
    --sport-card-uic-0-row-3-border-top-width: 1px;
    --sport-card-uic-0-row-3-border-bottom-width: 1px;
    --sport-card-uic-0-row-3-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-3-column-0-width: 100%;
    --sport-card-uic-0-row-3-column-0-align-items: flex-start;
    --sport-card-uic-0-row-3-column-0-justify-content: flex-start;
    --sport-card-uic-0-row-3-column-0-scale-x: 1;
    --sport-card-uic-0-row-3-column-0-scale-y: 1;
    --sport-card-uic-0-row-3-column-0-custom-text-color: #ffffff;
    --sport-card-uic-0-row-3-column-0-custom-border-color: #000000;
    --sport-card-uic-0-row-3-column-0-custom-border-width: 0px;
    --sport-card-uic-0-row-3-column-0-custom-opacity: 1;
    --sport-card-uic-0-row-3-column-0-custom-font-size: 12px;
    --sport-card-uic-0-row-3-column-0-custom-font-weight: 400;
    --sport-card-uic-0-row-3-column-0-custom-line-height: 1.2;
    --sport-card-uic-0-row-3-column-0-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-3-column-0-custom-width: 24px;
    --sport-card-uic-0-row-3-column-0-custom-height: 24px;
    --sport-card-uic-0-row-3-column-0-custom-text-shadow: 1px 1px 2px rgba(224, 240, 0, 0.5);
    --sport-card-uic-0-row-3-column-0-custom-padding: 8px 0px 0px 0px;
    --sport-card-uic-0-row-3-column-0-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-3-column-1-width: 100%;
    --sport-card-uic-0-row-3-column-1-align-items: flex-start;
    --sport-card-uic-0-row-3-column-1-justify-content: flex-start;
    --sport-card-uic-0-row-3-column-1-scale-x: 1;
    --sport-card-uic-0-row-3-column-1-scale-y: 1;
    --sport-card-uic-0-row-3-column-1-custom-text-color: #ffffff;
    --sport-card-uic-0-row-3-column-1-custom-border-width: 0px;
    --sport-card-uic-0-row-3-column-1-custom-opacity: 1;
    --sport-card-uic-0-row-3-column-1-custom-font-size: 10px;
    --sport-card-uic-0-row-3-column-1-custom-font-weight: 400;
    --sport-card-uic-0-row-3-column-1-custom-line-height: 1.2;
    --sport-card-uic-0-row-3-column-1-custom-letter-spacing: 0px;
    --sport-card-uic-0-row-3-column-1-custom-width: 24px;
    --sport-card-uic-0-row-3-column-1-custom-height: 24px;
    --sport-card-uic-0-row-3-column-1-custom-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    --sport-card-uic-0-row-3-column-1-custom-padding: 0px 0px 0px 0px;
    --sport-card-uic-0-row-3-column-1-custom-border-radius: 0 0 0 0;
    --sport-card-uic-0-row-4-height: 38%;
    --sport-card-uic-0-row-4-border-color: #000000;
    --sport-card-uic-0-row-4-border-top-width: 1px;
    --sport-card-uic-0-row-4-border-bottom-width: 1px;
    --sport-card-uic-0-row-4-padding: 10px 0px 0px 0px;
    --sport-card-uic-0-row-4-column-0-width: 100%;
    --sport-card-uic-0-row-4-column-0-align-items: flex-start;
    --sport-card-uic-0-row-4-column-0-justify-content: flex-start;
    --sport-card-uic-0-row-4-column-0-scale-x: 1;
    --sport-card-uic-0-row-4-column-0-scale-y: 1;
    --sport-card-uic-0-row-4-column-0-odds-font-size: 13px;
    --sport-card-uic-0-row-4-column-0-odds-font-weight: 400;
    --sport-card-uic-0-row-4-column-0-odds-font-size-value: 17px;
    --sport-card-uic-0-row-4-column-0-odds-font-weight-value: 600;
    --sport-card-uic-0-row-4-column-0-odds-padding: 8px;
    --sport-card-uic-0-row-4-column-0-odds-text-color: #ffffff;
    --sport-card-uic-0-row-4-column-0-odds-text-color-selected: #000000;
    --sport-card-uic-0-row-4-column-0-odds-text-color-label: #ffffff;
    --sport-card-uic-0-row-4-column-0-odds-text-color-label-selected: #000000;
    --sport-card-uic-0-row-4-column-0-odds-text-color-label-hover: #ffffff;
    --sport-card-uic-0-row-4-column-0-odds-text-color-label-hover-selected: #000000;
    --sport-card-uic-0-row-4-column-0-odds-bg: #071A34;
    --sport-card-uic-0-row-4-column-0-odds-bg-selected: #FFE100;
    --sport-card-uic-0-row-4-column-0-odds-text-color-hover: #ffffff;
    --sport-card-uic-0-row-4-column-0-odds-text-color-hover-selected: #000000;
    --sport-card-uic-0-row-4-column-0-odds-bg-hover: #FFE100;
    --sport-card-uic-0-row-4-column-0-odds-bg-hover-selected: #FFE100;
    --sport-card-uic-0-row-4-column-0-odds-opacity: 1;
    --sport-card-uic-0-row-4-column-0-odds-border-radius: 8px;
    --sport-card-uic-0-row-4-column-0-odds-border-radius-left: 8px;
    --sport-card-uic-0-row-4-column-0-odds-border-radius-right: 8px;
    --sport-card-uic-0-row-4-column-0-odds-gap: 8px;
    --inplay-user-profile-skeleton-bg-color: rgb(11 22 43);
    --color-basic-10: 231 231 233;
    --color-basic-20: 206 208 212;
    --color-basic-30: 182 184 190;
    --color-basic-40: 157 160 168;
    --color-basic-50: 133 137 147;
    --color-basic-60: 108 113 125;
    --color-basic-70: 84 89 103;
    --color-basic-80: 59 65 81;
    --color-basic-90: 35 42 60;
    --color-basic-100: 10 18 38;
    --color-basic-200: 9 16 34;
    --color-basic-300: 8 14 30;
    --color-basic-400: 7 13 27;
    --color-basic-500: 6 11 23;
    --color-basic-600: 5 9 19;
    --color-basic-700: 4 7 15;
    --color-basic-800: 3 5 11;
    --color-basic-900: 2 4 8;
    --color-basic-1000: 1 2 4;
    --color-basic-contrast: 255 255 255;
    --color-primary-10: 255 249 230;
    --color-primary-20: 255 244 204;
    --color-primary-30: 255 238 179;
    --color-primary-40: 255 233 153;
    --color-primary-50: 255 227 128;
    --color-primary-60: 255 222 102;
    --color-primary-70: 255 216 77;
    --color-primary-80: 255 211 51;
    --color-primary-90: 255 205 26;
    --color-primary-100: 255 225 0;
    --color-primary-200: 230 203 0;
    --color-primary-300: 204 180 0;
    --color-primary-400: 179 158 0;
    --color-primary-500: 153 135 0;
    --color-primary-600: 128 113 0;
    --color-primary-700: 102 90 0;
    --color-primary-800: 77 68 0;
    --color-primary-900: 51 45 0;
    --color-primary-1000: 26 23 0;
    --color-primary-contrast: 0 0 0;
    --color-secondary-10: 230 240 255;
    --color-secondary-20: 204 225 255;
    --color-secondary-30: 179 210 255;
    --color-secondary-40: 11 24 41;
    --color-secondary-50: 128 180 255;
    --color-secondary-60: 102 165 255;
    --color-secondary-70: 77 150 255;
    --color-secondary-80: 51 135 255;
    --color-secondary-90: 26 120 255;
    --color-secondary-100: 13 43 107;
    --color-secondary-200: 12 39 96;
    --color-secondary-300: 10 34 86;
    --color-secondary-400: 9 30 75;
    --color-secondary-500: 8 26 64;
    --color-secondary-600: 7 21 54;
    --color-secondary-700: 5 17 43;
    --color-secondary-800: 4 13 32;
    --color-secondary-900: 3 9 21;
    --color-secondary-1000: 1 4 11;
    --color-secondary-contrast: 255 255 255;
    --color-success-10: 230 252 249;
    --color-success-20: 205 249 242;
    --color-success-30: 180 246 236;
    --color-success-40: 155 243 230;
    --color-success-50: 131 240 224;
    --color-success-60: 106 236 217;
    --color-success-70: 81 233 211;
    --color-success-80: 56 230 205;
    --color-success-90: 31 227 198;
    --color-success-100: 6 224 192;
    --color-success-200: 5 202 173;
    --color-success-300: 5 179 154;
    --color-success-400: 4 157 134;
    --color-success-500: 4 134 115;
    --color-success-600: 3 112 96;
    --color-success-700: 2 90 77;
    --color-success-800: 2 67 58;
    --color-success-900: 1 45 38;
    --color-success-1000: 1 22 19;
    --color-success-contrast: 0 0 0;
    --color-warn-10: 255 238 240;
    --color-warn-20: 255 220 225;
    --color-warn-30: 255 203 210;
    --color-warn-40: 255 186 195;
    --color-warn-50: 255 169 180;
    --color-warn-60: 255 151 165;
    --color-warn-70: 255 134 150;
    --color-warn-80: 255 117 135;
    --color-warn-90: 255 99 120;
    --color-warn-100: 255 82 105;
    --color-warn-200: 230 74 95;
    --color-warn-300: 204 66 84;
    --color-warn-400: 179 57 74;
    --color-warn-500: 153 49 63;
    --color-warn-600: 128 41 53;
    --color-warn-700: 102 33 42;
    --color-warn-800: 77 25 32;
    --color-warn-900: 51 16 21;
    --color-warn-1000: 26 8 11;
    --color-warn-contrast: 0 0 0;
}

ips-root {
    --font-family: "Inter", VF Sacle, Ubuntu, -apple-system, Arial, BlinkMacSystemFont, roboto slab, droid serif, segoe ui, Cantarell, Georgia, serif;
    --color-brand: #FFE100;
    --bg-primary: #071A34;
    --bg-secondary: #0D2647;
    --skeleton-bg: rgb(11 22 43);
    --border-color-primary: #163558;
    --border-color-secondary: #163558;
    --text-color-primary: rgba(233, 238, 250, 1);
    --text-color-secondary: #6B8CB5;
    --button-font-family: var(--font-family);
    --button-border-width: 2px;
    --button-primary: #FFE100;
    --button-text-primary: #000000;
    --button-secondary: rgba(233, 238, 250, 1);
    --button-text-secondary: #0A1226;
    --button-tertiary: #FFE100;
    --button-text-tertiary: #000000;
    --button-icon: #1A3A87;
    --button-icon-primary: #FFE100;
    --button-icon-secondary: rgba(233, 238, 250, 1);
    --button-icon-tertiary: rgba(138, 235, 153, 1);
    --button-fav: rgba(233, 238, 250, 1);
    --button-fav-active: #FFE100;
    --form-field-font-family: var(--font-family);
    --form-field-bg-primary: #071A34;
    --form-field-bg-error: rgba(255, 82, 105, 1);
    --form-field-text-color-primary: rgba(233, 238, 250, 1);
    --form-field-text-color-label: rgba(233, 238, 250, 1);
    --form-field-text-color-hint: #6B8CB5;
    --form-field-text-color-error: #0A1226;
    --form-field-border-color-primary: rgba(0,0,0,0);
    --form-field-border-color-hover: rgba(233, 238, 250, 1);
    --form-field-border-color-focus: #FFE100;
    --form-field-border-color-error: rgba(255, 82, 105, 1);
    --select-bg-active: #FFE100;
    --select-bg-hover: #FFE100;
    --select-text-color-active: #000000;
    --select-text-color-hover: #000000;
    --select-border-color-dropdown: #0D2647;
    --radio-font-family: var(--font-family);
    --radio-accent-color: #FFE100;
    --radio-bg-checked: #FFE100;
    --radio-text-color: rgba(233, 238, 250, 1);
    --radio-border-color-primary: #FFE100;
    --radio-border-color-checked: #FFE100;
    --checkbox-font-family: var(--font-family);
    --checkbox-bg-checked: #FFE100;
    --checkbox-text-color-primary: rgba(233, 238, 250, 1);
    --checkbox-text-color-checkmark: #000000;
    --checkbox-border-color-primary: rgba(233, 238, 250, 1);
    --checkbox-border-color-checked: #FFE100;
    --button-toggle-font-family: var(--font-family);
    --button-toggle-active-primary: rgba(233, 238, 250, 1);
    --button-toggle-active-secondary: rgba(233, 238, 250, 1);
    --button-toggle-text-active-primary: #071A34;
    --button-toggle-text-active-secondary: #071A34;
    --button-toggle-bg-primary: transparent;
    --button-toggle-text-color-primary: rgba(233, 238, 250, 1);
    --button-toggle-border-color-primary: rgba(233, 238, 250, 1);
    --tile-bg-primary: #0D2647;
    --tile-text-color-primary: rgba(233, 238, 250, 1);
    --menu-font-family: var(--font-family);
    --menu-bg-primary: #0D2647;
    --menu-bg-item-active: #FFE100;
    --menu-bg-item-hover: #FFE100;
    --menu-text-color-primary: rgba(233, 238, 250, 1);
    --menu-text-color-item-active: #000000;
    --menu-text-color-item-hover: #000000;
    --table-text-color: rgba(233, 238, 250, 1);
    --table-text-color-secondary: #6B8CB5;
    --table-header-cell-bg: #0A2140;
    --table-header-cell-text-color: rgba(233, 238, 250, 1);
    --table-border-color: #163558;
    --table-body-cell-bg: #0D2647;
    --table-currency-text-color-trend-up: rgba(6, 224, 192, 1);
    --table-currency-text-color-trend-down: rgba(255, 82, 105, 1);
    --banners-font-family: var(--font-family);
    --banners-bg-primary: #0D2647;
    --banners-text-color-primary: rgba(233, 238, 250, 1);
    --banners-text-color-competitors: rgba(233, 238, 250, 1);
    --banners-text-color-timer: #6B8CB5;
    --banners-badge-color: #FFE100;
    --banners-odds-cell-bg: #071A34;
    --banners-odds-cell-text-color: rgba(233, 238, 250, 1);
    --odds-cell-font-family: var(--font-family);
    --odds-cell-bg-active: #FFE100;
    --odds-cell-bg-primary: rgba(233, 238, 250, 1);
    --odds-cell-text-color-primary: #0A2140;
    --odds-cell-text-color-active: #000000;
    --odds-cell-text-color-discounted: #6B8CB5;
    --odds-cell-text-color-active-discounted: #6B8CB5;
    --odds-cell-text-color-trend-up: rgba(6, 224, 192, 1);
    --odds-cell-text-color-trend-down: rgba(255, 82, 105, 1);
    --odds-cell-border-width: 3px;
    --odds-cell-border-color-primary: rgba(233, 238, 250, 1);
    --odds-cell-border-color-active: #FFE100;
    --odds-cell-border-color-discounted: #FFE100;
    --odds-cell-font-weight-coefficient: 600;
    --score-cell-font-family: var(--font-family);
    --score-cell-bg-primary: rgba(233, 238, 250, 1);
    --score-cell-bg-highlight: #FFE100;
    --score-cell-text-color-primary: #0A1833;
    --score-cell-text-color-highlight: #000000;
    --tooltip-font-family: var(--font-family);
    --tooltip-bg-primary: #0D2647;
    --tooltip-text-color-primary: rgba(233, 238, 250, 1);
    --sport-events-bg-primary: #0D2647;
    --sport-events-bg-secondary: rgba(233, 238, 250, 1);
    --sport-events-bg-statistics: rgb(20, 20, 20);
    --sport-events-bg-market-select: rgba(233, 238, 250, 1);
    --sport-events-border-color-primary: #1F4266;
    --sport-events-border-color-secondary: #FFE100;
    --sport-events-border-color-market-select: rgba(233, 238, 250, 1);
    --sport-events-text-color-primary: rgba(233, 238, 250, 1);
    --sport-events-text-color-secondary: #0D2647;
    --sport-events-text-color-timer: #BFDDFE;
    --sport-events-text-color-timer-icon: rgba(138, 235, 153, 1);
    --sport-events-text-color-market-select: #0D2647;
    --sport-events-badge-bg-active: rgba(233, 238, 250, 1);
    --sport-events-badge-text-color-primary: rgb(254, 254, 255);
    --sport-events-badge-text-color-active: #0D2647;
    --sport-events-badge-text-color-count: rgb(138, 235, 153);
    --sport-events-badge-text-color-count-active: rgb(25, 124, 42);
    --sport-events-badge-border-color-primary: rgba(233, 238, 250, 1);
    --sport-events-badge-border-color-active: rgba(233, 238, 250, 1);
    --sport-events-score-cell-bg-active: rgb(138, 235, 153);
    --sport-events-score-cell-text-color-active: #0D2647;
    --expansion-bg-header: #0A2140;
    --expansion-bg-header-active: #163558;
    --expansion-bg-header-hover: #163558;
    --expansion-text-color-header: rgba(233, 238, 250, 1);
    --expansion-text-color-header-active: rgba(233, 238, 250, 1);
    --expansion-text-color-header-hover: rgba(233, 238, 250, 1);
    --badge-text-color-primary: rgba(233, 238, 250, 1);
    --badge-border-color-primary: rgba(233, 238, 250, 1);
    --top-competitions-bg-favorite: #0A2140;
    --top-competitions-text-color-secondary: #6B8CB5;
    --top-competitions-text-color-fav-icon-active: #FFE100;
    --sports-categories-badge-bg-active: rgba(233, 238, 250, 1);
    --sports-categories-badge-text-color-primary: rgb(254, 254, 255);
    --sports-categories-badge-text-color-active: #0D2647;
    --sports-categories-badge-text-color-count: rgb(138, 235, 153);
    --sports-categories-badge-text-color-count-active: rgb(25, 124, 42);
    --sports-categories-badge-border-color-primary: rgba(233, 238, 250, 1);
    --sports-categories-badge-border-color-active: rgba(233, 238, 250, 1);
    --sports-categories-bg-live-icon: rgba(255, 36, 36, 0.2);
    --sports-categories-bg-live-icon-inner: rgb(255, 36, 36);
    --sports-categories-text-color-primary: rgba(233, 238, 250, 1);
    --sports-categories-text-color-fav-icon-active: #FFE100;
    --games-categories-text-color-games-count: rgba(233, 238, 250, 1);
    --games-categories-border-color-tile-active: rgba(233, 238, 250, 1);
    --games-winners-font-family: var(--font-family);
    --games-winners-bg-primary: #0D2647;
    --games-winners-bg-tbody-odd: #071A34;
    --games-winners-text-color-primary: rgba(233, 238, 250, 1);
    --games-winners-text-color-active: rgba(233, 238, 250, 1);
    --games-winners-text-color-secondary: rgba(233, 238, 250, 1);
    --games-winners-text-color-thead: #6B8CB5;
    --games-winners-text-color-payout: rgb(59, 252, 0);
    --casino-menu-bg-icon: #071A34;
    --casino-menu-bg-icon-inner: rgba(233, 238, 250, 1);
    --casino-menu-bg-button-toggle: #071A34;
    --casino-menu-bg-button-toggle-active: rgba(233, 238, 250, 1);
    --casino-menu-text-color-button-toggle-active: #071A34;
    --casino-search-input-bg-primary: #071A34;
    --casino-search-input-bg-expanded: #071A34;
    --casino-provider-card-bg: #163558;
    --casino-provider-card-text-color: rgba(233, 238, 250, 1);
    --casino-provider-card-text-color-count: rgba(233, 238, 250, 1);
    --casino-game-bg-bottom-sheet-icon: rgba(233, 238, 250, 1);
    --casino-game-bg-bottom-sheet-header: #071A34;
    --casino-game-text-color-bottom-sheet-icon: rgba(233, 238, 250, 1);
    --sportsbook-menu-bg-icon: #071A34;
    --sportsbook-search-input-bg-primary: #061B33;
    --sportsbook-search-input-bg-expanded: #0D2647;
    --sportsbook-composite-bet-card-bg: #071A34;
    --sportsbook-outrights-market-expansion-bg-header: #6B8CB5;
    --sportsbook-outrights-market-expansion-bg-header-active: #6B8CB5;
    --sportsbook-outrights-market-expansion-bg-header-hover: #6B8CB5;
    --sportsbook-top-bar-bg: #0D2647;
    --sportsbook-top-bar-bg-button: #071A34;
    --sportsbook-top-bar-text-color: rgba(233, 238, 250, 1);
    --sportsbook-top-bar-text-color-button-fav: #FFE100;
    --sportsbook-top-bar-divider: #6B8CB5;
    --sportsbook-top-bar-mobile-bg: #0d2647;
    --sportsbook-top-bar-mobile-bg-button: #061B33;
    --sportsbook-top-bar-mobile-text-color: rgba(233, 238, 250, 1);
    --sportsbook-top-bar-mobile-text-color-button-fav: #FFE100;
    --sportsbook-top-bar-mobile-divider: #163558;
    --sportsbook-top-bar-mobile-border-color: #163558;
    --sportsbook-sports-feed-bg: #0D2647;
    --sportsbook-sports-feed-border-color: #163558;
    --sportsbook-sports-feed-live-bg: #0D2647;
    --sportsbook-sports-feed-live-border-color: #163558;
    --sportsbook-sports-feed-live-tab-bg: #061b33;
    --sportsbook-sports-feed-live-tab-bg-active: rgba(233, 238, 250, 1);
    --sportsbook-sports-feed-live-tab-text-color: rgba(233, 238, 250, 1);
    --sportsbook-sports-feed-live-tab-text-color-active: #0A2140;
    --sportsbook-sports-feed-live-tab-border-color: rgba(233, 238, 250, 0);
    --sportsbook-sports-feed-live-tab-border-color-active: rgba(233, 238, 250, 1);
    --sportsbook-match-live-matches-text-color-secondary: #6B8CB5;
    --sportsbook-match-live-matches-text-color-live: #FFE100;
    --sportsbook-match-live-matches-border-width: 2px;
    --sportsbook-match-live-matches-active-bg: rgba(233, 238, 250, 1);
    --sportsbook-match-live-matches-active-text-color: #0A2140;
    --sportsbook-match-live-matches-active-text-color-secondary: #0A2140;
    --sportsbook-match-live-matches-active-text-color-live: #FFE100;
    --sportsbook-match-live-matches-active-border-color: #BFDDFE;
    --sportsbook-match-live-matches-e-text-color-secondary: #8FA8CC;
    --sportsbook-match-live-matches-e-active-bg: linear-gradient( #0D2647, #0D2647) padding-box,linear-gradient(90deg, #FFE100, #0A2140) border-box;
    --sportsbook-match-live-matches-e-mobile-bg: #071A34;
    --sportsbook-match-live-matches-e-mobile-border-color: #163558;
    --sportsbook-match-e-score-text-color: #8FA8CC;
    --sportsbook-match-e-score-separator-color: #3D5F8C;
    --sportsbook-match-header-bg: #0D2647;
    --sportsbook-match-header-text-color-secondary: #6B8CB5;
    --sportsbook-match-header-bg-vs: #071A34;
    --sportsbook-match-header-e-bg: #071A34;
    --sportsbook-match-header-e-text-color-secondary: #FFC6B5;
    --sportsbook-match-header-e-tab-bg: transparent;
    --sportsbook-match-header-e-tab-text-color: rgba(233, 238, 250, 1);
    --sportsbook-match-header-e-mobile-border-color: #163558;
    --sportsbook-match-market-team-button-bg: rgba(233, 238, 250, 1);
    --sportsbook-match-market-team-button-text-color: #0A2140;
    --sportsbook-match-e-market-header-bg: #163558;
    --seo-content-bg: #0D2647;
    --seo-content-text-color: rgba(233, 238, 250, 1);
    --game-card-bg: #0D2647;
    --game-card-bg-action: rgba(254, 254, 255, 0.8);
    --game-card-bg-players: rgb(254, 254, 255);
    --game-card-text-color-action: rgb(0, 0, 0);
    --game-card-text-color-players: #0D2647;
    --game-card-text-color-players-count: #0D2647;
    --game-card-text-color-name: rgba(233, 238, 250, 1);
    --game-card-text-color-provider-name: #6B8CB5;
    --game-card-border-color-players: #0D2647;
    --footer-bg-primary: #05142A;
    --footer-text-color-primary: rgba(233, 238, 250, 1);
    --footer-text-color-secondary: #6B8CB5;
    --footer-text-color-hover: #FFE100;
    --footer-border-color: #163558;
    --footer-border-color-expansion-header: #1F4266;
    --footer-button-bg: #071A34;
    --slider-navigator-bg-arrow: #0D2647;
    --slider-navigator-text-color-arrow: rgba(233, 238, 250, 1);
    --game-card-extended-badge-bg: rgba(233, 238, 250, 1);
    --game-card-extended-badge-text-color: #0A2140;
    --game-card-extended-badge-border-color: #0A2140;
    --header-bg: #05142A;
    --header-text: rgba(233, 238, 250, 1);
    --header-text-link: rgba(233, 238, 250, 1);
    --header-text-link-active: #FFE100;
    --header-bg-login-button: transparent;
    --header-border-color-login-button: rgba(233, 238, 250, 1);
    --header-text-color-login-button: rgba(233, 238, 250, 1);
    --bottom-menu-bg: #05142A;
    --bottom-menu-text: rgba(233, 238, 250, 1);
    --bottom-menu-text-active: #FFE100;
    --tournament-card-bg-ribon: rgba(233, 238, 250, 1);
    --tournament-card-text-color-ribon: #0A2140;
    --dialog-bg: #071A34;
    --dialog-text-color: rgba(233, 238, 250, 1);
    --burger-bg-primary: #05142A;
    --burger-bg-secondary: #0D2647;
    --burger-bg-live: #FFE100;
    --burger-bg-button-toggle-active: rgba(233, 238, 250, 1);
    --burger-text-color-primary: rgba(233, 238, 250, 1);
    --burger-text-color-secondary: rgba(233, 238, 250, 1);
    --burger-text-color-button-toggle-active: #05142A;
    --burger-border-color-menu-item-active: #0D2647;
    --burger-border-color-live: rgba(255, 225, 0, 0.8);
    --burger-border-color-button-toggle: rgba(233, 238, 250, 1);
    --gamification-progress-bar-bg: #071A34;
    --gamification-progress-bar-bg-active: #FFE100;
    --gamification-progress-bar-text-active: #000000;
    --gamification-progress-circle-bg: #071A34;
    --gamification-progress-circle-bg-fill: #FFE100;
    --gamification-progress-circle-bg-label: #071A34;
    --gamification-progress-circle-bg-label-active: #FFE100;
    --gamification-progress-circle-text-color-label: rgba(233, 238, 250, 1);
    --gamification-progress-circle-text-color-label-active: #000000;
    --gamification-levels-bg-icon-completed: #FFE100;
    --gamification-levels-bg-icon-not-completed: #071A34;
    --gamification-levels-text-color-icon-completed: #000000;
    --gamification-levels-text-color-icon-not-completed: rgba(233, 238, 250, 1);
    --gamification-missions-text-color-completed: rgb(116, 196, 124);
    --gamification-entry-bg-level: rgba(233, 238, 250, 1);
    --gamification-entry-text-color-level: #0A2140;
    --gamification-overview-mission-card-bg-completed: #FFE100;
    --gamification-overview-mission-card-bg-timer: #071A34;
    --gamification-overview-mission-card-text-color-completed: #000000;
    --gamification-overview-mission-card-text-color-timer: rgba(233, 238, 250, 1);
    --gamification-store-ribbon-new-bg: rgb(224, 224, 6);
    --gamification-store-ribbon-new-text-color: rgb(18, 31, 66);
    --gamification-store-ribbon-hot-bg: rgb(158, 38, 55);
    --gamification-store-ribbon-hot-text-color: rgb(254, 254, 255);
    --gamification-store-ribbon-sale-bg: rgb(64, 183, 125);
    --gamification-store-ribbon-sale-text-color: rgb(22, 25, 29);
    --gamification-store-ribbon-vip-bg: rgb(254, 254, 255);
    --gamification-store-ribbon-vip-text-color: rgb(18, 31, 66);
    --gamification-tournament-register-bg: #FFE100;
    --gamification-inbox-message-card-bg-primary: rgb(219, 235, 254);
    --gamification-inbox-message-card-bg-secondary: rgb(254, 254, 255);
    --gamification-badges-count-bg: #0A2140;
    --home-tg-banner-bg: radial-gradient(circle, #E7F1FF 0%, #B1D0FF 100%);
    --password-rules-text-color-error: rgba(255, 82, 105, 1);
    --password-rules-text-color-success: rgba(6, 224, 192, 1);
    --composite-bet-card-bg: #0D2647;
    --composite-bet-card-text-color-primary: rgba(233, 238, 250, 1);
    --composite-bet-card-text-color-secondary: #6B8CB5;
    --composite-bet-card-text-color-icon: #260900;
    --composite-bet-card-text-color-remove-button: rgba(233, 238, 250, 1);
    --composite-bet-card-text-color-add-button: #000000;
    --composite-bet-card-border-color-primary: #163558;
    --composite-bet-card-bg-remove-button: #071A34;
    --composite-bet-card-bg-add-button: #FFE100;
    --composite-bet-card-step-bg: #75A0F2;
    --composite-bet-card-step-border-color: #75A0F2;
    --account-menu-bg-primary: #05142A;
    --account-menu-bg-secondary: #0A2140;
    --account-menu-bg-icon: #05142A;
    --account-menu-bg-active: rgba(233, 238, 250, 1);
    --account-menu-separator-border-color: #05142A;
    --account-menu-button-stroked: rgba(233, 238, 250, 1);
    --account-menu-border-color: #1F4266;
    --account-menu-text-color-primary: rgba(233, 238, 250, 1);
    --account-menu-text-color-secondary: #6B8CB5;
    --account-menu-text-color-active: #05142A;
    --account-menu-rg-status-no-limits-bg: rgba(233, 238, 250, 1);
    --account-menu-rg-status-no-limits-text-color: #05142A;
    --account-menu-rg-status-normal-bg: rgb(16, 109, 25);
    --account-menu-rg-status-normal-text-color: rgba(255, 255, 255, 1);
    --account-menu-rg-status-warning-bg: rgb(35, 40, 46);
    --account-menu-rg-status-warning-text-color: rgba(255, 255, 255, 1);
    --account-menu-rg-status-exceeded-bg: rgb(179, 25, 25);
    --account-menu-rg-status-exceeded-text-color: rgba(255, 255, 255, 1);
    --account-menu-rg-status-paused-bg: rgb(0, 0, 0);
    --account-menu-rg-status-paused-text-color: rgba(255, 255, 255, 1);
    --legal-document-modals-decline-bg: rgb(247, 23, 53);
    --tabs-tab-text-color: rgba(233, 238, 250, 1);
    --tabs-tab-border-color: transparent;
    --tabs-tab-bg: rgb(6, 27, 51);
    --tabs-tab-bg-active: rgba(233, 238, 250, 1);
    --tabs-tab-border-color-active: rgba(233, 238, 250, 1);
    --tabs-tab-text-color-active: #0A2140;
    --breadcrumbs-bg: #0D2647;
    --breadcrumbs-text-color: rgba(233, 238, 250, 1);
    --breadcrumbs-text-color-arrow: rgba(233, 238, 250, 1);
    --breadcrumbs-mobile-bg: #05142A;
    --breadcrumbs-mobile-text-color: rgba(233, 238, 250, 1);
    --breadcrumbs-mobile-text-color-arrow: rgba(233, 238, 250, 1);
    --breadcrumbs-mobile-border-color: #163558;
    --sports-events-text-color-match-live: #FFE100;
    --sports-events-border-color-match-button-active: #FFE100;
    --sports-events-text-color-match-statistics: #0A2140;
    --sports-events-text-color-button-icon: #FFE100;
    --sports-events-theme1-bg: #0D2647;
    --sports-events-theme1-text-color-primary: rgba(233, 238, 250, 1);
    --sports-events-theme1-text-color-secondary: #6B8CB5;
    --sports-events-theme1-border-color: #163558;
    --sports-events-theme2-bg: #0D2647;
    --sports-events-theme2-bg-tab: transparent;
    --sports-events-theme2-bg-tab-active: rgba(233, 238, 250, 1);
    --sports-events-theme2-bg-odds-cell: rgba(233, 238, 250, 1);
    --sports-events-theme2-bg-score-cell: rgba(233, 238, 250, 1);
    --sports-events-theme2-bg-button-fav: rgba(194, 194, 194, 1);
    --sports-events-theme2-bg-expansion-header: #0A1833;
    --sports-events-theme2-text-color-expansion-header: rgba(233, 238, 250, 1);
    --sports-events-theme2-text-color-primary: rgba(233, 238, 250, 1);
    --sports-events-theme2-text-color-secondary: #6B8CB5;
    --sports-events-theme2-text-color-tab: rgba(233, 238, 250, 1);
    --sports-events-theme2-text-color-tab-active: #0A2140;
    --sports-events-theme2-text-color-score-cell: #0A2140;
    --sports-events-theme2-border-color: #163558;
    --sports-events-theme2-border-color-tab: rgba(233, 238, 250, 1);
    --sports-events-theme2-border-color-tab-active: rgba(233, 238, 250, 1);
    --user-profile-my-bets-casino-bet-card-bg-success: rgb(3, 92, 78);
    --user-profile-my-bets-casino-bet-card-bg-error: rgb(158, 38, 55);
    --user-profile-my-bets-casino-bet-card-bg-primary: rgb(160, 160, 160);
    --user-profile-my-bets-casino-bet-card-bg-secondary: #1F4266;
    --user-profile-my-bets-casino-bet-card-text-color-primary: rgb(0, 0, 0);
    --user-profile-my-bets-casino-bet-card-text-color-secondary: rgb(255, 255, 255);
    --notification-bar-bg: #ddc300;
    --notification-bar-bg-button: ddc300;
    --notification-bar-text-color: #000000;
    --notification-bar-text-color-button: rgba(233, 238, 250, 1);
    --refer-a-friend-bg-attention: rgb(255, 163, 135);
    --refer-a-friend-text-attention: rgb(0, 0, 0);
    --refer-a-friend-tab-bg: #071A34;
    --refer-a-friend-tab-bg-active: #F0F7FF;
    --refer-a-friend-tab-text-color: rgb(255, 255, 255);
    --refer-a-friend-tab-text-color-active: #0D2647;
    --refer-a-friend-border-color-separator: #0D2647;
    --account-responsible-gaming-warning-bg: rgba(255, 239, 179, 1);
    --account-responsible-gaming-warning-text-color: rgba(22, 25, 29, 1);
    --match-market-team-button-bg: rgba(233, 238, 250, 1);
    --match-market-team-button-text-color: #0A2140;
    --recovery-methods-selection-radio-button-bg: #05142A;
    --recovery-methods-selection-radio-button-bg__active: linear-gradient(#05142A, #05142A) padding-box, linear-gradient(90deg, #4D4000, #FFE100) border-box;
}

/* 2) SPORTSBOOK — BETSLIP KEYBOARD (ESCOPADO) */
inplay-sportsbook-betslip-keyboard {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .75rem;
  border-radius: 14px;
  background: var(--card);
  font-size: .95rem;
  box-sizing: border-box;
}

/* Linha: botões + input */
inplay-sportsbook-betslip-keyboard > .flex.items-center.gap-1 {
  gap: .5rem !important;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  min-width: 0;
}

/* Botões auxiliares */
inplay-sportsbook-betslip-keyboard .ips-keyboard-btn {
  font-size: .9rem;
  line-height: 1.1;
  padding: .32rem .5rem;
  min-width: 2.3rem;
  height: 2rem;
  border: 1px solid var(--stroke) !important;
  border-radius: 10px;
  background: #1b2029;
  color: var(--text);
  transition: border-color .12s ease, background-color .12s ease, color .12s ease, transform .06s ease;
  box-sizing: border-box;
}
inplay-sportsbook-betslip-keyboard .ips-keyboard-btn:hover:not([disabled]),
inplay-sportsbook-betslip-keyboard .ips-keyboard-btn:focus-visible:not([disabled]) {
  border-color: var(--brand) !important;
  background: rgba(254,203,0,.15);
  color: #fff;
  transform: translateY(-1px);
}
inplay-sportsbook-betslip-keyboard .ips-keyboard-btn[disabled] {
  opacity: .45;
  border-style: dashed !important;
}

/* Container do input */
inplay-sportsbook-betslip-keyboard .flex.items-center.relative.w-full {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 100%;
}

/* Input */
inplay-sportsbook-betslip-keyboard input[type="text"] {
  font-size: 1.2rem;
  line-height: 1.35;
  min-height: 3.6rem;
  padding: .9rem 1.1rem;
  border-radius: 4px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.06);
  color: var(--text);
  width: 100%;
  max-width: 100%;
  text-align: right;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
inplay-sportsbook-betslip-keyboard input[type="text"]::placeholder { 
  color: rgba(233,237,245,.55);
}
inplay-sportsbook-betslip-keyboard input[type="text"]:focus {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-color: var(--brand);
}

/* Label absoluta */
inplay-sportsbook-betslip-keyboard .flex.items-center.relative.w-full > span {
  left: .75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: .8rem;
  color: rgba(255,255,255,.55);
  pointer-events: none;
  z-index: 0;
}

/* Linha de status */
inplay-sportsbook-betslip-keyboard > .flex.items-start {
  display: flex;
  gap: .5rem;
  align-items: center;
  min-height: 1.5rem;
}
inplay-sportsbook-betslip-keyboard .flex.items-center.justify-end.gap-1.whitespace-nowrap {
  margin-right: auto;
  gap: .35rem;
}
inplay-sportsbook-betslip-keyboard .text-2xs.text-basic-contrast\/80.uppercase {
  letter-spacing: .04em;
  font-weight: 600;
  opacity: .9;
}
inplay-sportsbook-betslip-keyboard .ml-auto.flex.gap-1.text-xs {
  color: var(--muted);
  font-size: .8rem;
}

/* Teclado numérico */
inplay-sportsbook-betslip-keyboard .keyboard {
  gap: .6rem !important;
}
inplay-sportsbook-betslip-keyboard .keyboard__key {
  font-size: 1.25rem;
  line-height: 1;
  height: 3.1rem;
  min-width: 2.8rem;
  padding: 0 .6rem;
  border-radius: 10px;
  transition: background-color .12s ease, transform .06s ease, border-color .12s ease;
  box-sizing: border-box;
}
inplay-sportsbook-betslip-keyboard .keyboard__key:hover {
  background: #262c3d; border-color: #2a2f3a;
}
inplay-sportsbook-betslip-keyboard .keyboard__key:active {
  transform: translateY(1px);
}

/* Botão OK */
inplay-sportsbook-betslip-keyboard .flex.items-center.text-sm > .keyboard__key {
  min-width: 4.4rem;
  height: 3.1rem;
  font-weight: 600;
}

/* Utilitário existente */
inplay-sportsbook-betslip-keyboard .border.border-solid {
  border-color: var(--stroke) !important;
}

/* MOBILE (<=520px) — teclado grid e sem OK */
@media (max-width: 520px) {
  inplay-sportsbook-betslip-keyboard .keyboard {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    grid-auto-rows: 3.2rem;
    gap: .55rem !important;
    width: 100%;
  }
  inplay-sportsbook-betslip-keyboard .keyboard__key {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    font-size: 1.2rem;
    border-radius: 10px;
  }
  inplay-sportsbook-betslip-keyboard .flex.items-center.text-sm > .keyboard__key {
    display: none !important;
  }
}

/* DESKTOP (>=1024px) — remover MAX (mantendo regra global já existente) */
@media (min-width: 1024px) {
  inplay-sportsbook-betslip-keyboard > .flex.items-center.gap-1 .ips-keyboard-btn[disabled],
  inplay-sportsbook-betslip-keyboard > .flex.items-center.gap-1 .ips-keyboard-btn:nth-of-type(5) {
    display: none !important;
  }
}
/* Remove sempre o botão MAX ao lado do input */
inplay-sportsbook-betslip-keyboard > .flex.items-center.gap-1 .ips-keyboard-btn[disabled],
inplay-sportsbook-betslip-keyboard > .flex.items-center.gap-1 .ips-keyboard-btn:nth-of-type(5) {
  display: none !important;
}

/* 3) BOTÃO PIX FLUTUANTE */
.icon-btn {
  position: fixed;
  width: 72px;
  right: 15px;
  bottom: 15px;
  z-index: 999;
  display: inline-block;
  transition: transform 0.3s ease;
  animation: floatUpDown 3s ease-in-out infinite;
}
@media (max-width: 768px) {
  .icon-btn { bottom: 120px !important; }
}

/* Animação subir/descer */
@keyframes floatUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

.icon-btn img {
  border-radius: 50%;
  animation: aviatorGlowPulse 2.2s ease-in-out infinite;
}

/* Glow animado */
@keyframes aviatorGlowPulse {
  0% {
    box-shadow:
      0 0 6px rgba(255, 40, 40, 0.35),
      0 0 14px rgba(255, 40, 40, 0.25),
      0 0 26px rgba(255, 40, 40, 0.15);
  }
  50% {
    box-shadow:
      0 0 10px rgba(255, 40, 40, 0.65),
      0 0 24px rgba(255, 40, 40, 0.45),
      0 0 44px rgba(255, 40, 40, 0.25);
  }
  100% {
    box-shadow:
      0 0 6px rgba(255, 40, 40, 0.35),
      0 0 14px rgba(255, 40, 40, 0.25),
      0 0 26px rgba(255, 40, 40, 0.15);
  }
}

/* Hover */
.icon-btn:hover {
  transform: scale(1.02);
  animation: none;
}

/* =========================================================
   4) ACCORDION CHILD (FORCE)
   ========================================================= */
#cdk-accordion-child-0 {
  height: auto !important;
  visibility: visible !important;
}

/* =========================================================
   5) GAME CARD BOTÃO PLAY
   ========================================================= */
@media (hover: hover) and (pointer: fine) {
  ips-game-card-uic { position: relative; }

  ips-game-card-uic::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
    z-index: 50;
    border-radius: 8px;
  }

  ips-game-card-uic::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    background: url("https://cdn.ginga.bet.br/assets/images/play-button.svg") no-repeat center / contain;
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
    z-index: 60;
  }

  ips-game-card-uic:hover::before { opacity: 1; }
  ips-game-card-uic:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

/* 6) TOP WINNERS */

/* Esconde totalmente as abas do Top Winners */
ips-games-winners > div.flex.items-center { display: none !important; }
.ips-games-winners-bg-primary > div.flex.items-center { display: none !important; }

/* Tamanho do card */
.ips-games-winners-game-card {
  width: 56px !important;
  height: 72px !important;
}

/* Container principal */
.ips-games-winners-bg-primary {
  background: none !important;
  position: relative;
  overflow: hidden;
  border-radius: 0px;
  padding: 8px 0px 0px 0px;
}
.ips-games-winners-border { min-height: 72px; }

/* Esconde o cabeçalho da tabela */
.ips-games-winners-bg-primary table thead { display: none !important; }

/* Trilha horizontal (carrossel) */
.ips-games-winners-bg-primary table,
.ips-games-winners-bg-primary table tbody {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  padding: 0;
  margin: 0;
}

/* Cada <tr> vira um card */
.ips-games-winners-bg-primary table tbody tr {
  background: var(--games-winners-bg-primary) !important;
  box-sizing: border-box;
  border-radius: 0.5rem;
  min-width: 182px;
  width: max-content;
  height: 74px;
  color: #fff;
  padding: 0 12px 0 0;
  flex-shrink: 0;
  overflow: visible !important; /* ✅ garante que nada do texto seja comido */

  display: grid;
  grid-template-columns: 56px 1fr;
  grid-template-rows: min-content min-content min-content;
  grid-auto-rows: min-content;
  align-content: center;
  align-items: center;
  column-gap: 12px;
  justify-items: start;
  
  transition: background 0.3s ease;
}

/* As <td> não geram caixas próprias */
.ips-games-winners-bg-primary table tbody tr td {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  color: inherit;
  overflow: visible !important;
}

/* ===== COLUNA 1 — IMAGEM DO JOGO ===== */
.ips-games-winners-bg-primary table tbody tr td:first-child {
  grid-column: 1;
  grid-row: 1 / span 3;
  position: relative;
  height: 100%;
  display: block;
  padding: 0;
}
.ips-games-winners-bg-primary table tbody tr td:first-child > div {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 56px;
}
.ips-games-winners-bg-primary table tbody tr td:first-child .ips-games-winners-text-table {
  display: none !important;
}
.ips-games-winners-bg-primary table tbody tr td:first-child ips-game-card,
.ips-games-winners-bg-primary table tbody tr td:first-child .ips-game-card-rounded {
  display: block !important;
  transform: none !important;
  transition: none !important;
}
.ips-games-winners-bg-primary table tbody tr td:first-child img[ipsgamecardimage] {
  width: 56px;
  height: 72px;
  border-radius: 8px;
  aspect-ratio: 1 / 3;
  object-fit: cover;
  display: block;
}

/* --- COLUNA 2 — TEXTOS --- */
.ips-games-winners-bg-primary table tbody tr td:nth-child(n+2) { display: contents; }

/* Linha 1 — Nome */
.ips-games-winners-bg-primary table tbody tr td:nth-child(2) > div {
  grid-column: 2;
  grid-row: 1;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.1;
  margin: 0;
}

/* Linha 2 — Aposta */
.ips-games-winners-bg-primary table tbody tr td:nth-child(3) > div {
  grid-column: 2;
  grid-row: 2;
  font-size: 12px;
  font-weight: 300;
  line-height: 2.1;
  opacity: .85 !important;
  margin: 0;
}
.ips-games-winners-bg-primary table tbody tr td:nth-child(3) > div > span::before {
  content: "Apostou ";
  font-weight: 300;
  opacity: .85;
}

/* Esconde multiplicador */
.ips-games-winners-bg-primary table tbody tr td:nth-child(4) { 
  display: none !important; 
}

/* Linha 3 — Pagamento */
.ips-games-winners-bg-primary table tbody tr td:nth-child(5) > div {
  grid-column: 2;
  grid-row: 3;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--games-winners-text-color-payout);
  margin: 0;
}
.ips-games-winners-bg-primary table tbody tr td:nth-child(5) > div > span::before {
  content: "Ganhou ";
  font-weight: 700;
  color: var(--games-winners-text-color-payout);
}

.ips-games-winners-text-payout {
  font-weight: 600;
}

/* Remove alternância herdada */
.ips-games-winners-bg-primary table tbody tr.odd,
.ips-games-winners-bg-primary table tbody tr:nth-child(odd) {
  background: var(--games-winners-bg-primary) !important;
}

/* Hover */
.ips-games-winners-bg-primary table tbody tr:hover {
  background: #0F2850 !important;
}

/* Textos sem corte */
.ips-games-winners-bg-primary table tbody tr td:nth-child(n+2) span {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: nowrap !important;
}

/* Marquee */
.ips-games-winners-bg-primary table tbody {
  overflow-x: visible !important;
  max-width: none !important;
  animation: winners-marquee 60s linear infinite !important;
}
@keyframes winners-marquee {
  from { transform: translateX(0%); }
  to   { transform: translateX(-40%); }
}

.ips-games-winners-bg-primary table tbody tr td:nth-child(n+2) span {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: nowrap !important;
}


/* Remove título "Vencedores" */
ips-casino-winners > span.uppercase {
  display: none !important;
}

/* =========================================================
   FIX — OVERFLOW HORIZONTAL DO TOP WINNERS (viewport real)
   ========================================================= */

/* 1) O viewport que deve cortar o trilho */
.ips-games-winners-border{
  position: relative !important;
  overflow: hidden !important;          /* corta o trilho no viewport */
  width: 100% !important;
  contain: paint !important;            /* força o recorte funcionar com transforms */
  isolation: isolate !important;        /* evita bleed por stacking */
  border-radius: 0 !important;
}

/* 2) A tabela não pode “vazar” nem criar recorte estranho */
.ips-games-winners-bg-primary table{
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;          /* reforço: nada sai do viewport */
}

/* 3) Garante que o tbody (o que anima) seja clippado corretamente */
.ips-games-winners-bg-primary table tbody{
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  will-change: transform;
  transform: translate3d(0,0,0);
}

/* 4) Se existir qualquer wrapper interno do Inplay com overflow,
      neutraliza para não cortar na “linha amarela” */
ips-games-winners,
ips-casino-winners,
.ips-games-winners-bg-primary{
  overflow: visible !important;
}


/* 7) HEADER BOTÃO CADASTRO/DEPÓSITO */
.ips-header-button-flat {
  background: linear-gradient(to bottom, #ffe100, #ffec77);
  transition: all 0.3s ease;
  padding: 12px 12px 12px 12px;
}

/* radius */
 .ips-header-button-flat.ips-button-rounded-sm {
  border-radius: 8px !important;
}

/* height */
.ips-header-button-flat.ips-button-h-sm {
  height: 32px !important;
}

button.ips-header-button-flat.ips-button-bg-primary {
  position: relative;
  overflow: visible;
  padding: 12px 12px;
}

/* PIX BADGE — Botão Depósito */
button.ips-header-button-flat.ips-button-bg-primary::after {
  content: "PIX";
  position: absolute;
  top: -4px;
  right: -4px;
  background: white;
  color: black;
  font-size: 8px;
  font-weight: bold;
  padding: 2px 4px 2px 16px;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  white-space: nowrap;
  line-height: 1;
  font-family: Arial, sans-serif;
  background-image: url('https://cdn.ginga.bet.br/assets/pix_logo_botao_deposito.webp');
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 4px center;
}

/* Remove balão do botão Cadastro */
button.ips-header-button-flat[type="submit"]::after {
  content: none !important;
}

/* Saldo */
inplay-balance .flex.items-center.gap-1.font.font-medium.text-sm span {
  color: inherit !important;
  font-weight: inherit !important;
}

.ips-header inplay-balance .flex.items-center.gap-1.font.font-medium.text-sm {
  background: #0d2647 !important;
  color: #fff;
  padding: 16px 16px;
  border-radius: 8px;
  font-weight: 700;
  white-space: nowrap;
  max-height: 32px;
}

/*Esconde o botão da gamificação*/
html.dark button.ips-header-gmf-button {
  display: none !important;
}

/* Perfil */
html.dark img[alt="profile"] {
  width: 32px !important;
  height: 32px !important;
  opacity: 100 !important;
}
html.dark ips-account-menu-trigger ips-icon[name="profile"] { background: transparent !important; }
html.dark ips-account-menu-trigger ips-icon { background: currentColor !important; }
html.dark ips-icon[name="profile"] {
  width: 32px !important;
  height: 32px !important;
}

/*Borda inferior no header*/
html.dark header.ips-header {
  border-bottom: 1px solid #112546 !important;
}

/* Espaçamento header */
html.dark .ml-auto.flex.items-center.gap-3 { gap: 8px !important; }

/* Aumenta altura header em telas <=1200px */
@media (max-width: 1200px) {
  html.dark header.ips-header {
    min-height: 56px !important;
    height: 56px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/*Header fixo desktop */
@media (min-width: 1200px) {
html.dark header.ips-header { top: 0; }
}

/* 8) BADGE CARDS GAMES */
ips-game-card-uic-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 4px 6px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
ips-game-card-uic-badge img {
  width: 10px !important;
  height: 10px !important;
  display: block !important;
  flex: 0 0 auto !important;
}
ips-game-card-uic-badge > div {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  font-size: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
ips-game-card-uic-badge img,
ips-game-card-uic-badge > div {
  position: relative !important;
  z-index: 1 !important;
}
ips-game-card-uic-badge::before,
ips-game-card-uic-badge::after {
  z-index: 0 !important;
}

/* 9) MOBILE — MENU PRODUCTS */
@media (max-width: 1200px) {
  ips-tile.ips-tile-bg-primary.ips-tile-rounded {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255, 225, 0, 0.10), rgba(21, 46, 87, 0.10)) !important;
    border: 1px solid rgba(255, 225, 0, 0.20) !important;
    border-radius: 12px;
    width: 76px !important;
    height: 82px !important;
    min-width: 76px !important;
    min-height: 82px !important;
  }

  ips-tile.ips-tile-rounded img[ipstileleading] {
    position: absolute !important;
    top: 38% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    object-fit: contain;
  }

  ips-tile.ips-tile-rounded span[ipstilecontent] { display: none !important; }

  ips-tile.ips-tile-rounded::after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 90%;
    text-align: center;
    font-size: 0.65rem !important;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit !important;
    pointer-events: none !important;
  }

  swiper-slide:nth-child(1) ips-tile.ips-tile-rounded::after { content: "SLOTS"; }
  swiper-slide:nth-child(2) ips-tile.ips-tile-rounded::after { content: "AO VIVO"; }
  swiper-slide:nth-child(3) ips-tile.ips-tile-rounded::after { content: "TORNEIOS"; }
  swiper-slide:nth-child(4) ips-tile.ips-tile-rounded::after { content: "MISSÕES"; }
  swiper-slide:nth-child(5) ips-tile.ips-tile-rounded::after { content: "LOJA"; }
  swiper-slide:nth-child(6) ips-tile.ips-tile-rounded::after { content: "ROLETA"; }
  swiper-slide:nth-child(7) ips-tile.ips-tile-rounded::after { content: "BÔNUS"; }
  swiper-slide:nth-child(8) ips-tile.ips-tile-rounded::after { content: "INBOX"; }
  swiper-slide:nth-child(9) ips-tile.ips-tile-rounded::after { content: "RANKING"; }
}

/* 10) AUTH — LOGIN + SIGNUP */
inplay-auth-modal-login,
inplay-auth-sign-up-feature {
  background: var(--bg-primary) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden;
}

inplay-auth-sign-up-feature > div.flex.flex-col.w-full.min-xl\:w-103\.5 {
  border-radius: 12px !important;
}

/* MatDialog surface */
mat-dialog-container.mat-mdc-dialog-container .mdc-dialog__surface,
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  background: var(--bg-primary) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

/* zera o bloco original completamente */
inplay-auth-sign-up-feature .text-3xl p {
  font-size: 0 !important;
  line-height: 0 !important;   /* ⭐ remove espaço vertical */
  margin: 0 !important;
}

/* título */
inplay-auth-sign-up-feature .text-3xl p::before {
  content: "Finalize seu cadastro.";
  display: block;

  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  color: #fff;
}

/* subtítulo (bem próximo) */
inplay-auth-sign-up-feature .text-3xl p::after {
  content: "Preencha o formulário.";
  display: block;

  font-size: 16px;
  opacity: .7;

  margin-top: 12px; /* bem colado */
}

ips-password-rules {
  gap: 4px !important;          /* antes ~12px */
  line-height: 1.15 !important; /* texto mais fechado */
}

ips-password-rules > div {
  margin: 0 !important;
  padding: 0 !important;
}

inplay-auth-sign-up-feature .ips-checkbox-text,
inplay-auth-sign-up-feature .ips-checkbox-text p {
  font-size: 12px !important;      /* igual text-xs */
  line-height: 1.25 !important;    /* mais compacto */
  margin: 0 !important;
}

/* links mais proporcionais */
inplay-auth-sign-up-feature .ips-checkbox-text a {
  font-size: inherit !important;
}

/* Área interna dos painéis */
inplay-auth-modal-login > div.flex.flex-col.flex-1.basis-full,
inplay-auth-sign-up-feature > div.flex.flex-col.w-full,
inplay-auth-sign-up-feature .px-8.py-6 {
  background: #071A34 !important;
}

/* Links */
.text-brand,
inplay-auth-modal-login a,
inplay-auth-sign-up-feature a,
button.underline {
  color: #FFE100 !important;
}

/* Inputs */
ips-form-field .ips-form-field-bg-primary {
  background: #163558 !important;
}
ips-form-field .ips-form-field-bg-primary:hover {
  border-color: #FFE100 !important;
}

input[ipsinput] {
  color: #FFFFFF !important;
  caret-color: #FFE100 !important;
}
input[ipsinput]::placeholder {
  color: rgba(229, 231, 235, 0.55) !important;
  opacity: 1 !important;
}
[ipsprefix] { color: #FFFFFF !important; }

/* Password rules */
hps-password-rules {
  color: #FFFFFF !important;
}
ips-password-rules .ips-password-rules-text-error {
  background-color: #EF4444 !important;
}
ips-password-rules .ips-password-rules-text-success {
  background-color: #22C55E !important;
}

ips-password-rules .ips-password-rules-text-success + div,
ips-password-rules .ips-password-rules-text-success ~ div {
  color: #22C55E !important;
}
ips-password-rules .ips-password-rules-text-error + div,
ips-password-rules .ips-password-rules-text-error ~ div {
  color: #EF4444 !important;
}

/* Checkbox */
.ips-checkbox-text {
  color: #FFFFFF !important;
}
.ips-checkbox-input {
  background: #122342 !important;
  border-color: #15305F !important;
}
.ips-checkbox-input:checked {
  background: #FFE100 !important;
  border-color: #FFE100 !important;
}

/* Botões transparentes */
button.bg-transparent {
  color: #AAB2C2 !important;
}
button.bg-transparent:hover {
  color: #FFE100 !important;
}

inplay-auth-modal-login ips-form-field .ips-form-field-bg-primary {
  border: 0 !important;
  box-shadow: none !important;
}

/* 13) TOP 10 — NUMBER LAYERING */
@media (max-width: 767px) {
ips-carousel-uic swiper-slide > div.flex.items-center {
  position: relative !important;
  isolation: isolate !important;
}
ips-carousel-uic ips-game-card-uic {
  position: relative !important;
  z-index: 2 !important;
}
ips-carousel-uic ips-bg-number {
  position: relative !important;
  z-index: 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;
  line-height: 0.82 !important;

  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;

  font-family: "scale-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800, "wdth" 50 !important;

  font-size: calc(var(--carousel-uic-bg-number-0-font-size) * 1.17) !important;
  margin-left: 32px !important;
  transform: translateX(-8px) !important;
  opacity: 1 !important;

  background: linear-gradient(to bottom, #ffe100, #ffec77) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  letter-spacing: 0px !important;
}
}

@media (min-width: 1200px) {
ips-carousel-uic swiper-slide > div.flex.items-center {
  position: relative !important;
  isolation: isolate !important;
}
ips-carousel-uic ips-game-card-uic {
  position: relative !important;
  z-index: 2 !important;
}
ips-carousel-uic ips-bg-number {
  position: relative !important;
  z-index: 1 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;
  line-height: 0.82 !important;

  white-space: nowrap !important;
  pointer-events: none !important;
  user-select: none !important;

  font-family: "scale-variable", sans-serif !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800, "wdth" 50 !important;

  font-size: calc(var(--carousel-uic-bg-number-0-font-size) * 1.2) !important;
  margin-left: 32px !important;
  transform: translateX(-8px) !important;
  opacity: 1 !important;

  background: linear-gradient(to bottom, #ffe100, #ffec77) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  letter-spacing: 0px !important;
}
}

/* =========================================================
   15) BOTTOM MENU  + ICON FIX + LABELS
   ========================================================= */
@media (max-width: 1200px) {
  ips-bottom-menu.ips-bottom-menu-bg {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999 !important;

    background: #0f1d34f3 !important;

    -webkit-backdrop-filter: blur(34px) saturate(170%) contrast(115%) !important;
    backdrop-filter: blur(34px) saturate(170%) contrast(115%) !important;

    border-top: 1px solid #112546 !important;

    box-shadow:
      0 -20px 45px rgba(0,0,0,0.55),
      inset 0 1px 0 rgba(255,255,255,0.22),
      inset 0 -1px 0 rgba(0,0,0,0.35) !important;

    overflow: hidden !important;
  }

  ips-bottom-menu.ips-bottom-menu-bg::before {
    content: "" !important;
    position: absolute !important;
    inset: -60% !important;
    pointer-events: none !important;

    background:
      radial-gradient(
        120% 80% at 50% 0%,
        rgba(255,255,255,0.40),
        rgba(255,255,255,0.18) 28%,
        rgba(255,255,255,0.06) 42%,
        rgba(255,255,255,0) 65%
      );

    opacity: 0.32 !important;

    filter: blur(18px);
    transform: translateZ(0);
    animation: ios-liquid-refraction 22s ease-in-out infinite !important;
  }

  ips-bottom-menu.ips-bottom-menu-bg::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;

    background:
      linear-gradient(
        120deg,
        rgba(255,255,255,0.22),
        rgba(255,255,255,0.06) 30%,
        rgba(255,255,255,0.0) 55%
      );

    opacity: 0.22 !important;
  }
}

@keyframes ios-liquid-refraction {
  0%   { transform: translate(-2%, -2%) scale(1); }
  50%  { transform: translate(3%, 4%) scale(1.04); }
  100% { transform: translate(-2%, -2%) scale(1); }
}

@media (max-width: 1200px) {

  ips-bottom-menu ips-icon {
    background-color: #ffffff !important; /* FIXO, não currentColor */

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    transform: none !important;       /* 🔥 CRÍTICO */
    will-change: unset !important;    /* 🔥 CRÍTICO */

    filter: none !important;
    mix-blend-mode: normal !important;
    backdrop-filter: none !important;
  }

  ips-bottom-menu ips-icon::before,
  ips-bottom-menu ips-icon::after {
    display: none !important;
  }

  ips-bottom-menu ips-icon img {
    display: none !important;
  }
}

@media (max-width: 1200px) {

  ips-bottom-menu {
    transform: translateZ(0);
    will-change: transform;
    isolation: isolate;
    z-index: 9999;
  }
}

/* Bottom menu — sizes + colors */
@media (max-width: 1200px) {
  ips-bottom-menu ips-icon {
    width: 22px !important;
    height: 22px !important;
    background-color: #ffffff !important;
  }

  ips-bottom-menu a:hover ips-icon,
  ips-bottom-menu button:hover ips-icon {
    background-color: #ffe100 !important;
  }

  ips-bottom-menu a.router-link-active ips-icon,
  ips-bottom-menu a.active ips-icon,
  ips-bottom-menu a[aria-current="page"] ips-icon,
  ips-bottom-menu .ips-bottom-menu-text-active ips-icon {
    background-color: #ffe100 !important;
  }

  ips-bottom-menu a:hover,
  ips-bottom-menu button:hover { color: #ffe100 !important; }

  ips-bottom-menu a.router-link-active,
  ips-bottom-menu a.active,
  ips-bottom-menu a[aria-current="page"],
  ips-bottom-menu .ips-bottom-menu-text-active { color: #ffe100 !important; }
}

.ips-bottom-menu { height: 72px !important; }

/* Bottom menu — labels */
@media (max-width: 1200px) {
  ips-bottom-menu a,
  ips-bottom-menu button { gap: 6px !important; }

  ips-bottom-menu a span,
  ips-bottom-menu button span {
    font-family: "Scale VF", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-variation-settings:
      "wght" 500,
      "wdth" 100,
      "opsz" 14,
      "GRAD" 0,
      "slnt" 0 !important;

    font-size: 11px !important;
    line-height: 14px !important;
    height: 14px !important;

    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  ips-bottom-menu a[href="/user/minhas-apostas"] span { font-size: 0 !important; }
  ips-bottom-menu a[href="/user/minhas-apostas"] span::before {
    content: "Bilhetes";
    font-family: inherit;
    font-variation-settings: inherit;
    font-size: 11px;
    line-height: 14px;
    color: inherit;
  }
}

/* Burger — fundo e borda iguais ao tile */
@media (max-width: 1200px) {
  .ips-burger-bg-secondary {
    background: #0D2647 !important;
  }
}

/* 18) BANNER LOGIN — MOBILE */
html.dark inplay-auth-login inplay-auth-heading { position: relative !important; }
html.dark inplay-auth-login inplay-auth-heading::before { content: none !important; }

@keyframes bannerFadeInMobile {
  from { opacity: 0 !important; transform: translateY(-6px) !important; }
  to   { opacity: 1 !important; transform: translateY(0) !important; }
}

@media (max-width: 768px) {
  html.dark inplay-auth-login inplay-auth-heading::before {
    content: "" !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 326 / 102 !important;

    margin-bottom: 16px !important;
    margin-top: 16px !important;

    background-image: url("https://cn.ginga.bet.br/assets/images/auth/banner-login-embaixador-mobile-v3_gingabet.webp") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;

    border-radius: 8px !important;
    pointer-events: none !important;
    animation: bannerFadeInMobile .25s ease both;
  }
}

/* Hover para links customizados (com atributo custom) - texto muda para #ffe100 */
a[ipstab][custom]:hover,
a[ipstab][custom]:hover span {
  color: #ffe100 !important;
}

/* Hover para links ips-tab (exceto quando está ativo) - texto muda para #ffe100 */
a[ipstab].ips-tab:not(.ips-tab-active):hover {
  color: #ffe100 !important;
}

/* Hover para botões ips-tab (exceto quando está ativo) - texto muda para #ffe100 */
button[ipstab].ips-tab:not(.ips-tab-active):hover,
button[ipstab].ips-tab:not(.ips-tab-active):hover ips-sport-tab {
  color: #ffe100 !important;
}

/* Hover para botões ips-tile - texto muda para #ffe100 */
button[ips-tile]:hover {
  color: #ffe100 !important;
}

/* Hover para ips-selections - background muda para #ffe100 */
ips-selections button[ips-odds-cell]:hover {
  background-color: #ffe100 !important;
  border-color: #ffe100 !important;
  color: inherit; /* Mantém a cor do texto original */
}

/* Se quiser que o texto dentro do ips-selections também tenha uma cor específica no hover */
ips-selections button[ips-odds-cell]:hover ips-label,
ips-selections button[ips-odds-cell]:hover ips-coefficient {
  color: #000000; /* Opcional: texto preto para melhor contraste com fundo amarelo */
  font-weight: 600;
}

/* Igualar tamanho do botão favorites com o botão de search */
button.ips-sportsbook-top-bar-button {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Estilo customizado para ips-tab */
.ips-tab {
  width: var(--tabs-tab-width, auto);
  height: var(--tabs-tab-height, 32px);
  border-radius: var(--tabs-tab-border-radius, 20px);
  padding: var(--tabs-tab-padding, 7.5px 12px);
  font-size: var(--tabs-tab-font-size, 14px);
  background: #071a34;
}

/* Reduzir tamanho dos logos dos provedores de 40x40 para 32x32 */
inplay-casino-providers-slider-feature img.h-10.w-10 {
    height: 32px !important;
    width: 32px !important;
}

/* Alternativa usando as classes do Tailwind */
inplay-casino-providers-slider-feature .h-10.w-10 {
    height: 2rem !important;  /* 32px */
    width: 2rem !important;   /* 32px */
}

inplay-casino-providers-slider-feature .p-4 {
    padding: 8px 12px;
}

inplay-casino-providers-slider-feature .gap-4 {
    gap: 8px;
}

/* 11) MOBILE — PREVENIR OVERFLOW HORIZONTAL + FIX BOTTOM MENU */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }
  body {
    overscroll-behavior-x: none;
    touch-action: pan-y;
  }
  ng-component,
  inplay-auth-sign-up-feature,
  inplay-auth-modal-login,
  .cdk-dialog-container,
  .mat-mdc-dialog-container {
    max-width: 100%;
  }
  ips-bottom-menu.min-xl\:hidden {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999 !important;
    transform: translateZ(0);
    padding-bottom: env(safe-area-inset-bottom);
  }
  body {
    padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  }
}

/* Header do bloco (ícone + "Provedores") */
inplay-casino-providers-slider-feature [ipsheading] img,
inplay-casino-providers-slider-feature [ipsheading] span {
  display: none !important;
}

/* "Mostrar tudo" */
inplay-casino-providers-slider-feature [ipsshowall] {
  display: none !important;
}

/* Setas */
inplay-casino-providers-slider-feature [ips-slider-arrow-left],
inplay-casino-providers-slider-feature [ips-slider-arrow-right] {
  display: none !important;
}

/* 23) FONT OVERRIDE — INTER GLOBAL (REMOVE RUBIK) */
/* 1️⃣ Fonte base + tokens reais do IPS */
html {
  --font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ips-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ips-font-family-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* 2️⃣ Força Inter nos componentes IPS (onde Rubik volta) */
body,
.ips-font-display,
.ips-font-text,
.ips-text,
.ips-button-font-display,
.ips-tile,
.ips-heading,
.ips-expansion-font-display,
.ips-dialog,
.ips-modal,
.ips-page-builder,
.ips-games,
.ips-products {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* 3️⃣ Mata qualquer Rubik hardcoded */
 [style*="Rubik"],
[style*="rubik"],
[class*="rubik"],
.rubik {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

/* Mobile — remove min-h-screen que gera espaço fantasma */
  .min-h-screen.flex.flex-col.shrink-0.grow.relative {
    min-height: auto !important;
    height: auto !important;
    flex-grow: 0 !important;
}

/* 17) TORNEIOS */
@media (max-width: 1199px) {
  ips-tournaments ips-tournament-card img.min-xl\\:hidden { display: block !important; }
  ips-tournaments ips-tournament-card img.max-xl\\:hidden { display: none !important; }
}
@media (min-width: 1200px) {
  ips-tournaments ips-tournament-card img.min-xl\\:hidden { display: none !important; }
  hips-tournaments ips-tournament-card img.max-xl\\:hidden { display: block !important; }
}
  ips-tournaments swiper-slide { width: clamp(240px, 19vw, 290px) !important; }

@media (min-width: 1200px) {
 ips-tournaments swiper-slide { width: 280px !important; }
}
@media (max-width: 768px) {
  ips-tournaments swiper-slide { width: clamp(220px, 78vw, 300px) !important; }
}

ips-tournaments ips-tournament-card.ips-tournament-card {
  width: 100% !important;
  min-height: 260px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;

  background: var(--bg-secondary); !important;
  border: 1px solid #112546 !important;
  position: relative !important;
}

ips-tournaments ips-tournament-card.ips-tournament-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

/* Banner */
ips-tournaments ips-tournament-card.ips-tournament-card img {
  height: 86px !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 12px 12px 0 0 !important;
}

/* Título */
ips-tournaments ips-tournament-card.ips-tournament-card > p {
  margin: 10px 12px 8px !important;
  padding: 0 !important;
  text-align: center !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

/* Prêmio */
ips-tournaments ips-tournament-card .ips-tournament-card-bg-prize-pool,
ips-tournaments ips-tournament-card .ips-tournament-card-bg-prize-pool.ng-star-inserted {
  margin: 0 auto 10px !important;
  width: calc(100% - 24px) !important;

  min-height: 54px !important;
  padding: 10px 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  color: #ffe100 !important;

  border-radius: 8px !important;
  border: 1px solid #142E58 !important;
  background: #11274B !important;

  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0) !important;
}

/* Timer — remove backgrounds duplicados */
ips-tournaments ips-tournament-card ips-countdown-timer,
ips-tournaments ips-tournament-card ips-countdown-timer * {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}
ips-tournaments ips-tournament-card ips-countdown-timer {
  margin: 0 12px 8px !important;
  padding: 0 !important;
  justify-content: center !important;
  font-size: 12px !important;
  color: rgba(255,255,255,.86) !important;
}

/* Linha inferior */
ips-tournaments ips-tournament-card .text-secondary {
  font-size: 12px !important;
  color: rgba(255,255,255,.70) !important;
}
ips-tournaments ips-tournament-card .border-primary { border-color: rgba(255,255,255,.08) !important; }
ips-tournaments ips-tournament-card .pt-2.pb-1\\5 {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

/* Botão */
ips-tournaments ips-tournament-card button[ips-button-flat] {
  margin-top: auto !important;
  width: calc(100% - 24px) !important;
  margin-left: 12px !important;
  margin-right: 12px !important;
  margin-bottom: 12px !important;

  border-radius: 8px !important;
  padding: 12px 12px !important;

  background: linear-gradient(to bottom, #FFE100 40%, #FFF28F) !important;
  color: #141d2c !important;
  border: 1px solid #FFF18B !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
  filter: none !important;
}
ips-tournaments ips-tournament-card button[ips-button-flat]:hover,
ips-tournaments ips-tournament-card button[ips-button-flat]:focus,
ips-tournaments ips-tournament-card button[ips-button-flat]:active {
  box-shadow: none !important;
  filter: brightness(1.03) !important;
  transform: none !important;
}

@media (max-width: 768px) {
  ips-tournaments ips-tournament-card.ips-tournament-card { min-height: 270px !important; }
  ips-tournaments ips-tournament-card.ips-tournament-card img { height: 96px !important; }
  ips-tournaments ips-tournament-card.ips-tournament-card > p { font-size: 15px !important; }
  ips-tournaments ips-tournament-card .ips-tournament-card-bg-prize-pool {
    font-size: 16px !important;
    min-height: 56px !important;
  }
}
@media (min-width: 769px) {
  ips-tournaments swiper-slide { margin-right: 16px !important; }
}