@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:slnt,wght@-10,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";

/* node_modules/@superbet-group/web.lib.ui-tokens/iconfonts/sds-iconography.css */
@font-face {
  font-family: "sds-iconography";
  src:
    url("./media/sds-iconography-KBCYL7TA.eot?abd9faf2a92c8f993ce0ee7f6e0a4f9a#iefix") format("embedded-opentype"),
    url("./media/sds-iconography-QMSSZEYZ.woff2?abd9faf2a92c8f993ce0ee7f6e0a4f9a") format("woff2"),
    url("./media/sds-iconography-S7VWOKG5.woff?abd9faf2a92c8f993ce0ee7f6e0a4f9a") format("woff");
}
i[class^=sds-icon-]:before,
i[class*=" sds-icon-"]:before {
  font-family: sds-iconography !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sds-icon-toggle-thumbs-neutral-filled:before {
  content: "\f101";
}
.sds-icon-toggle-thumbs-neutral:before {
  content: "\f102";
}
.sds-icon-action-scan-qr:before {
  content: "\f103";
}
.sds-icon-actions-attach:before {
  content: "\f104";
}
.sds-icon-actions-bookmark:before {
  content: "\f105";
}
.sds-icon-actions-copy:before {
  content: "\f106";
}
.sds-icon-actions-delete:before {
  content: "\f107";
}
.sds-icon-actions-download:before {
  content: "\f108";
}
.sds-icon-actions-drag-horizontal:before {
  content: "\f109";
}
.sds-icon-actions-drag-reorder:before {
  content: "\f10a";
}
.sds-icon-actions-drag:before {
  content: "\f10b";
}
.sds-icon-actions-edit-alt:before {
  content: "\f10c";
}
.sds-icon-actions-edit:before {
  content: "\f10d";
}
.sds-icon-actions-filter:before {
  content: "\f10e";
}
.sds-icon-actions-flag:before {
  content: "\f10f";
}
.sds-icon-actions-forward-filled:before {
  content: "\f110";
}
.sds-icon-actions-forward:before {
  content: "\f111";
}
.sds-icon-actions-link-alt:before {
  content: "\f112";
}
.sds-icon-actions-link:before {
  content: "\f113";
}
.sds-icon-actions-login:before {
  content: "\f114";
}
.sds-icon-actions-logout-alt:before {
  content: "\f115";
}
.sds-icon-actions-logout-auto:before {
  content: "\f116";
}
.sds-icon-actions-logout:before {
  content: "\f117";
}
.sds-icon-actions-pin-filled:before {
  content: "\f118";
}
.sds-icon-actions-pin:before {
  content: "\f119";
}
.sds-icon-actions-placeholder:before {
  content: "\f11a";
}
.sds-icon-actions-print:before {
  content: "\f11b";
}
.sds-icon-actions-reply:before {
  content: "\f11c";
}
.sds-icon-actions-scan-qr:before {
  content: "\f11d";
}
.sds-icon-actions-scan:before {
  content: "\f11e";
}
.sds-icon-actions-send-alt:before {
  content: "\f11f";
}
.sds-icon-actions-send-filled:before {
  content: "\f120";
}
.sds-icon-actions-send:before {
  content: "\f121";
}
.sds-icon-actions-share-android:before {
  content: "\f122";
}
.sds-icon-actions-share:before {
  content: "\f123";
}
.sds-icon-actions-shuffle:before {
  content: "\f124";
}
.sds-icon-actions-sort-alphabet:before {
  content: "\f125";
}
.sds-icon-actions-sort-ascending:before {
  content: "\f126";
}
.sds-icon-actions-sort-descending:before {
  content: "\f127";
}
.sds-icon-actions-test-icon:before {
  content: "\f128";
}
.sds-icon-actions-ticket-attach:before {
  content: "\f129";
}
.sds-icon-commerce-bank-card:before {
  content: "\f12a";
}
.sds-icon-commerce-bank-transfer:before {
  content: "\f12b";
}
.sds-icon-commerce-bonus:before {
  content: "\f12c";
}
.sds-icon-commerce-cash-alt:before {
  content: "\f12d";
}
.sds-icon-commerce-cash-bag:before {
  content: "\f12e";
}
.sds-icon-commerce-cash:before {
  content: "\f12f";
}
.sds-icon-commerce-coins:before {
  content: "\f130";
}
.sds-icon-commerce-coupon:before {
  content: "\f131";
}
.sds-icon-commerce-deposit-alt:before {
  content: "\f132";
}
.sds-icon-commerce-deposit-limit:before {
  content: "\f133";
}
.sds-icon-commerce-deposit:before {
  content: "\f134";
}
.sds-icon-commerce-gift-filled:before {
  content: "\f135";
}
.sds-icon-commerce-gift:before {
  content: "\f136";
}
.sds-icon-commerce-great-deal:before {
  content: "\f137";
}
.sds-icon-commerce-jackpot:before {
  content: "\f138";
}
.sds-icon-commerce-payment-summary:before {
  content: "\f139";
}
.sds-icon-commerce-paysafe:before {
  content: "\f13a";
}
.sds-icon-commerce-payspot:before {
  content: "\f13b";
}
.sds-icon-commerce-price-tag:before {
  content: "\f13c";
}
.sds-icon-commerce-promotions:before {
  content: "\f13d";
}
.sds-icon-commerce-shop:before {
  content: "\f13e";
}
.sds-icon-commerce-specials-filled:before {
  content: "\f13f";
}
.sds-icon-commerce-specials:before {
  content: "\f140";
}
.sds-icon-commerce-ticket-add:before {
  content: "\f141";
}
.sds-icon-commerce-ticket-filled:before {
  content: "\f142";
}
.sds-icon-commerce-ticket-number:before {
  content: "\f143";
}
.sds-icon-commerce-ticket:before {
  content: "\f144";
}
.sds-icon-commerce-toppay:before {
  content: "\f145";
}
.sds-icon-commerce-transactions-alt:before {
  content: "\f146";
}
.sds-icon-commerce-transactions:before {
  content: "\f147";
}
.sds-icon-commerce-wallet:before {
  content: "\f148";
}
.sds-icon-commerce-withdraw:before {
  content: "\f149";
}
.sds-icon-data-book:before {
  content: "\f14a";
}
.sds-icon-data-business:before {
  content: "\f14b";
}
.sds-icon-data-chart:before {
  content: "\f14c";
}
.sds-icon-data-cookie:before {
  content: "\f14d";
}
.sds-icon-data-file:before {
  content: "\f14e";
}
.sds-icon-data-folder:before {
  content: "\f14f";
}
.sds-icon-data-graph:before {
  content: "\f150";
}
.sds-icon-data-privacy-filled:before {
  content: "\f151";
}
.sds-icon-data-privacy:before {
  content: "\f152";
}
.sds-icon-data-protection-filled:before {
  content: "\f153";
}
.sds-icon-data-protection:before {
  content: "\f154";
}
.sds-icon-data-safety:before {
  content: "\f155";
}
.sds-icon-data-security:before {
  content: "\f156";
}
.sds-icon-data-sticky-note:before {
  content: "\f157";
}
.sds-icon-data-translation:before {
  content: "\f158";
}
.sds-icon-games-advent-calendar:before {
  content: "\f159";
}
.sds-icon-games-arrow-right-filled:before {
  content: "\f15a";
}
.sds-icon-games-aviator:before {
  content: "\f15b";
}
.sds-icon-games-balloon:before {
  content: "\f15c";
}
.sds-icon-games-bingo:before {
  content: "\f15d";
}
.sds-icon-games-blast-beachball:before {
  content: "\f15e";
}
.sds-icon-games-blast:before {
  content: "\f15f";
}
.sds-icon-games-bomb:before {
  content: "\f160";
}
.sds-icon-games-boom-city-alt-2:before {
  content: "\f161";
}
.sds-icon-games-boom-city-alt:before {
  content: "\f162";
}
.sds-icon-games-boom-city:before {
  content: "\f163";
}
.sds-icon-games-boom-or-bust:before {
  content: "\f164";
}
.sds-icon-games-bubble:before {
  content: "\f165";
}
.sds-icon-games-candy:before {
  content: "\f166";
}
.sds-icon-games-casino-coin:before {
  content: "\f167";
}
.sds-icon-games-celebration:before {
  content: "\f168";
}
.sds-icon-games-club-filled:before {
  content: "\f169";
}
.sds-icon-games-crown-alt-filled:before {
  content: "\f16a";
}
.sds-icon-games-crown-alt:before {
  content: "\f16b";
}
.sds-icon-games-crown:before {
  content: "\f16c";
}
.sds-icon-games-diamond-filled:before {
  content: "\f16d";
}
.sds-icon-games-dice-duel:before {
  content: "\f16e";
}
.sds-icon-games-duel:before {
  content: "\f16f";
}
.sds-icon-games-gambling:before {
  content: "\f170";
}
.sds-icon-games-games-raffle:before {
  content: "\f171";
}
.sds-icon-games-games:before {
  content: "\f172";
}
.sds-icon-games-halloween:before {
  content: "\f173";
}
.sds-icon-games-happy-hour:before {
  content: "\f174";
}
.sds-icon-games-heavy-weight:before {
  content: "\f175";
}
.sds-icon-games-horse:before {
  content: "\f176";
}
.sds-icon-games-jackpot-hub:before {
  content: "\f177";
}
.sds-icon-games-live-casino:before {
  content: "\f178";
}
.sds-icon-games-lotto:before {
  content: "\f179";
}
.sds-icon-games-lucky-drop:before {
  content: "\f17a";
}
.sds-icon-games-megaways:before {
  content: "\f17b";
}
.sds-icon-games-racing-flag:before {
  content: "\f17c";
}
.sds-icon-games-responsible-gambling:before {
  content: "\f17d";
}
.sds-icon-games-retry:before {
  content: "\f17e";
}
.sds-icon-games-roulette-fast:before {
  content: "\f17f";
}
.sds-icon-games-roulette:before {
  content: "\f180";
}
.sds-icon-games-slingo:before {
  content: "\f181";
}
.sds-icon-games-slot:before {
  content: "\f182";
}
.sds-icon-games-spade-filled:before {
  content: "\f183";
}
.sds-icon-games-spade:before {
  content: "\f184";
}
.sds-icon-games-sparks:before {
  content: "\f185";
}
.sds-icon-games-spinner:before {
  content: "\f186";
}
.sds-icon-games-summerbox:before {
  content: "\f187";
}
.sds-icon-games-super-heavy-weight:before {
  content: "\f188";
}
.sds-icon-games-super-six:before {
  content: "\f189";
}
.sds-icon-games-superbox:before {
  content: "\f18a";
}
.sds-icon-games-sweet-bonanza-candy-land-alt:before {
  content: "\f18b";
}
.sds-icon-games-sweet-bonanza-candy-land:before {
  content: "\f18c";
}
.sds-icon-games-sweet:before {
  content: "\f18d";
}
.sds-icon-games-trophy-mid:before {
  content: "\f18e";
}
.sds-icon-games-trophy-small:before {
  content: "\f18f";
}
.sds-icon-games-trophy:before {
  content: "\f190";
}
.sds-icon-games-virtuals-alt:before {
  content: "\f191";
}
.sds-icon-games-virtuals-golden:before {
  content: "\f192";
}
.sds-icon-games-virtuals:before {
  content: "\f193";
}
.sds-icon-human-accessibility:before {
  content: "\f194";
}
.sds-icon-human-age-limit-alt:before {
  content: "\f195";
}
.sds-icon-human-age-limit:before {
  content: "\f196";
}
.sds-icon-human-avatar:before {
  content: "\f197";
}
.sds-icon-human-communities:before {
  content: "\f198";
}
.sds-icon-human-education:before {
  content: "\f199";
}
.sds-icon-human-face-happy-filled:before {
  content: "\f19a";
}
.sds-icon-human-face-happy:before {
  content: "\f19b";
}
.sds-icon-human-face-id:before {
  content: "\f19c";
}
.sds-icon-human-face-neutral-filled:before {
  content: "\f19d";
}
.sds-icon-human-face-neutral:before {
  content: "\f19e";
}
.sds-icon-human-face-sad-filled:before {
  content: "\f19f";
}
.sds-icon-human-face-sad:before {
  content: "\f1a0";
}
.sds-icon-human-group:before {
  content: "\f1a1";
}
.sds-icon-human-hand-alt:before {
  content: "\f1a2";
}
.sds-icon-human-hand:before {
  content: "\f1a3";
}
.sds-icon-human-jersey:before {
  content: "\f1a4";
}
.sds-icon-human-seat:before {
  content: "\f1a5";
}
.sds-icon-human-touch-id:before {
  content: "\f1a6";
}
.sds-icon-human-user-add:before {
  content: "\f1a7";
}
.sds-icon-human-user-id:before {
  content: "\f1a8";
}
.sds-icon-human-user-number:before {
  content: "\f1a9";
}
.sds-icon-human-user-question:before {
  content: "\f1aa";
}
.sds-icon-human-user-remove:before {
  content: "\f1ab";
}
.sds-icon-human-user-search:before {
  content: "\f1ac";
}
.sds-icon-human-user:before {
  content: "\f1ad";
}
.sds-icon-match-events-ace:before {
  content: "\f1ae";
}
.sds-icon-match-events-ball-stolen:before {
  content: "\f1af";
}
.sds-icon-match-events-break-pause:before {
  content: "\f1b0";
}
.sds-icon-match-events-card-alt:before {
  content: "\f1b1";
}
.sds-icon-match-events-card-cancelled:before {
  content: "\f1b2";
}
.sds-icon-match-events-card:before {
  content: "\f1b3";
}
.sds-icon-match-events-clock-sync:before {
  content: "\f1b4";
}
.sds-icon-match-events-corner:before {
  content: "\f1b5";
}
.sds-icon-match-events-fault-double:before {
  content: "\f1b6";
}
.sds-icon-match-events-fault-foot:before {
  content: "\f1b7";
}
.sds-icon-match-events-fault:before {
  content: "\f1b8";
}
.sds-icon-match-events-free-throw-miss:before {
  content: "\f1b9";
}
.sds-icon-match-events-free-throw-score:before {
  content: "\f1ba";
}
.sds-icon-match-events-goal-cancelled:before {
  content: "\f1bb";
}
.sds-icon-match-events-goal:before {
  content: "\f1bc";
}
.sds-icon-match-events-goalkeeper-save:before {
  content: "\f1bd";
}
.sds-icon-match-events-half-time:before {
  content: "\f1be";
}
.sds-icon-match-events-offside:before {
  content: "\f1bf";
}
.sds-icon-match-events-penalty-missed:before {
  content: "\f1c0";
}
.sds-icon-match-events-penalty:before {
  content: "\f1c1";
}
.sds-icon-match-events-puck:before {
  content: "\f1c2";
}
.sds-icon-match-events-quarter:before {
  content: "\f1c3";
}
.sds-icon-match-events-rebound:before {
  content: "\f1c4";
}
.sds-icon-match-events-replay:before {
  content: "\f1c5";
}
.sds-icon-match-events-score-three-points:before {
  content: "\f1c6";
}
.sds-icon-match-events-score-two-points:before {
  content: "\f1c7";
}
.sds-icon-match-events-score:before {
  content: "\f1c8";
}
.sds-icon-match-events-set:before {
  content: "\f1c9";
}
.sds-icon-match-events-shot-blocked:before {
  content: "\f1ca";
}
.sds-icon-match-events-shot-off-target:before {
  content: "\f1cb";
}
.sds-icon-match-events-shot-on-target:before {
  content: "\f1cc";
}
.sds-icon-match-events-shot-penalty:before {
  content: "\f1cd";
}
.sds-icon-match-events-shot-stickman:before {
  content: "\f1ce";
}
.sds-icon-match-events-soccer-card-yellow-red:before {
  content: "\f1cf";
}
.sds-icon-match-events-substitution:before {
  content: "\f1d0";
}
.sds-icon-match-events-suspension-two-minutes:before {
  content: "\f1d1";
}
.sds-icon-match-events-tennis-court:before {
  content: "\f1d2";
}
.sds-icon-match-events-third:before {
  content: "\f1d3";
}
.sds-icon-match-events-throw-in:before {
  content: "\f1d4";
}
.sds-icon-match-events-tie-break:before {
  content: "\f1d5";
}
.sds-icon-match-events-var-check:before {
  content: "\f1d6";
}
.sds-icon-match-events-whistle:before {
  content: "\f1d7";
}
.sds-icon-media-chat-alt-2:before {
  content: "\f1d8";
}
.sds-icon-media-chat-alt:before {
  content: "\f1d9";
}
.sds-icon-media-chat-multiple-alt:before {
  content: "\f1da";
}
.sds-icon-media-chat-multiple:before {
  content: "\f1db";
}
.sds-icon-media-chat:before {
  content: "\f1dc";
}
.sds-icon-media-gif:before {
  content: "\f1dd";
}
.sds-icon-media-mentions:before {
  content: "\f1de";
}
.sds-icon-media-news:before {
  content: "\f1df";
}
.sds-icon-media-quote-filled:before {
  content: "\f1e0";
}
.sds-icon-misc-facebook:before {
  content: "\f1e1";
}
.sds-icon-misc-image-filled:before {
  content: "\f1e2";
}
.sds-icon-misc-image:before {
  content: "\f1e3";
}
.sds-icon-misc-instagram:before {
  content: "\f1e4";
}
.sds-icon-misc-layout:before {
  content: "\f1e5";
}
.sds-icon-misc-napoleon-logo-alt:before {
  content: "\f1e6";
}
.sds-icon-misc-napoleon-logo:before {
  content: "\f1e7";
}
.sds-icon-misc-superbet-logo:before {
  content: "\f1e8";
}
.sds-icon-misc-tab:before {
  content: "\f1e9";
}
.sds-icon-misc-tik-tok:before {
  content: "\f1ea";
}
.sds-icon-misc-viber:before {
  content: "\f1eb";
}
.sds-icon-misc-whatsapp:before {
  content: "\f1ec";
}
.sds-icon-misc-x:before {
  content: "\f1ed";
}
.sds-icon-misc-you-tube:before {
  content: "\f1ee";
}
.sds-icon-navigation-add-alt-filled:before {
  content: "\f1ef";
}
.sds-icon-navigation-add-alt:before {
  content: "\f1f0";
}
.sds-icon-navigation-add:before {
  content: "\f1f1";
}
.sds-icon-navigation-caret-down:before {
  content: "\f1f2";
}
.sds-icon-navigation-caret-up:before {
  content: "\f1f3";
}
.sds-icon-navigation-chevron-down-small:before {
  content: "\f1f4";
}
.sds-icon-navigation-chevron-down:before {
  content: "\f1f5";
}
.sds-icon-navigation-chevron-left-small:before {
  content: "\f1f6";
}
.sds-icon-navigation-chevron-left:before {
  content: "\f1f7";
}
.sds-icon-navigation-chevron-right-small:before {
  content: "\f1f8";
}
.sds-icon-navigation-chevron-right:before {
  content: "\f1f9";
}
.sds-icon-navigation-chevron-up-small:before {
  content: "\f1fa";
}
.sds-icon-navigation-chevron-up:before {
  content: "\f1fb";
}
.sds-icon-navigation-close-alt-filled:before {
  content: "\f1fc";
}
.sds-icon-navigation-close-alt:before {
  content: "\f1fd";
}
.sds-icon-navigation-close-small:before {
  content: "\f1fe";
}
.sds-icon-navigation-close:before {
  content: "\f1ff";
}
.sds-icon-navigation-dot:before {
  content: "\f200";
}
.sds-icon-navigation-dots-horizontal:before {
  content: "\f201";
}
.sds-icon-navigation-dots-vertical:before {
  content: "\f202";
}
.sds-icon-navigation-explore:before {
  content: "\f203";
}
.sds-icon-navigation-favorite-menu:before {
  content: "\f204";
}
.sds-icon-navigation-home:before {
  content: "\f205";
}
.sds-icon-navigation-menu:before {
  content: "\f206";
}
.sds-icon-navigation-search:before {
  content: "\f207";
}
.sds-icon-navigation-settings-alt:before {
  content: "\f208";
}
.sds-icon-navigation-settings:before {
  content: "\f209";
}
.sds-icon-navigation-subtract-alt-filled:before {
  content: "\f20a";
}
.sds-icon-navigation-subtract:before {
  content: "\f20b";
}
.sds-icon-sports-afl:before {
  content: "\f20c";
}
.sds-icon-sports-american-football:before {
  content: "\f20d";
}
.sds-icon-sports-aquatics:before {
  content: "\f20e";
}
.sds-icon-sports-archery:before {
  content: "\f20f";
}
.sds-icon-sports-arena-of-valor-2:before {
  content: "\f210";
}
.sds-icon-sports-assist-alt:before {
  content: "\f211";
}
.sds-icon-sports-assist:before {
  content: "\f212";
}
.sds-icon-sports-athletics:before {
  content: "\f213";
}
.sds-icon-sports-australian-open:before {
  content: "\f214";
}
.sds-icon-sports-badminton:before {
  content: "\f215";
}
.sds-icon-sports-bandy:before {
  content: "\f216";
}
.sds-icon-sports-baseball:before {
  content: "\f217";
}
.sds-icon-sports-basketball-3-v-3:before {
  content: "\f218";
}
.sds-icon-sports-basketball:before {
  content: "\f219";
}
.sds-icon-sports-beach-handball:before {
  content: "\f21a";
}
.sds-icon-sports-beach-soccer:before {
  content: "\f21b";
}
.sds-icon-sports-bench:before {
  content: "\f21c";
}
.sds-icon-sports-bocce:before {
  content: "\f21d";
}
.sds-icon-sports-boxing:before {
  content: "\f21e";
}
.sds-icon-sports-breakdance:before {
  content: "\f21f";
}
.sds-icon-sports-canoeing:before {
  content: "\f220";
}
.sds-icon-sports-chess:before {
  content: "\f221";
}
.sds-icon-sports-climbing:before {
  content: "\f222";
}
.sds-icon-sports-cod:before {
  content: "\f223";
}
.sds-icon-sports-copa-america-filled:before {
  content: "\f224";
}
.sds-icon-sports-copa-america:before {
  content: "\f225";
}
.sds-icon-sports-counter-strike:before {
  content: "\f226";
}
.sds-icon-sports-cricket:before {
  content: "\f227";
}
.sds-icon-sports-cup:before {
  content: "\f228";
}
.sds-icon-sports-curling:before {
  content: "\f229";
}
.sds-icon-sports-cycling:before {
  content: "\f22a";
}
.sds-icon-sports-darts:before {
  content: "\f22b";
}
.sds-icon-sports-dota:before {
  content: "\f22c";
}
.sds-icon-sports-entertainment:before {
  content: "\f22d";
}
.sds-icon-sports-esports-filled:before {
  content: "\f22e";
}
.sds-icon-sports-esports:before {
  content: "\f22f";
}
.sds-icon-sports-euro-2024-filled:before {
  content: "\f230";
}
.sds-icon-sports-euro-2024:before {
  content: "\f231";
}
.sds-icon-sports-fencing:before {
  content: "\f232";
}
.sds-icon-sports-field-hockey:before {
  content: "\f233";
}
.sds-icon-sports-fifa:before {
  content: "\f234";
}
.sds-icon-sports-floorball:before {
  content: "\f235";
}
.sds-icon-sports-formula-1:before {
  content: "\f236";
}
.sds-icon-sports-fortnite:before {
  content: "\f237";
}
.sds-icon-sports-futsal:before {
  content: "\f238";
}
.sds-icon-sports-gaelic-football:before {
  content: "\f239";
}
.sds-icon-sports-gaelic-hurling:before {
  content: "\f23a";
}
.sds-icon-sports-goalkeeper-stickman:before {
  content: "\f23b";
}
.sds-icon-sports-golf:before {
  content: "\f23c";
}
.sds-icon-sports-gymnastics:before {
  content: "\f23d";
}
.sds-icon-sports-handball:before {
  content: "\f23e";
}
.sds-icon-sports-hockey:before {
  content: "\f23f";
}
.sds-icon-sports-injury:before {
  content: "\f240";
}
.sds-icon-sports-judo:before {
  content: "\f241";
}
.sds-icon-sports-kings-league:before {
  content: "\f242";
}
.sds-icon-sports-kings-of-glory:before {
  content: "\f243";
}
.sds-icon-sports-lacrosse:before {
  content: "\f244";
}
.sds-icon-sports-league-of-legends:before {
  content: "\f245";
}
.sds-icon-sports-line-up-unknown:before {
  content: "\f246";
}
.sds-icon-sports-line-up:before {
  content: "\f247";
}
.sds-icon-sports-lineup-unknown:before {
  content: "\f248";
}
.sds-icon-sports-lineup:before {
  content: "\f249";
}
.sds-icon-sports-motorcycle-racing:before {
  content: "\f24a";
}
.sds-icon-sports-nba-2-k:before {
  content: "\f24b";
}
.sds-icon-sports-netball:before {
  content: "\f24c";
}
.sds-icon-sports-not-in-lineup:before {
  content: "\f24d";
}
.sds-icon-sports-olympics-alt:before {
  content: "\f24e";
}
.sds-icon-sports-olympics:before {
  content: "\f24f";
}
.sds-icon-sports-overwatch:before {
  content: "\f250";
}
.sds-icon-sports-pentathlon:before {
  content: "\f251";
}
.sds-icon-sports-pesepallo:before {
  content: "\f252";
}
.sds-icon-sports-politics:before {
  content: "\f253";
}
.sds-icon-sports-rainbow-six:before {
  content: "\f254";
}
.sds-icon-sports-rocket-league:before {
  content: "\f255";
}
.sds-icon-sports-rowing:before {
  content: "\f256";
}
.sds-icon-sports-rugby:before {
  content: "\f257";
}
.sds-icon-sports-sailing:before {
  content: "\f258";
}
.sds-icon-sports-shooting:before {
  content: "\f259";
}
.sds-icon-sports-skateboarding:before {
  content: "\f25a";
}
.sds-icon-sports-ski-jumping:before {
  content: "\f25b";
}
.sds-icon-sports-smite:before {
  content: "\f25c";
}
.sds-icon-sports-snooker:before {
  content: "\f25d";
}
.sds-icon-sports-soccer-stickman:before {
  content: "\f25e";
}
.sds-icon-sports-soccer:before {
  content: "\f25f";
}
.sds-icon-sports-speedway:before {
  content: "\f260";
}
.sds-icon-sports-sports-stickman:before {
  content: "\f261";
}
.sds-icon-sports-squash:before {
  content: "\f262";
}
.sds-icon-sports-stadium:before {
  content: "\f263";
}
.sds-icon-sports-starcraft-2:before {
  content: "\f264";
}
.sds-icon-sports-starcraft:before {
  content: "\f265";
}
.sds-icon-sports-surfing:before {
  content: "\f266";
}
.sds-icon-sports-swimming:before {
  content: "\f267";
}
.sds-icon-sports-table-tennis:before {
  content: "\f268";
}
.sds-icon-sports-taekwondo:before {
  content: "\f269";
}
.sds-icon-sports-tennis-crest:before {
  content: "\f26a";
}
.sds-icon-sports-tennis:before {
  content: "\f26b";
}
.sds-icon-sports-triathlon:before {
  content: "\f26c";
}
.sds-icon-sports-ufc:before {
  content: "\f26d";
}
.sds-icon-sports-valorant:before {
  content: "\f26e";
}
.sds-icon-sports-volleyball-beach:before {
  content: "\f26f";
}
.sds-icon-sports-volleyball:before {
  content: "\f270";
}
.sds-icon-sports-waterpolo:before {
  content: "\f271";
}
.sds-icon-sports-winter-sports:before {
  content: "\f272";
}
.sds-icon-sports-wrestling:before {
  content: "\f273";
}
.sds-icon-status-arrows-down:before {
  content: "\f274";
}
.sds-icon-status-arrows-up:before {
  content: "\f275";
}
.sds-icon-status-cash-out-filled:before {
  content: "\f276";
}
.sds-icon-status-checkmark-alt-filled:before {
  content: "\f277";
}
.sds-icon-status-checkmark-alt:before {
  content: "\f278";
}
.sds-icon-status-checkmark-empty:before {
  content: "\f279";
}
.sds-icon-status-checkmark-pending:before {
  content: "\f27a";
}
.sds-icon-status-checkmark-small:before {
  content: "\f27b";
}
.sds-icon-status-checkmark:before {
  content: "\f27c";
}
.sds-icon-status-danger-filled:before {
  content: "\f27d";
}
.sds-icon-status-danger-small:before {
  content: "\f27e";
}
.sds-icon-status-danger:before {
  content: "\f27f";
}
.sds-icon-status-disabled:before {
  content: "\f280";
}
.sds-icon-status-help-filled:before {
  content: "\f281";
}
.sds-icon-status-help-small-filled:before {
  content: "\f282";
}
.sds-icon-status-help-small:before {
  content: "\f283";
}
.sds-icon-status-help:before {
  content: "\f284";
}
.sds-icon-status-hot-filled:before {
  content: "\f285";
}
.sds-icon-status-hot:before {
  content: "\f286";
}
.sds-icon-status-info-filled:before {
  content: "\f287";
}
.sds-icon-status-info-small:before {
  content: "\f288";
}
.sds-icon-status-info:before {
  content: "\f289";
}
.sds-icon-status-pause:before {
  content: "\f28a";
}
.sds-icon-status-paused-alt:before {
  content: "\f28b";
}
.sds-icon-status-paused:before {
  content: "\f28c";
}
.sds-icon-status-play-alt:before {
  content: "\f28d";
}
.sds-icon-status-play:before {
  content: "\f28e";
}
.sds-icon-status-radio-filled:before {
  content: "\f28f";
}
.sds-icon-status-refund-filled:before {
  content: "\f290";
}
.sds-icon-status-search-history:before {
  content: "\f291";
}
.sds-icon-status-ticket-shared:before {
  content: "\f292";
}
.sds-icon-status-verified-filled:before {
  content: "\f293";
}
.sds-icon-status-verified:before {
  content: "\f294";
}
.sds-icon-status-warning-filled:before {
  content: "\f295";
}
.sds-icon-status-warning-small:before {
  content: "\f296";
}
.sds-icon-status-warning:before {
  content: "\f297";
}
.sds-icon-technology-ai-assistant:before {
  content: "\f298";
}
.sds-icon-technology-at:before {
  content: "\f299";
}
.sds-icon-technology-betting-terminal:before {
  content: "\f29a";
}
.sds-icon-technology-boombox:before {
  content: "\f29b";
}
.sds-icon-technology-camera:before {
  content: "\f29c";
}
.sds-icon-technology-cash-register:before {
  content: "\f29d";
}
.sds-icon-technology-cloud:before {
  content: "\f29e";
}
.sds-icon-technology-computer:before {
  content: "\f29f";
}
.sds-icon-technology-email:before {
  content: "\f2a0";
}
.sds-icon-technology-gallery:before {
  content: "\f2a1";
}
.sds-icon-technology-headphones:before {
  content: "\f2a2";
}
.sds-icon-technology-keyboard:before {
  content: "\f2a3";
}
.sds-icon-technology-layout:before {
  content: "\f2a4";
}
.sds-icon-technology-microphone:before {
  content: "\f2a5";
}
.sds-icon-technology-mobile-phone:before {
  content: "\f2a6";
}
.sds-icon-technology-password:before {
  content: "\f2a7";
}
.sds-icon-technology-phone-number-verfication:before {
  content: "\f2a8";
}
.sds-icon-technology-phone:before {
  content: "\f2a9";
}
.sds-icon-technology-recycle:before {
  content: "\f2aa";
}
.sds-icon-technology-tab:before {
  content: "\f2ab";
}
.sds-icon-technology-theme:before {
  content: "\f2ac";
}
.sds-icon-technology-tv:before {
  content: "\f2ad";
}
.sds-icon-time-arrow-clockwise-alt:before {
  content: "\f2ae";
}
.sds-icon-time-arrow-clockwise:before {
  content: "\f2af";
}
.sds-icon-time-arrow-counterclockwise-alt:before {
  content: "\f2b0";
}
.sds-icon-time-arrow-counterclockwise:before {
  content: "\f2b1";
}
.sds-icon-time-calendar:before {
  content: "\f2b2";
}
.sds-icon-time-history:before {
  content: "\f2b3";
}
.sds-icon-time-live-alt-filled:before {
  content: "\f2b4";
}
.sds-icon-time-live-alt:before {
  content: "\f2b5";
}
.sds-icon-time-live:before {
  content: "\f2b6";
}
.sds-icon-time-sand-clock:before {
  content: "\f2b7";
}
.sds-icon-time-stopwatch:before {
  content: "\f2b8";
}
.sds-icon-time-time:before {
  content: "\f2b9";
}
.sds-icon-time-timeout:before {
  content: "\f2ba";
}
.sds-icon-toggle-audio-filled:before {
  content: "\f2bb";
}
.sds-icon-toggle-audio-off:before {
  content: "\f2bc";
}
.sds-icon-toggle-audio:before {
  content: "\f2bd";
}
.sds-icon-toggle-checkbox-checked-filled:before {
  content: "\f2be";
}
.sds-icon-toggle-checkbox-checked:before {
  content: "\f2bf";
}
.sds-icon-toggle-checkbox-indeterminate-filled:before {
  content: "\f2c0";
}
.sds-icon-toggle-checkbox-indeterminate:before {
  content: "\f2c1";
}
.sds-icon-toggle-checkbox:before {
  content: "\f2c2";
}
.sds-icon-toggle-collapse:before {
  content: "\f2c3";
}
.sds-icon-toggle-expand:before {
  content: "\f2c4";
}
.sds-icon-toggle-favorite-filled:before {
  content: "\f2c5";
}
.sds-icon-toggle-favorite-half:before {
  content: "\f2c6";
}
.sds-icon-toggle-favorite:before {
  content: "\f2c7";
}
.sds-icon-toggle-flash-auto:before {
  content: "\f2c8";
}
.sds-icon-toggle-flash-filled:before {
  content: "\f2c9";
}
.sds-icon-toggle-flash-off:before {
  content: "\f2ca";
}
.sds-icon-toggle-flash:before {
  content: "\f2cb";
}
.sds-icon-toggle-heart-filled:before {
  content: "\f2cc";
}
.sds-icon-toggle-heart:before {
  content: "\f2cd";
}
.sds-icon-toggle-lock:before {
  content: "\f2ce";
}
.sds-icon-toggle-maximize-alt:before {
  content: "\f2cf";
}
.sds-icon-toggle-maximize:before {
  content: "\f2d0";
}
.sds-icon-toggle-minimize:before {
  content: "\f2d1";
}
.sds-icon-toggle-notification-filled:before {
  content: "\f2d2";
}
.sds-icon-toggle-notification-off:before {
  content: "\f2d3";
}
.sds-icon-toggle-notification:before {
  content: "\f2d4";
}
.sds-icon-toggle-redo:before {
  content: "\f2d5";
}
.sds-icon-toggle-soccer-field-filled:before {
  content: "\f2d6";
}
.sds-icon-toggle-soccer-field:before {
  content: "\f2d7";
}
.sds-icon-toggle-stats-filled:before {
  content: "\f2d8";
}
.sds-icon-toggle-stats:before {
  content: "\f2d9";
}
.sds-icon-toggle-theme-dark:before {
  content: "\f2da";
}
.sds-icon-toggle-theme-light:before {
  content: "\f2db";
}
.sds-icon-toggle-theme-system:before {
  content: "\f2dc";
}
.sds-icon-toggle-thumbs-down-filled:before {
  content: "\f2dd";
}
.sds-icon-toggle-thumbs-down:before {
  content: "\f2de";
}
.sds-icon-toggle-thumbs-up-filled:before {
  content: "\f2df";
}
.sds-icon-toggle-thumbs-up:before {
  content: "\f2e0";
}
.sds-icon-toggle-undo:before {
  content: "\f2e1";
}
.sds-icon-toggle-unlock:before {
  content: "\f2e2";
}
.sds-icon-toggle-video-filled:before {
  content: "\f2e3";
}
.sds-icon-toggle-video:before {
  content: "\f2e4";
}
.sds-icon-toggle-view-off:before {
  content: "\f2e5";
}
.sds-icon-toggle-view:before {
  content: "\f2e6";
}
.sds-icon-travel-compass:before {
  content: "\f2e7";
}
.sds-icon-travel-directions:before {
  content: "\f2e8";
}
.sds-icon-travel-location:before {
  content: "\f2e9";
}
.sds-icon-travel-plane:before {
  content: "\f2ea";
}
.sds-icon-travel-road:before {
  content: "\f2eb";
}
.sds-icon-travel-world-alt:before {
  content: "\f2ec";
}
.sds-icon-travel-world:before {
  content: "\f2ed";
}

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#3f51b5;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ff4081;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color:whitesmoke;
  --mdc-filled-text-field-disabled-container-color:#fafafa;
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:#e0e0e0;
  --mdc-chip-elevated-selected-container-color:#e0e0e0;
  --mdc-chip-elevated-disabled-container-color:#e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color:#e0e0e0;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
  --mat-slider-ripple-color:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-base-elevation-level:8;
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#3f51b5;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ff4081;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#3f51b5;
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ff4081;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#3f51b5;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ff4081;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
  --mdc-filled-button-container-height:36px;
  --mdc-protected-button-container-height:36px;
  --mdc-outlined-button-container-height:36px;
  --mat-text-button-touch-target-display:block;
  --mat-filled-button-touch-target-display:block;
  --mat-protected-button-touch-target-display:block;
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#3f51b5;
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color:white;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#3f51b5;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ff4081;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#3f51b5;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ff4081;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color:#ff4081;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:#e0e0e0;
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:#757575;
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/@superbet-group/web.lib.ui-tokens/output/styles/brand.css */
:root {
  --brand-dark-assets-alt-base: var(--dark-magenta-400);
  --brand-dark-assets-alt-level--1: var(--dark-magenta-500);
  --brand-dark-assets-alt-level--2: var(--dark-magenta-600);
  --brand-dark-assets-alt-level--3: var(--dark-magenta-700);
  --brand-dark-assets-alt-level-1: var(--dark-magenta-500);
  --brand-dark-assets-alt-level-2: var(--dark-magenta-300);
  --brand-dark-assets-alt-level-3: var(--dark-magenta-100);
  --brand-dark-assets-always-gaming-base: var(--dark-magenta-400);
  --brand-dark-assets-always-gaming-level--1: var(--dark-magenta-500);
  --brand-dark-assets-always-gaming-level--2: var(--dark-magenta-600);
  --brand-dark-assets-always-gaming-level--3: var(--dark-magenta-700);
  --brand-dark-assets-always-gaming-level-1: var(--dark-magenta-300);
  --brand-dark-assets-always-gaming-level-2: var(--dark-magenta-200);
  --brand-dark-assets-always-gaming-level-3: var(--dark-magenta-100);
  --brand-dark-assets-base: var(--dark-red-400);
  --brand-dark-assets-level---1: var(--dark-red-500);
  --brand-dark-assets-level---2: var(--dark-red-600);
  --brand-dark-assets-level-1: var(--dark-red-400);
  --brand-dark-bg-alt-disabled: var(--dark-magenta-alpha-40);
  --brand-dark-bg-alt-elevation-secondary: var(--dark-magenta-700);
  --brand-dark-bg-alt-elevation: var(--dark-magenta-alpha-16);
  --brand-dark-bg-alt-hover: var(--dark-magenta-400);
  --brand-dark-bg-alt-pressed: var(--dark-magenta-600);
  --brand-dark-bg-alt: var(--dark-magenta-500);
  --brand-dark-bg-always-gaming-primary: var(--dark-magenta-500);
  --brand-dark-bg-always-sport-primary: var(--dark-red-400);
  --brand-dark-bg-disabled: var(--dark-red-alpha-40);
  --brand-dark-bg-elevation-secondary: var(--dark-red-700);
  --brand-dark-bg-elevation: var(--dark-red-alpha-16);
  --brand-dark-bg-primary-darkened: var(--dark-red-800);
  --brand-dark-bg-primary-hover: var(--dark-red-350);
  --brand-dark-bg-primary-pressed: var(--dark-red-500);
  --brand-dark-bg-primary: var(--dark-red-400);
  --brand-dark-border-alt-secondary: var(--dark-magenta-alpha-24);
  --brand-dark-border-alt: var(--dark-magenta-350);
  --brand-dark-border-primary: var(--dark-red-350);
  --brand-dark-border-secondary: var(--dark-red-alpha-24);
  --brand-dark-component-global-header-bg-body-web: rgba(65, 0, 1, 0.56);
  --brand-dark-gradient-body-transparent: rgba(7, 7, 8, 0.00);
  --brand-dark-gradient-component-feature-display-start-color: var(--light-red-850);
  --brand-dark-gradient-component-fixers-above-global-header-end-color: rgb(57, 1, 2);
  --brand-dark-gradient-component-fixers-above-global-header-start-color: rgb(65, 1, 1);
  --brand-dark-gradient-component-fixers-page-header-start-color: rgb(24, 5, 6);
  --brand-dark-gradient-component-fixers-side-bar-start-color: rgb(12, 7, 8);
  --brand-dark-gradient-component-global-header-start-color: var(--light-red-925);
  --brand-dark-gradient-component-sidebar-active-hover-start-color: var(--dark-red-alpha-32);
  --brand-dark-gradient-component-sidebar-active-start-color: var(--dark-red-alpha-24);
  --brand-dark-gradient-layer-1-transparent: rgba(24, 26, 27, 0.00);
  --brand-dark-gradient-system-brand-end-color: var(--light-red-900);
  --brand-dark-gradient-system-brand-start-color: var(--light-red-800);
  --brand-dark-graphics-alt-on-white: var(--dark-magenta-500);
  --brand-dark-graphics-alt-secondary: var(--dark-magenta-200);
  --brand-dark-graphics-alt: var(--dark-magenta-300);
  --brand-dark-graphics-primary-on-white: var(--dark-red-400);
  --brand-dark-graphics-primary: var(--dark-red-300);
  --brand-dark-graphics-secondary: var(--dark-red-200);
  --brand-dark-neutrals-100: var(--dark-grey-100);
  --brand-dark-neutrals-200: var(--dark-grey-200);
  --brand-dark-neutrals-25: var(--dark-grey-25);
  --brand-dark-neutrals-300: var(--dark-grey-300);
  --brand-dark-neutrals-350: var(--dark-grey-350);
  --brand-dark-neutrals-400: var(--dark-grey-400);
  --brand-dark-neutrals-450: var(--dark-grey-450);
  --brand-dark-neutrals-500: var(--dark-grey-500);
  --brand-dark-neutrals-50: var(--dark-grey-50);
  --brand-dark-neutrals-600: var(--dark-grey-600);
  --brand-dark-neutrals-700: var(--dark-grey-700);
  --brand-dark-neutrals-750: var(--dark-grey-750);
  --brand-dark-neutrals-800: var(--dark-grey-800);
  --brand-dark-neutrals-900: var(--dark-grey-900);
  --brand-dark-neutrals-950: var(--dark-grey-950);
  --brand-dark-neutrals-alpha-12: var(--dark-grey-alpha-12);
  --brand-dark-neutrals-alpha-16: var(--dark-grey-alpha-16);
  --brand-dark-neutrals-alpha-20: var(--dark-grey-alpha-20);
  --brand-dark-neutrals-alpha-24: var(--dark-grey-alpha-24);
  --brand-dark-neutrals-alpha-32: var(--dark-grey-alpha-32);
  --brand-dark-neutrals-alpha-40: var(--dark-grey-alpha-40);
  --brand-dark-neutrals-alpha-48: var(--dark-grey-alpha-48);
  --brand-dark-neutrals-alpha-4: var(--dark-grey-alpha-4);
  --brand-dark-neutrals-alpha-56: var(--dark-grey-alpha-56);
  --brand-dark-neutrals-alpha-64: var(--dark-grey-alpha-64);
  --brand-dark-neutrals-alpha-72: var(--dark-grey-alpha-72);
  --brand-dark-neutrals-alpha-80: var(--dark-grey-alpha-80);
  --brand-dark-neutrals-alpha-88: var(--dark-grey-alpha-88);
  --brand-dark-neutrals-alpha-8: var(--dark-grey-alpha-8);
  --brand-dark-neutrals-alpha-strong-12: var(--dark-grey-alpha-strong-12);
  --brand-dark-neutrals-alpha-strong-16: var(--dark-grey-alpha-strong-16);
  --brand-dark-neutrals-alpha-strong-20: var(--dark-grey-alpha-strong-20);
  --brand-dark-neutrals-alpha-strong-24: var(--dark-grey-alpha-strong-24);
  --brand-dark-neutrals-alpha-strong-32: var(--dark-grey-alpha-strong-32);
  --brand-dark-neutrals-alpha-strong-40: var(--dark-grey-alpha-strong-40);
  --brand-dark-neutrals-alpha-strong-48: var(--dark-grey-alpha-strong-48);
  --brand-dark-neutrals-alpha-strong-4: var(--dark-grey-alpha-strong-4);
  --brand-dark-neutrals-alpha-strong-56: var(--dark-grey-alpha-strong-56);
  --brand-dark-neutrals-alpha-strong-64: var(--dark-grey-alpha-strong-64);
  --brand-dark-neutrals-alpha-strong-72: var(--dark-grey-alpha-strong-72);
  --brand-dark-neutrals-alpha-strong-80: var(--dark-grey-alpha-strong-80);
  --brand-dark-neutrals-alpha-strong-88: var(--dark-grey-alpha-strong-88);
  --brand-dark-neutrals-alpha-strong-8: var(--dark-grey-alpha-strong-8);
  --brand-dark-text-alt-hover: var(--dark-magenta-300);
  --brand-dark-text-alt-on-white: var(--dark-magenta-500);
  --brand-dark-text-alt-pressed: var(--dark-magenta-200);
  --brand-dark-text-alt-secondary: var(--dark-magenta-100);
  --brand-dark-text-alt-visited-hover: var(--white-alpha-100);
  --brand-dark-text-alt-visited: var(--dark-magenta-100);
  --brand-dark-text-alt: var(--dark-magenta-250);
  --brand-dark-text-primary-hover: var(--dark-red-300);
  --brand-dark-text-primary-inverted: var(--light-red-700);
  --brand-dark-text-primary-on-white: var(--dark-red-400);
  --brand-dark-text-primary-pressed: var(--dark-red-200);
  --brand-dark-text-primary-visited-hover: var(--white-alpha-100);
  --brand-dark-text-primary-visited: var(--dark-red-100);
  --brand-dark-text-primary: var(--dark-red-250);
  --brand-dark-text-secondary: var(--dark-red-100);
  --brand-light-assets-alt-base: var(--light-magenta-700);
  --brand-light-assets-alt-level--1: var(--light-magenta-800);
  --brand-light-assets-alt-level--2: var(--light-magenta-900);
  --brand-light-assets-alt-level--3: var(--light-magenta-950);
  --brand-light-assets-alt-level-1: var(--light-magenta-500);
  --brand-light-assets-alt-level-2: var(--light-magenta-300);
  --brand-light-assets-alt-level-3: var(--light-magenta-100);
  --brand-light-assets-always-gaming-base: var(--light-magenta-700);
  --brand-light-assets-always-gaming-level--1: var(--light-magenta-800);
  --brand-light-assets-always-gaming-level--2: var(--light-magenta-900);
  --brand-light-assets-always-gaming-level--3: var(--light-magenta-950);
  --brand-light-assets-always-gaming-level-1: var(--light-magenta-500);
  --brand-light-assets-always-gaming-level-2: var(--light-magenta-300);
  --brand-light-assets-always-gaming-level-3: var(--light-magenta-100);
  --brand-light-assets-base: var(--light-red-600);
  --brand-light-assets-level---1: var(--light-red-700);
  --brand-light-assets-level---2: var(--light-red-800);
  --brand-light-assets-level-1: var(--light-red-800);
  --brand-light-bg-alt-disabled: var(--light-magenta-alpha-32);
  --brand-light-bg-alt-elevation-secondary: var(--light-magenta-100);
  --brand-light-bg-alt-elevation: var(--light-magenta-50);
  --brand-light-bg-alt-hover: var(--light-magenta-700);
  --brand-light-bg-alt-pressed: var(--light-magenta-600);
  --brand-light-bg-alt: var(--light-magenta-800);
  --brand-light-bg-always-gaming-primary: var(--light-magenta-800);
  --brand-light-bg-always-sport-primary: var(--light-red-600);
  --brand-light-bg-disabled: var(--light-red-alpha-32);
  --brand-light-bg-elevation-secondary: var(--light-red-100);
  --brand-light-bg-elevation: var(--light-red-50);
  --brand-light-bg-primary-darkened: var(--light-red-900);
  --brand-light-bg-primary-hover: var(--light-red-700);
  --brand-light-bg-primary-pressed: var(--light-red-800);
  --brand-light-bg-primary: var(--light-red-600);
  --brand-light-border-alt-secondary: var(--light-magenta-100);
  --brand-light-border-alt: var(--light-magenta-700);
  --brand-light-border-primary: var(--light-red-500);
  --brand-light-border-secondary: var(--light-red-100);
  --brand-light-component-tab-bar-bg-hover: var(--black-alpha-100);
  --brand-light-component-tab-bar-bg-pressed: var(--black-alpha-100);
  --brand-light-gradient-body-transparent: rgba(239, 241, 242, 0.00);
  --brand-light-gradient-component-fixers-above-global-header-end-color: rgb(253, 220, 220);
  --brand-light-gradient-component-fixers-above-global-header-start-color: rgb(255, 217, 217);
  --brand-light-gradient-component-fixers-page-header-start-color: rgb(244, 234, 235);
  --brand-light-gradient-component-fixers-sidebar-start-color: rgb(240, 239, 240);
  --brand-light-gradient-component-top-nav-start-color: var(--light-red-100);
  --brand-light-gradient-layer-1-transparent: rgba(255, 255, 255, 0.00);
  --brand-light-gradient-skeleton: rgba(223, 226, 229, 0.00);
  --brand-light-gradient-system-brand-end-color: var(--light-red-900);
  --brand-light-gradient-system-brand-start-color: var(--light-red-700);
  --brand-light-graphics-alt-secondary: var(--light-magenta-200);
  --brand-light-graphics-alt: var(--light-magenta-800);
  --brand-light-graphics-primary: var(--light-red-600);
  --brand-light-graphics-secondary: var(--light-red-200);
  --brand-light-neutrals-100: var(--light-grey-100);
  --brand-light-neutrals-200: var(--light-grey-200);
  --brand-light-neutrals-250: var(--light-grey-250);
  --brand-light-neutrals-25: var(--light-grey-25);
  --brand-light-neutrals-300: var(--light-grey-300);
  --brand-light-neutrals-400: var(--light-grey-400);
  --brand-light-neutrals-500: var(--light-grey-500);
  --brand-light-neutrals-50: var(--light-grey-50);
  --brand-light-neutrals-550: var(--light-grey-550);
  --brand-light-neutrals-600: var(--light-grey-600);
  --brand-light-neutrals-650: var(--light-grey-650);
  --brand-light-neutrals-700: var(--light-grey-700);
  --brand-light-neutrals-75: var(--light-grey-75);
  --brand-light-neutrals-800: var(--light-grey-800);
  --brand-light-neutrals-900: var(--light-grey-900);
  --brand-light-neutrals-950: var(--light-grey-950);
  --brand-light-neutrals-alpha-12: var(--light-grey-alpha-12);
  --brand-light-neutrals-alpha-16: var(--light-grey-alpha-16);
  --brand-light-neutrals-alpha-20: var(--light-grey-alpha-20);
  --brand-light-neutrals-alpha-24: var(--light-grey-alpha-24);
  --brand-light-neutrals-alpha-32: var(--light-grey-alpha-32);
  --brand-light-neutrals-alpha-40: var(--light-grey-alpha-40);
  --brand-light-neutrals-alpha-48: var(--light-grey-alpha-48);
  --brand-light-neutrals-alpha-4: var(--light-grey-alpha-4);
  --brand-light-neutrals-alpha-56: var(--light-grey-alpha-56);
  --brand-light-neutrals-alpha-64: var(--light-grey-alpha-64);
  --brand-light-neutrals-alpha-72: var(--light-grey-alpha-72);
  --brand-light-neutrals-alpha-80: var(--light-grey-alpha-80);
  --brand-light-neutrals-alpha-88: var(--light-grey-alpha-88);
  --brand-light-neutrals-alpha-8: var(--light-grey-alpha-8);
  --brand-light-neutrals-alpha-strong-12: var(--light-grey-alpha-strong-12);
  --brand-light-neutrals-alpha-strong-16: var(--light-grey-alpha-strong-16);
  --brand-light-neutrals-alpha-strong-20: var(--light-grey-alpha-strong-20);
  --brand-light-neutrals-alpha-strong-24: var(--light-grey-alpha-strong-24);
  --brand-light-neutrals-alpha-strong-32: var(--light-grey-alpha-strong-32);
  --brand-light-neutrals-alpha-strong-40: var(--light-grey-alpha-strong-40);
  --brand-light-neutrals-alpha-strong-48: var(--light-grey-alpha-strong-48);
  --brand-light-neutrals-alpha-strong-4: var(--light-grey-alpha-strong-4);
  --brand-light-neutrals-alpha-strong-56: var(--light-grey-alpha-strong-56);
  --brand-light-neutrals-alpha-strong-64: var(--light-grey-alpha-strong-64);
  --brand-light-neutrals-alpha-strong-72: var(--light-grey-alpha-strong-72);
  --brand-light-neutrals-alpha-strong-80: var(--light-grey-alpha-strong-80);
  --brand-light-neutrals-alpha-strong-88: var(--light-grey-alpha-strong-88);
  --brand-light-neutrals-alpha-strong-8: var(--light-grey-alpha-strong-8);
  --brand-light-text-alt-hover: var(--light-magenta-700);
  --brand-light-text-alt-pressed: var(--light-magenta-600);
  --brand-light-text-alt-secondary: var(--light-magenta-900);
  --brand-light-text-alt-visited-hover: var(--light-magenta-400);
  --brand-light-text-alt-visited: var(--light-magenta-500);
  --brand-light-text-alt: var(--light-magenta-800);
  --brand-light-text-primary-hover: var(--light-red-750);
  --brand-light-text-primary-inverted: var(--dark-red-250);
  --brand-light-text-primary-pressed: var(--light-red-850);
  --brand-light-text-primary-visited-hover: var(--light-red-400);
  --brand-light-text-primary-visited: var(--light-red-500);
  --brand-light-text-primary: var(--light-red-600);
  --brand-light-text-secondary: var(--light-red-900);
}
html[data-brand=superbet-gaming] {
  --brand-dark-assets-alt-base: var(--dark-red-400);
  --brand-dark-assets-alt-level--1: var(--dark-red-500);
  --brand-dark-assets-alt-level--2: var(--dark-red-600);
  --brand-dark-assets-alt-level--3: var(--dark-red-700);
  --brand-dark-assets-alt-level-1: var(--dark-red-400);
  --brand-dark-assets-alt-level-2: var(--dark-red-300);
  --brand-dark-assets-alt-level-3: var(--dark-red-100);
  --brand-dark-assets-always-gaming-base: var(--dark-magenta-400);
  --brand-dark-assets-always-gaming-level--1: var(--dark-magenta-500);
  --brand-dark-assets-always-gaming-level--2: var(--dark-magenta-600);
  --brand-dark-assets-always-gaming-level--3: var(--dark-magenta-700);
  --brand-dark-assets-always-gaming-level-1: var(--dark-magenta-300);
  --brand-dark-assets-always-gaming-level-2: var(--dark-magenta-200);
  --brand-dark-assets-always-gaming-level-3: var(--dark-magenta-100);
  --brand-dark-assets-base: var(--dark-magenta-400);
  --brand-dark-assets-level---1: var(--dark-magenta-500);
  --brand-dark-assets-level---2: var(--dark-magenta-600);
  --brand-dark-assets-level-1: var(--dark-magenta-400);
  --brand-dark-bg-alt-disabled: var(--dark-red-alpha-40);
  --brand-dark-bg-alt-elevation-secondary: var(--dark-red-700);
  --brand-dark-bg-alt-elevation: var(--dark-red-alpha-16);
  --brand-dark-bg-alt-hover: var(--dark-red-350);
  --brand-dark-bg-alt-pressed: var(--dark-red-500);
  --brand-dark-bg-alt: var(--dark-red-400);
  --brand-dark-bg-always-gaming-primary: var(--dark-magenta-500);
  --brand-dark-bg-always-sport-primary: var(--dark-red-400);
  --brand-dark-bg-disabled: var(--dark-magenta-alpha-40);
  --brand-dark-bg-elevation-secondary: var(--dark-magenta-700);
  --brand-dark-bg-elevation: var(--dark-magenta-alpha-16);
  --brand-dark-bg-primary-darkened: var(--dark-magenta-800);
  --brand-dark-bg-primary-hover: var(--dark-magenta-400);
  --brand-dark-bg-primary-pressed: var(--dark-magenta-600);
  --brand-dark-bg-primary: var(--dark-magenta-500);
  --brand-dark-border-alt-secondary: var(--dark-red-alpha-24);
  --brand-dark-border-alt: var(--dark-red-350);
  --brand-dark-border-primary: var(--dark-magenta-350);
  --brand-dark-border-secondary: var(--dark-magenta-alpha-24);
  --brand-dark-component-global-header-bg-body-web: rgba(61, 0, 36, 0.72);
  --brand-dark-gradient-body-transparent: rgba(13, 5, 9, 0.00);
  --brand-dark-gradient-component-feature-display-start-color: var(--light-magenta-850);
  --brand-dark-gradient-component-fixers-above-global-header-end-color: rgb(55, 1, 33);
  --brand-dark-gradient-component-fixers-above-global-header-start-color: rgb(61, 1, 36);
  --brand-dark-gradient-component-fixers-page-header-start-color: rgb(27, 4, 17);
  --brand-dark-gradient-component-fixers-side-bar-start-color: rgb(17, 5, 11);
  --brand-dark-gradient-component-global-header-start-color: var(--light-magenta-925);
  --brand-dark-gradient-component-sidebar-active-hover-start-color: var(--dark-magenta-alpha-32);
  --brand-dark-gradient-component-sidebar-active-start-color: var(--dark-magenta-alpha-24);
  --brand-dark-gradient-layer-1-transparent: rgba(42, 18, 28, 0.00);
  --brand-dark-gradient-system-brand-end-color: var(--light-magenta-900);
  --brand-dark-gradient-system-brand-start-color: var(--light-magenta-800);
  --brand-dark-graphics-alt-on-white: var(--dark-red-400);
  --brand-dark-graphics-alt-secondary: var(--dark-red-200);
  --brand-dark-graphics-alt: var(--dark-red-300);
  --brand-dark-graphics-primary-on-white: var(--dark-magenta-500);
  --brand-dark-graphics-primary: var(--dark-magenta-300);
  --brand-dark-graphics-secondary: var(--dark-magenta-200);
  --brand-dark-neutrals-100: var(--dark-grey-gaming-100);
  --brand-dark-neutrals-200: var(--dark-grey-gaming-200);
  --brand-dark-neutrals-25: var(--dark-grey-gaming-25);
  --brand-dark-neutrals-300: var(--dark-grey-gaming-300);
  --brand-dark-neutrals-350: var(--dark-grey-gaming-350);
  --brand-dark-neutrals-400: var(--dark-grey-gaming-400);
  --brand-dark-neutrals-450: var(--dark-grey-gaming-450);
  --brand-dark-neutrals-500: var(--dark-grey-gaming-500);
  --brand-dark-neutrals-50: var(--dark-grey-gaming-50);
  --brand-dark-neutrals-600: var(--dark-grey-gaming-600);
  --brand-dark-neutrals-700: var(--dark-grey-gaming-700);
  --brand-dark-neutrals-750: var(--dark-grey-gaming-750);
  --brand-dark-neutrals-800: var(--dark-grey-gaming-800);
  --brand-dark-neutrals-900: var(--dark-grey-gaming-900);
  --brand-dark-neutrals-950: var(--dark-grey-gaming-950);
  --brand-dark-neutrals-alpha-12: var(--dark-grey-gaming-alpha-12);
  --brand-dark-neutrals-alpha-16: var(--dark-grey-gaming-alpha-16);
  --brand-dark-neutrals-alpha-20: var(--dark-grey-gaming-alpha-20);
  --brand-dark-neutrals-alpha-24: var(--dark-grey-gaming-alpha-24);
  --brand-dark-neutrals-alpha-32: var(--dark-grey-gaming-alpha-32);
  --brand-dark-neutrals-alpha-40: var(--dark-grey-gaming-alpha-40);
  --brand-dark-neutrals-alpha-48: var(--dark-grey-gaming-alpha-48);
  --brand-dark-neutrals-alpha-4: var(--dark-grey-gaming-alpha-4);
  --brand-dark-neutrals-alpha-56: var(--dark-grey-gaming-alpha-56);
  --brand-dark-neutrals-alpha-64: var(--dark-grey-gaming-alpha-64);
  --brand-dark-neutrals-alpha-72: var(--dark-grey-gaming-alpha-72);
  --brand-dark-neutrals-alpha-80: var(--dark-grey-gaming-alpha-80);
  --brand-dark-neutrals-alpha-88: var(--dark-grey-gaming-alpha-88);
  --brand-dark-neutrals-alpha-8: var(--dark-grey-gaming-alpha-8);
  --brand-dark-neutrals-alpha-strong-12: var(--dark-grey-gaming-alpha-strong-12);
  --brand-dark-neutrals-alpha-strong-16: var(--dark-grey-gaming-alpha-strong-16);
  --brand-dark-neutrals-alpha-strong-20: var(--dark-grey-gaming-alpha-strong-20);
  --brand-dark-neutrals-alpha-strong-24: var(--dark-grey-gaming-alpha-strong-24);
  --brand-dark-neutrals-alpha-strong-32: var(--dark-grey-gaming-alpha-strong-32);
  --brand-dark-neutrals-alpha-strong-40: var(--dark-grey-gaming-alpha-strong-40);
  --brand-dark-neutrals-alpha-strong-48: var(--dark-grey-gaming-alpha-strong-48);
  --brand-dark-neutrals-alpha-strong-4: var(--dark-grey-gaming-alpha-strong-4);
  --brand-dark-neutrals-alpha-strong-56: var(--dark-grey-gaming-alpha-strong-56);
  --brand-dark-neutrals-alpha-strong-64: var(--dark-grey-gaming-alpha-strong-64);
  --brand-dark-neutrals-alpha-strong-72: var(--dark-grey-gaming-alpha-strong-72);
  --brand-dark-neutrals-alpha-strong-80: var(--dark-grey-gaming-alpha-strong-80);
  --brand-dark-neutrals-alpha-strong-88: var(--dark-grey-gaming-alpha-strong-88);
  --brand-dark-neutrals-alpha-strong-8: var(--dark-grey-gaming-alpha-strong-8);
  --brand-dark-text-alt-hover: var(--dark-red-300);
  --brand-dark-text-alt-on-white: var(--dark-red-400);
  --brand-dark-text-alt-pressed: var(--dark-red-200);
  --brand-dark-text-alt-secondary: var(--dark-red-100);
  --brand-dark-text-alt-visited-hover: var(--white-alpha-100);
  --brand-dark-text-alt-visited: var(--dark-red-100);
  --brand-dark-text-alt: var(--dark-red-250);
  --brand-dark-text-primary-hover: var(--dark-magenta-300);
  --brand-dark-text-primary-inverted: var(--light-magenta-800);
  --brand-dark-text-primary-on-white: var(--dark-magenta-500);
  --brand-dark-text-primary-pressed: var(--dark-magenta-200);
  --brand-dark-text-primary-visited-hover: var(--white-alpha-100);
  --brand-dark-text-primary-visited: var(--dark-magenta-100);
  --brand-dark-text-primary: var(--dark-magenta-250);
  --brand-dark-text-secondary: var(--dark-magenta-100);
  --brand-light-assets-alt-base: var(--light-red-600);
  --brand-light-assets-alt-level--1: var(--light-red-700);
  --brand-light-assets-alt-level--2: var(--light-red-800);
  --brand-light-assets-alt-level--3: var(--light-red-900);
  --brand-light-assets-alt-level-1: var(--light-red-500);
  --brand-light-assets-alt-level-2: var(--light-red-300);
  --brand-light-assets-alt-level-3: var(--light-red-100);
  --brand-light-assets-always-gaming-base: var(--light-magenta-700);
  --brand-light-assets-always-gaming-level--1: var(--light-magenta-800);
  --brand-light-assets-always-gaming-level--2: var(--light-magenta-900);
  --brand-light-assets-always-gaming-level--3: var(--light-magenta-950);
  --brand-light-assets-always-gaming-level-1: var(--light-magenta-500);
  --brand-light-assets-always-gaming-level-2: var(--light-magenta-300);
  --brand-light-assets-always-gaming-level-3: var(--light-magenta-100);
  --brand-light-assets-base: var(--light-magenta-700);
  --brand-light-assets-level---1: var(--light-magenta-800);
  --brand-light-assets-level---2: var(--light-magenta-900);
  --brand-light-assets-level-1: var(--light-magenta-900);
  --brand-light-bg-alt-disabled: var(--light-red-alpha-32);
  --brand-light-bg-alt-elevation-secondary: var(--light-red-100);
  --brand-light-bg-alt-elevation: var(--light-red-50);
  --brand-light-bg-alt-hover: var(--light-red-700);
  --brand-light-bg-alt-pressed: var(--light-red-800);
  --brand-light-bg-alt: var(--light-red-600);
  --brand-light-bg-always-gaming-primary: var(--light-magenta-800);
  --brand-light-bg-always-sport-primary: var(--light-red-600);
  --brand-light-bg-disabled: var(--light-magenta-alpha-32);
  --brand-light-bg-elevation-secondary: var(--light-magenta-100);
  --brand-light-bg-elevation: var(--light-magenta-50);
  --brand-light-bg-primary-darkened: var(--light-magenta-925);
  --brand-light-bg-primary-hover: var(--light-magenta-700);
  --brand-light-bg-primary-pressed: var(--light-magenta-600);
  --brand-light-bg-primary: var(--light-magenta-800);
  --brand-light-border-alt-secondary: var(--light-red-100);
  --brand-light-border-alt: var(--light-red-500);
  --brand-light-border-primary: var(--light-magenta-700);
  --brand-light-border-secondary: var(--light-magenta-100);
  --brand-light-component-tab-bar-bg-hover: var(--black-alpha-100);
  --brand-light-component-tab-bar-bg-pressed: var(--black-alpha-100);
  --brand-light-gradient-body-transparent: rgba(239, 241, 242, 0.00);
  --brand-light-gradient-component-fixers-above-global-header-end-color: rgb(244, 222, 235);
  --brand-light-gradient-component-fixers-above-global-header-start-color: rgb(245, 219, 234);
  --brand-light-gradient-component-fixers-page-header-start-color: rgb(238, 235, 241);
  --brand-light-gradient-component-fixers-sidebar-start-color: rgb(239, 239, 241);
  --brand-light-gradient-component-top-nav-start-color: var(--light-magenta-100);
  --brand-light-gradient-layer-1-transparent: rgba(255, 255, 255, 0.00);
  --brand-light-gradient-skeleton: rgba(223, 226, 229, 0.00);
  --brand-light-gradient-system-brand-end-color: var(--light-magenta-900);
  --brand-light-gradient-system-brand-start-color: var(--light-magenta-800);
  --brand-light-graphics-alt-secondary: var(--light-red-200);
  --brand-light-graphics-alt: var(--light-red-600);
  --brand-light-graphics-primary: var(--light-magenta-800);
  --brand-light-graphics-secondary: var(--light-magenta-200);
  --brand-light-neutrals-100: var(--light-grey-gaming-100);
  --brand-light-neutrals-200: var(--light-grey-gaming-200);
  --brand-light-neutrals-250: var(--light-grey-gaming-250);
  --brand-light-neutrals-25: var(--light-grey-gaming-25);
  --brand-light-neutrals-300: var(--light-grey-gaming-300);
  --brand-light-neutrals-400: var(--light-grey-gaming-400);
  --brand-light-neutrals-500: var(--light-grey-gaming-500);
  --brand-light-neutrals-50: var(--light-grey-gaming-50);
  --brand-light-neutrals-550: var(--light-grey-gaming-550);
  --brand-light-neutrals-600: var(--light-grey-gaming-600);
  --brand-light-neutrals-650: var(--light-grey-gaming-650);
  --brand-light-neutrals-700: var(--light-grey-gaming-700);
  --brand-light-neutrals-75: var(--light-grey-gaming-75);
  --brand-light-neutrals-800: var(--light-grey-gaming-800);
  --brand-light-neutrals-900: var(--light-grey-gaming-900);
  --brand-light-neutrals-950: var(--light-grey-gaming-950);
  --brand-light-neutrals-alpha-12: var(--light-grey-gaming-alpha-12);
  --brand-light-neutrals-alpha-16: var(--light-grey-gaming-alpha-16);
  --brand-light-neutrals-alpha-20: var(--light-grey-gaming-alpha-20);
  --brand-light-neutrals-alpha-24: var(--light-grey-gaming-alpha-24);
  --brand-light-neutrals-alpha-32: var(--light-grey-gaming-alpha-32);
  --brand-light-neutrals-alpha-40: var(--light-grey-gaming-alpha-40);
  --brand-light-neutrals-alpha-48: var(--light-grey-gaming-alpha-48);
  --brand-light-neutrals-alpha-4: var(--light-grey-gaming-alpha-4);
  --brand-light-neutrals-alpha-56: var(--light-grey-gaming-alpha-56);
  --brand-light-neutrals-alpha-64: var(--light-grey-gaming-alpha-64);
  --brand-light-neutrals-alpha-72: var(--light-grey-gaming-alpha-72);
  --brand-light-neutrals-alpha-80: var(--light-grey-gaming-alpha-80);
  --brand-light-neutrals-alpha-88: var(--light-grey-gaming-alpha-88);
  --brand-light-neutrals-alpha-8: var(--light-grey-gaming-alpha-8);
  --brand-light-neutrals-alpha-strong-12: var(--light-grey-gaming-alpha-strong-12);
  --brand-light-neutrals-alpha-strong-16: var(--light-grey-gaming-alpha-strong-16);
  --brand-light-neutrals-alpha-strong-20: var(--light-grey-gaming-alpha-strong-20);
  --brand-light-neutrals-alpha-strong-24: var(--light-grey-gaming-alpha-strong-24);
  --brand-light-neutrals-alpha-strong-32: var(--light-grey-gaming-alpha-strong-32);
  --brand-light-neutrals-alpha-strong-40: var(--light-grey-gaming-alpha-strong-40);
  --brand-light-neutrals-alpha-strong-48: var(--light-grey-gaming-alpha-strong-48);
  --brand-light-neutrals-alpha-strong-4: var(--light-grey-gaming-alpha-strong-4);
  --brand-light-neutrals-alpha-strong-56: var(--light-grey-gaming-alpha-strong-56);
  --brand-light-neutrals-alpha-strong-64: var(--light-grey-gaming-alpha-strong-64);
  --brand-light-neutrals-alpha-strong-72: var(--light-grey-gaming-alpha-strong-72);
  --brand-light-neutrals-alpha-strong-80: var(--light-grey-gaming-alpha-strong-80);
  --brand-light-neutrals-alpha-strong-88: var(--light-grey-gaming-alpha-strong-88);
  --brand-light-neutrals-alpha-strong-8: var(--light-grey-gaming-alpha-strong-8);
  --brand-light-text-alt-hover: var(--light-red-750);
  --brand-light-text-alt-pressed: var(--light-red-850);
  --brand-light-text-alt-secondary: var(--light-red-900);
  --brand-light-text-alt-visited-hover: var(--light-red-400);
  --brand-light-text-alt-visited: var(--light-red-500);
  --brand-light-text-alt: var(--light-red-600);
  --brand-light-text-primary-hover: var(--light-magenta-700);
  --brand-light-text-primary-inverted: var(--dark-magenta-250);
  --brand-light-text-primary-pressed: var(--light-magenta-600);
  --brand-light-text-primary-visited-hover: var(--light-magenta-400);
  --brand-light-text-primary-visited: var(--light-magenta-500);
  --brand-light-text-primary: var(--light-magenta-800);
  --brand-light-text-secondary: var(--light-magenta-900);
}
html[data-brand=napoleon] {
  --brand-dark-assets-alt-base: var(--dark-magenta-400);
  --brand-dark-assets-alt-level--1: var(--dark-magenta-500);
  --brand-dark-assets-alt-level--2: var(--dark-magenta-600);
  --brand-dark-assets-alt-level--3: var(--dark-magenta-700);
  --brand-dark-assets-alt-level-1: var(--dark-magenta-500);
  --brand-dark-assets-alt-level-2: var(--dark-magenta-300);
  --brand-dark-assets-alt-level-3: var(--dark-magenta-100);
  --brand-dark-assets-always-gaming-base: var(--dark-magenta-400);
  --brand-dark-assets-always-gaming-level--1: var(--dark-magenta-500);
  --brand-dark-assets-always-gaming-level--2: var(--dark-magenta-600);
  --brand-dark-assets-always-gaming-level--3: var(--dark-magenta-700);
  --brand-dark-assets-always-gaming-level-1: var(--dark-magenta-300);
  --brand-dark-assets-always-gaming-level-2: var(--dark-magenta-200);
  --brand-dark-assets-always-gaming-level-3: var(--dark-magenta-100);
  --brand-dark-assets-base: var(--dark-red-400);
  --brand-dark-assets-level---1: var(--dark-red-500);
  --brand-dark-assets-level---2: var(--dark-red-600);
  --brand-dark-assets-level-1: var(--dark-red-400);
  --brand-dark-bg-alt-disabled: var(--dark-magenta-alpha-40);
  --brand-dark-bg-alt-elevation-secondary: var(--dark-magenta-700);
  --brand-dark-bg-alt-elevation: var(--dark-magenta-alpha-16);
  --brand-dark-bg-alt-hover: var(--dark-magenta-400);
  --brand-dark-bg-alt-pressed: var(--dark-magenta-600);
  --brand-dark-bg-alt: var(--dark-magenta-500);
  --brand-dark-bg-always-gaming-primary: var(--dark-magenta-500);
  --brand-dark-bg-always-sport-primary: var(--dark-red-400);
  --brand-dark-bg-disabled: var(--dark-red-alpha-40);
  --brand-dark-bg-elevation-secondary: var(--dark-red-700);
  --brand-dark-bg-elevation: var(--dark-red-alpha-16);
  --brand-dark-bg-primary-darkened: var(--dark-red-800);
  --brand-dark-bg-primary-hover: var(--dark-red-350);
  --brand-dark-bg-primary-pressed: var(--dark-red-500);
  --brand-dark-bg-primary: var(--dark-red-400);
  --brand-dark-border-alt-secondary: var(--dark-magenta-alpha-24);
  --brand-dark-border-alt: var(--dark-magenta-350);
  --brand-dark-border-primary: var(--dark-red-350);
  --brand-dark-border-secondary: var(--dark-red-alpha-24);
  --brand-dark-component-global-header-bg-body-web: rgba(34, 23, 43, 0.64);
  --brand-dark-gradient-body-transparent: rgba(9, 6, 11, 0.00);
  --brand-dark-gradient-component-feature-display-start-color: var(--light-red-850);
  --brand-dark-gradient-component-fixers-above-global-header-end-color: rgb(31, 21, 39);
  --brand-dark-gradient-component-fixers-above-global-header-start-color: rgb(34, 23, 43);
  --brand-dark-gradient-component-fixers-page-header-start-color: rgb(17, 11, 21);
  --brand-dark-gradient-component-fixers-side-bar-start-color: rgb(11, 8, 14);
  --brand-dark-gradient-component-global-header-start-color: var(--light-grey-napoleon-925);
  --brand-dark-gradient-component-sidebar-active-hover-start-color: var(--dark-red-alpha-32);
  --brand-dark-gradient-component-sidebar-active-start-color: var(--dark-red-alpha-24);
  --brand-dark-gradient-layer-1-transparent: rgba(29, 24, 31, 0.00);
  --brand-dark-gradient-system-brand-end-color: var(--light-red-900);
  --brand-dark-gradient-system-brand-start-color: var(--light-red-800);
  --brand-dark-graphics-alt-on-white: var(--dark-magenta-500);
  --brand-dark-graphics-alt-secondary: var(--dark-magenta-200);
  --brand-dark-graphics-alt: var(--dark-magenta-300);
  --brand-dark-graphics-primary-on-white: var(--dark-red-400);
  --brand-dark-graphics-primary: var(--dark-red-300);
  --brand-dark-graphics-secondary: var(--dark-red-200);
  --brand-dark-neutrals-100: var(--dark-grey-napoleon-100);
  --brand-dark-neutrals-200: var(--dark-grey-napoleon-200);
  --brand-dark-neutrals-25: var(--dark-grey-napoleon-25);
  --brand-dark-neutrals-300: var(--dark-grey-napoleon-300);
  --brand-dark-neutrals-350: var(--dark-grey-napoleon-350);
  --brand-dark-neutrals-400: var(--dark-grey-napoleon-400);
  --brand-dark-neutrals-450: var(--dark-grey-napoleon-450);
  --brand-dark-neutrals-500: var(--dark-grey-napoleon-500);
  --brand-dark-neutrals-50: var(--dark-grey-napoleon-50);
  --brand-dark-neutrals-600: var(--dark-grey-napoleon-600);
  --brand-dark-neutrals-700: var(--dark-grey-napoleon-700);
  --brand-dark-neutrals-750: var(--dark-grey-napoleon-750);
  --brand-dark-neutrals-800: var(--dark-grey-napoleon-800);
  --brand-dark-neutrals-900: var(--dark-grey-napoleon-900);
  --brand-dark-neutrals-950: var(--dark-grey-napoleon-950);
  --brand-dark-neutrals-alpha-12: var(--dark-grey-napoleon-alpha-12);
  --brand-dark-neutrals-alpha-16: var(--dark-grey-napoleon-alpha-16);
  --brand-dark-neutrals-alpha-20: var(--dark-grey-napoleon-alpha-20);
  --brand-dark-neutrals-alpha-24: var(--dark-grey-napoleon-alpha-24);
  --brand-dark-neutrals-alpha-32: var(--dark-grey-napoleon-alpha-32);
  --brand-dark-neutrals-alpha-40: var(--dark-grey-napoleon-alpha-40);
  --brand-dark-neutrals-alpha-48: var(--dark-grey-napoleon-alpha-48);
  --brand-dark-neutrals-alpha-4: var(--dark-grey-napoleon-alpha-4);
  --brand-dark-neutrals-alpha-56: var(--dark-grey-napoleon-alpha-56);
  --brand-dark-neutrals-alpha-64: var(--dark-grey-napoleon-alpha-64);
  --brand-dark-neutrals-alpha-72: var(--dark-grey-napoleon-alpha-72);
  --brand-dark-neutrals-alpha-80: var(--dark-grey-napoleon-alpha-80);
  --brand-dark-neutrals-alpha-88: var(--dark-grey-napoleon-alpha-88);
  --brand-dark-neutrals-alpha-8: var(--dark-grey-napoleon-alpha-8);
  --brand-dark-neutrals-alpha-strong-12: var(--dark-grey-napoleon-alpha-strong-12);
  --brand-dark-neutrals-alpha-strong-16: var(--dark-grey-napoleon-alpha-strong-16);
  --brand-dark-neutrals-alpha-strong-20: var(--dark-grey-napoleon-alpha-strong-20);
  --brand-dark-neutrals-alpha-strong-24: var(--dark-grey-napoleon-alpha-strong-24);
  --brand-dark-neutrals-alpha-strong-32: var(--dark-grey-napoleon-alpha-strong-32);
  --brand-dark-neutrals-alpha-strong-40: var(--dark-grey-napoleon-alpha-strong-40);
  --brand-dark-neutrals-alpha-strong-48: var(--dark-grey-napoleon-alpha-strong-48);
  --brand-dark-neutrals-alpha-strong-4: var(--dark-grey-napoleon-alpha-strong-4);
  --brand-dark-neutrals-alpha-strong-56: var(--dark-grey-napoleon-alpha-strong-56);
  --brand-dark-neutrals-alpha-strong-64: var(--dark-grey-napoleon-alpha-strong-64);
  --brand-dark-neutrals-alpha-strong-72: var(--dark-grey-napoleon-alpha-strong-72);
  --brand-dark-neutrals-alpha-strong-80: var(--dark-grey-napoleon-alpha-strong-80);
  --brand-dark-neutrals-alpha-strong-88: var(--dark-grey-napoleon-alpha-strong-88);
  --brand-dark-neutrals-alpha-strong-8: var(--dark-grey-napoleon-alpha-strong-8);
  --brand-dark-text-alt-hover: var(--dark-magenta-300);
  --brand-dark-text-alt-on-white: var(--dark-magenta-500);
  --brand-dark-text-alt-pressed: var(--dark-magenta-200);
  --brand-dark-text-alt-secondary: var(--dark-magenta-100);
  --brand-dark-text-alt-visited-hover: var(--white-alpha-100);
  --brand-dark-text-alt-visited: var(--dark-magenta-100);
  --brand-dark-text-alt: var(--dark-magenta-250);
  --brand-dark-text-primary-hover: var(--dark-red-300);
  --brand-dark-text-primary-inverted: var(--light-red-700);
  --brand-dark-text-primary-on-white: var(--dark-red-400);
  --brand-dark-text-primary-pressed: var(--dark-red-200);
  --brand-dark-text-primary-visited-hover: var(--white-alpha-100);
  --brand-dark-text-primary-visited: var(--dark-red-100);
  --brand-dark-text-primary: var(--dark-red-250);
  --brand-dark-text-secondary: var(--dark-red-100);
  --brand-light-assets-alt-base: var(--light-magenta-700);
  --brand-light-assets-alt-level--1: var(--light-magenta-800);
  --brand-light-assets-alt-level--2: var(--light-magenta-900);
  --brand-light-assets-alt-level--3: var(--light-magenta-950);
  --brand-light-assets-alt-level-1: var(--light-magenta-500);
  --brand-light-assets-alt-level-2: var(--light-magenta-300);
  --brand-light-assets-alt-level-3: var(--light-magenta-100);
  --brand-light-assets-always-gaming-base: var(--light-magenta-700);
  --brand-light-assets-always-gaming-level--1: var(--light-magenta-800);
  --brand-light-assets-always-gaming-level--2: var(--light-magenta-900);
  --brand-light-assets-always-gaming-level--3: var(--light-magenta-950);
  --brand-light-assets-always-gaming-level-1: var(--light-magenta-500);
  --brand-light-assets-always-gaming-level-2: var(--light-magenta-300);
  --brand-light-assets-always-gaming-level-3: var(--light-magenta-100);
  --brand-light-assets-base: var(--light-red-600);
  --brand-light-assets-level---1: var(--light-red-700);
  --brand-light-assets-level---2: var(--light-red-800);
  --brand-light-assets-level-1: var(--light-red-800);
  --brand-light-bg-alt-disabled: var(--light-magenta-alpha-32);
  --brand-light-bg-alt-elevation-secondary: var(--light-magenta-100);
  --brand-light-bg-alt-elevation: var(--light-magenta-50);
  --brand-light-bg-alt-hover: var(--light-magenta-700);
  --brand-light-bg-alt-pressed: var(--light-magenta-600);
  --brand-light-bg-alt: var(--light-magenta-800);
  --brand-light-bg-always-gaming-primary: var(--light-magenta-800);
  --brand-light-bg-always-sport-primary: var(--light-red-600);
  --brand-light-bg-disabled: var(--light-red-alpha-32);
  --brand-light-bg-elevation-secondary: var(--light-red-100);
  --brand-light-bg-elevation: var(--light-red-50);
  --brand-light-bg-primary-darkened: var(--light-red-900);
  --brand-light-bg-primary-hover: var(--light-red-700);
  --brand-light-bg-primary-pressed: var(--light-red-800);
  --brand-light-bg-primary: var(--light-red-600);
  --brand-light-border-alt-secondary: var(--light-magenta-100);
  --brand-light-border-alt: var(--light-magenta-700);
  --brand-light-border-primary: var(--light-red-500);
  --brand-light-border-secondary: var(--light-red-100);
  --brand-light-component-tab-bar-bg-hover: var(--white-alpha-52);
  --brand-light-component-tab-bar-bg-pressed: var(--white-alpha-52);
  --brand-light-gradient-body-transparent: rgba(239, 241, 242, 0.00);
  --brand-light-gradient-component-fixers-above-global-header-end-color: rgb(232, 225, 240);
  --brand-light-gradient-component-fixers-above-global-header-start-color: rgb(231, 223, 240);
  --brand-light-gradient-component-fixers-page-header-start-color: rgb(238, 235, 241);
  --brand-light-gradient-component-fixers-sidebar-start-color: rgb(240, 239, 242);
  --brand-light-gradient-component-top-nav-start-color: var(--light-purple-100);
  --brand-light-gradient-layer-1-transparent: rgba(255, 255, 255, 0.00);
  --brand-light-gradient-skeleton: rgba(227, 225, 228, 0.00);
  --brand-light-gradient-system-brand-end-color: var(--light-red-900);
  --brand-light-gradient-system-brand-start-color: var(--light-red-700);
  --brand-light-graphics-alt-secondary: var(--light-magenta-200);
  --brand-light-graphics-alt: var(--light-magenta-800);
  --brand-light-graphics-primary: var(--light-red-600);
  --brand-light-graphics-secondary: var(--light-red-200);
  --brand-light-neutrals-100: var(--light-grey-napoleon-100);
  --brand-light-neutrals-200: var(--light-grey-napoleon-200);
  --brand-light-neutrals-250: var(--light-grey-napoleon-250);
  --brand-light-neutrals-25: var(--light-grey-napoleon-25);
  --brand-light-neutrals-300: var(--light-grey-napoleon-300);
  --brand-light-neutrals-400: var(--light-grey-napoleon-400);
  --brand-light-neutrals-500: var(--light-grey-napoleon-500);
  --brand-light-neutrals-50: var(--light-grey-napoleon-50);
  --brand-light-neutrals-550: var(--light-grey-napoleon-550);
  --brand-light-neutrals-600: var(--light-grey-napoleon-600);
  --brand-light-neutrals-650: var(--light-grey-napoleon-650);
  --brand-light-neutrals-700: var(--light-grey-napoleon-700);
  --brand-light-neutrals-75: var(--light-grey-napoleon-75);
  --brand-light-neutrals-800: var(--light-grey-napoleon-800);
  --brand-light-neutrals-900: var(--light-grey-napoleon-900);
  --brand-light-neutrals-950: var(--light-grey-napoleon-950);
  --brand-light-neutrals-alpha-12: var(--light-grey-napoleon-alpha-12);
  --brand-light-neutrals-alpha-16: var(--light-grey-napoleon-alpha-16);
  --brand-light-neutrals-alpha-20: var(--light-grey-napoleon-alpha-20);
  --brand-light-neutrals-alpha-24: var(--light-grey-napoleon-alpha-24);
  --brand-light-neutrals-alpha-32: var(--light-grey-napoleon-alpha-32);
  --brand-light-neutrals-alpha-40: var(--light-grey-napoleon-alpha-40);
  --brand-light-neutrals-alpha-48: var(--light-grey-napoleon-alpha-48);
  --brand-light-neutrals-alpha-4: var(--light-grey-napoleon-alpha-4);
  --brand-light-neutrals-alpha-56: var(--light-grey-napoleon-alpha-56);
  --brand-light-neutrals-alpha-64: var(--light-grey-napoleon-alpha-64);
  --brand-light-neutrals-alpha-72: var(--light-grey-napoleon-alpha-72);
  --brand-light-neutrals-alpha-80: var(--light-grey-napoleon-alpha-80);
  --brand-light-neutrals-alpha-88: var(--light-grey-napoleon-alpha-88);
  --brand-light-neutrals-alpha-8: var(--light-grey-napoleon-alpha-8);
  --brand-light-neutrals-alpha-strong-12: var(--light-grey-napoleon-alpha-strong-12);
  --brand-light-neutrals-alpha-strong-16: var(--light-grey-napoleon-alpha-strong-16);
  --brand-light-neutrals-alpha-strong-20: var(--light-grey-napoleon-alpha-strong-20);
  --brand-light-neutrals-alpha-strong-24: var(--light-grey-napoleon-alpha-strong-24);
  --brand-light-neutrals-alpha-strong-32: var(--light-grey-napoleon-alpha-strong-32);
  --brand-light-neutrals-alpha-strong-40: var(--light-grey-napoleon-alpha-strong-40);
  --brand-light-neutrals-alpha-strong-48: var(--light-grey-napoleon-alpha-strong-48);
  --brand-light-neutrals-alpha-strong-4: var(--light-grey-napoleon-alpha-strong-4);
  --brand-light-neutrals-alpha-strong-56: var(--light-grey-napoleon-alpha-strong-56);
  --brand-light-neutrals-alpha-strong-64: var(--light-grey-napoleon-alpha-strong-64);
  --brand-light-neutrals-alpha-strong-72: var(--light-grey-napoleon-alpha-strong-72);
  --brand-light-neutrals-alpha-strong-80: var(--light-grey-napoleon-alpha-strong-80);
  --brand-light-neutrals-alpha-strong-88: var(--light-grey-napoleon-alpha-strong-88);
  --brand-light-neutrals-alpha-strong-8: var(--light-grey-napoleon-alpha-strong-8);
  --brand-light-text-alt-hover: var(--light-magenta-700);
  --brand-light-text-alt-pressed: var(--light-magenta-600);
  --brand-light-text-alt-secondary: var(--light-magenta-900);
  --brand-light-text-alt-visited-hover: var(--light-magenta-400);
  --brand-light-text-alt-visited: var(--light-magenta-500);
  --brand-light-text-alt: var(--light-magenta-800);
  --brand-light-text-primary-hover: var(--light-red-750);
  --brand-light-text-primary-inverted: var(--dark-red-250);
  --brand-light-text-primary-pressed: var(--light-red-850);
  --brand-light-text-primary-visited-hover: var(--light-red-400);
  --brand-light-text-primary-visited: var(--light-red-500);
  --brand-light-text-primary: var(--light-red-600);
  --brand-light-text-secondary: var(--light-red-900);
}
html[data-brand=napoleon-gaming] {
  --brand-dark-assets-alt-base: var(--dark-red-400);
  --brand-dark-assets-alt-level--1: var(--dark-red-500);
  --brand-dark-assets-alt-level--2: var(--dark-red-600);
  --brand-dark-assets-alt-level--3: var(--dark-red-700);
  --brand-dark-assets-alt-level-1: var(--dark-red-400);
  --brand-dark-assets-alt-level-2: var(--dark-red-300);
  --brand-dark-assets-alt-level-3: var(--dark-red-100);
  --brand-dark-assets-always-gaming-base: var(--dark-magenta-400);
  --brand-dark-assets-always-gaming-level--1: var(--dark-magenta-500);
  --brand-dark-assets-always-gaming-level--2: var(--dark-magenta-600);
  --brand-dark-assets-always-gaming-level--3: var(--dark-magenta-700);
  --brand-dark-assets-always-gaming-level-1: var(--dark-magenta-300);
  --brand-dark-assets-always-gaming-level-2: var(--dark-magenta-200);
  --brand-dark-assets-always-gaming-level-3: var(--dark-magenta-100);
  --brand-dark-assets-base: var(--dark-magenta-400);
  --brand-dark-assets-level---1: var(--dark-magenta-500);
  --brand-dark-assets-level---2: var(--dark-magenta-600);
  --brand-dark-assets-level-1: var(--dark-magenta-400);
  --brand-dark-bg-alt-disabled: var(--dark-red-alpha-40);
  --brand-dark-bg-alt-elevation-secondary: var(--dark-red-700);
  --brand-dark-bg-alt-elevation: var(--dark-red-alpha-16);
  --brand-dark-bg-alt-hover: var(--dark-red-350);
  --brand-dark-bg-alt-pressed: var(--dark-red-500);
  --brand-dark-bg-alt: var(--dark-red-400);
  --brand-dark-bg-always-gaming-primary: var(--dark-magenta-500);
  --brand-dark-bg-always-sport-primary: var(--dark-red-400);
  --brand-dark-bg-disabled: var(--dark-magenta-alpha-40);
  --brand-dark-bg-elevation-secondary: var(--dark-magenta-700);
  --brand-dark-bg-elevation: var(--dark-magenta-alpha-16);
  --brand-dark-bg-primary-darkened: var(--dark-magenta-800);
  --brand-dark-bg-primary-hover: var(--dark-magenta-400);
  --brand-dark-bg-primary-pressed: var(--dark-magenta-600);
  --brand-dark-bg-primary: var(--dark-magenta-500);
  --brand-dark-border-alt-secondary: var(--dark-red-alpha-24);
  --brand-dark-border-alt: var(--dark-red-350);
  --brand-dark-border-primary: var(--dark-magenta-350);
  --brand-dark-border-secondary: var(--dark-magenta-alpha-24);
  --brand-dark-component-global-header-bg-body-web: rgba(61, 0, 36, 0.72);
  --brand-dark-gradient-body-transparent: rgba(13, 5, 9, 0.00);
  --brand-dark-gradient-component-feature-display-start-color: var(--light-magenta-850);
  --brand-dark-gradient-component-fixers-above-global-header-end-color: rgb(55, 1, 33);
  --brand-dark-gradient-component-fixers-above-global-header-start-color: rgb(61, 1, 36);
  --brand-dark-gradient-component-fixers-page-header-start-color: rgb(27, 4, 17);
  --brand-dark-gradient-component-fixers-side-bar-start-color: rgb(17, 5, 11);
  --brand-dark-gradient-component-global-header-start-color: var(--light-magenta-925);
  --brand-dark-gradient-component-sidebar-active-hover-start-color: var(--dark-magenta-alpha-32);
  --brand-dark-gradient-component-sidebar-active-start-color: var(--dark-magenta-alpha-24);
  --brand-dark-gradient-layer-1-transparent: rgba(42, 18, 28, 0.00);
  --brand-dark-gradient-system-brand-end-color: var(--light-magenta-900);
  --brand-dark-gradient-system-brand-start-color: var(--light-magenta-800);
  --brand-dark-graphics-alt-on-white: var(--dark-red-400);
  --brand-dark-graphics-alt-secondary: var(--dark-red-200);
  --brand-dark-graphics-alt: var(--dark-red-300);
  --brand-dark-graphics-primary-on-white: var(--dark-magenta-500);
  --brand-dark-graphics-primary: var(--dark-magenta-300);
  --brand-dark-graphics-secondary: var(--dark-magenta-200);
  --brand-dark-neutrals-100: var(--dark-grey-gaming-100);
  --brand-dark-neutrals-200: var(--dark-grey-gaming-200);
  --brand-dark-neutrals-25: var(--dark-grey-gaming-25);
  --brand-dark-neutrals-300: var(--dark-grey-gaming-300);
  --brand-dark-neutrals-350: var(--dark-grey-gaming-350);
  --brand-dark-neutrals-400: var(--dark-grey-gaming-400);
  --brand-dark-neutrals-450: var(--dark-grey-gaming-450);
  --brand-dark-neutrals-500: var(--dark-grey-gaming-500);
  --brand-dark-neutrals-50: var(--dark-grey-gaming-50);
  --brand-dark-neutrals-600: var(--dark-grey-gaming-600);
  --brand-dark-neutrals-700: var(--dark-grey-gaming-700);
  --brand-dark-neutrals-750: var(--dark-grey-gaming-750);
  --brand-dark-neutrals-800: var(--dark-grey-gaming-800);
  --brand-dark-neutrals-900: var(--dark-grey-gaming-900);
  --brand-dark-neutrals-950: var(--dark-grey-gaming-950);
  --brand-dark-neutrals-alpha-12: var(--dark-grey-gaming-alpha-12);
  --brand-dark-neutrals-alpha-16: var(--dark-grey-gaming-alpha-16);
  --brand-dark-neutrals-alpha-20: var(--dark-grey-gaming-alpha-20);
  --brand-dark-neutrals-alpha-24: var(--dark-grey-gaming-alpha-24);
  --brand-dark-neutrals-alpha-32: var(--dark-grey-gaming-alpha-32);
  --brand-dark-neutrals-alpha-40: var(--dark-grey-gaming-alpha-40);
  --brand-dark-neutrals-alpha-48: var(--dark-grey-gaming-alpha-48);
  --brand-dark-neutrals-alpha-4: var(--dark-grey-gaming-alpha-4);
  --brand-dark-neutrals-alpha-56: var(--dark-grey-gaming-alpha-56);
  --brand-dark-neutrals-alpha-64: var(--dark-grey-gaming-alpha-64);
  --brand-dark-neutrals-alpha-72: var(--dark-grey-gaming-alpha-72);
  --brand-dark-neutrals-alpha-80: var(--dark-grey-gaming-alpha-80);
  --brand-dark-neutrals-alpha-88: var(--dark-grey-gaming-alpha-88);
  --brand-dark-neutrals-alpha-8: var(--dark-grey-gaming-alpha-8);
  --brand-dark-neutrals-alpha-strong-12: var(--dark-grey-napoleon-alpha-strong-12);
  --brand-dark-neutrals-alpha-strong-16: var(--dark-grey-napoleon-alpha-strong-16);
  --brand-dark-neutrals-alpha-strong-20: var(--dark-grey-napoleon-alpha-strong-20);
  --brand-dark-neutrals-alpha-strong-24: var(--dark-grey-napoleon-alpha-strong-24);
  --brand-dark-neutrals-alpha-strong-32: var(--dark-grey-napoleon-alpha-strong-32);
  --brand-dark-neutrals-alpha-strong-40: var(--dark-grey-napoleon-alpha-strong-40);
  --brand-dark-neutrals-alpha-strong-48: var(--dark-grey-napoleon-alpha-strong-48);
  --brand-dark-neutrals-alpha-strong-4: var(--dark-grey-gaming-alpha-strong-4);
  --brand-dark-neutrals-alpha-strong-56: var(--dark-grey-napoleon-alpha-strong-56);
  --brand-dark-neutrals-alpha-strong-64: var(--dark-grey-napoleon-alpha-strong-64);
  --brand-dark-neutrals-alpha-strong-72: var(--dark-grey-napoleon-alpha-strong-72);
  --brand-dark-neutrals-alpha-strong-80: var(--dark-grey-napoleon-alpha-strong-80);
  --brand-dark-neutrals-alpha-strong-88: var(--dark-grey-napoleon-alpha-strong-88);
  --brand-dark-neutrals-alpha-strong-8: var(--dark-grey-napoleon-alpha-strong-8);
  --brand-dark-text-alt-hover: var(--dark-red-300);
  --brand-dark-text-alt-on-white: var(--dark-red-400);
  --brand-dark-text-alt-pressed: var(--dark-red-200);
  --brand-dark-text-alt-secondary: var(--dark-red-100);
  --brand-dark-text-alt-visited-hover: var(--white-alpha-100);
  --brand-dark-text-alt-visited: var(--dark-red-100);
  --brand-dark-text-alt: var(--dark-red-250);
  --brand-dark-text-primary-hover: var(--dark-magenta-300);
  --brand-dark-text-primary-inverted: var(--light-magenta-800);
  --brand-dark-text-primary-on-white: var(--dark-magenta-500);
  --brand-dark-text-primary-pressed: var(--dark-magenta-200);
  --brand-dark-text-primary-visited-hover: var(--white-alpha-100);
  --brand-dark-text-primary-visited: var(--dark-magenta-100);
  --brand-dark-text-primary: var(--dark-magenta-250);
  --brand-dark-text-secondary: var(--dark-magenta-100);
  --brand-light-assets-alt-base: var(--light-red-600);
  --brand-light-assets-alt-level--1: var(--light-red-700);
  --brand-light-assets-alt-level--2: var(--light-red-800);
  --brand-light-assets-alt-level--3: var(--light-red-900);
  --brand-light-assets-alt-level-1: var(--light-red-500);
  --brand-light-assets-alt-level-2: var(--light-red-300);
  --brand-light-assets-alt-level-3: var(--light-red-100);
  --brand-light-assets-always-gaming-base: var(--light-magenta-700);
  --brand-light-assets-always-gaming-level--1: var(--light-magenta-800);
  --brand-light-assets-always-gaming-level--2: var(--light-magenta-900);
  --brand-light-assets-always-gaming-level--3: var(--light-magenta-950);
  --brand-light-assets-always-gaming-level-1: var(--light-magenta-500);
  --brand-light-assets-always-gaming-level-2: var(--light-magenta-300);
  --brand-light-assets-always-gaming-level-3: var(--light-magenta-100);
  --brand-light-assets-base: var(--light-magenta-700);
  --brand-light-assets-level---1: var(--light-magenta-800);
  --brand-light-assets-level---2: var(--light-magenta-900);
  --brand-light-assets-level-1: var(--light-magenta-900);
  --brand-light-bg-alt-disabled: var(--light-red-alpha-32);
  --brand-light-bg-alt-elevation-secondary: var(--light-red-100);
  --brand-light-bg-alt-elevation: var(--light-red-50);
  --brand-light-bg-alt-hover: var(--light-red-700);
  --brand-light-bg-alt-pressed: var(--light-red-800);
  --brand-light-bg-alt: var(--light-red-600);
  --brand-light-bg-always-gaming-primary: var(--light-magenta-800);
  --brand-light-bg-always-sport-primary: var(--light-red-600);
  --brand-light-bg-disabled: var(--light-magenta-alpha-32);
  --brand-light-bg-elevation-secondary: var(--light-magenta-100);
  --brand-light-bg-elevation: var(--light-magenta-50);
  --brand-light-bg-primary-darkened: var(--light-magenta-925);
  --brand-light-bg-primary-hover: var(--light-magenta-700);
  --brand-light-bg-primary-pressed: var(--light-magenta-600);
  --brand-light-bg-primary: var(--light-magenta-800);
  --brand-light-border-alt-secondary: var(--light-red-100);
  --brand-light-border-alt: var(--light-red-500);
  --brand-light-border-primary: var(--light-magenta-700);
  --brand-light-border-secondary: var(--light-magenta-100);
  --brand-light-component-tab-bar-bg-hover: var(--white-alpha-52);
  --brand-light-component-tab-bar-bg-pressed: var(--white-alpha-52);
  --brand-light-gradient-body-transparent: rgba(239, 241, 242, 0.00);
  --brand-light-gradient-component-fixers-above-global-header-end-color: rgb(244, 222, 235);
  --brand-light-gradient-component-fixers-above-global-header-start-color: rgb(245, 219, 234);
  --brand-light-gradient-component-fixers-page-header-start-color: rgb(238, 235, 241);
  --brand-light-gradient-component-fixers-sidebar-start-color: rgb(239, 239, 241);
  --brand-light-gradient-component-top-nav-start-color: var(--light-magenta-100);
  --brand-light-gradient-layer-1-transparent: rgba(255, 255, 255, 0.00);
  --brand-light-gradient-skeleton: rgba(223, 226, 229, 0.00);
  --brand-light-gradient-system-brand-end-color: var(--light-magenta-900);
  --brand-light-gradient-system-brand-start-color: var(--light-magenta-800);
  --brand-light-graphics-alt-secondary: var(--light-red-200);
  --brand-light-graphics-alt: var(--light-red-600);
  --brand-light-graphics-primary: var(--light-magenta-800);
  --brand-light-graphics-secondary: var(--light-magenta-200);
  --brand-light-neutrals-100: var(--light-grey-gaming-100);
  --brand-light-neutrals-200: var(--light-grey-gaming-200);
  --brand-light-neutrals-250: var(--light-grey-gaming-250);
  --brand-light-neutrals-25: var(--light-grey-gaming-25);
  --brand-light-neutrals-300: var(--light-grey-gaming-300);
  --brand-light-neutrals-400: var(--light-grey-gaming-400);
  --brand-light-neutrals-500: var(--light-grey-gaming-500);
  --brand-light-neutrals-50: var(--light-grey-gaming-50);
  --brand-light-neutrals-550: var(--light-grey-gaming-550);
  --brand-light-neutrals-600: var(--light-grey-gaming-600);
  --brand-light-neutrals-650: var(--light-grey-gaming-650);
  --brand-light-neutrals-700: var(--light-grey-gaming-700);
  --brand-light-neutrals-75: var(--light-grey-gaming-75);
  --brand-light-neutrals-800: var(--light-grey-gaming-800);
  --brand-light-neutrals-900: var(--light-grey-gaming-900);
  --brand-light-neutrals-950: var(--light-grey-gaming-950);
  --brand-light-neutrals-alpha-12: var(--light-grey-gaming-alpha-12);
  --brand-light-neutrals-alpha-16: var(--light-grey-gaming-alpha-16);
  --brand-light-neutrals-alpha-20: var(--light-grey-gaming-alpha-20);
  --brand-light-neutrals-alpha-24: var(--light-grey-gaming-alpha-24);
  --brand-light-neutrals-alpha-32: var(--light-grey-gaming-alpha-32);
  --brand-light-neutrals-alpha-40: var(--light-grey-gaming-alpha-40);
  --brand-light-neutrals-alpha-48: var(--light-grey-gaming-alpha-48);
  --brand-light-neutrals-alpha-4: var(--light-grey-gaming-alpha-4);
  --brand-light-neutrals-alpha-56: var(--light-grey-gaming-alpha-56);
  --brand-light-neutrals-alpha-64: var(--light-grey-gaming-alpha-64);
  --brand-light-neutrals-alpha-72: var(--light-grey-gaming-alpha-72);
  --brand-light-neutrals-alpha-80: var(--light-grey-gaming-alpha-80);
  --brand-light-neutrals-alpha-88: var(--light-grey-gaming-alpha-88);
  --brand-light-neutrals-alpha-8: var(--light-grey-gaming-alpha-8);
  --brand-light-neutrals-alpha-strong-12: var(--light-grey-gaming-alpha-strong-12);
  --brand-light-neutrals-alpha-strong-16: var(--light-grey-gaming-alpha-strong-16);
  --brand-light-neutrals-alpha-strong-20: var(--light-grey-gaming-alpha-strong-20);
  --brand-light-neutrals-alpha-strong-24: var(--light-grey-gaming-alpha-strong-24);
  --brand-light-neutrals-alpha-strong-32: var(--light-grey-gaming-alpha-strong-32);
  --brand-light-neutrals-alpha-strong-40: var(--light-grey-gaming-alpha-strong-40);
  --brand-light-neutrals-alpha-strong-48: var(--light-grey-gaming-alpha-strong-48);
  --brand-light-neutrals-alpha-strong-4: var(--light-grey-gaming-alpha-strong-4);
  --brand-light-neutrals-alpha-strong-56: var(--light-grey-gaming-alpha-strong-56);
  --brand-light-neutrals-alpha-strong-64: var(--light-grey-gaming-alpha-strong-64);
  --brand-light-neutrals-alpha-strong-72: var(--light-grey-gaming-alpha-strong-72);
  --brand-light-neutrals-alpha-strong-80: var(--light-grey-gaming-alpha-strong-80);
  --brand-light-neutrals-alpha-strong-88: var(--light-grey-gaming-alpha-strong-88);
  --brand-light-neutrals-alpha-strong-8: var(--light-grey-gaming-alpha-strong-8);
  --brand-light-text-alt-hover: var(--light-red-750);
  --brand-light-text-alt-pressed: var(--light-red-850);
  --brand-light-text-alt-secondary: var(--light-red-900);
  --brand-light-text-alt-visited-hover: var(--light-red-400);
  --brand-light-text-alt-visited: var(--light-red-500);
  --brand-light-text-alt: var(--light-red-600);
  --brand-light-text-primary-hover: var(--light-magenta-700);
  --brand-light-text-primary-inverted: var(--dark-red-250);
  --brand-light-text-primary-pressed: var(--light-magenta-600);
  --brand-light-text-primary-visited-hover: var(--light-magenta-400);
  --brand-light-text-primary-visited: var(--light-magenta-500);
  --brand-light-text-primary: var(--light-magenta-800);
  --brand-light-text-secondary: var(--light-magenta-900);
}

/* node_modules/@superbet-group/web.lib.ui-tokens/output/styles/dimensions.css */
:root {
  --radius-focus-lg: 15px;
  --radius-focus-md: 9px;
  --radius-focus-sm: 5px;
  --radius-focus-xs: 3px;
  --radius-full: 1000px;
  --radius-lg: 16px;
  --radius-md: 10px;
  --radius-sm: 6px;
  --radius-xs: 4px;
  --size-icon-lg: 24px;
  --size-icon-md: 20px;
  --size-icon-sm: 16px;
  --size-icon-xs: 12px;
  --size-illustration-md: 128px;
  --size-illustration-sm: 88px;
  --size-illustration-xs: 64px;
  --size-illustration-xxs: 48px;
  --space-between-cards-lg: 16px;
  --space-between-cards-md: 12px;
  --space-between-cards-sm: 8px;
  --space-between-carousel-items-mobile: 6px;
  --space-between-inputs: 24px;
  --space-between-sections: 28px;
  --space-between-tabs: 4px;
  --space-content-to-footer: 48px;
  --space-desktop-layout-gap: 16px;
  --space-margin: 12px;
  --space-padding-lg: 16px;
  --space-padding-md: 12px;
  --space-padding-sm: 8px;
  --space-padding-xlg: 24px;
  --space-padding-xs: 4px;
  --space-title-to-content: 8px;
  --stroke-default: 1px;
  --stroke-strong: 2px;
}

/* node_modules/@superbet-group/web.lib.ui-tokens/output/styles/primitives.css */
:root {
  --black-alpha-100: rgb(0, 0, 0);
  --black-alpha-12: rgba(0, 0, 0, 0.12);
  --black-alpha-16: rgba(0, 0, 0, 0.16);
  --black-alpha-20: rgba(0, 0, 0, 0.20);
  --black-alpha-24: rgba(0, 0, 0, 0.24);
  --black-alpha-2: rgba(0, 0, 0, 0.02);
  --black-alpha-32: rgba(0, 0, 0, 0.32);
  --black-alpha-40: rgba(0, 0, 0, 0.40);
  --black-alpha-48: rgba(0, 0, 0, 0.48);
  --black-alpha-4: rgba(0, 0, 0, 0.04);
  --black-alpha-52: rgba(0, 0, 0, 0.52);
  --black-alpha-64: rgba(0, 0, 0, 0.64);
  --black-alpha-6: rgba(0, 0, 0, 0.06);
  --black-alpha-80: rgba(0, 0, 0, 0.80);
  --black-alpha-8: rgba(0, 0, 0, 0.08);
  --dark-blue-100: rgb(163, 201, 255);
  --dark-blue-200: rgb(91, 173, 255);
  --dark-blue-300: rgb(0, 145, 235);
  --dark-blue-400: rgb(8, 103, 164);
  --dark-blue-500: rgb(18, 83, 131);
  --dark-blue-50: rgb(207, 225, 255);
  --dark-blue-600: rgb(21, 67, 102);
  --dark-blue-700: rgb(21, 48, 72);
  --dark-blue-800: rgb(19, 39, 57);
  --dark-blue-900: rgb(16, 26, 37);
  --dark-blue-950: rgb(5, 8, 12);
  --dark-blue-alpha-12: rgba(8, 103, 164, 0.12);
  --dark-blue-alpha-16: rgba(8, 103, 164, 0.16);
  --dark-blue-alpha-24: rgba(8, 103, 164, 0.24);
  --dark-blue-alpha-32: rgba(8, 103, 164, 0.32);
  --dark-blue-alpha-40: rgba(8, 103, 164, 0.40);
  --dark-blue-alpha-8: rgba(8, 103, 164, 0.08);
  --dark-color: rgb(255, 255, 255);
  --dark-green-100: rgb(156, 211, 172);
  --dark-green-200: rgb(91, 187, 132);
  --dark-green-300: rgb(0, 162, 97);
  --dark-green-350: rgb(0, 146, 82);
  --dark-green-400: rgb(0, 116, 71);
  --dark-green-500: rgb(0, 94, 61);
  --dark-green-50: rgb(202, 231, 207);
  --dark-green-600: rgb(0, 75, 52);
  --dark-green-700: rgb(0, 54, 40);
  --dark-green-800: rgb(0, 44, 34);
  --dark-green-900: rgb(6, 29, 24);
  --dark-green-950: rgb(1, 9, 7);
  --dark-green-alpha-12: rgba(0, 116, 71, 0.12);
  --dark-green-alpha-16: rgba(0, 116, 71, 0.16);
  --dark-green-alpha-24: rgba(0, 116, 71, 0.24);
  --dark-green-alpha-32: rgba(0, 116, 71, 0.32);
  --dark-green-alpha-40: rgba(0, 116, 71, 0.40);
  --dark-green-alpha-8: rgba(0, 116, 71, 0.08);
  --dark-grey-100: rgb(195, 199, 201);
  --dark-grey-200: rgb(163, 169, 173);
  --dark-grey-25: rgb(237, 238, 239);
  --dark-grey-300: rgb(132, 141, 145);
  --dark-grey-350: rgb(116, 126, 130);
  --dark-grey-400: rgb(91, 101, 105);
  --dark-grey-450: rgb(86, 96, 100);
  --dark-grey-500: rgb(73, 81, 85);
  --dark-grey-50: rgb(222, 224, 225);
  --dark-grey-600: rgb(59, 65, 68);
  --dark-grey-700: rgb(43, 47, 49);
  --dark-grey-750: rgb(39, 42, 44);
  --dark-grey-800: rgb(35, 38, 40);
  --dark-grey-900: rgb(24, 26, 27);
  --dark-grey-950: rgb(7, 7, 8);
  --dark-grey-alpha-12: rgba(59, 65, 68, 0.12);
  --dark-grey-alpha-16: rgba(59, 65, 68, 0.16);
  --dark-grey-alpha-20: rgba(59, 65, 68, 0.20);
  --dark-grey-alpha-24: rgba(59, 65, 68, 0.24);
  --dark-grey-alpha-32: rgba(59, 65, 68, 0.32);
  --dark-grey-alpha-40: rgba(59, 65, 68, 0.40);
  --dark-grey-alpha-48: rgba(59, 65, 68, 0.48);
  --dark-grey-alpha-4: rgba(59, 65, 68, 0.04);
  --dark-grey-alpha-56: rgba(59, 65, 68, 0.56);
  --dark-grey-alpha-64: rgba(59, 65, 68, 0.64);
  --dark-grey-alpha-72: rgba(59, 65, 68, 0.72);
  --dark-grey-alpha-80: rgba(59, 65, 68, 0.80);
  --dark-grey-alpha-88: rgba(59, 65, 68, 0.88);
  --dark-grey-alpha-8: rgba(59, 65, 68, 0.08);
  --dark-grey-alpha-strong-12: rgba(132, 141, 145, 0.12);
  --dark-grey-alpha-strong-16: rgba(132, 141, 145, 0.16);
  --dark-grey-alpha-strong-20: rgba(132, 141, 145, 0.20);
  --dark-grey-alpha-strong-24: rgba(132, 141, 145, 0.24);
  --dark-grey-alpha-strong-32: rgba(132, 141, 145, 0.32);
  --dark-grey-alpha-strong-40: rgba(132, 141, 145, 0.40);
  --dark-grey-alpha-strong-48: rgba(132, 141, 145, 0.48);
  --dark-grey-alpha-strong-4: rgba(132, 141, 145, 0.04);
  --dark-grey-alpha-strong-56: rgba(132, 141, 145, 0.56);
  --dark-grey-alpha-strong-64: rgba(132, 141, 145, 0.64);
  --dark-grey-alpha-strong-72: rgba(132, 141, 145, 0.72);
  --dark-grey-alpha-strong-80: rgba(132, 141, 145, 0.80);
  --dark-grey-alpha-strong-88: rgba(132, 141, 145, 0.88);
  --dark-grey-alpha-strong-8: rgba(132, 141, 145, 0.08);
  --dark-grey-gaming-100: rgb(203, 197, 199);
  --dark-grey-gaming-200: rgb(175, 166, 170);
  --dark-grey-gaming-25: rgb(239, 237, 238);
  --dark-grey-gaming-300: rgb(148, 136, 141);
  --dark-grey-gaming-350: rgb(134, 121, 126);
  --dark-grey-gaming-400: rgb(111, 95, 102);
  --dark-grey-gaming-450: rgb(107, 90, 97);
  --dark-grey-gaming-500: rgb(93, 75, 83);
  --dark-grey-gaming-50: rgb(226, 223, 224);
  --dark-grey-gaming-600: rgb(78, 58, 67);
  --dark-grey-gaming-700: rgb(62, 40, 49);
  --dark-grey-gaming-750: rgb(58, 35, 45);
  --dark-grey-gaming-800: rgb(54, 31, 40);
  --dark-grey-gaming-900: rgb(42, 18, 28);
  --dark-grey-gaming-950: rgb(13, 5, 9);
  --dark-grey-gaming-alpha-12: rgba(78, 58, 67, 0.12);
  --dark-grey-gaming-alpha-16: rgba(78, 58, 67, 0.16);
  --dark-grey-gaming-alpha-20: rgba(78, 58, 67, 0.20);
  --dark-grey-gaming-alpha-24: rgba(78, 58, 67, 0.24);
  --dark-grey-gaming-alpha-32: rgba(78, 58, 67, 0.32);
  --dark-grey-gaming-alpha-40: rgba(78, 58, 67, 0.40);
  --dark-grey-gaming-alpha-48: rgba(78, 58, 67, 0.48);
  --dark-grey-gaming-alpha-4: rgba(78, 58, 67, 0.04);
  --dark-grey-gaming-alpha-56: rgba(78, 58, 67, 0.56);
  --dark-grey-gaming-alpha-64: rgba(78, 58, 67, 0.64);
  --dark-grey-gaming-alpha-72: rgba(78, 58, 67, 0.72);
  --dark-grey-gaming-alpha-80: rgba(78, 58, 67, 0.80);
  --dark-grey-gaming-alpha-88: rgba(78, 58, 67, 0.88);
  --dark-grey-gaming-alpha-8: rgba(78, 58, 67, 0.08);
  --dark-grey-gaming-alpha-strong-12: rgba(148, 136, 141, 0.12);
  --dark-grey-gaming-alpha-strong-16: rgba(148, 136, 141, 0.16);
  --dark-grey-gaming-alpha-strong-20: rgba(148, 136, 141, 0.20);
  --dark-grey-gaming-alpha-strong-24: rgba(148, 136, 141, 0.24);
  --dark-grey-gaming-alpha-strong-32: rgba(148, 136, 141, 0.32);
  --dark-grey-gaming-alpha-strong-40: rgba(148, 136, 141, 0.40);
  --dark-grey-gaming-alpha-strong-48: rgba(148, 136, 141, 0.48);
  --dark-grey-gaming-alpha-strong-4: rgba(148, 136, 141, 0.04);
  --dark-grey-gaming-alpha-strong-56: rgba(148, 136, 141, 0.56);
  --dark-grey-gaming-alpha-strong-64: rgba(148, 136, 141, 0.64);
  --dark-grey-gaming-alpha-strong-72: rgba(148, 136, 141, 0.72);
  --dark-grey-gaming-alpha-strong-80: rgba(148, 136, 141, 0.80);
  --dark-grey-gaming-alpha-strong-88: rgba(148, 136, 141, 0.88);
  --dark-grey-gaming-alpha-strong-8: rgba(148, 136, 141, 0.08);
  --dark-grey-gaming-misc-grey-950-alpha-0: rgba(13, 5, 9, 0.00);
  --dark-grey-misc-grey-950-alpha-0: rgba(7, 7, 8, 0.00);
  --dark-grey-napoleon-100: rgb(199, 198, 200);
  --dark-grey-napoleon-200: rgb(170, 168, 171);
  --dark-grey-napoleon-25: rgb(238, 238, 238);
  --dark-grey-napoleon-300: rgb(141, 139, 142);
  --dark-grey-napoleon-350: rgb(126, 123, 127);
  --dark-grey-napoleon-400: rgb(101, 98, 103);
  --dark-grey-napoleon-450: rgb(96, 93, 98);
  --dark-grey-napoleon-500: rgb(82, 79, 85);
  --dark-grey-napoleon-50: rgb(224, 223, 224);
  --dark-grey-napoleon-600: rgb(66, 62, 69);
  --dark-grey-napoleon-700: rgb(49, 45, 52);
  --dark-grey-napoleon-750: rgb(45, 40, 47);
  --dark-grey-napoleon-800: rgb(41, 36, 43);
  --dark-grey-napoleon-900: rgb(29, 24, 31);
  --dark-grey-napoleon-950: rgb(9, 6, 11);
  --dark-grey-napoleon-alpha-12: rgba(66, 62, 69, 0.12);
  --dark-grey-napoleon-alpha-16: rgba(66, 62, 69, 0.16);
  --dark-grey-napoleon-alpha-20: rgba(66, 62, 69, 0.20);
  --dark-grey-napoleon-alpha-24: rgba(66, 62, 69, 0.24);
  --dark-grey-napoleon-alpha-32: rgba(66, 62, 69, 0.32);
  --dark-grey-napoleon-alpha-40: rgba(66, 62, 69, 0.40);
  --dark-grey-napoleon-alpha-48: rgba(66, 62, 69, 0.48);
  --dark-grey-napoleon-alpha-4: rgba(66, 62, 69, 0.04);
  --dark-grey-napoleon-alpha-56: rgba(66, 62, 69, 0.56);
  --dark-grey-napoleon-alpha-64: rgba(66, 62, 69, 0.64);
  --dark-grey-napoleon-alpha-72: rgba(66, 62, 69, 0.72);
  --dark-grey-napoleon-alpha-80: rgba(66, 62, 69, 0.80);
  --dark-grey-napoleon-alpha-88: rgba(66, 62, 69, 0.88);
  --dark-grey-napoleon-alpha-8: rgba(66, 62, 69, 0.08);
  --dark-grey-napoleon-alpha-strong-12: rgba(141, 139, 142, 0.12);
  --dark-grey-napoleon-alpha-strong-16: rgba(141, 139, 142, 0.16);
  --dark-grey-napoleon-alpha-strong-20: rgba(141, 139, 142, 0.20);
  --dark-grey-napoleon-alpha-strong-24: rgba(141, 139, 142, 0.24);
  --dark-grey-napoleon-alpha-strong-32: rgba(141, 139, 142, 0.32);
  --dark-grey-napoleon-alpha-strong-40: rgba(141, 139, 142, 0.40);
  --dark-grey-napoleon-alpha-strong-48: rgba(141, 139, 142, 0.48);
  --dark-grey-napoleon-alpha-strong-4: rgba(141, 139, 142, 0.04);
  --dark-grey-napoleon-alpha-strong-56: rgba(141, 139, 142, 0.56);
  --dark-grey-napoleon-alpha-strong-64: rgba(141, 139, 142, 0.64);
  --dark-grey-napoleon-alpha-strong-72: rgba(141, 139, 142, 0.72);
  --dark-grey-napoleon-alpha-strong-80: rgba(141, 139, 142, 0.80);
  --dark-grey-napoleon-alpha-strong-88: rgba(141, 139, 142, 0.88);
  --dark-grey-napoleon-alpha-strong-8: rgba(141, 139, 142, 0.08);
  --dark-grey-napoleon-misc-grey-950-alpha-0: rgba(9, 6, 11, 0.00);
  --dark-magenta-100: rgb(251, 178, 205);
  --dark-magenta-200: rgb(244, 133, 178);
  --dark-magenta-250: rgb(240, 112, 166);
  --dark-magenta-300: rgb(234, 83, 152);
  --dark-magenta-350: rgb(228, 45, 138);
  --dark-magenta-400: rgb(190, 18, 112);
  --dark-magenta-500: rgb(151, 25, 90);
  --dark-magenta-50: rgb(254, 213, 227);
  --dark-magenta-600: rgb(119, 26, 71);
  --dark-magenta-700: rgb(83, 24, 51);
  --dark-magenta-800: rgb(67, 22, 41);
  --dark-magenta-900: rgb(42, 18, 28);
  --dark-magenta-950: rgb(15, 5, 8);
  --dark-magenta-alpha-16: rgba(180, 21, 106, 0.16);
  --dark-magenta-alpha-24: rgba(180, 21, 106, 0.24);
  --dark-magenta-alpha-32: rgba(180, 21, 106, 0.32);
  --dark-magenta-alpha-40: rgba(180, 21, 106, 0.40);
  --dark-magenta-alpha-52: rgba(180, 21, 106, 0.52);
  --dark-orange-100: rgb(255, 183, 124);
  --dark-orange-200: rgb(254, 138, 40);
  --dark-orange-300: rgb(211, 114, 37);
  --dark-orange-400: rgb(149, 82, 31);
  --dark-orange-500: rgb(120, 66, 28);
  --dark-orange-50: rgb(255, 217, 184);
  --dark-orange-600: rgb(95, 53, 25);
  --dark-orange-700: rgb(68, 39, 20);
  --dark-orange-800: rgb(55, 32, 18);
  --dark-orange-900: rgb(36, 22, 12);
  --dark-orange-950: rgb(12, 6, 3);
  --dark-orange-alpha-12: rgba(254, 138, 40, 0.12);
  --dark-orange-alpha-16: rgba(254, 138, 40, 0.16);
  --dark-orange-alpha-24: rgba(254, 138, 40, 0.24);
  --dark-orange-alpha-32: rgba(254, 138, 40, 0.32);
  --dark-orange-alpha-40: rgba(254, 138, 40, 0.40);
  --dark-orange-alpha-8: rgba(254, 138, 40, 0.08);
  --dark-purple-100: rgb(216, 188, 237);
  --dark-purple-200: rgb(193, 152, 226);
  --dark-purple-300: rgb(169, 117, 215);
  --dark-purple-400: rgb(131, 63, 199);
  --dark-purple-500: rgb(106, 52, 160);
  --dark-purple-50: rgb(234, 218, 245);
  --dark-purple-600: rgb(84, 43, 125);
  --dark-purple-700: rgb(60, 33, 87);
  --dark-purple-800: rgb(49, 28, 69);
  --dark-purple-900: rgb(32, 20, 43);
  --dark-purple-950: rgb(11, 5, 15);
  --dark-purple-alpha-16: rgba(129, 74, 202, 0.16);
  --dark-purple-alpha-24: rgba(129, 74, 202, 0.24);
  --dark-purple-alpha-32: rgba(129, 74, 202, 0.32);
  --dark-purple-alpha-40: rgba(129, 74, 202, 0.40);
  --dark-red-100: rgb(255, 180, 163);
  --dark-red-200: rgb(255, 134, 111);
  --dark-red-250: rgb(255, 109, 87);
  --dark-red-300: rgb(255, 70, 56);
  --dark-red-350: rgb(245, 23, 31);
  --dark-red-400: rgb(194, 30, 28);
  --dark-red-500: rgb(155, 31, 24);
  --dark-red-50: rgb(255, 215, 204);
  --dark-red-600: rgb(122, 29, 22);
  --dark-red-700: rgb(86, 25, 18);
  --dark-red-800: rgb(69, 23, 15);
  --dark-red-900: rgb(45, 18, 10);
  --dark-red-950: rgb(16, 5, 2);
  --dark-red-alpha-12: rgba(194, 30, 28, 0.12);
  --dark-red-alpha-16: rgba(194, 30, 28, 0.16);
  --dark-red-alpha-24: rgba(194, 30, 28, 0.24);
  --dark-red-alpha-32: rgba(194, 30, 28, 0.32);
  --dark-red-alpha-40: rgba(194, 30, 28, 0.40);
  --dark-red-alpha-8: rgba(194, 30, 28, 0.08);
  --dark-teal-100: rgb(160, 207, 210);
  --dark-teal-200: rgb(104, 181, 186);
  --dark-teal-300: rgb(36, 154, 161);
  --dark-teal-400: rgb(35, 109, 114);
  --dark-teal-500: rgb(33, 88, 91);
  --dark-teal-50: rgb(203, 228, 230);
  --dark-teal-600: rgb(29, 70, 72);
  --dark-teal-700: rgb(25, 50, 52);
  --dark-teal-800: rgb(22, 41, 42);
  --dark-teal-900: rgb(17, 27, 28);
  --dark-teal-950: rgb(4, 8, 8);
  --dark-yellow-100: rgb(248, 190, 44);
  --dark-yellow-150: rgb(241, 184, 44);
  --dark-yellow-200: rgb(212, 160, 42);
  --dark-yellow-250: rgb(195, 148, 40);
  --dark-yellow-300: rgb(176, 132, 39);
  --dark-yellow-350: rgb(157, 118, 36);
  --dark-yellow-400: rgb(126, 94, 32);
  --dark-yellow-500: rgb(102, 75, 29);
  --dark-yellow-50: rgb(255, 219, 138);
  --dark-yellow-600: rgb(82, 60, 25);
  --dark-yellow-700: rgb(59, 43, 21);
  --dark-yellow-800: rgb(48, 36, 18);
  --dark-yellow-900: rgb(32, 24, 13);
  --dark-yellow-950: rgb(11, 7, 3);
  --light-blue-100: rgb(209, 228, 249);
  --light-blue-200: rgb(177, 210, 245);
  --light-blue-300: rgb(128, 184, 239);
  --light-blue-400: rgb(89, 166, 235);
  --light-blue-500: rgb(34, 147, 231);
  --light-blue-50: rgb(237, 244, 253);
  --light-blue-600: rgb(0, 117, 227);
  --light-blue-700: rgb(0, 99, 192);
  --light-blue-75: rgb(219, 234, 250);
  --light-blue-800: rgb(0, 73, 141);
  --light-blue-900: rgb(0, 42, 80);
  --light-blue-925: rgb(0, 29, 56);
  --light-blue-950: rgb(0, 21, 40);
  --light-blue-alpha-12: rgba(0, 117, 227, 0.12);
  --light-blue-alpha-16: rgba(0, 117, 227, 0.16);
  --light-blue-alpha-24: rgba(0, 117, 227, 0.24);
  --light-blue-alpha-32: rgba(0, 117, 227, 0.32);
  --light-blue-alpha-40: rgba(0, 117, 227, 0.40);
  --light-blue-alpha-8: rgba(0, 117, 227, 0.08);
  --light-green-100: rgb(205, 232, 219);
  --light-green-200: rgb(171, 217, 195);
  --light-green-300: rgb(121, 194, 159);
  --light-green-400: rgb(85, 178, 133);
  --light-green-500: rgb(47, 161, 106);
  --light-green-50: rgb(230, 244, 237);
  --light-green-600: rgb(6, 133, 71);
  --light-green-700: rgb(5, 112, 60);
  --light-green-75: rgb(216, 237, 227);
  --light-green-800: rgb(3, 82, 44);
  --light-green-900: rgb(2, 54, 29);
  --light-green-925: rgb(1, 33, 18);
  --light-green-950: rgb(1, 23, 13);
  --light-green-alpha-12: rgba(6, 133, 71, 0.12);
  --light-green-alpha-16: rgba(6, 133, 71, 0.16);
  --light-green-alpha-24: rgba(6, 133, 71, 0.24);
  --light-green-alpha-32: rgba(6, 133, 71, 0.32);
  --light-green-alpha-40: rgba(6, 133, 71, 0.40);
  --light-green-alpha-8: rgba(6, 133, 71, 0.08);
  --light-grey-100: rgb(223, 226, 229);
  --light-grey-200: rgb(202, 208, 212);
  --light-grey-250: rgb(187, 194, 199);
  --light-grey-25: rgb(247, 248, 249);
  --light-grey-300: rgb(171, 181, 187);
  --light-grey-400: rgb(151, 162, 170);
  --light-grey-500: rgb(130, 144, 154);
  --light-grey-50: rgb(239, 241, 242);
  --light-grey-550: rgb(122, 136, 147);
  --light-grey-600: rgb(101, 117, 130);
  --light-grey-650: rgb(91, 109, 122);
  --light-grey-700: rgb(82, 99, 111);
  --light-grey-75: rgb(230, 232, 234);
  --light-grey-800: rgb(60, 72, 81);
  --light-grey-900: rgb(39, 47, 53);
  --light-grey-950: rgb(16, 20, 22);
  --light-grey-alpha-12: rgba(101, 117, 130, 0.12);
  --light-grey-alpha-16: rgba(101, 117, 130, 0.16);
  --light-grey-alpha-20: rgba(101, 117, 130, 0.20);
  --light-grey-alpha-24: rgba(101, 117, 130, 0.24);
  --light-grey-alpha-32: rgba(101, 117, 130, 0.32);
  --light-grey-alpha-40: rgba(101, 117, 130, 0.40);
  --light-grey-alpha-48: rgba(101, 117, 130, 0.48);
  --light-grey-alpha-4: rgba(101, 117, 130, 0.04);
  --light-grey-alpha-56: rgba(101, 117, 130, 0.56);
  --light-grey-alpha-64: rgba(101, 117, 130, 0.64);
  --light-grey-alpha-72: rgba(101, 117, 130, 0.72);
  --light-grey-alpha-80: rgba(101, 117, 130, 0.80);
  --light-grey-alpha-88: rgba(101, 117, 130, 0.88);
  --light-grey-alpha-8: rgba(101, 117, 130, 0.08);
  --light-grey-alpha-strong-12: rgba(39, 47, 53, 0.12);
  --light-grey-alpha-strong-16: rgba(39, 47, 53, 0.16);
  --light-grey-alpha-strong-20: rgba(39, 47, 53, 0.20);
  --light-grey-alpha-strong-24: rgba(39, 47, 53, 0.24);
  --light-grey-alpha-strong-32: rgba(39, 47, 53, 0.32);
  --light-grey-alpha-strong-40: rgba(39, 47, 53, 0.40);
  --light-grey-alpha-strong-48: rgba(39, 47, 53, 0.48);
  --light-grey-alpha-strong-4: rgba(39, 47, 53, 0.04);
  --light-grey-alpha-strong-56: rgba(39, 47, 53, 0.56);
  --light-grey-alpha-strong-64: rgba(39, 47, 53, 0.64);
  --light-grey-alpha-strong-72: rgba(39, 47, 53, 0.72);
  --light-grey-alpha-strong-80: rgba(39, 47, 53, 0.80);
  --light-grey-alpha-strong-88: rgba(39, 47, 53, 0.88);
  --light-grey-alpha-strong-8: rgba(39, 47, 53, 0.08);
  --light-grey-gaming-100: rgb(223, 226, 229);
  --light-grey-gaming-200: rgb(202, 208, 212);
  --light-grey-gaming-250: rgb(187, 194, 199);
  --light-grey-gaming-25: rgb(247, 248, 249);
  --light-grey-gaming-300: rgb(171, 181, 187);
  --light-grey-gaming-400: rgb(151, 162, 170);
  --light-grey-gaming-500: rgb(130, 144, 154);
  --light-grey-gaming-50: rgb(239, 241, 242);
  --light-grey-gaming-550: rgb(122, 136, 147);
  --light-grey-gaming-600: rgb(101, 117, 130);
  --light-grey-gaming-650: rgb(91, 109, 122);
  --light-grey-gaming-700: rgb(82, 99, 111);
  --light-grey-gaming-75: rgb(230, 232, 234);
  --light-grey-gaming-800: rgb(60, 72, 81);
  --light-grey-gaming-900: rgb(39, 47, 53);
  --light-grey-gaming-950: rgb(16, 20, 22);
  --light-grey-gaming-alpha-12: rgba(101, 117, 130, 0.12);
  --light-grey-gaming-alpha-16: rgba(101, 117, 130, 0.16);
  --light-grey-gaming-alpha-20: rgba(101, 117, 130, 0.20);
  --light-grey-gaming-alpha-24: rgba(101, 117, 130, 0.24);
  --light-grey-gaming-alpha-32: rgba(101, 117, 130, 0.32);
  --light-grey-gaming-alpha-40: rgba(101, 117, 130, 0.40);
  --light-grey-gaming-alpha-48: rgba(101, 117, 130, 0.48);
  --light-grey-gaming-alpha-4: rgba(101, 117, 130, 0.04);
  --light-grey-gaming-alpha-56: rgba(101, 117, 130, 0.56);
  --light-grey-gaming-alpha-64: rgba(101, 117, 130, 0.64);
  --light-grey-gaming-alpha-72: rgba(101, 117, 130, 0.72);
  --light-grey-gaming-alpha-80: rgba(101, 117, 130, 0.80);
  --light-grey-gaming-alpha-88: rgba(101, 117, 130, 0.88);
  --light-grey-gaming-alpha-8: rgba(101, 117, 130, 0.08);
  --light-grey-gaming-alpha-strong-12: rgba(39, 47, 53, 0.12);
  --light-grey-gaming-alpha-strong-16: rgba(39, 47, 53, 0.16);
  --light-grey-gaming-alpha-strong-20: rgba(39, 47, 53, 0.20);
  --light-grey-gaming-alpha-strong-24: rgba(39, 47, 53, 0.24);
  --light-grey-gaming-alpha-strong-32: rgba(39, 47, 53, 0.32);
  --light-grey-gaming-alpha-strong-40: rgba(39, 47, 53, 0.40);
  --light-grey-gaming-alpha-strong-48: rgba(39, 47, 53, 0.48);
  --light-grey-gaming-alpha-strong-4: rgba(39, 47, 53, 0.04);
  --light-grey-gaming-alpha-strong-56: rgba(39, 47, 53, 0.56);
  --light-grey-gaming-alpha-strong-64: rgba(39, 47, 53, 0.64);
  --light-grey-gaming-alpha-strong-72: rgba(39, 47, 53, 0.72);
  --light-grey-gaming-alpha-strong-80: rgba(39, 47, 53, 0.80);
  --light-grey-gaming-alpha-strong-88: rgba(39, 47, 53, 0.88);
  --light-grey-gaming-alpha-strong-8: rgba(39, 47, 53, 0.08);
  --light-grey-gaming-misc-grey-50-alpha-0: rgba(239, 241, 242, 0.00);
  --light-grey-misc-grey-50-alpha-0: rgba(239, 241, 242, 0.00);
  --light-grey-napoleon-100: rgb(227, 225, 228);
  --light-grey-napoleon-200: rgb(208, 206, 210);
  --light-grey-napoleon-250: rgb(195, 192, 197);
  --light-grey-napoleon-25: rgb(248, 248, 248);
  --light-grey-napoleon-300: rgb(181, 178, 185);
  --light-grey-napoleon-400: rgb(163, 159, 167);
  --light-grey-napoleon-500: rgb(145, 140, 150);
  --light-grey-napoleon-50: rgb(241, 240, 242);
  --light-grey-napoleon-550: rgb(130, 124, 135);
  --light-grey-napoleon-600: rgb(119, 113, 125);
  --light-grey-napoleon-650: rgb(111, 104, 117);
  --light-grey-napoleon-700: rgb(101, 94, 108);
  --light-grey-napoleon-75: rgb(233, 232, 234);
  --light-grey-napoleon-800: rgb(76, 67, 84);
  --light-grey-napoleon-900: rgb(52, 42, 61);
  --light-grey-napoleon-925: rgb(34, 23, 43);
  --light-grey-napoleon-950: rgb(25, 15, 35);
  --light-grey-napoleon-alpha-12: rgba(119, 113, 125, 0.12);
  --light-grey-napoleon-alpha-16: rgba(119, 113, 125, 0.16);
  --light-grey-napoleon-alpha-20: rgba(119, 113, 125, 0.20);
  --light-grey-napoleon-alpha-24: rgba(119, 113, 125, 0.24);
  --light-grey-napoleon-alpha-32: rgba(119, 113, 125, 0.32);
  --light-grey-napoleon-alpha-40: rgba(119, 113, 125, 0.40);
  --light-grey-napoleon-alpha-48: rgba(119, 113, 125, 0.48);
  --light-grey-napoleon-alpha-4: rgba(119, 113, 125, 0.04);
  --light-grey-napoleon-alpha-56: rgba(119, 113, 125, 0.56);
  --light-grey-napoleon-alpha-64: rgba(119, 113, 125, 0.64);
  --light-grey-napoleon-alpha-72: rgba(119, 113, 125, 0.72);
  --light-grey-napoleon-alpha-80: rgba(119, 113, 125, 0.80);
  --light-grey-napoleon-alpha-88: rgba(119, 113, 125, 0.88);
  --light-grey-napoleon-alpha-8: rgba(119, 113, 125, 0.08);
  --light-grey-napoleon-alpha-strong-12: rgba(52, 42, 61, 0.12);
  --light-grey-napoleon-alpha-strong-16: rgba(52, 42, 61, 0.16);
  --light-grey-napoleon-alpha-strong-20: rgba(52, 42, 61, 0.20);
  --light-grey-napoleon-alpha-strong-24: rgba(52, 42, 61, 0.24);
  --light-grey-napoleon-alpha-strong-32: rgba(52, 42, 61, 0.32);
  --light-grey-napoleon-alpha-strong-40: rgba(52, 42, 61, 0.40);
  --light-grey-napoleon-alpha-strong-48: rgba(52, 42, 61, 0.48);
  --light-grey-napoleon-alpha-strong-4: rgba(52, 42, 61, 0.04);
  --light-grey-napoleon-alpha-strong-56: rgba(52, 42, 61, 0.56);
  --light-grey-napoleon-alpha-strong-64: rgba(52, 42, 61, 0.64);
  --light-grey-napoleon-alpha-strong-72: rgba(52, 42, 61, 0.72);
  --light-grey-napoleon-alpha-strong-80: rgba(52, 42, 61, 0.80);
  --light-grey-napoleon-alpha-strong-88: rgba(52, 42, 61, 0.88);
  --light-grey-napoleon-alpha-strong-8: rgba(52, 42, 61, 0.08);
  --light-grey-napoleon-misc-grey-50-alpha-0: rgba(241, 240, 242, 0.00);
  --light-magenta-100: rgb(245, 219, 234);
  --light-magenta-200: rgb(238, 195, 220);
  --light-magenta-300: rgb(227, 159, 199);
  --light-magenta-400: rgb(220, 133, 184);
  --light-magenta-500: rgb(212, 105, 168);
  --light-magenta-50: rgb(251, 241, 247);
  --light-magenta-600: rgb(199, 59, 141);
  --light-magenta-700: rgb(186, 13, 113);
  --light-magenta-75: rgb(247, 227, 238);
  --light-magenta-800: rgb(141, 0, 82);
  --light-magenta-850: rgb(116, 0, 67);
  --light-magenta-900: rgb(84, 0, 49);
  --light-magenta-925: rgb(61, 0, 36);
  --light-magenta-950: rgb(46, 0, 27);
  --light-magenta-alpha-32: rgba(199, 59, 141, 0.32);
  --light-misc-magenta-800-alpha-0: rgba(141, 0, 82, 0.00);
  --light-misc-red-600-alpha-0: rgba(232, 1, 4, 0.00);
  --light-misc-red-900-alpha-0: rgba(88, 0, 1, 0.00);
  --light-misc-yellow-100-alpha-0: rgba(255, 226, 0, 0.00);
  --light-orange-100: rgb(255, 220, 178);
  --light-orange-200: rgb(255, 195, 125);
  --light-orange-250: rgb(255, 175, 83);
  --light-orange-300: rgb(255, 154, 40);
  --light-orange-400: rgb(245, 130, 13);
  --light-orange-500: rgb(218, 114, 12);
  --light-orange-50: rgb(255, 242, 225);
  --light-orange-600: rgb(178, 92, 9);
  --light-orange-700: rgb(150, 77, 7);
  --light-orange-75: rgb(255, 228, 195);
  --light-orange-800: rgb(111, 56, 4);
  --light-orange-900: rgb(63, 32, 3);
  --light-orange-925: rgb(44, 23, 2);
  --light-orange-950: rgb(31, 16, 1);
  --light-orange-alpha-12: rgba(245, 130, 13, 0.12);
  --light-orange-alpha-16: rgba(245, 130, 13, 0.16);
  --light-orange-alpha-24: rgba(245, 130, 13, 0.24);
  --light-orange-alpha-32: rgba(245, 130, 13, 0.32);
  --light-orange-alpha-40: rgba(245, 130, 13, 0.40);
  --light-orange-alpha-8: rgba(245, 130, 13, 0.08);
  --light-purple-100: rgb(231, 223, 240);
  --light-purple-200: rgb(215, 202, 230);
  --light-purple-300: rgb(192, 171, 216);
  --light-purple-400: rgb(176, 150, 206);
  --light-purple-500: rgb(160, 128, 196);
  --light-purple-50: rgb(243, 239, 248);
  --light-purple-600: rgb(136, 97, 182);
  --light-purple-700: rgb(119, 75, 171);
  --light-purple-75: rgb(236, 230, 243);
  --light-purple-800: rgb(93, 40, 155);
  --light-purple-900: rgb(62, 1, 133);
  --light-purple-925: rgb(40, 1, 85);
  --light-purple-950: rgb(30, 0, 64);
  --light-red-100: rgb(255, 217, 217);
  --light-red-200: rgb(254, 191, 192);
  --light-red-250: rgb(254, 171, 172);
  --light-red-300: rgb(254, 150, 151);
  --light-red-400: rgb(254, 118, 119);
  --light-red-500: rgb(254, 78, 80);
  --light-red-50: rgb(255, 240, 240);
  --light-red-550: rgb(253, 1, 4);
  --light-red-600: rgb(232, 1, 4);
  --light-red-700: rgb(197, 1, 3);
  --light-red-750: rgb(178, 1, 3);
  --light-red-75: rgb(255, 225, 226);
  --light-red-800: rgb(147, 1, 2);
  --light-red-850: rgb(121, 0, 2);
  --light-red-900: rgb(88, 0, 1);
  --light-red-925: rgb(65, 0, 1);
  --light-red-950: rgb(49, 0, 1);
  --light-red-alpha-12: rgba(232, 1, 4, 0.12);
  --light-red-alpha-16: rgba(232, 1, 4, 0.16);
  --light-red-alpha-24: rgba(232, 1, 4, 0.24);
  --light-red-alpha-32: rgba(232, 1, 4, 0.32);
  --light-red-alpha-40: rgba(232, 1, 4, 0.40);
  --light-red-alpha-8: rgba(232, 1, 4, 0.08);
  --light-teal-100: rgb(202, 232, 232);
  --light-teal-200: rgb(166, 216, 216);
  --light-teal-300: rgb(112, 192, 193);
  --light-teal-400: rgb(72, 175, 176);
  --light-teal-500: rgb(31, 157, 158);
  --light-teal-50: rgb(234, 246, 246);
  --light-teal-600: rgb(4, 128, 129);
  --light-teal-700: rgb(4, 108, 109);
  --light-teal-75: rgb(213, 237, 237);
  --light-teal-800: rgb(3, 79, 80);
  --light-teal-900: rgb(2, 45, 46);
  --light-teal-925: rgb(1, 32, 32);
  --light-teal-950: rgb(1, 23, 23);
  --light-yellow-100: rgb(255, 226, 0);
  --light-yellow-200: rgb(236, 206, 0);
  --light-yellow-300: rgb(207, 178, 0);
  --light-yellow-400: rgb(187, 159, 0);
  --light-yellow-500: rgb(168, 140, 0);
  --light-yellow-50: rgb(255, 246, 172);
  --light-yellow-600: rgb(138, 113, 0);
  --light-yellow-700: rgb(117, 94, 0);
  --light-yellow-75: rgb(254, 235, 70);
  --light-yellow-800: rgb(87, 69, 0);
  --light-yellow-900: rgb(50, 39, 0);
  --light-yellow-925: rgb(34, 27, 0);
  --light-yellow-950: rgb(24, 19, 0);
  --typography-family-brand: "Roboto Flex";
  --typography-family-system: "Inter";
  --typography-letter-spacing-1000: 1.2000000476837158px;
  --typography-letter-spacing-100: -0.10000000149011612px;
  --typography-letter-spacing-1100: 1.600000023841858px;
  --typography-letter-spacing-1200: 2px;
  --typography-letter-spacing-1300: 2.4000000953674316px;
  --typography-letter-spacing-1400: 3px;
  --typography-letter-spacing-200: 0;
  --typography-letter-spacing-25: -0.5px;
  --typography-letter-spacing-300: 0.10000000149011612px;
  --typography-letter-spacing-400: 0.15000000596046448px;
  --typography-letter-spacing-500: 0.20000000298023224px;
  --typography-letter-spacing-50: -0.15000000596046448px;
  --typography-letter-spacing-600: 0.25px;
  --typography-letter-spacing-700: 0.6499999761581421px;
  --typography-letter-spacing-800: 0.800000011920929px;
  --typography-letter-spacing-900: 1px;
  --typography-paragraph-spacing-100: 16px;
  --typography-paragraph-spacing-200: 18px;
  --typography-paragraph-spacing-300: 20px;
  --typography-size-1000: 36px;
  --typography-size-100: 12px;
  --typography-size-1100: 40px;
  --typography-size-1200: 48px;
  --typography-size-1300: 56px;
  --typography-size-1400: 64px;
  --typography-size-200: 14px;
  --typography-size-25: 8px;
  --typography-size-300: 16px;
  --typography-size-400: 18px;
  --typography-size-500: 20px;
  --typography-size-50: 10px;
  --typography-size-600: 22px;
  --typography-size-700: 24px;
  --typography-size-800: 28px;
  --typography-size-900: 32px;
  --typography-weight-brand-bold-italic: "Super Condensed Black Italic";
  --typography-weight-brand-bold: "Super Condensed Black";
  --typography-weight-brand-light-italic: "Super Condensed Light Italic";
  --typography-weight-brand-light: "Super Condensed Light";
  --typography-weight-brand-regular-italic: "Super Condensed Bold Italic";
  --typography-weight-brand-regular: "Super Condensed Bold";
  --typography-weight-system-bold-italic: "SemiBold Italic";
  --typography-weight-system-bold: "SemiBold";
  --typography-weight-system-light-italic: "Light Italic";
  --typography-weight-system-light: "Light";
  --typography-weight-system-regular-italic: "Italic";
  --typography-weight-system-regular: "Regular";
  --white-alpha-100: rgb(255, 255, 255);
  --white-alpha-10: rgba(255, 255, 255, 0.10);
  --white-alpha-12: rgba(255, 255, 255, 0.12);
  --white-alpha-16: rgba(255, 255, 255, 0.16);
  --white-alpha-20: rgba(255, 255, 255, 0.20);
  --white-alpha-24: rgba(255, 255, 255, 0.24);
  --white-alpha-32: rgba(255, 255, 255, 0.32);
  --white-alpha-40: rgba(255, 255, 255, 0.40);
  --white-alpha-48: rgba(255, 255, 255, 0.48);
  --white-alpha-4: rgba(255, 255, 255, 0.04);
  --white-alpha-52: rgba(255, 255, 255, 0.52);
  --white-alpha-56: rgba(255, 255, 255, 0.56);
  --white-alpha-60: rgba(255, 255, 255, 0.60);
  --white-alpha-64: rgba(255, 255, 255, 0.64);
  --white-alpha-68: rgba(255, 255, 255, 0.68);
  --white-alpha-6: rgba(255, 255, 255, 0.06);
  --white-alpha-72: rgba(255, 255, 255, 0.72);
  --white-alpha-80: rgba(255, 255, 255, 0.80);
  --white-alpha-84: rgba(255, 255, 255, 0.84);
  --white-alpha-88: rgba(255, 255, 255, 0.88);
  --white-alpha-8: rgba(255, 255, 255, 0.08);
  --white-alpha-96: rgba(255, 255, 255, 0.96);
}

/* node_modules/@superbet-group/web.lib.ui-tokens/output/styles/theme.css */
:root {
  --assets-always-gaming-base: var(--brand-light-assets-always-gaming-base);
  --assets-always-gaming-level--1: var(--brand-light-assets-always-gaming-level--1);
  --assets-always-gaming-level--2: var(--brand-light-assets-always-gaming-level--2);
  --assets-always-gaming-level--3: var(--brand-light-assets-always-gaming-level--3);
  --assets-always-gaming-level-1: var(--brand-light-assets-always-gaming-level-1);
  --assets-always-gaming-level-2: var(--brand-light-assets-always-gaming-level-2);
  --assets-always-gaming-level-3: var(--brand-light-assets-always-gaming-level-3);
  --assets-brand-alt-base: var(--brand-light-assets-alt-base);
  --assets-brand-alt-level--1: var(--brand-light-assets-alt-level--1);
  --assets-brand-alt-level--2: var(--brand-light-assets-alt-level--2);
  --assets-brand-alt-level--3: var(--brand-light-assets-alt-level--3);
  --assets-brand-alt-level-1: var(--brand-light-assets-alt-level-1);
  --assets-brand-alt-level-2: var(--brand-light-assets-alt-level-2);
  --assets-brand-alt-level-3: var(--brand-light-assets-alt-level-3);
  --assets-brand-base: var(--brand-light-assets-base);
  --assets-brand-level--1: var(--brand-light-assets-level---1);
  --assets-brand-level--2: var(--brand-light-assets-level---2);
  --assets-brand-level-1: var(--brand-light-assets-level-1);
  --assets-custom-jersey-navigation-base: var(--white-alpha-100);
  --assets-custom-jersey-navigation-level--1: var(--light-red-800);
  --assets-custom-jersey-navigation-level-1: var(--light-red-300);
  --assets-custom-mobile-always-dark-base: var(--brand-dark-neutrals-900);
  --assets-custom-mobile-always-dark-circle-1: var(--dark-blue-500);
  --assets-custom-mobile-always-dark-circle-2: var(--dark-red-500);
  --assets-custom-mobile-always-dark-circle-3: var(--dark-purple-500);
  --assets-custom-mobile-always-dark-circle-4: var(--dark-orange-500);
  --assets-custom-mobile-always-dark-circle-5: var(--dark-magenta-500);
  --assets-custom-mobile-always-dark-level-1: var(--brand-dark-neutrals-750);
  --assets-custom-mobile-always-dark-level-2: var(--brand-dark-neutrals-600);
  --assets-custom-mobile-always-dark-level-3: var(--brand-dark-neutrals-800);
  --assets-custom-mobile-always-dark-level-4: var(--white-alpha-12);
  --assets-custom-mobile-always-light-base: var(--brand-light-neutrals-75);
  --assets-custom-mobile-always-light-circle-1: var(--light-blue-600);
  --assets-custom-mobile-always-light-circle-2: var(--light-red-600);
  --assets-custom-mobile-always-light-circle-3: var(--light-purple-500);
  --assets-custom-mobile-always-light-circle-4: var(--light-orange-300);
  --assets-custom-mobile-always-light-circle-5: var(--light-magenta-500);
  --assets-custom-mobile-always-light-level-1: var(--white-alpha-100);
  --assets-custom-mobile-always-light-level-2: var(--brand-light-neutrals-300);
  --assets-custom-mobile-always-light-level-3: var(--light-red-700);
  --assets-custom-mobile-always-light-level-4: var(--black-alpha-8);
  --assets-custom-mobile-default-base: var(--brand-light-neutrals-75);
  --assets-custom-mobile-default-circle-1: var(--light-blue-600);
  --assets-custom-mobile-default-circle-2: var(--light-red-600);
  --assets-custom-mobile-default-circle-3: var(--light-purple-500);
  --assets-custom-mobile-default-circle-4: var(--light-orange-300);
  --assets-custom-mobile-default-circle-5: var(--light-magenta-500);
  --assets-custom-mobile-default-level-1: var(--white-alpha-100);
  --assets-custom-mobile-default-level-2: var(--brand-light-neutrals-300);
  --assets-custom-mobile-default-level-3: var(--light-red-700);
  --assets-custom-mobile-default-level-4: var(--black-alpha-8);
  --assets-custom-soccer-ball-base: var(--brand-light-neutrals-900);
  --assets-danger-base: var(--light-red-600);
  --assets-danger-level--1: var(--light-red-700);
  --assets-danger-level--2: var(--light-red-800);
  --assets-danger-level--3: var(--light-red-50);
  --assets-info-base: var(--light-blue-600);
  --assets-info-level--1: var(--light-blue-700);
  --assets-info-level--2: var(--light-blue-800);
  --assets-info-level-1: var(--light-blue-700);
  --assets-info-level-2: var(--light-blue-900);
  --assets-neutral-always-dark: var(--brand-light-neutrals-800);
  --assets-neutral-always-light: var(--brand-light-neutrals-100);
  --assets-neutral-base-alt: var(--white-alpha-100);
  --assets-neutral-base: var(--brand-light-neutrals-100);
  --assets-neutral-level--1: var(--brand-light-neutrals-300);
  --assets-neutral-level--2: var(--brand-light-neutrals-500);
  --assets-neutral-level-1: var(--brand-light-neutrals-300);
  --assets-neutral-level-2: var(--brand-light-neutrals-500);
  --assets-neutral-level-3: var(--brand-light-neutrals-700);
  --assets-neutral-level-4: var(--brand-light-neutrals-800);
  --assets-orange-base: var(--light-orange-300);
  --assets-orange-level--1: var(--light-orange-400);
  --assets-orange-level--2: var(--light-orange-600);
  --assets-orange-level--3: var(--light-orange-50);
  --assets-orange-level-1: var(--light-orange-500);
  --assets-orange-level-2: var(--light-orange-800);
  --assets-purple-base: var(--light-purple-500);
  --assets-purple-level--1: var(--light-purple-700);
  --assets-purple-level--2: var(--light-purple-800);
  --assets-purple-level-1: var(--light-purple-600);
  --assets-success-base: var(--light-green-600);
  --assets-success-level--1: var(--light-green-300);
  --assets-success-level--2: var(--light-green-50);
  --assets-success-level-1: var(--light-green-800);
  --assets-success-level-2: var(--light-green-900);
  --assets-teal-base: var(--light-teal-500);
  --assets-teal-level--1: var(--light-teal-600);
  --assets-teal-level--2: var(--light-teal-800);
  --assets-teal-level-1: var(--light-teal-700);
  --assets-white-base: var(--white-alpha-100);
  --assets-white-level--1: var(--white-alpha-16);
  --assets-white-level--2: var(--white-alpha-32);
  --assets-white-level--3: var(--white-alpha-64);
  --assets-yellow-base: var(--light-yellow-200);
  --assets-yellow-level--1: var(--light-yellow-500);
  --assets-yellow-level--3: var(--light-yellow-800);
  --assets-yellow-level-1: var(--light-yellow-400);
  --assets-yellow-level-2: var(--light-yellow-500);
  --assets-yellow-level-3: var(--light-yellow-800);
  --blur-component-header-web: 32px;
  --component-alert-bg-danger: var(--light-red-alpha-8);
  --component-alert-bg-info: var(--light-blue-alpha-8);
  --component-alert-bg-neutral: var(--brand-light-neutrals-alpha-8);
  --component-alert-bg-success: var(--light-green-alpha-8);
  --component-alert-bg-warning: var(--light-orange-alpha-8);
  --component-avatar-bg-10: var(--light-purple-500);
  --component-avatar-bg-11: var(--light-orange-500);
  --component-avatar-bg-12: var(--light-yellow-500);
  --component-avatar-bg-13: var(--light-red-800);
  --component-avatar-bg-14: var(--light-red-500);
  --component-avatar-bg-15: var(--light-magenta-500);
  --component-avatar-bg-1: var(--light-blue-800);
  --component-avatar-bg-2: var(--light-blue-500);
  --component-avatar-bg-3: var(--light-green-800);
  --component-avatar-bg-4: var(--light-green-500);
  --component-avatar-bg-5: var(--brand-light-neutrals-800);
  --component-avatar-bg-6: var(--brand-light-neutrals-500);
  --component-avatar-bg-7: var(--light-teal-800);
  --component-avatar-bg-8: var(--light-teal-500);
  --component-avatar-bg-9: var(--light-purple-800);
  --component-badge-generosity-bg-disabled: var(--brand-light-neutrals-75);
  --component-badge-generosity-bg: var(--light-yellow-100);
  --component-badge-generosity-border: var(--black-alpha-12);
  --component-badge-generosity-primary-bg: var(--light-yellow-100);
  --component-badge-generosity-primary-text: var(--brand-light-neutrals-950);
  --component-badge-generosity-secondary-bg: var(--light-yellow-50);
  --component-badge-generosity-secondary-text: var(--light-yellow-800);
  --component-badge-generosity-text: var(--system-text-on-elevation-primary);
  --component-badge-text-always-dark: var(--system-text-on-elevation-primary);
  --component-badge-text-brand: var(--system-text-on-elevation-brand-primary);
  --component-badge-trend-falling-bg: var(--light-red-100);
  --component-badge-trend-falling-text: var(--system-text-on-elevation-danger-primary);
  --component-badge-trend-rising-bg: var(--light-green-100);
  --component-badge-trend-rising-text: var(--system-text-on-elevation-success-primary);
  --component-barcode-bg: var(--white-alpha-100);
  --component-betslip-bg: var(--system-bg-elevation-layer-negative);
  --component-bingo-bg-1: var(--light-teal-500);
  --component-bingo-bg-2: var(--light-purple-700);
  --component-bingo-bg-3: var(--light-red-500);
  --component-bingo-bg-4: var(--light-blue-500);
  --component-bottom-nav-bg: var(--system-bg-elevation-layer-1);
  --component-bottom-nav-tab-active: var(--system-text-on-elevation-brand-primary);
  --component-bottom-nav-tab-inactive: var(--system-text-on-elevation-tertiary);
  --component-button-bet-builder-secondary-bg-disabled: var(--light-red-alpha-16);
  --component-button-bet-builder-secondary-bg-hover: var(--light-red-alpha-24);
  --component-button-bet-builder-secondary-bg-pressed: var(--light-red-alpha-32);
  --component-button-bet-builder-secondary-bg: var(--light-red-alpha-16);
  --component-button-bet-builder-secondary-text-disabled: var(--white-alpha-64);
  --component-button-bet-builder-secondary-text: var(--system-text-on-elevation-brand-primary);
  --component-button-cashout-bg-disabled: var(--brand-light-neutrals-200);
  --component-button-cashout-bg-hover: var(--light-green-700);
  --component-button-cashout-bg-pressed: var(--light-green-800);
  --component-button-cashout-bg: var(--system-bg-success);
  --component-button-cashout-graphics-disabled: var(--system-graphics-on-elevation-secondary);
  --component-button-cashout-graphics: var(--system-graphics-on-color);
  --component-button-cashout-text-disabled: var(--system-text-on-elevation-secondary);
  --component-button-cashout-text: var(--system-text-on-success-primary);
  --component-button-game-preview-secondary-bg-hover: var(--white-alpha-16);
  --component-button-game-preview-secondary-bg-pressed: var(--white-alpha-20);
  --component-button-game-preview-secondary-bg: var(--white-alpha-12);
  --component-button-game-preview-secondary-text: var(--system-text-on-color-primary);
  --component-button-primary-alt-bg-disabled: var(--brand-light-bg-alt-disabled);
  --component-button-primary-alt-bg-hover: var(--brand-light-bg-alt-hover);
  --component-button-primary-alt-bg-pressed: var(--brand-light-bg-alt-pressed);
  --component-button-primary-alt-bg: var(--system-bg-brand-alt);
  --component-button-primary-alt-graphics-disabled: var(--white-alpha-64);
  --component-button-primary-alt-graphics: var(--system-graphics-on-brand-alt);
  --component-button-primary-alt-on-color-bg-disabled: var(--white-alpha-32);
  --component-button-primary-alt-on-color-bg-hover: var(--white-alpha-88);
  --component-button-primary-alt-on-color-bg-pressed: var(--white-alpha-80);
  --component-button-primary-alt-on-color-bg: var(--white-alpha-100);
  --component-button-primary-alt-on-color-graphics-disabled: var(--system-text-on-color-disabled);
  --component-button-primary-alt-on-color-graphics: var(--system-graphics-on-elevation-brand-alt);
  --component-button-primary-alt-on-color-text-disabled: var(--system-text-on-color-disabled);
  --component-button-primary-alt-on-color-text: var(--system-text-on-elevation-brand-alt-primary);
  --component-button-primary-alt-text-disabled: var(--white-alpha-64);
  --component-button-primary-alt-text: var(--system-text-on-brand-alt-primary);
  --component-button-primary-bg-disabled: var(--brand-light-bg-disabled);
  --component-button-primary-bg-hover: var(--brand-light-bg-primary-hover);
  --component-button-primary-bg-pressed: var(--brand-light-bg-primary-pressed);
  --component-button-primary-bg: var(--system-bg-brand);
  --component-button-primary-graphics-disabled: var(--white-alpha-64);
  --component-button-primary-graphics: var(--system-graphics-on-brand);
  --component-button-primary-on-color-bg-disabled: var(--white-alpha-32);
  --component-button-primary-on-color-bg-hover: var(--white-alpha-88);
  --component-button-primary-on-color-bg-pressed: var(--white-alpha-80);
  --component-button-primary-on-color-bg: var(--white-alpha-100);
  --component-button-primary-on-color-graphics-disabled: var(--system-text-on-color-disabled);
  --component-button-primary-on-color-graphics: var(--system-graphics-on-elevation-brand);
  --component-button-primary-on-color-text-disabled: var(--system-text-on-color-disabled);
  --component-button-primary-on-color-text: var(--system-text-on-elevation-brand-primary);
  --component-button-primary-text-disabled: var(--white-alpha-64);
  --component-button-primary-text: var(--system-text-on-brand-primary);
  --component-button-secondary-bg-disabled: var(--brand-light-neutrals-alpha-8);
  --component-button-secondary-bg-hover: var(--brand-light-neutrals-alpha-32);
  --component-button-secondary-bg-pressed: var(--brand-light-neutrals-alpha-48);
  --component-button-secondary-bg: var(--brand-light-neutrals-alpha-16);
  --component-button-secondary-graphics-disabled: var(--system-graphics-on-elevation-disabled);
  --component-button-secondary-graphics: var(--system-graphics-on-elevation-primary);
  --component-button-secondary-on-color-bg-disabled: var(--black-alpha-20);
  --component-button-secondary-on-color-bg-hover: var(--black-alpha-32);
  --component-button-secondary-on-color-bg-pressed: var(--black-alpha-40);
  --component-button-secondary-on-color-bg: var(--black-alpha-20);
  --component-button-secondary-on-color-graphics-disabled: var(--system-text-on-color-disabled);
  --component-button-secondary-on-color-graphics: var(--system-graphics-on-color);
  --component-button-secondary-on-color-text-disabled: var(--system-text-on-color-disabled);
  --component-button-secondary-on-color-text: var(--system-text-on-color-primary);
  --component-button-secondary-text-disabled: var(--system-text-on-elevation-disabled);
  --component-button-secondary-text: var(--system-text-on-elevation-primary);
  --component-button-tertiary-bg-hover: var(--black-alpha-4);
  --component-button-tertiary-bg-pressed: var(--black-alpha-8);
  --component-button-tertiary-border-disabled: var(--system-border-on-elevation-tertiary);
  --component-button-tertiary-border: var(--system-border-on-elevation-primary);
  --component-button-tertiary-graphics-disabled: var(--system-graphics-on-elevation-disabled);
  --component-button-tertiary-graphics: var(--system-graphics-on-elevation-primary);
  --component-button-tertiary-on-color-bg-hover: var(--black-alpha-20);
  --component-button-tertiary-on-color-bg-pressed: var(--black-alpha-24);
  --component-button-tertiary-on-color-border-disabled: var(--system-border-on-color-secondary);
  --component-button-tertiary-on-color-border: var(--system-border-on-color-primary);
  --component-button-tertiary-on-color-graphics-disabled: var(--system-text-on-color-disabled);
  --component-button-tertiary-on-color-graphics: var(--system-graphics-on-color);
  --component-button-tertiary-on-color-text-disabled: var(--system-text-on-color-disabled);
  --component-button-tertiary-on-color-text: var(--system-text-on-color-primary);
  --component-button-tertiary-text-disabled: var(--system-text-on-elevation-disabled);
  --component-button-tertiary-text: var(--system-text-on-elevation-primary);
  --component-button-text-on-color-bg: var(--black-alpha-100);
  --component-button-text-on-color-text: var(--system-text-on-color-primary);
  --component-button-text-primary-alt-default: var(--brand-light-text-alt);
  --component-button-text-primary-alt-hover: var(--brand-light-text-alt-hover);
  --component-button-text-primary-alt-pressed: var(--brand-light-text-alt-pressed);
  --component-button-text-primary-default: var(--brand-light-text-primary);
  --component-button-text-primary-hover: var(--brand-light-text-primary-hover);
  --component-button-text-primary-pressed: var(--brand-light-text-primary-pressed);
  --component-button-text-secondary-default: var(--system-text-on-elevation-secondary);
  --component-button-text-secondary-hover: var(--brand-light-neutrals-700);
  --component-button-text-secondary-pressed: var(--brand-light-neutrals-600);
  --component-button-text-tertiary-default: var(--system-text-on-elevation-tertiary);
  --component-button-text-tertiary-hover: var(--brand-light-neutrals-700);
  --component-button-text-tertiary-pressed: var(--brand-light-neutrals-800);
  --component-button-warning-bg-hover-pressed: var(--light-orange-400);
  --component-button-warning-bg: var(--system-bg-warning);
  --component-button-warning-graphics-disabled: var(--system-text-on-warning-disabled);
  --component-button-warning-graphics: var(--system-graphics-on-warning);
  --component-button-warning-text-disabled: var(--system-text-on-warning-disabled);
  --component-button-warning-text: var(--system-text-on-warning-primary);
  --component-event-card-footer-bg: var(--brand-light-neutrals-alpha-12);
  --component-feature-header-brand-border-primary: var(--white-alpha-8);
  --component-feature-header-brand-graphics-notification-indicator: var(--light-yellow-100);
  --component-feature-header-brand-graphics-primary: var(--system-graphics-on-brand);
  --component-feature-header-brand-graphics-secondary: var(--white-alpha-80);
  --component-feature-header-brand-text-primary: var(--system-text-on-brand-primary);
  --component-feature-header-brand-text-secondary: var(--white-alpha-80);
  --component-feature-header-generosity-border-primary: var(--black-alpha-8);
  --component-feature-header-generosity-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-feature-header-generosity-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-feature-header-generosity-graphics-secondary: var(--black-alpha-80);
  --component-feature-header-generosity-text-primary: var(--system-text-on-elevation-primary);
  --component-feature-header-generosity-text-secondary: var(--black-alpha-80);
  --component-feature-header-neutral-border-primary: var(--black-alpha-8);
  --component-feature-header-neutral-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-feature-header-neutral-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-feature-header-neutral-graphics-secondary: var(--black-alpha-80);
  --component-feature-header-neutral-text-primary: var(--system-text-on-elevation-primary);
  --component-feature-header-neutral-text-secondary: var(--system-text-on-elevation-primary);
  --component-filter-tab-active-bg-brand-alt: var(--system-bg-brand-alt);
  --component-filter-tab-active-bg-brand-hover: var(--brand-light-bg-primary-hover);
  --component-filter-tab-active-bg-brand: var(--system-bg-brand);
  --component-filter-tab-active-text-alt: var(--system-text-on-brand-alt-primary);
  --component-filter-tab-active-text: var(--system-text-on-brand-primary);
  --component-filter-tab-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-inactive-border: var(--system-border-on-elevation-secondary);
  --component-filter-tab-inactive-text: var(--system-text-on-elevation-secondary);
  --component-filter-tab-secondary-active-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-secondary-active-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-secondary-active-border: var(--brand-light-border-primary);
  --component-filter-tab-secondary-active-text: var(--brand-light-text-primary);
  --component-filter-tab-secondary-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-secondary-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-secondary-inactive-border: var(--system-border-on-elevation-secondary);
  --component-filter-tab-secondary-inactive-text: var(--system-text-on-elevation-secondary);
  --component-form-draw-bg: var(--brand-light-neutrals-100);
  --component-form-draw-text: var(--system-text-on-elevation-tertiary);
  --component-form-loss-bg: var(--light-red-500);
  --component-form-loss-text: var(--system-text-on-color-primary);
  --component-form-unknown-bg: var(--system-bg-elevation-layer-1);
  --component-form-unknown-text: var(--system-text-on-elevation-tertiary);
  --component-form-won-bg: var(--light-green-500);
  --component-form-won-text: var(--system-text-on-color-primary);
  --component-global-header-bg-body-web: var(--white-alpha-84);
  --component-global-header-bg-layer-1: var(--system-bg-elevation-layer-1);
  --component-global-header-bg-overlay-hover: var(--brand-light-neutrals-alpha-24);
  --component-global-header-bg-overlay-pressed: var(--brand-light-neutrals-alpha-32);
  --component-global-header-bg-overlay: var(--brand-light-neutrals-alpha-16);
  --component-global-header-border-primary: var(--black-alpha-12);
  --component-global-header-graphics-brand: var(--system-graphics-on-elevation-brand);
  --component-global-header-graphics-f2p: var(--system-graphics-on-color);
  --component-global-header-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-global-header-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-global-header-graphics-secondary: var(--system-text-on-elevation-tertiary);
  --component-global-header-text-brand: var(--system-text-on-elevation-brand-primary);
  --component-global-header-text-highlight: var(--light-yellow-200);
  --component-global-header-text-primary: var(--system-text-on-elevation-primary);
  --component-global-header-text-secondary: var(--system-text-on-elevation-secondary);
  --component-hot-tournament-badge-text-live: var(--light-green-600);
  --component-hot-tournament-badge-text: var(--light-blue-600);
  --component-hot-tournament-badgebg: var(--white-alpha-100);
  --component-hot-tournament-graphics: var(--white-alpha-8);
  --component-hot-tournament-text: var(--system-text-on-color-primary);
  --component-input-bg-hover: var(--brand-light-neutrals-alpha-16);
  --component-input-bg: var(--brand-light-neutrals-alpha-8);
  --component-league-status-bronze: var(--light-orange-500);
  --component-league-status-gold: var(--light-yellow-500);
  --component-league-status-silver: var(--brand-light-neutrals-500);
  --component-leg-lost: var(--light-red-300);
  --component-leg-refund: var(--light-orange-300);
  --component-leg-won: var(--light-green-300);
  --component-live-stream-bg-default: var(--brand-light-neutrals-800);
  --component-live-stream-bg-header: var(--brand-light-neutrals-900);
  --component-live-stream-bg-selected: var(--brand-light-neutrals-700);
  --component-live-stream-bg-video: var(--brand-light-neutrals-950);
  --component-live-stream-border: var(--brand-light-neutrals-600);
  --component-live-stream-graphics-default: var(--brand-light-neutrals-500);
  --component-live-stream-graphics-live: var(--light-green-300);
  --component-live-stream-text-minute: var(--light-green-400);
  --component-live-stream-text-primary: var(--system-text-on-neutral-primary);
  --component-live-stream-text-secondary: var(--brand-light-neutrals-100);
  --component-market-stats-progress-bar-lost: var(--light-red-400);
  --component-market-stats-progress-bar-neutral: var(--brand-light-neutrals-600);
  --component-market-stats-progress-bar-won: var(--light-green-400);
  --component-mini-visualisation-home-bg-tennis-clay: rgb(167, 98, 81);
  --component-mini-visualisation-home-bg-tennis-grass: rgb(60, 125, 69);
  --component-mini-visualisation-home-bg-tennis-hard-blue: rgb(77, 113, 165);
  --component-mini-visualisation-home-bg-tennis-hard-grey: rgb(106, 112, 117);
  --component-mini-visualisation-home-text: var(--system-text-on-color-primary);
  --component-modal-bg: var(--system-bg-elevation-layer-1);
  --component-multi-bet-builder-body: var(--light-red-900);
  --component-overlay-bg-alt: var(--black-alpha-80);
  --component-overlay-bg: var(--black-alpha-24);
  --component-playlist-stack-layer-1: var(--black-alpha-32);
  --component-playlist-stack-layer-2: var(--black-alpha-16);
  --component-popup-webview-bg: var(--system-bg-elevation-layer-1);
  --component-popup-webview-button-brand: var(--system-bg-brand);
  --component-popup-webview-text: var(--system-text-on-elevation-primary);
  --component-preview-all-games-border-black: var(--black-alpha-24);
  --component-preview-all-games-border-white: var(--white-alpha-32);
  --component-preview-all-games-icon-black: var(--black-alpha-80);
  --component-preview-all-games-icon-white: var(--white-alpha-100);
  --component-preview-all-games-not-available: var(--white-alpha-100);
  --component-preview-all-games-text-black: var(--black-alpha-80);
  --component-preview-all-games-text-white: var(--white-alpha-100);
  --component-preview-andar-bahar-andar: var(--light-blue-600);
  --component-preview-andar-bahar-bahar: var(--light-red-600);
  --component-preview-baccarat-bank: var(--light-red-600);
  --component-preview-baccarat-player: var(--light-blue-600);
  --component-preview-baccarat-tie: var(--light-green-600);
  --component-preview-boom-city-1x: var(--light-orange-300);
  --component-preview-boom-city-2x: var(--brand-light-neutrals-600);
  --component-preview-boom-city-5x: var(--light-yellow-200);
  --component-preview-boom-city-boom-or-bust: var(--light-magenta-600);
  --component-preview-boom-city-dice-duel: var(--light-blue-600);
  --component-preview-boom-city-lost: var(--light-red-600);
  --component-preview-boom-city-lucky-drop: var(--light-purple-600);
  --component-preview-boom-city-retry: var(--light-teal-500);
  --component-preview-dragon-tiger-dragon: var(--light-red-600);
  --component-preview-dragon-tiger-tie: var(--light-green-600);
  --component-preview-dragon-tiger-tiger: var(--light-yellow-200);
  --component-preview-mega-sic-bo-neutral: var(--white-alpha-100);
  --component-preview-mega-sic-bo-orange: var(--light-orange-200);
  --component-preview-mega-sic-bo-red: var(--light-red-600);
  --component-preview-mega-wheel-10: var(--light-red-300);
  --component-preview-mega-wheel-15: var(--light-orange-300);
  --component-preview-mega-wheel-1: var(--light-yellow-100);
  --component-preview-mega-wheel-20: var(--light-teal-300);
  --component-preview-mega-wheel-2: var(--light-yellow-200);
  --component-preview-mega-wheel-30: var(--light-purple-300);
  --component-preview-mega-wheel-40: var(--light-magenta-300);
  --component-preview-mega-wheel-5: var(--light-blue-300);
  --component-preview-mega-wheel-8: var(--light-magenta-300);
  --component-preview-roulette-black: var(--black-alpha-100);
  --component-preview-roulette-green: var(--light-green-600);
  --component-preview-roulette-red: var(--light-red-600);
  --component-preview-sweet-bonanza-1: var(--light-yellow-200);
  --component-preview-sweet-bonanza-2: var(--light-purple-600);
  --component-preview-sweet-bonanza-5: var(--light-magenta-600);
  --component-preview-sweet-bonanza-bomb: var(--light-purple-600);
  --component-preview-sweet-bonanza-bubble: var(--light-red-600);
  --component-preview-sweet-bonanza-candy: var(--light-magenta-600);
  --component-preview-sweet-bonanza-sweet: var(--light-yellow-200);
  --component-preview-top-card-left: var(--light-red-600);
  --component-preview-top-card-right: var(--light-blue-600);
  --component-preview-top-card-tie: var(--light-yellow-200);
  --component-progress-bar-bg: var(--brand-light-neutrals-100);
  --component-rating-bg-1: var(--system-bg-data-red-secondary);
  --component-rating-bg-2: var(--system-bg-data-orange-secondary);
  --component-rating-bg-3: var(--light-yellow-50);
  --component-rating-bg-4: var(--system-bg-data-green-secondary);
  --component-rating-bg-5: var(--system-bg-data-blue-secondary);
  --component-rating-bg-na: var(--brand-light-neutrals-100);
  --component-rating-text-1: var(--system-text-on-data-on-red-secondary);
  --component-rating-text-2: var(--system-text-on-data-on-orange-secondary);
  --component-rating-text-3: var(--system-text-on-data-on-yellow-secondary);
  --component-rating-text-4: var(--system-text-on-data-on-green-secondary);
  --component-rating-text-5: var(--system-text-on-data-on-blue-secondary);
  --component-rating-text-na: var(--system-text-on-elevation-tertiary);
  --component-reply-bg: var(--black-alpha-4);
  --component-rounded-icon-brand-alt-bg: var(--brand-light-bg-alt-elevation);
  --component-rounded-icon-brand-alt-icon: var(--system-text-on-elevation-brand-alt-primary);
  --component-rounded-icon-brand-bg: var(--brand-light-bg-elevation);
  --component-rounded-icon-brand-icon: var(--system-graphics-on-elevation-brand);
  --component-rounded-icon-primary-bg: var(--brand-light-neutrals-75);
  --component-rounded-icon-primary-icon: var(--system-graphics-on-elevation-primary);
  --component-rounded-icon-secondary-bg: var(--brand-light-neutrals-75);
  --component-rounded-icon-secondary-icon: var(--system-graphics-on-elevation-tertiary);
  --component-rounded-icon-teal-bg: var(--light-teal-50);
  --component-rounded-icon-teal-icon: var(--light-teal-600);
  --component-rounded-icon-white-bg: var(--white-alpha-40);
  --component-rounded-icon-white-icon: var(--system-graphics-on-color);
  --component-scoreboard-bg-body: var(--black-alpha-6);
  --component-scoreboard-bg-layer-1: var(--black-alpha-8);
  --component-scoreboard-graphics-secondary: var(--system-graphics-on-elevation-tertiary);
  --component-scoreboard-text-primary: var(--system-text-on-elevation-primary);
  --component-scoreboard-text-secondary: var(--system-text-on-elevation-tertiary);
  --component-scoreboard-text-time: var(--system-text-on-elevation-success-primary);
  --component-scrollbar-handle-hover: var(--brand-light-neutrals-500);
  --component-scrollbar-handle-pressed: var(--brand-light-neutrals-650);
  --component-scrollbar-handle: var(--brand-light-neutrals-300);
  --component-scrollbar-rail: var(--brand-light-neutrals-100);
  --component-segmented-control-on-color-bg-active: var(--white-alpha-100);
  --component-segmented-control-on-color-bg-default: var(--black-alpha-20);
  --component-segmented-control-on-color-bg-hover: var(--black-alpha-12);
  --component-segmented-control-on-color-bg-pressed: var(--black-alpha-16);
  --component-segmented-control-on-color-border-active: var(--white-alpha-100);
  --component-segmented-control-on-color-separator: var(--black-alpha-8);
  --component-segmented-control-on-color-text-active: var(--system-text-on-elevation-brand-primary);
  --component-segmented-control-on-color-text-default: var(--system-text-on-color-secondary);
  --component-segmented-control-on-elevation-bg-active: var(--system-bg-elevation-layer-1);
  --component-segmented-control-on-elevation-bg-default: var(--brand-light-neutrals-alpha-12);
  --component-segmented-control-on-elevation-bg-hover: var(--brand-light-neutrals-alpha-8);
  --component-segmented-control-on-elevation-bg-pressed: var(--brand-light-neutrals-alpha-16);
  --component-segmented-control-on-elevation-separator: var(--system-border-on-elevation-tertiary);
  --component-segmented-control-on-elevation-text-active: var(--system-text-on-elevation-brand-primary);
  --component-segmented-control-on-elevation-text-default: var(--system-text-on-elevation-secondary);
  --component-segmented-control-on-generosity-bg-active: var(--white-alpha-100);
  --component-segmented-control-on-generosity-bg-default: var(--black-alpha-8);
  --component-segmented-control-on-generosity-bg-hover: var(--black-alpha-8);
  --component-segmented-control-on-generosity-bg-pressed: var(--black-alpha-16);
  --component-segmented-control-on-generosity-separator: var(--black-alpha-8);
  --component-segmented-control-on-generosity-text-active: var(--system-text-on-elevation-primary);
  --component-segmented-control-on-generosity-text-default: var(--system-text-on-elevation-primary);
  --component-skeleton-top-nav: var(--black-alpha-12);
  --component-skeleton-value-1: var(--brand-light-neutrals-50);
  --component-skeleton-value-2: var(--brand-light-neutrals-100);
  --component-snackbar-bg: var(--brand-light-neutrals-950);
  --component-snackbar-button-text-hover: var(--white-alpha-80);
  --component-snackbar-button-text-pressed: var(--white-alpha-64);
  --component-snackbar-button-text: var(--white-alpha-100);
  --component-snackbar-text-secondary: var(--white-alpha-72);
  --component-snackbar-text: var(--system-text-on-color-primary);
  --component-tabs-on-brand-badge-bg-active: var(--white-alpha-100);
  --component-tabs-on-brand-badge-bg-inactive: var(--white-alpha-24);
  --component-tabs-on-brand-badge-text-active: var(--system-text-on-elevation-brand-primary);
  --component-tabs-on-brand-badge-text-inactive: var(--system-text-on-brand-secondary);
  --component-tabs-on-brand-bg-hover: var(--black-alpha-20);
  --component-tabs-on-brand-bg-pressed: var(--black-alpha-32);
  --component-tabs-on-brand-border: var(--system-graphics-on-brand);
  --component-tabs-on-brand-text-active: var(--system-text-on-color-primary);
  --component-tabs-on-brand-text-disabled: var(--system-text-on-color-disabled);
  --component-tabs-on-brand-text-inactive: var(--system-text-on-color-secondary);
  --component-tabs-on-elevation-badge-bg-active: var(--system-graphics-on-elevation-brand);
  --component-tabs-on-elevation-badge-bg-inactive: var(--brand-light-neutrals-100);
  --component-tabs-on-elevation-badge-text-active: var(--system-text-on-brand-primary);
  --component-tabs-on-elevation-badge-text-inactive: var(--system-text-on-elevation-tertiary);
  --component-tabs-on-elevation-bg-hover: var(--brand-light-neutrals-alpha-8);
  --component-tabs-on-elevation-bg-pressed: var(--brand-light-neutrals-alpha-16);
  --component-tabs-on-elevation-border: var(--system-graphics-on-elevation-brand);
  --component-tabs-on-elevation-text-active: var(--system-text-on-elevation-primary);
  --component-tabs-on-elevation-text-disabled: var(--system-text-on-elevation-disabled);
  --component-tabs-on-elevation-text-inactive: var(--system-text-on-elevation-tertiary);
  --component-tabs-on-generosity-badge-bg-active: var(--system-graphics-on-elevation-primary);
  --component-tabs-on-generosity-badge-bg-inactive: var(--black-alpha-16);
  --component-tabs-on-generosity-badge-text-active: var(--system-text-on-color-primary);
  --component-tabs-on-generosity-badge-text-inactive: var(--black-alpha-80);
  --component-tabs-on-generosity-bg-hover: var(--black-alpha-8);
  --component-tabs-on-generosity-bg-pressed: var(--black-alpha-12);
  --component-tabs-on-generosity-border: var(--system-text-on-elevation-primary);
  --component-tabs-on-generosity-text-active: var(--system-text-on-elevation-primary);
  --component-tabs-on-generosity-text-disabled: var(--black-alpha-40);
  --component-tabs-on-generosity-text-inactive: var(--black-alpha-80);
  --component-tabs-secondary-active-bg-hover: var(--light-red-100);
  --component-tabs-secondary-active-bg-pressed: var(--light-red-50);
  --component-tabs-secondary-active-bg: var(--system-bg-elevation-brand);
  --component-tabs-secondary-active-text: var(--system-text-on-elevation-brand-primary);
  --component-tabs-secondary-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-tabs-secondary-inactive-bg-pressed: var(--system-bg-elevation-layer-1-pressed);
  --component-tabs-secondary-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-tabs-secondary-inactive-text: var(--system-text-on-elevation-secondary);
  --component-tennis-points-text-green: var(--system-text-on-elevation-success-primary);
  --component-tennis-points-text-red: var(--system-text-on-elevation-danger-primary);
  --component-tennis-points-text-yellow: var(--light-yellow-500);
  --component-toggle-switch-active-bg: var(--system-bg-brand);
  --component-toggle-switch-active-icon: var(--system-bg-brand);
  --component-toggle-switch-active-knob: var(--white-alpha-100);
  --component-toggle-switch-disabled-bg: var(--brand-light-neutrals-200);
  --component-toggle-switch-disabled-icon: var(--brand-light-neutrals-200);
  --component-toggle-switch-disabled-knob: var(--white-alpha-64);
  --component-toggle-switch-inactive-bg: var(--brand-light-neutrals-400);
  --component-toggle-switch-inactive-icon: var(--brand-light-neutrals-400);
  --component-toggle-switch-inactive-knob: var(--white-alpha-100);
  --component-tooltip-alternative-bg: var(--white-alpha-100);
  --component-tooltip-alternative-text: var(--system-text-on-elevation-primary);
  --component-tooltip-default-bg: var(--brand-light-neutrals-950);
  --component-tooltip-default-text: var(--system-text-on-color-primary);
  --gradients-body-transparent: var(--brand-light-gradient-body-transparent);
  --gradients-component-bet-builder-horizontal-angle: 90deg;
  --gradients-component-bet-builder-horizontal-end-color-stop: 100;
  --gradients-component-bet-builder-horizontal-end-color: var(--light-red-900);
  --gradients-component-bet-builder-horizontal-start-color-stop: 0;
  --gradients-component-bet-builder-horizontal-start-color: var(--light-red-700);
  --gradients-component-bet-builder-horizontal:
    linear-gradient(
      
      var(--gradients-component-bet-builder-horizontal-angle),
      var(--gradients-component-bet-builder-horizontal-start-color) 0%,
      var(--gradients-component-bet-builder-horizontal-end-color) 100% );
  --gradients-component-bet-builder-vertical-angle: 180deg;
  --gradients-component-bet-builder-vertical-end-color-stop: 100;
  --gradients-component-bet-builder-vertical-end-color: var(--light-red-900);
  --gradients-component-bet-builder-vertical-start-color-stop: 0;
  --gradients-component-bet-builder-vertical-start-color: var(--light-red-700);
  --gradients-component-bet-builder-vertical:
    linear-gradient(
      
      var(--gradients-component-bet-builder-vertical-angle),
      var(--gradients-component-bet-builder-vertical-start-color) 0%,
      var(--gradients-component-bet-builder-vertical-end-color) 100% );
  --gradients-component-cards-bg-bet-creator-angle: 225deg;
  --gradients-component-cards-bg-bet-creator-end-color-stop: 100;
  --gradients-component-cards-bg-bet-creator-end-color: var(--light-blue-500);
  --gradients-component-cards-bg-bet-creator-start-color-stop: 0;
  --gradients-component-cards-bg-bet-creator-start-color: var(--light-blue-600);
  --gradients-component-cards-bg-bet-creator:
    linear-gradient(
      
      var(--gradients-component-cards-bg-bet-creator-angle),
      var(--gradients-component-cards-bg-bet-creator-start-color) 0%,
      var(--gradients-component-cards-bg-bet-creator-end-color) 100% );
  --gradients-component-cards-bg-discover-games-angle: "Radial";
  --gradients-component-cards-bg-discover-games-end-color-stop: 100;
  --gradients-component-cards-bg-discover-games-end-color: var(--light-magenta-950);
  --gradients-component-cards-bg-discover-games-start-color-stop: 0;
  --gradients-component-cards-bg-discover-games-start-color: var(--light-magenta-800);
  --gradients-component-cards-bg-discover-games:
    linear-gradient(
      
      var(--gradients-component-cards-bg-discover-games-angle),
      var(--gradients-component-cards-bg-discover-games-start-color) 0%,
      var(--gradients-component-cards-bg-discover-games-end-color) 100% );
  --gradients-component-cards-bg-login-angle: 90deg;
  --gradients-component-cards-bg-login-end-color-stop: 100;
  --gradients-component-cards-bg-login-end-color: var(--light-teal-500);
  --gradients-component-cards-bg-login-start-color-stop: 0;
  --gradients-component-cards-bg-login-start-color: var(--light-teal-600);
  --gradients-component-cards-bg-login:
    linear-gradient(
      
      var(--gradients-component-cards-bg-login-angle),
      var(--gradients-component-cards-bg-login-start-color) 0%,
      var(--gradients-component-cards-bg-login-end-color) 100% );
  --gradients-component-cards-bg-promo-angle: 275deg;
  --gradients-component-cards-bg-promo-end-color-stop: 64;
  --gradients-component-cards-bg-promo-end-color: var(--light-magenta-900);
  --gradients-component-cards-bg-promo-start-color-stop: 8;
  --gradients-component-cards-bg-promo-start-color: var(--light-red-600);
  --gradients-component-cards-bg-promo:
    linear-gradient(
      
      var(--gradients-component-cards-bg-promo-angle),
      var(--gradients-component-cards-bg-promo-start-color) 8%,
      var(--gradients-component-cards-bg-promo-end-color) 64% );
  --gradients-component-cards-bg-specials-angle: 225deg;
  --gradients-component-cards-bg-specials-end-color-stop: 100;
  --gradients-component-cards-bg-specials-end-color: var(--light-red-600);
  --gradients-component-cards-bg-specials-start-color-stop: 0;
  --gradients-component-cards-bg-specials-start-color: var(--light-orange-300);
  --gradients-component-cards-bg-specials:
    linear-gradient(
      
      var(--gradients-component-cards-bg-specials-angle),
      var(--gradients-component-cards-bg-specials-start-color) 0%,
      var(--gradients-component-cards-bg-specials-end-color) 100% );
  --gradients-component-content-creator-program-creator-unlocked-angle: 180deg;
  --gradients-component-content-creator-program-creator-unlocked-end-color-stop: 100;
  --gradients-component-content-creator-program-creator-unlocked-end-color: var(--brand-light-gradient-system-brand-end-color);
  --gradients-component-content-creator-program-creator-unlocked-start-color-stop: 0;
  --gradients-component-content-creator-program-creator-unlocked-start-color: var(--brand-light-gradient-system-brand-start-color);
  --gradients-component-content-creator-program-creator-unlocked:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-creator-unlocked-angle),
      var(--gradients-component-content-creator-program-creator-unlocked-start-color) 0%,
      var(--gradients-component-content-creator-program-creator-unlocked-end-color) 100% );
  --gradients-component-content-creator-program-earnings-unlocked-angle: 180deg;
  --gradients-component-content-creator-program-earnings-unlocked-end-color-stop: 64;
  --gradients-component-content-creator-program-earnings-unlocked-end-color: var(--light-orange-500);
  --gradients-component-content-creator-program-earnings-unlocked-start-color-stop: 0;
  --gradients-component-content-creator-program-earnings-unlocked-start-color: var(--dark-yellow-100);
  --gradients-component-content-creator-program-earnings-unlocked:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-earnings-unlocked-angle),
      var(--gradients-component-content-creator-program-earnings-unlocked-start-color) 0%,
      var(--gradients-component-content-creator-program-earnings-unlocked-end-color) 64% );
  --gradients-component-content-creator-program-status-locked-horizontal-angle: 90deg;
  --gradients-component-content-creator-program-status-locked-horizontal-end-color-stop: 100;
  --gradients-component-content-creator-program-status-locked-horizontal-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-locked-horizontal-start-color-stop: 0;
  --gradients-component-content-creator-program-status-locked-horizontal-start-color: var(--light-blue-75);
  --gradients-component-content-creator-program-status-locked-horizontal:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-locked-horizontal-angle),
      var(--gradients-component-content-creator-program-status-locked-horizontal-start-color) 0%,
      var(--gradients-component-content-creator-program-status-locked-horizontal-end-color) 100% );
  --gradients-component-content-creator-program-status-locked-vertical-angle: 180deg;
  --gradients-component-content-creator-program-status-locked-vertical-end-color-stop: 100;
  --gradients-component-content-creator-program-status-locked-vertical-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-locked-vertical-start-color-stop: 0;
  --gradients-component-content-creator-program-status-locked-vertical-start-color: var(--light-blue-75);
  --gradients-component-content-creator-program-status-locked-vertical:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-locked-vertical-angle),
      var(--gradients-component-content-creator-program-status-locked-vertical-start-color) 0%,
      var(--gradients-component-content-creator-program-status-locked-vertical-end-color) 100% );
  --gradients-component-content-creator-program-status-unlocked-horizontal-angle: 90deg;
  --gradients-component-content-creator-program-status-unlocked-horizontal-end-color-stop: 100;
  --gradients-component-content-creator-program-status-unlocked-horizontal-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-unlocked-horizontal-start-color-stop: 0;
  --gradients-component-content-creator-program-status-unlocked-horizontal-start-color: var(--light-green-75);
  --gradients-component-content-creator-program-status-unlocked-horizontal:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-angle),
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-start-color) 0%,
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-end-color) 100% );
  --gradients-component-content-creator-program-status-unlocked-vertical-angle: 180deg;
  --gradients-component-content-creator-program-status-unlocked-vertical-end-color-stop: 100;
  --gradients-component-content-creator-program-status-unlocked-vertical-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-unlocked-vertical-start-color-stop: 0;
  --gradients-component-content-creator-program-status-unlocked-vertical-start-color: var(--light-green-75);
  --gradients-component-content-creator-program-status-unlocked-vertical:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-unlocked-vertical-angle),
      var(--gradients-component-content-creator-program-status-unlocked-vertical-start-color) 0%,
      var(--gradients-component-content-creator-program-status-unlocked-vertical-end-color) 100% );
  --gradients-component-divider-line-secondary-on-layer-1-angle: 90deg;
  --gradients-component-divider-line-secondary-on-layer-1-end-color-stop: 100;
  --gradients-component-divider-line-secondary-on-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-divider-line-secondary-on-layer-1-middle-color-stop: 50;
  --gradients-component-divider-line-secondary-on-layer-1-middle-color: var(--brand-light-neutrals-200);
  --gradients-component-divider-line-secondary-on-layer-1-start-color-stop: 0;
  --gradients-component-divider-line-secondary-on-layer-1-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-divider-line-secondary-on-layer-1:
    linear-gradient(
      
      var(--gradients-component-divider-line-secondary-on-layer-1-angle),
      var(--gradients-component-divider-line-secondary-on-layer-1-start-color) 0%,
      var(--gradients-component-divider-line-secondary-on-layer-1-middle-color) 50%,
      var(--gradients-component-divider-line-secondary-on-layer-1-end-color) 100% );
  --gradients-component-f2p-header-end-color: var(--brand-dark-neutrals-950);
  --gradients-component-f2p-header-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-feature-display-brand-angle: 180deg;
  --gradients-component-feature-display-brand-end-color-stop: 84;
  --gradients-component-feature-display-brand-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-brand-start-color-stop: 8;
  --gradients-component-feature-display-brand-start-color: var(--system-bg-brand);
  --gradients-component-feature-display-brand-subtle-angle: 180deg;
  --gradients-component-feature-display-brand-subtle-end-color-stop: 84;
  --gradients-component-feature-display-brand-subtle-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-brand-subtle-start-color-stop: 8;
  --gradients-component-feature-display-brand-subtle-start-color: var(--brand-light-bg-elevation-secondary);
  --gradients-component-feature-display-brand-subtle:
    linear-gradient(
      
      var(--gradients-component-feature-display-brand-subtle-angle),
      var(--gradients-component-feature-display-brand-subtle-start-color) 8%,
      var(--gradients-component-feature-display-brand-subtle-end-color) 84% );
  --gradients-component-feature-display-brand:
    linear-gradient(
      
      var(--gradients-component-feature-display-brand-angle),
      var(--gradients-component-feature-display-brand-start-color) 8%,
      var(--gradients-component-feature-display-brand-end-color) 84% );
  --gradients-component-feature-display-generosity-angle: 180deg;
  --gradients-component-feature-display-generosity-end-color-stop: 84;
  --gradients-component-feature-display-generosity-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-generosity-middle-color-stop: 32;
  --gradients-component-feature-display-generosity-middle-color: var(--light-yellow-100);
  --gradients-component-feature-display-generosity-start-color-stop: 0;
  --gradients-component-feature-display-generosity-start-color: var(--light-orange-250);
  --gradients-component-feature-display-generosity:
    linear-gradient(
      
      var(--gradients-component-feature-display-generosity-angle),
      var(--gradients-component-feature-display-generosity-start-color) 0%,
      var(--gradients-component-feature-display-generosity-middle-color) 32%,
      var(--gradients-component-feature-display-generosity-end-color) 84% );
  --gradients-component-feature-display-neutral-secondary-angle: 180deg;
  --gradients-component-feature-display-neutral-secondary-end-color-stop: 84;
  --gradients-component-feature-display-neutral-secondary-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-neutral-secondary-start-color-stop: 8;
  --gradients-component-feature-display-neutral-secondary-start-color: var(--brand-light-neutrals-250);
  --gradients-component-feature-display-neutral-secondary:
    linear-gradient(
      
      var(--gradients-component-feature-display-neutral-secondary-angle),
      var(--gradients-component-feature-display-neutral-secondary-start-color) 8%,
      var(--gradients-component-feature-display-neutral-secondary-end-color) 84% );
  --gradients-component-feature-header-brand-angle: 180deg;
  --gradients-component-feature-header-brand-end-color-stop: 100;
  --gradients-component-feature-header-brand-end-color: var(--system-bg-brand);
  --gradients-component-feature-header-brand-start-color-stop: 0;
  --gradients-component-feature-header-brand-start-color: var(--brand-light-bg-primary-darkened);
  --gradients-component-feature-header-brand:
    linear-gradient(
      
      var(--gradients-component-feature-header-brand-angle),
      var(--gradients-component-feature-header-brand-start-color) 0%,
      var(--gradients-component-feature-header-brand-end-color) 100% );
  --gradients-component-feature-header-generosity-angle: 180deg;
  --gradients-component-feature-header-generosity-end-color-stop: 64;
  --gradients-component-feature-header-generosity-end-color: var(--light-yellow-100);
  --gradients-component-feature-header-generosity-start-color-stop: 0;
  --gradients-component-feature-header-generosity-start-color: var(--light-orange-300);
  --gradients-component-feature-header-generosity:
    linear-gradient(
      
      var(--gradients-component-feature-header-generosity-angle),
      var(--gradients-component-feature-header-generosity-start-color) 0%,
      var(--gradients-component-feature-header-generosity-end-color) 64% );
  --gradients-component-feature-header-multi-bet-builder-angle: 180deg;
  --gradients-component-feature-header-multi-bet-builder-end-color-stop: 100;
  --gradients-component-feature-header-multi-bet-builder-end-color: var(--light-red-900);
  --gradients-component-feature-header-multi-bet-builder-start-color-stop: 0;
  --gradients-component-feature-header-multi-bet-builder-start-color: var(--light-red-700);
  --gradients-component-feature-header-multi-bet-builder:
    linear-gradient(
      
      var(--gradients-component-feature-header-multi-bet-builder-angle),
      var(--gradients-component-feature-header-multi-bet-builder-start-color) 0%,
      var(--gradients-component-feature-header-multi-bet-builder-end-color) 100% );
  --gradients-component-fixers-above-global-header-angle: 180deg;
  --gradients-component-fixers-above-global-header-end-color-stop: 100;
  --gradients-component-fixers-above-global-header-end-color: var(--brand-light-gradient-component-fixers-above-global-header-end-color);
  --gradients-component-fixers-above-global-header-start-color-stop: 0;
  --gradients-component-fixers-above-global-header-start-color: var(--brand-light-gradient-component-fixers-above-global-header-start-color);
  --gradients-component-fixers-above-global-header:
    linear-gradient(
      
      var(--gradients-component-fixers-above-global-header-angle),
      var(--gradients-component-fixers-above-global-header-start-color) 0%,
      var(--gradients-component-fixers-above-global-header-end-color) 100% );
  --gradients-component-fixers-page-header-angle: 180deg;
  --gradients-component-fixers-page-header-end-color-stop: 100;
  --gradients-component-fixers-page-header-end-color: var(--system-bg-elevation-body);
  --gradients-component-fixers-page-header-start-color-stop: 0;
  --gradients-component-fixers-page-header-start-color: var(--brand-light-gradient-component-fixers-page-header-start-color);
  --gradients-component-fixers-page-header:
    linear-gradient(
      
      var(--gradients-component-fixers-page-header-angle),
      var(--gradients-component-fixers-page-header-start-color) 0%,
      var(--gradients-component-fixers-page-header-end-color) 100% );
  --gradients-component-fixers-sidebar-angle: 180deg;
  --gradients-component-fixers-sidebar-end-color-stop: 100;
  --gradients-component-fixers-sidebar-end-color: var(--system-bg-elevation-body);
  --gradients-component-fixers-sidebar-start-color-stop: 0;
  --gradients-component-fixers-sidebar-start-color: var(--brand-light-gradient-component-fixers-sidebar-start-color);
  --gradients-component-fixers-sidebar:
    linear-gradient(
      
      var(--gradients-component-fixers-sidebar-angle),
      var(--gradients-component-fixers-sidebar-start-color) 0%,
      var(--gradients-component-fixers-sidebar-end-color) 100% );
  --gradients-component-global-header-f2p-angle: 180deg;
  --gradients-component-global-header-f2p-end-color-stop: 88;
  --gradients-component-global-header-f2p-end-color: var(--brand-dark-neutrals-950);
  --gradients-component-global-header-f2p-start-color-stop: 0;
  --gradients-component-global-header-f2p-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-global-header-f2p:
    linear-gradient(
      
      var(--gradients-component-global-header-f2p-angle),
      var(--gradients-component-global-header-f2p-start-color) 0%,
      var(--gradients-component-global-header-f2p-end-color) 88% );
  --gradients-component-global-header-on-body-angle: 180deg;
  --gradients-component-global-header-on-body-end-color-stop: 88;
  --gradients-component-global-header-on-body-end-color: var(--system-bg-elevation-body);
  --gradients-component-global-header-on-body-start-color-stop: 0;
  --gradients-component-global-header-on-body-start-color: var(--brand-light-gradient-component-top-nav-start-color);
  --gradients-component-global-header-on-body:
    linear-gradient(
      
      var(--gradients-component-global-header-on-body-angle),
      var(--gradients-component-global-header-on-body-start-color) 0%,
      var(--gradients-component-global-header-on-body-end-color) 88% );
  --gradients-component-global-header-on-layer-1-angle: 180deg;
  --gradients-component-global-header-on-layer-1-end-color-stop: 88;
  --gradients-component-global-header-on-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-global-header-on-layer-1-start-color-stop: 0;
  --gradients-component-global-header-on-layer-1-start-color: var(--brand-light-gradient-component-top-nav-start-color);
  --gradients-component-global-header-on-layer-1:
    linear-gradient(
      
      var(--gradients-component-global-header-on-layer-1-angle),
      var(--gradients-component-global-header-on-layer-1-start-color) 0%,
      var(--gradients-component-global-header-on-layer-1-end-color) 88% );
  --gradients-component-overlay-gradient-body-angle: 90deg;
  --gradients-component-overlay-gradient-body-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-end-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-body-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-inverted-end-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-inverted-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-inverted-start-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-inverted-angle),
      var(--gradients-component-overlay-gradient-body-inverted-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-body-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-start-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong-angle: 90deg;
  --gradients-component-overlay-gradient-body-strong-end-color-stop: 24;
  --gradients-component-overlay-gradient-body-strong-end-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-strong-inverted-2-angle: 90deg;
  --gradients-component-overlay-gradient-body-strong-inverted-2-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-strong-inverted-2-end-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong-inverted-2-start-color-stop: 76;
  --gradients-component-overlay-gradient-body-strong-inverted-2-start-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-strong-inverted-2:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-angle),
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-start-color) 76%,
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-end-color) 100% );
  --gradients-component-overlay-gradient-body-strong-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-strong-start-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-strong-angle),
      var(--gradients-component-overlay-gradient-body-strong-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-strong-end-color) 24% );
  --gradients-component-overlay-gradient-body:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-angle),
      var(--gradients-component-overlay-gradient-body-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-inverted-end-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-inverted-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-inverted-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-inverted-angle),
      var(--gradients-component-overlay-gradient-layer-1-inverted-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-start-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-strong-end-color-stop: 24;
  --gradients-component-overlay-gradient-layer-1-strong-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-strong-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-end-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong-inverted-start-color-stop: 76;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-strong-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-angle),
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-start-color) 76%,
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-strong-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-strong-start-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-strong-angle),
      var(--gradients-component-overlay-gradient-layer-1-strong-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-strong-end-color) 24% );
  --gradients-component-overlay-gradient-layer-1:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-angle),
      var(--gradients-component-overlay-gradient-layer-1-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-end-color) 100% );
  --gradients-component-progress-bar-generosity-angle: 90deg;
  --gradients-component-progress-bar-generosity-end-color-stop: 100;
  --gradients-component-progress-bar-generosity-end-color: var(--light-orange-300);
  --gradients-component-progress-bar-generosity-start-color-stop: 40;
  --gradients-component-progress-bar-generosity-start-color: var(--light-yellow-100);
  --gradients-component-progress-bar-generosity:
    linear-gradient(
      
      var(--gradients-component-progress-bar-generosity-angle),
      var(--gradients-component-progress-bar-generosity-start-color) 40%,
      var(--gradients-component-progress-bar-generosity-end-color) 100% );
  --gradients-component-sidebar-active-angle: 90deg;
  --gradients-component-sidebar-active-end-color-stop: 100;
  --gradients-component-sidebar-active-end-color: var(--brand-light-gradient-body-transparent);
  --gradients-component-sidebar-active-hover-angle: 90deg;
  --gradients-component-sidebar-active-hover-end-color-stop: 100;
  --gradients-component-sidebar-active-hover-end-color: var(--brand-light-gradient-body-transparent);
  --gradients-component-sidebar-active-hover-start-color-stop: 56;
  --gradients-component-sidebar-active-hover-start-color: var(--system-bg-elevation-layer-1-hover);
  --gradients-component-sidebar-active-hover:
    linear-gradient(
      
      var(--gradients-component-sidebar-active-hover-angle),
      var(--gradients-component-sidebar-active-hover-start-color) 56%,
      var(--gradients-component-sidebar-active-hover-end-color) 100% );
  --gradients-component-sidebar-active-start-color-stop: 56;
  --gradients-component-sidebar-active-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-sidebar-active:
    linear-gradient(
      
      var(--gradients-component-sidebar-active-angle),
      var(--gradients-component-sidebar-active-start-color) 56%,
      var(--gradients-component-sidebar-active-end-color) 100% );
  --gradients-component-sidebar-inactive-hover-angle: 90deg;
  --gradients-component-sidebar-inactive-hover-end-color-stop: 100;
  --gradients-component-sidebar-inactive-hover-end-color: var(--brand-light-gradient-body-transparent);
  --gradients-component-sidebar-inactive-hover-start-color-stop: 56;
  --gradients-component-sidebar-inactive-hover-start-color: var(--system-bg-elevation-body-hover);
  --gradients-component-sidebar-inactive-hover:
    linear-gradient(
      
      var(--gradients-component-sidebar-inactive-hover-angle),
      var(--gradients-component-sidebar-inactive-hover-start-color) 56%,
      var(--gradients-component-sidebar-inactive-hover-end-color) 100% );
  --gradients-component-skeleton-angle: 270deg;
  --gradients-component-skeleton-end-color-stop: 100;
  --gradients-component-skeleton-end-color: var(--brand-light-gradient-skeleton);
  --gradients-component-skeleton-middle-color-stop: 50;
  --gradients-component-skeleton-middle-color: var(--brand-light-neutrals-100);
  --gradients-component-skeleton-on-top-nav-angle: 270deg;
  --gradients-component-skeleton-on-top-nav-end-color-stop: 100;
  --gradients-component-skeleton-on-top-nav-end-color: rgba(0, 0, 0, 0.00);
  --gradients-component-skeleton-on-top-nav-middle-color-stop: 50;
  --gradients-component-skeleton-on-top-nav-middle-color: var(--black-alpha-24);
  --gradients-component-skeleton-on-top-nav-start-color-stop: 0;
  --gradients-component-skeleton-on-top-nav-start-color: rgba(0, 0, 0, 0.00);
  --gradients-component-skeleton-on-top-nav:
    linear-gradient(
      
      var(--gradients-component-skeleton-on-top-nav-angle),
      var(--gradients-component-skeleton-on-top-nav-start-color) 0%,
      var(--gradients-component-skeleton-on-top-nav-middle-color) 50%,
      var(--gradients-component-skeleton-on-top-nav-end-color) 100% );
  --gradients-component-skeleton-start-color-stop: 0;
  --gradients-component-skeleton-start-color: var(--brand-light-gradient-skeleton);
  --gradients-component-skeleton:
    linear-gradient(
      
      var(--gradients-component-skeleton-angle),
      var(--gradients-component-skeleton-start-color) 0%,
      var(--gradients-component-skeleton-middle-color) 50%,
      var(--gradients-component-skeleton-end-color) 100% );
  --gradients-component-superbonus-bg-progress-bar-angle: 90deg;
  --gradients-component-superbonus-bg-progress-bar-end-color-stop: 100;
  --gradients-component-superbonus-bg-progress-bar-end-color: var(--light-green-600);
  --gradients-component-superbonus-bg-progress-bar-start-color-stop: 0;
  --gradients-component-superbonus-bg-progress-bar-start-color: var(--light-green-400);
  --gradients-component-superbonus-bg-progress-bar:
    linear-gradient(
      
      var(--gradients-component-superbonus-bg-progress-bar-angle),
      var(--gradients-component-superbonus-bg-progress-bar-start-color) 0%,
      var(--gradients-component-superbonus-bg-progress-bar-end-color) 100% );
  --gradients-layer-1-transparent: rgba(255, 255, 255, 0.00);
  --gradients-system-horizontal-brand-angle: 90deg;
  --gradients-system-horizontal-brand-end-color-stop: 100;
  --gradients-system-horizontal-brand-end-color: var(--brand-light-gradient-system-brand-end-color);
  --gradients-system-horizontal-brand-start-color-stop: 0;
  --gradients-system-horizontal-brand-start-color: var(--brand-light-gradient-system-brand-start-color);
  --gradients-system-horizontal-brand:
    linear-gradient(
      
      var(--gradients-system-horizontal-brand-angle),
      var(--gradients-system-horizontal-brand-start-color) 0%,
      var(--gradients-system-horizontal-brand-end-color) 100% );
  --gradients-system-horizontal-generosity-angle: 90deg;
  --gradients-system-horizontal-generosity-end-color-stop: 100;
  --gradients-system-horizontal-generosity-end-color: var(--light-orange-250);
  --gradients-system-horizontal-generosity-layer-1-angle: 90deg;
  --gradients-system-horizontal-generosity-layer-1-end-color-stop: 84;
  --gradients-system-horizontal-generosity-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-horizontal-generosity-layer-1-start-color-stop: 0;
  --gradients-system-horizontal-generosity-layer-1-start-color: var(--light-yellow-100);
  --gradients-system-horizontal-generosity-layer-1:
    linear-gradient(
      
      var(--gradients-system-horizontal-generosity-layer-1-angle),
      var(--gradients-system-horizontal-generosity-layer-1-start-color) 0%,
      var(--gradients-system-horizontal-generosity-layer-1-end-color) 84% );
  --gradients-system-horizontal-generosity-start-color-stop: 40;
  --gradients-system-horizontal-generosity-start-color: var(--light-yellow-100);
  --gradients-system-horizontal-generosity:
    linear-gradient(
      
      var(--gradients-system-horizontal-generosity-angle),
      var(--gradients-system-horizontal-generosity-start-color) 40%,
      var(--gradients-system-horizontal-generosity-end-color) 100% );
  --gradients-system-vertical-body-fade-out-angle: 180deg;
  --gradients-system-vertical-body-fade-out-end-color-stop: 100;
  --gradients-system-vertical-body-fade-out-end-color: var(--gradients-body-transparent);
  --gradients-system-vertical-body-fade-out-start-color-stop: 0;
  --gradients-system-vertical-body-fade-out-start-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-body-fade-out:
    linear-gradient(
      
      var(--gradients-system-vertical-body-fade-out-angle),
      var(--gradients-system-vertical-body-fade-out-start-color) 0%,
      var(--gradients-system-vertical-body-fade-out-end-color) 100% );
  --gradients-system-vertical-brand-angle: 180deg;
  --gradients-system-vertical-brand-body-angle: 180deg;
  --gradients-system-vertical-brand-body-end-color-stop: 84;
  --gradients-system-vertical-brand-body-end-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-brand-body-start-color-stop: 8;
  --gradients-system-vertical-brand-body-start-color: var(--system-bg-brand);
  --gradients-system-vertical-brand-body:
    linear-gradient(
      
      var(--gradients-system-vertical-brand-body-angle),
      var(--gradients-system-vertical-brand-body-start-color) 8%,
      var(--gradients-system-vertical-brand-body-end-color) 84% );
  --gradients-system-vertical-brand-end-color-stop: 100;
  --gradients-system-vertical-brand-end-color: var(--brand-light-gradient-system-brand-end-color);
  --gradients-system-vertical-brand-start-color-stop: 0;
  --gradients-system-vertical-brand-start-color: var(--brand-light-gradient-system-brand-start-color);
  --gradients-system-vertical-brand:
    linear-gradient(
      
      var(--gradients-system-vertical-brand-angle),
      var(--gradients-system-vertical-brand-start-color) 0%,
      var(--gradients-system-vertical-brand-end-color) 100% );
  --gradients-system-vertical-generosity-angle: 180deg;
  --gradients-system-vertical-generosity-body-angle: 180deg;
  --gradients-system-vertical-generosity-body-end-color-stop: 84;
  --gradients-system-vertical-generosity-body-end-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-generosity-body-middle-color-stop: 32;
  --gradients-system-vertical-generosity-body-middle-color: var(--light-yellow-100);
  --gradients-system-vertical-generosity-body-start-color-stop: 0;
  --gradients-system-vertical-generosity-body-start-color: var(--light-orange-250);
  --gradients-system-vertical-generosity-body:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-body-angle),
      var(--gradients-system-vertical-generosity-body-start-color) 0%,
      var(--gradients-system-vertical-generosity-body-middle-color) 32%,
      var(--gradients-system-vertical-generosity-body-end-color) 84% );
  --gradients-system-vertical-generosity-end-color-stop: 64;
  --gradients-system-vertical-generosity-end-color: var(--light-yellow-100);
  --gradients-system-vertical-generosity-layer-1-angle: 180deg;
  --gradients-system-vertical-generosity-layer-1-end-color-stop: 84;
  --gradients-system-vertical-generosity-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-generosity-layer-1-start-color-stop: 0;
  --gradients-system-vertical-generosity-layer-1-start-color: var(--light-yellow-100);
  --gradients-system-vertical-generosity-layer-1:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-layer-1-angle),
      var(--gradients-system-vertical-generosity-layer-1-start-color) 0%,
      var(--gradients-system-vertical-generosity-layer-1-end-color) 84% );
  --gradients-system-vertical-generosity-start-color-stop: 0;
  --gradients-system-vertical-generosity-start-color: var(--light-orange-250);
  --gradients-system-vertical-generosity:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-angle),
      var(--gradients-system-vertical-generosity-start-color) 0%,
      var(--gradients-system-vertical-generosity-end-color) 64% );
  --gradients-system-vertical-layer-1-to-transparent-angle: 180deg;
  --gradients-system-vertical-layer-1-to-transparent-end-color-stop: 100;
  --gradients-system-vertical-layer-1-to-transparent-end-color: var(--gradients-layer-1-transparent);
  --gradients-system-vertical-layer-1-to-transparent-start-color-stop: 0;
  --gradients-system-vertical-layer-1-to-transparent-start-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-layer-1-to-transparent:
    linear-gradient(
      
      var(--gradients-system-vertical-layer-1-to-transparent-angle),
      var(--gradients-system-vertical-layer-1-to-transparent-start-color) 0%,
      var(--gradients-system-vertical-layer-1-to-transparent-end-color) 100% );
  --gradients-system-vertical-transparent-to-layer-1-angle: 180deg;
  --gradients-system-vertical-transparent-to-layer-1-end-color-stop: 100;
  --gradients-system-vertical-transparent-to-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-transparent-to-layer-1-start-color-stop: 0;
  --gradients-system-vertical-transparent-to-layer-1-start-color: var(--gradients-layer-1-transparent);
  --gradients-system-vertical-transparent-to-layer-1:
    linear-gradient(
      
      var(--gradients-system-vertical-transparent-to-layer-1-angle),
      var(--gradients-system-vertical-transparent-to-layer-1-start-color) 0%,
      var(--gradients-system-vertical-transparent-to-layer-1-end-color) 100% );
  --shadows-component-drawer-ambient-blur: 2px;
  --shadows-component-drawer-ambient-opacity: var(--black-alpha-2);
  --shadows-component-drawer-ambient-spread: 0;
  --shadows-component-drawer-ambient-x: 0;
  --shadows-component-drawer-ambient-y: -4px;
  --shadows-component-drawer-direct-blur: 2px;
  --shadows-component-drawer-direct-opacity: var(--black-alpha-4);
  --shadows-component-drawer-direct-spread: 0;
  --shadows-component-drawer-direct-x: 0;
  --shadows-component-drawer-direct-y: -1px;
  --shadows-component-drawer-no-overlay-ambient-blur: 2px;
  --shadows-component-drawer-no-overlay-ambient-opacity: var(--black-alpha-2);
  --shadows-component-drawer-no-overlay-ambient-spread: 0;
  --shadows-component-drawer-no-overlay-ambient-x: 0;
  --shadows-component-drawer-no-overlay-ambient-y: -4px;
  --shadows-component-drawer-no-overlay-direct-blur: 10px;
  --shadows-component-drawer-no-overlay-direct-opacity: var(--black-alpha-8);
  --shadows-component-drawer-no-overlay-direct-spread: 0;
  --shadows-component-drawer-no-overlay-direct-x: 0;
  --shadows-component-drawer-no-overlay-direct-y: -1px;
  --shadows-component-drawer-no-overlay: var(--shadows-component-drawer-no-overlay-direct-x) var(--shadows-component-drawer-no-overlay-direct-y) var(--shadows-component-drawer-no-overlay-direct-blur) var(--shadows-component-drawer-no-overlay-direct-spread) var(--shadows-component-drawer-no-overlay-direct-opacity), var(--shadows-component-drawer-no-overlay-ambient-x) var(--shadows-component-drawer-no-overlay-ambient-y) var(--shadows-component-drawer-no-overlay-ambient-blur) var(--shadows-component-drawer-no-overlay-ambient-spread) var(--shadows-component-drawer-no-overlay-ambient-opacity);
  --shadows-component-drawer: var(--shadows-component-drawer-direct-x) var(--shadows-component-drawer-direct-y) var(--shadows-component-drawer-direct-blur) var(--shadows-component-drawer-direct-spread) var(--shadows-component-drawer-direct-opacity), var(--shadows-component-drawer-ambient-x) var(--shadows-component-drawer-ambient-y) var(--shadows-component-drawer-ambient-blur) var(--shadows-component-drawer-ambient-spread) var(--shadows-component-drawer-ambient-opacity);
  --shadows-system-default-ambient-blur: 8px;
  --shadows-system-default-ambient-opacity: var(--black-alpha-8);
  --shadows-system-default-ambient-spread: 0;
  --shadows-system-default-ambient-x: 0;
  --shadows-system-default-ambient-y: 6px;
  --shadows-system-default-direct-blur: 4px;
  --shadows-system-default-direct-opacity: var(--black-alpha-12);
  --shadows-system-default-direct-spread: 0;
  --shadows-system-default-direct-x: 0;
  --shadows-system-default-direct-y: 0;
  --shadows-system-default: var(--shadows-system-default-direct-x) var(--shadows-system-default-direct-y) var(--shadows-system-default-direct-blur) var(--shadows-system-default-direct-spread) var(--shadows-system-default-direct-opacity), var(--shadows-system-default-ambient-x) var(--shadows-system-default-ambient-y) var(--shadows-system-default-ambient-blur) var(--shadows-system-default-ambient-spread) var(--shadows-system-default-ambient-opacity);
  --shadows-system-strong-ambient-blur: 24px;
  --shadows-system-strong-ambient-opacity: var(--black-alpha-8);
  --shadows-system-strong-ambient-spread: 0;
  --shadows-system-strong-ambient-x: 0;
  --shadows-system-strong-ambient-y: 32px;
  --shadows-system-strong-direct-blur: 16px;
  --shadows-system-strong-direct-opacity: var(--black-alpha-16);
  --shadows-system-strong-direct-spread: 0;
  --shadows-system-strong-direct-x: 0;
  --shadows-system-strong-direct-y: 12px;
  --shadows-system-strong: var(--shadows-system-strong-direct-x) var(--shadows-system-strong-direct-y) var(--shadows-system-strong-direct-blur) var(--shadows-system-strong-direct-spread) var(--shadows-system-strong-direct-opacity), var(--shadows-system-strong-ambient-x) var(--shadows-system-strong-ambient-y) var(--shadows-system-strong-ambient-blur) var(--shadows-system-strong-ambient-spread) var(--shadows-system-strong-ambient-opacity);
  --shadows-system-subtle-ambient-blur: 4px;
  --shadows-system-subtle-ambient-opacity: var(--black-alpha-12);
  --shadows-system-subtle-ambient-spread: 0;
  --shadows-system-subtle-ambient-x: 0;
  --shadows-system-subtle-ambient-y: 1px;
  --shadows-system-subtle-direct-blur: 2px;
  --shadows-system-subtle-direct-opacity: var(--black-alpha-16);
  --shadows-system-subtle-direct-spread: 0;
  --shadows-system-subtle-direct-x: 0;
  --shadows-system-subtle-direct-y: 0;
  --shadows-system-subtle: var(--shadows-system-subtle-direct-x) var(--shadows-system-subtle-direct-y) var(--shadows-system-subtle-direct-blur) var(--shadows-system-subtle-direct-spread) var(--shadows-system-subtle-direct-opacity), var(--shadows-system-subtle-ambient-x) var(--shadows-system-subtle-ambient-y) var(--shadows-system-subtle-ambient-blur) var(--shadows-system-subtle-ambient-spread) var(--shadows-system-subtle-ambient-opacity);
  --switchers-system-appearance-inverted: "Dark";
  --switchers-system-appearance: "Light";
  --system-bg-always-gaming: var(--brand-light-bg-always-gaming-primary);
  --system-bg-always-sport: var(--brand-light-bg-always-sport-primary);
  --system-bg-brand-alt: var(--brand-light-bg-alt);
  --system-bg-brand-disabled: var(--brand-light-bg-disabled);
  --system-bg-brand: var(--brand-light-bg-primary);
  --system-bg-danger: var(--light-red-600);
  --system-bg-data-blue-primary: var(--light-blue-600);
  --system-bg-data-blue-secondary: var(--light-blue-100);
  --system-bg-data-green-primary: var(--light-green-600);
  --system-bg-data-green-secondary: var(--light-green-100);
  --system-bg-data-magenta-primary: var(--light-magenta-600);
  --system-bg-data-magenta-secondary: var(--light-magenta-100);
  --system-bg-data-orange-primary: var(--light-orange-300);
  --system-bg-data-orange-secondary: var(--light-orange-100);
  --system-bg-data-purple-primary: var(--light-purple-600);
  --system-bg-data-purple-secondary: var(--light-purple-100);
  --system-bg-data-red-primary: var(--light-red-600);
  --system-bg-data-red-secondary: var(--light-red-100);
  --system-bg-data-teal-primary: var(--light-teal-600);
  --system-bg-data-teal-secondary: var(--light-teal-100);
  --system-bg-data-yellow-primary: var(--light-yellow-200);
  --system-bg-data-yellow-secondary: var(--light-yellow-50);
  --system-bg-elevation-body-hover: var(--brand-light-neutrals-100);
  --system-bg-elevation-body-pressed: var(--brand-light-neutrals-200);
  --system-bg-elevation-body: var(--brand-light-neutrals-50);
  --system-bg-elevation-brand-alt-secondary: var(--brand-light-bg-alt-elevation-secondary);
  --system-bg-elevation-brand-alt: var(--brand-light-bg-alt-elevation);
  --system-bg-elevation-brand-secondary: var(--brand-light-bg-elevation-secondary);
  --system-bg-elevation-brand: var(--brand-light-bg-elevation);
  --system-bg-elevation-danger-secondary: var(--light-red-100);
  --system-bg-elevation-danger: var(--light-red-50);
  --system-bg-elevation-highlight: var(--light-yellow-50);
  --system-bg-elevation-info-secondary: var(--light-blue-100);
  --system-bg-elevation-info: var(--light-blue-50);
  --system-bg-elevation-layer-1-hover: var(--brand-light-neutrals-25);
  --system-bg-elevation-layer-1-pressed: var(--brand-light-neutrals-75);
  --system-bg-elevation-layer-1: var(--white-alpha-100);
  --system-bg-elevation-layer-2-hover: var(--brand-light-neutrals-75);
  --system-bg-elevation-layer-2-pressed: var(--brand-light-neutrals-100);
  --system-bg-elevation-layer-2: var(--brand-light-neutrals-50);
  --system-bg-elevation-layer-negative: var(--brand-light-neutrals-75);
  --system-bg-elevation-success-secondary: var(--light-green-100);
  --system-bg-elevation-success: var(--light-green-50);
  --system-bg-elevation-warning-hover: rgb(245, 232, 216);
  --system-bg-elevation-warning-secondary: var(--light-orange-100);
  --system-bg-elevation-warning: var(--light-orange-50);
  --system-bg-generosity: var(--light-yellow-100);
  --system-bg-info: var(--light-blue-600);
  --system-bg-neutral: var(--brand-light-neutrals-600);
  --system-bg-success: var(--light-green-600);
  --system-bg-warning: var(--light-orange-300);
  --system-border-on-color-primary: var(--white-alpha-100);
  --system-border-on-color-secondary: var(--white-alpha-32);
  --system-border-on-color-tertiary: var(--white-alpha-16);
  --system-border-on-elevation-brand-alt-primary: var(--brand-light-border-alt);
  --system-border-on-elevation-brand-alt-secondary: var(--brand-light-border-alt-secondary);
  --system-border-on-elevation-brand-primary: var(--brand-light-border-primary);
  --system-border-on-elevation-brand-secondary: var(--brand-light-border-secondary);
  --system-border-on-elevation-danger-primary: var(--light-red-500);
  --system-border-on-elevation-danger-secondary: var(--light-red-100);
  --system-border-on-elevation-generosity: var(--light-yellow-200);
  --system-border-on-elevation-info-primary: var(--light-blue-500);
  --system-border-on-elevation-info-secondary: var(--light-blue-100);
  --system-border-on-elevation-primary: var(--brand-light-neutrals-alpha-strong-20);
  --system-border-on-elevation-secondary: var(--brand-light-neutrals-alpha-strong-12);
  --system-border-on-elevation-success-primary: var(--light-green-500);
  --system-border-on-elevation-success-secondary: var(--light-green-100);
  --system-border-on-elevation-tertiary: var(--brand-light-neutrals-alpha-strong-8);
  --system-border-on-elevation-warning-primary: var(--light-orange-500);
  --system-border-on-elevation-warning-secondary: var(--light-orange-100);
  --system-graphics-on-brand-alt: var(--white-alpha-100);
  --system-graphics-on-brand: var(--white-alpha-100);
  --system-graphics-on-color: var(--white-alpha-100);
  --system-graphics-on-elevation-brand-alt-secondary: var(--brand-light-graphics-alt-secondary);
  --system-graphics-on-elevation-brand-alt: var(--brand-light-graphics-alt);
  --system-graphics-on-elevation-brand-secondary: var(--brand-light-graphics-secondary);
  --system-graphics-on-elevation-brand: var(--brand-light-graphics-primary);
  --system-graphics-on-elevation-danger: var(--light-red-600);
  --system-graphics-on-elevation-disabled: var(--brand-light-neutrals-300);
  --system-graphics-on-elevation-info: var(--light-blue-600);
  --system-graphics-on-elevation-primary: var(--brand-light-neutrals-950);
  --system-graphics-on-elevation-secondary: var(--brand-light-neutrals-800);
  --system-graphics-on-elevation-success: var(--light-green-600);
  --system-graphics-on-elevation-tertiary: var(--brand-light-neutrals-700);
  --system-graphics-on-elevation-warning: var(--light-orange-300);
  --system-graphics-on-warning: var(--light-orange-900);
  --system-text-on-brand-alt-disabled: var(--white-alpha-56);
  --system-text-on-brand-alt-primary: var(--white-alpha-100);
  --system-text-on-brand-alt-secondary: var(--white-alpha-84);
  --system-text-on-brand-disabled: var(--white-alpha-56);
  --system-text-on-brand-primary: var(--white-alpha-100);
  --system-text-on-brand-secondary: var(--white-alpha-84);
  --system-text-on-color-disabled: var(--white-alpha-56);
  --system-text-on-color-primary: var(--white-alpha-100);
  --system-text-on-color-secondary: var(--white-alpha-84);
  --system-text-on-danger-disabled: var(--white-alpha-56);
  --system-text-on-danger-primary: var(--white-alpha-100);
  --system-text-on-danger-secondary: var(--white-alpha-84);
  --system-text-on-data-on-blue-primary: var(--white-alpha-100);
  --system-text-on-data-on-blue-secondary: var(--light-blue-700);
  --system-text-on-data-on-green-primary: var(--white-alpha-100);
  --system-text-on-data-on-green-secondary: var(--light-green-700);
  --system-text-on-data-on-magenta-primary: var(--white-alpha-100);
  --system-text-on-data-on-magenta-secondary: var(--light-magenta-700);
  --system-text-on-data-on-orange-primary: var(--light-orange-900);
  --system-text-on-data-on-orange-secondary: var(--light-orange-700);
  --system-text-on-data-on-purple-primary: var(--white-alpha-100);
  --system-text-on-data-on-purple-secondary: var(--light-purple-700);
  --system-text-on-data-on-red-primary: var(--white-alpha-100);
  --system-text-on-data-on-red-secondary: var(--light-red-700);
  --system-text-on-data-on-teal-primary: var(--white-alpha-100);
  --system-text-on-data-on-teal-secondary: var(--light-teal-700);
  --system-text-on-data-on-yellow-primary: var(--light-yellow-900);
  --system-text-on-data-on-yellow-secondary: var(--light-yellow-700);
  --system-text-on-elevation-brand-alt-primary: var(--brand-light-text-alt);
  --system-text-on-elevation-brand-alt-secondary: var(--brand-light-text-alt-secondary);
  --system-text-on-elevation-brand-primary: var(--brand-light-text-primary);
  --system-text-on-elevation-brand-secondary: var(--brand-light-text-secondary);
  --system-text-on-elevation-danger-primary: var(--light-red-600);
  --system-text-on-elevation-danger-secondary: var(--light-red-900);
  --system-text-on-elevation-disabled: var(--brand-light-neutrals-300);
  --system-text-on-elevation-info-primary: var(--light-blue-600);
  --system-text-on-elevation-info-secondary: var(--light-blue-900);
  --system-text-on-elevation-link-hover: var(--brand-light-text-primary-hover);
  --system-text-on-elevation-link-visited-2: var(--brand-light-text-primary-visited-hover);
  --system-text-on-elevation-link-visited: var(--brand-light-text-primary-visited);
  --system-text-on-elevation-link: var(--brand-light-text-primary);
  --system-text-on-elevation-primary: var(--brand-light-neutrals-950);
  --system-text-on-elevation-secondary: var(--brand-light-neutrals-800);
  --system-text-on-elevation-success-primary: var(--light-green-600);
  --system-text-on-elevation-success-secondary: var(--light-green-900);
  --system-text-on-elevation-tertiary: var(--brand-light-neutrals-700);
  --system-text-on-elevation-warning-primary: var(--light-orange-600);
  --system-text-on-elevation-warning-secondary: var(--light-orange-900);
  --system-text-on-info-disabled: var(--white-alpha-56);
  --system-text-on-info-primary: var(--white-alpha-100);
  --system-text-on-info-secondary: var(--white-alpha-84);
  --system-text-on-neutral-disabled: var(--brand-light-neutrals-400);
  --system-text-on-neutral-primary: var(--white-alpha-100);
  --system-text-on-neutral-secondary: var(--brand-light-neutrals-200);
  --system-text-on-success-disabled: var(--white-alpha-56);
  --system-text-on-success-primary: var(--white-alpha-100);
  --system-text-on-success-secondary: var(--white-alpha-84);
  --system-text-on-warning-disabled: var(--black-alpha-40);
  --system-text-on-warning-primary: var(--black-alpha-80);
  --system-text-on-warning-secondary: var(--black-alpha-64);
}
html[data-theme=dark] {
  --assets-always-gaming-base: var(--brand-dark-assets-always-gaming-base);
  --assets-always-gaming-level--1: var(--brand-dark-assets-always-gaming-level--1);
  --assets-always-gaming-level--2: var(--brand-dark-assets-always-gaming-level--2);
  --assets-always-gaming-level--3: var(--brand-dark-assets-always-gaming-level--3);
  --assets-always-gaming-level-1: var(--brand-dark-assets-always-gaming-level-1);
  --assets-always-gaming-level-2: var(--brand-dark-assets-always-gaming-level-2);
  --assets-always-gaming-level-3: var(--brand-dark-assets-always-gaming-level-3);
  --assets-brand-alt-base: var(--brand-dark-assets-alt-base);
  --assets-brand-alt-level--1: var(--brand-dark-assets-alt-level--1);
  --assets-brand-alt-level--2: var(--brand-dark-assets-alt-level--2);
  --assets-brand-alt-level--3: var(--brand-dark-assets-alt-level--3);
  --assets-brand-alt-level-1: var(--brand-dark-assets-alt-level-1);
  --assets-brand-alt-level-2: var(--brand-dark-assets-alt-level-2);
  --assets-brand-alt-level-3: var(--brand-dark-assets-alt-level-3);
  --assets-brand-base: var(--brand-dark-assets-base);
  --assets-brand-level--1: var(--brand-dark-assets-level---1);
  --assets-brand-level--2: var(--brand-dark-assets-level---2);
  --assets-brand-level-1: var(--brand-dark-assets-level-1);
  --assets-custom-jersey-navigation-base: var(--brand-dark-neutrals-500);
  --assets-custom-jersey-navigation-level--1: var(--brand-dark-neutrals-700);
  --assets-custom-jersey-navigation-level-1: var(--brand-dark-neutrals-300);
  --assets-custom-mobile-always-dark-base: var(--brand-dark-neutrals-900);
  --assets-custom-mobile-always-dark-circle-1: var(--dark-blue-500);
  --assets-custom-mobile-always-dark-circle-2: var(--dark-red-500);
  --assets-custom-mobile-always-dark-circle-3: var(--dark-purple-500);
  --assets-custom-mobile-always-dark-circle-4: var(--dark-orange-500);
  --assets-custom-mobile-always-dark-circle-5: var(--dark-magenta-500);
  --assets-custom-mobile-always-dark-level-1: var(--brand-dark-neutrals-750);
  --assets-custom-mobile-always-dark-level-2: var(--brand-dark-neutrals-600);
  --assets-custom-mobile-always-dark-level-3: var(--brand-dark-neutrals-800);
  --assets-custom-mobile-always-dark-level-4: var(--white-alpha-12);
  --assets-custom-mobile-always-light-base: var(--brand-light-neutrals-75);
  --assets-custom-mobile-always-light-circle-1: var(--light-blue-600);
  --assets-custom-mobile-always-light-circle-2: var(--light-red-600);
  --assets-custom-mobile-always-light-circle-3: var(--light-purple-500);
  --assets-custom-mobile-always-light-circle-4: var(--light-orange-300);
  --assets-custom-mobile-always-light-circle-5: var(--light-magenta-500);
  --assets-custom-mobile-always-light-level-1: var(--white-alpha-100);
  --assets-custom-mobile-always-light-level-2: var(--brand-light-neutrals-300);
  --assets-custom-mobile-always-light-level-3: var(--light-red-700);
  --assets-custom-mobile-always-light-level-4: var(--black-alpha-8);
  --assets-custom-mobile-default-base: var(--brand-dark-neutrals-900);
  --assets-custom-mobile-default-circle-1: var(--dark-blue-500);
  --assets-custom-mobile-default-circle-2: var(--dark-red-500);
  --assets-custom-mobile-default-circle-3: var(--dark-purple-500);
  --assets-custom-mobile-default-circle-4: var(--dark-orange-500);
  --assets-custom-mobile-default-circle-5: var(--dark-magenta-500);
  --assets-custom-mobile-default-level-1: var(--brand-dark-neutrals-750);
  --assets-custom-mobile-default-level-2: var(--brand-dark-neutrals-600);
  --assets-custom-mobile-default-level-3: var(--brand-dark-neutrals-800);
  --assets-custom-mobile-default-level-4: var(--white-alpha-12);
  --assets-custom-soccer-ball-base: var(--brand-dark-neutrals-500);
  --assets-danger-base: var(--dark-red-400);
  --assets-danger-level--1: var(--dark-red-500);
  --assets-danger-level--2: var(--dark-red-600);
  --assets-danger-level--3: var(--dark-red-700);
  --assets-info-base: var(--dark-blue-400);
  --assets-info-level--1: var(--dark-blue-500);
  --assets-info-level--2: var(--dark-blue-600);
  --assets-info-level-1: var(--dark-blue-300);
  --assets-info-level-2: var(--dark-blue-200);
  --assets-neutral-always-dark: var(--brand-dark-neutrals-700);
  --assets-neutral-always-light: var(--brand-dark-neutrals-50);
  --assets-neutral-base-alt: var(--brand-dark-neutrals-450);
  --assets-neutral-base: var(--brand-dark-neutrals-600);
  --assets-neutral-level--1: var(--brand-dark-neutrals-700);
  --assets-neutral-level--2: var(--brand-dark-neutrals-750);
  --assets-neutral-level-1: var(--brand-dark-neutrals-450);
  --assets-neutral-level-2: var(--brand-dark-neutrals-400);
  --assets-neutral-level-3: var(--brand-dark-neutrals-200);
  --assets-neutral-level-4: var(--white-alpha-100);
  --assets-orange-base: var(--dark-orange-200);
  --assets-orange-level--1: var(--dark-orange-300);
  --assets-orange-level--2: var(--dark-orange-400);
  --assets-orange-level--3: var(--dark-orange-700);
  --assets-orange-level-1: var(--dark-orange-400);
  --assets-orange-level-2: var(--dark-orange-600);
  --assets-purple-base: var(--dark-purple-400);
  --assets-purple-level--1: var(--dark-purple-500);
  --assets-purple-level--2: var(--dark-purple-600);
  --assets-purple-level-1: var(--dark-purple-300);
  --assets-success-base: var(--dark-green-400);
  --assets-success-level--1: var(--dark-green-600);
  --assets-success-level--2: var(--dark-green-700);
  --assets-success-level-1: var(--dark-green-300);
  --assets-success-level-2: var(--dark-green-200);
  --assets-teal-base: var(--dark-teal-400);
  --assets-teal-level--1: var(--dark-teal-500);
  --assets-teal-level--2: var(--dark-teal-600);
  --assets-teal-level-1: var(--dark-teal-300);
  --assets-white-base: var(--white-alpha-100);
  --assets-white-level--1: var(--white-alpha-8);
  --assets-white-level--2: var(--white-alpha-24);
  --assets-white-level--3: var(--white-alpha-64);
  --assets-yellow-base: var(--dark-yellow-100);
  --assets-yellow-level--1: var(--dark-yellow-400);
  --assets-yellow-level--3: var(--dark-yellow-200);
  --assets-yellow-level-1: var(--dark-yellow-200);
  --assets-yellow-level-2: var(--dark-yellow-300);
  --assets-yellow-level-3: var(--dark-yellow-500);
  --blur-component-header-web: 72px;
  --component-alert-bg-danger: var(--dark-red-alpha-12);
  --component-alert-bg-info: var(--dark-blue-alpha-12);
  --component-alert-bg-neutral: var(--brand-dark-neutrals-alpha-strong-12);
  --component-alert-bg-success: var(--dark-green-alpha-12);
  --component-alert-bg-warning: var(--dark-orange-alpha-12);
  --component-avatar-bg-10: var(--dark-purple-500);
  --component-avatar-bg-11: var(--dark-orange-300);
  --component-avatar-bg-12: var(--dark-yellow-300);
  --component-avatar-bg-13: var(--dark-red-300);
  --component-avatar-bg-14: var(--dark-red-500);
  --component-avatar-bg-15: var(--dark-magenta-500);
  --component-avatar-bg-1: var(--dark-blue-300);
  --component-avatar-bg-2: var(--dark-blue-500);
  --component-avatar-bg-3: var(--dark-green-300);
  --component-avatar-bg-4: var(--dark-green-500);
  --component-avatar-bg-5: var(--brand-dark-neutrals-300);
  --component-avatar-bg-6: var(--brand-dark-neutrals-500);
  --component-avatar-bg-7: var(--dark-teal-300);
  --component-avatar-bg-8: var(--dark-teal-500);
  --component-avatar-bg-9: var(--dark-purple-300);
  --component-badge-generosity-bg-disabled: var(--brand-dark-neutrals-800);
  --component-badge-generosity-bg: var(--dark-yellow-600);
  --component-badge-generosity-border: var(--white-alpha-8);
  --component-badge-generosity-primary-bg: var(--dark-yellow-100);
  --component-badge-generosity-primary-text: var(--brand-dark-neutrals-950);
  --component-badge-generosity-secondary-bg: rgba(248, 190, 44, 0.10);
  --component-badge-generosity-secondary-text: var(--dark-yellow-100);
  --component-badge-generosity-text: var(--dark-yellow-100);
  --component-badge-text-always-dark: var(--brand-dark-neutrals-800);
  --component-badge-text-brand: var(--system-text-on-elevation-brand-primary);
  --component-badge-trend-falling-bg: var(--dark-red-700);
  --component-badge-trend-falling-text: var(--system-text-on-elevation-danger-primary);
  --component-badge-trend-rising-bg: var(--dark-green-700);
  --component-badge-trend-rising-text: var(--system-text-on-elevation-success-primary);
  --component-barcode-bg: var(--white-alpha-100);
  --component-betslip-bg: var(--system-bg-elevation-layer-negative);
  --component-bingo-bg-1: var(--dark-teal-300);
  --component-bingo-bg-2: var(--dark-purple-500);
  --component-bingo-bg-3: var(--dark-red-300);
  --component-bingo-bg-4: var(--dark-blue-300);
  --component-bottom-nav-bg: var(--system-bg-elevation-body);
  --component-bottom-nav-tab-active: var(--system-text-on-elevation-primary);
  --component-bottom-nav-tab-inactive: var(--white-alpha-56);
  --component-button-bet-builder-secondary-bg-disabled: var(--dark-red-alpha-24);
  --component-button-bet-builder-secondary-bg-hover: var(--dark-red-alpha-32);
  --component-button-bet-builder-secondary-bg-pressed: var(--dark-red-alpha-16);
  --component-button-bet-builder-secondary-bg: var(--dark-red-alpha-24);
  --component-button-bet-builder-secondary-text-disabled: var(--dark-red-alpha-40);
  --component-button-bet-builder-secondary-text: var(--system-text-on-elevation-brand-primary);
  --component-button-cashout-bg-disabled: var(--brand-dark-neutrals-700);
  --component-button-cashout-bg-hover: var(--dark-green-350);
  --component-button-cashout-bg-pressed: var(--dark-green-500);
  --component-button-cashout-bg: var(--system-bg-success);
  --component-button-cashout-graphics-disabled: var(--system-graphics-on-elevation-secondary);
  --component-button-cashout-graphics: var(--system-graphics-on-color);
  --component-button-cashout-text-disabled: var(--system-text-on-elevation-secondary);
  --component-button-cashout-text: var(--system-text-on-success-primary);
  --component-button-game-preview-secondary-bg-hover: var(--white-alpha-16);
  --component-button-game-preview-secondary-bg-pressed: var(--white-alpha-20);
  --component-button-game-preview-secondary-bg: var(--white-alpha-12);
  --component-button-game-preview-secondary-text: var(--system-text-on-color-primary);
  --component-button-primary-alt-bg-disabled: var(--brand-dark-bg-alt-disabled);
  --component-button-primary-alt-bg-hover: var(--brand-dark-bg-alt-hover);
  --component-button-primary-alt-bg-pressed: var(--brand-dark-bg-alt-pressed);
  --component-button-primary-alt-bg: var(--system-bg-brand-alt);
  --component-button-primary-alt-graphics-disabled: var(--white-alpha-24);
  --component-button-primary-alt-graphics: var(--system-graphics-on-brand-alt);
  --component-button-primary-alt-on-color-bg-disabled: var(--white-alpha-24);
  --component-button-primary-alt-on-color-bg-hover: var(--white-alpha-80);
  --component-button-primary-alt-on-color-bg-pressed: var(--white-alpha-72);
  --component-button-primary-alt-on-color-bg: var(--white-alpha-100);
  --component-button-primary-alt-on-color-graphics-disabled: var(--white-alpha-24);
  --component-button-primary-alt-on-color-graphics: var(--brand-dark-graphics-alt-on-white);
  --component-button-primary-alt-on-color-text-disabled: var(--white-alpha-24);
  --component-button-primary-alt-on-color-text: var(--brand-dark-text-alt-on-white);
  --component-button-primary-alt-text-disabled: var(--white-alpha-24);
  --component-button-primary-alt-text: var(--system-text-on-brand-alt-primary);
  --component-button-primary-bg-disabled: var(--brand-dark-bg-disabled);
  --component-button-primary-bg-hover: var(--brand-dark-bg-primary-hover);
  --component-button-primary-bg-pressed: var(--brand-dark-bg-primary-pressed);
  --component-button-primary-bg: var(--system-bg-brand);
  --component-button-primary-graphics-disabled: var(--white-alpha-24);
  --component-button-primary-graphics: var(--system-graphics-on-brand);
  --component-button-primary-on-color-bg-disabled: var(--white-alpha-24);
  --component-button-primary-on-color-bg-hover: var(--white-alpha-80);
  --component-button-primary-on-color-bg-pressed: var(--white-alpha-72);
  --component-button-primary-on-color-bg: var(--white-alpha-100);
  --component-button-primary-on-color-graphics-disabled: var(--white-alpha-24);
  --component-button-primary-on-color-graphics: var(--brand-dark-neutrals-900);
  --component-button-primary-on-color-text-disabled: var(--white-alpha-24);
  --component-button-primary-on-color-text: var(--brand-dark-neutrals-900);
  --component-button-primary-text-disabled: var(--white-alpha-24);
  --component-button-primary-text: var(--system-text-on-brand-primary);
  --component-button-secondary-bg-disabled: var(--brand-dark-neutrals-alpha-40);
  --component-button-secondary-bg-hover: var(--brand-dark-neutrals-alpha-88);
  --component-button-secondary-bg-pressed: var(--brand-dark-neutrals-alpha-56);
  --component-button-secondary-bg: var(--brand-dark-neutrals-alpha-64);
  --component-button-secondary-graphics-disabled: var(--white-alpha-40);
  --component-button-secondary-graphics: var(--system-graphics-on-color);
  --component-button-secondary-on-color-bg-disabled: var(--white-alpha-10);
  --component-button-secondary-on-color-bg-hover: var(--white-alpha-16);
  --component-button-secondary-on-color-bg-pressed: var(--white-alpha-20);
  --component-button-secondary-on-color-bg: var(--white-alpha-12);
  --component-button-secondary-on-color-graphics-disabled: var(--white-alpha-16);
  --component-button-secondary-on-color-graphics: var(--system-graphics-on-color);
  --component-button-secondary-on-color-text-disabled: var(--white-alpha-16);
  --component-button-secondary-on-color-text: var(--system-text-on-color-primary);
  --component-button-secondary-text-disabled: var(--white-alpha-40);
  --component-button-secondary-text: var(--system-text-on-color-primary);
  --component-button-tertiary-bg-hover: var(--white-alpha-4);
  --component-button-tertiary-bg-pressed: var(--white-alpha-8);
  --component-button-tertiary-border-disabled: var(--system-border-on-elevation-tertiary);
  --component-button-tertiary-border: var(--system-border-on-elevation-primary);
  --component-button-tertiary-graphics-disabled: var(--system-graphics-on-elevation-disabled);
  --component-button-tertiary-graphics: var(--system-graphics-on-elevation-primary);
  --component-button-tertiary-on-color-bg-hover: var(--white-alpha-10);
  --component-button-tertiary-on-color-bg-pressed: var(--white-alpha-16);
  --component-button-tertiary-on-color-border-disabled: var(--white-alpha-32);
  --component-button-tertiary-on-color-border: var(--system-border-on-color-primary);
  --component-button-tertiary-on-color-graphics-disabled: var(--system-text-on-color-disabled);
  --component-button-tertiary-on-color-graphics: var(--system-graphics-on-color);
  --component-button-tertiary-on-color-text-disabled: var(--system-text-on-color-disabled);
  --component-button-tertiary-on-color-text: var(--system-text-on-color-primary);
  --component-button-tertiary-text-disabled: var(--system-text-on-elevation-disabled);
  --component-button-tertiary-text: var(--system-text-on-elevation-primary);
  --component-button-text-on-color-bg: var(--black-alpha-100);
  --component-button-text-on-color-text: var(--system-text-on-color-primary);
  --component-button-text-primary-alt-default: var(--brand-dark-text-alt);
  --component-button-text-primary-alt-hover: var(--brand-dark-text-alt-hover);
  --component-button-text-primary-alt-pressed: var(--brand-dark-text-alt-pressed);
  --component-button-text-primary-default: var(--brand-dark-text-primary);
  --component-button-text-primary-hover: var(--brand-dark-text-primary-hover);
  --component-button-text-primary-pressed: var(--brand-dark-text-primary-pressed);
  --component-button-text-secondary-default: var(--system-text-on-elevation-secondary);
  --component-button-text-secondary-hover: var(--brand-dark-neutrals-100);
  --component-button-text-secondary-pressed: var(--white-alpha-80);
  --component-button-text-tertiary-default: var(--system-text-on-elevation-tertiary);
  --component-button-text-tertiary-hover: var(--brand-dark-neutrals-350);
  --component-button-text-tertiary-pressed: var(--white-alpha-68);
  --component-button-warning-bg-hover-pressed: var(--dark-orange-300);
  --component-button-warning-bg: var(--system-bg-warning);
  --component-button-warning-graphics-disabled: var(--system-text-on-warning-disabled);
  --component-button-warning-graphics: var(--system-graphics-on-warning);
  --component-button-warning-text-disabled: var(--system-text-on-warning-disabled);
  --component-button-warning-text: var(--system-text-on-warning-primary);
  --component-event-card-footer-bg: var(--brand-dark-neutrals-alpha-80);
  --component-feature-header-brand-border-primary: var(--white-alpha-8);
  --component-feature-header-brand-graphics-notification-indicator: var(--dark-yellow-100);
  --component-feature-header-brand-graphics-primary: var(--system-graphics-on-brand);
  --component-feature-header-brand-graphics-secondary: var(--white-alpha-80);
  --component-feature-header-brand-text-primary: var(--system-text-on-brand-primary);
  --component-feature-header-brand-text-secondary: var(--white-alpha-80);
  --component-feature-header-generosity-border-primary: var(--white-alpha-8);
  --component-feature-header-generosity-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-feature-header-generosity-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-feature-header-generosity-graphics-secondary: var(--system-text-on-color-secondary);
  --component-feature-header-generosity-text-primary: var(--system-text-on-elevation-primary);
  --component-feature-header-generosity-text-secondary: var(--system-text-on-color-secondary);
  --component-feature-header-neutral-border-primary: var(--white-alpha-8);
  --component-feature-header-neutral-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-feature-header-neutral-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-feature-header-neutral-graphics-secondary: var(--system-text-on-color-secondary);
  --component-feature-header-neutral-text-primary: var(--system-text-on-elevation-primary);
  --component-feature-header-neutral-text-secondary: var(--system-text-on-elevation-primary);
  --component-filter-tab-active-bg-brand-alt: var(--system-bg-brand-alt);
  --component-filter-tab-active-bg-brand-hover: var(--brand-dark-bg-primary-hover);
  --component-filter-tab-active-bg-brand: var(--system-bg-brand);
  --component-filter-tab-active-text-alt: var(--system-text-on-brand-alt-primary);
  --component-filter-tab-active-text: var(--system-text-on-brand-primary);
  --component-filter-tab-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-inactive-border: var(--system-border-on-elevation-secondary);
  --component-filter-tab-inactive-text: var(--system-text-on-elevation-secondary);
  --component-filter-tab-secondary-active-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-secondary-active-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-secondary-active-border: var(--brand-dark-border-primary);
  --component-filter-tab-secondary-active-text: var(--brand-dark-text-primary);
  --component-filter-tab-secondary-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-filter-tab-secondary-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-filter-tab-secondary-inactive-border: var(--system-border-on-elevation-secondary);
  --component-filter-tab-secondary-inactive-text: var(--system-text-on-elevation-secondary);
  --component-form-draw-bg: var(--white-alpha-12);
  --component-form-draw-text: var(--system-text-on-elevation-tertiary);
  --component-form-loss-bg: var(--dark-red-500);
  --component-form-loss-text: var(--system-text-on-color-primary);
  --component-form-unknown-bg: var(--system-bg-elevation-layer-1);
  --component-form-unknown-text: var(--system-text-on-elevation-tertiary);
  --component-form-won-bg: var(--dark-green-500);
  --component-form-won-text: var(--system-text-on-color-primary);
  --component-global-header-bg-body-web: var(--brand-dark-component-global-header-bg-body-web);
  --component-global-header-bg-layer-1: var(--brand-dark-neutrals-800);
  --component-global-header-bg-overlay-hover: var(--white-alpha-16);
  --component-global-header-bg-overlay-pressed: var(--white-alpha-20);
  --component-global-header-bg-overlay: var(--white-alpha-12);
  --component-global-header-border-primary: var(--white-alpha-12);
  --component-global-header-graphics-brand: var(--white-alpha-100);
  --component-global-header-graphics-f2p: var(--system-graphics-on-color);
  --component-global-header-graphics-notification-indicator: var(--system-graphics-on-elevation-brand);
  --component-global-header-graphics-primary: var(--system-graphics-on-elevation-primary);
  --component-global-header-graphics-secondary: var(--system-text-on-elevation-tertiary);
  --component-global-header-text-brand: var(--white-alpha-100);
  --component-global-header-text-highlight: var(--dark-yellow-100);
  --component-global-header-text-primary: var(--white-alpha-100);
  --component-global-header-text-secondary: var(--system-text-on-elevation-secondary);
  --component-hot-tournament-badge-text-live: var(--dark-green-300);
  --component-hot-tournament-badge-text: var(--dark-blue-300);
  --component-hot-tournament-badgebg: var(--white-alpha-100);
  --component-hot-tournament-graphics: var(--white-alpha-8);
  --component-hot-tournament-text: var(--system-text-on-color-primary);
  --component-input-bg-hover: var(--brand-dark-neutrals-alpha-64);
  --component-input-bg: var(--brand-dark-neutrals-alpha-40);
  --component-league-status-bronze: var(--dark-orange-300);
  --component-league-status-gold: var(--dark-yellow-300);
  --component-league-status-silver: var(--brand-dark-neutrals-300);
  --component-leg-lost: var(--dark-red-500);
  --component-leg-refund: var(--dark-orange-500);
  --component-leg-won: var(--dark-green-500);
  --component-live-stream-bg-default: var(--system-bg-elevation-layer-2);
  --component-live-stream-bg-header: var(--system-bg-elevation-layer-1);
  --component-live-stream-bg-selected: var(--brand-dark-neutrals-700);
  --component-live-stream-bg-video: var(--brand-dark-neutrals-950);
  --component-live-stream-border: var(--brand-dark-neutrals-600);
  --component-live-stream-graphics-default: var(--system-graphics-on-elevation-tertiary);
  --component-live-stream-graphics-live: var(--system-graphics-on-elevation-success);
  --component-live-stream-text-minute: var(--dark-green-200);
  --component-live-stream-text-primary: var(--system-text-on-neutral-primary);
  --component-live-stream-text-secondary: var(--brand-dark-neutrals-200);
  --component-market-stats-progress-bar-lost: var(--dark-red-600);
  --component-market-stats-progress-bar-neutral: var(--brand-dark-neutrals-450);
  --component-market-stats-progress-bar-won: var(--dark-green-600);
  --component-mini-visualisation-home-bg-tennis-clay: rgb(167, 98, 81);
  --component-mini-visualisation-home-bg-tennis-grass: rgb(11, 125, 76);
  --component-mini-visualisation-home-bg-tennis-hard-blue: rgb(73, 113, 146);
  --component-mini-visualisation-home-bg-tennis-hard-grey: rgb(107, 109, 111);
  --component-mini-visualisation-home-text: var(--system-text-on-color-primary);
  --component-modal-bg: var(--system-bg-elevation-layer-1);
  --component-multi-bet-builder-body: var(--light-red-900);
  --component-overlay-bg-alt: var(--black-alpha-80);
  --component-overlay-bg: var(--black-alpha-64);
  --component-playlist-stack-layer-1: var(--white-alpha-40);
  --component-playlist-stack-layer-2: var(--white-alpha-32);
  --component-popup-webview-bg: var(--white-alpha-100);
  --component-popup-webview-button-brand: var(--system-bg-brand);
  --component-popup-webview-text: var(--brand-dark-neutrals-700);
  --component-preview-all-games-border-black: var(--black-alpha-24);
  --component-preview-all-games-border-white: var(--white-alpha-32);
  --component-preview-all-games-icon-black: var(--black-alpha-80);
  --component-preview-all-games-icon-white: var(--white-alpha-100);
  --component-preview-all-games-not-available: var(--white-alpha-100);
  --component-preview-all-games-text-black: var(--black-alpha-80);
  --component-preview-all-games-text-white: var(--white-alpha-100);
  --component-preview-andar-bahar-andar: var(--light-blue-600);
  --component-preview-andar-bahar-bahar: var(--light-red-600);
  --component-preview-baccarat-bank: var(--light-red-600);
  --component-preview-baccarat-player: var(--light-blue-600);
  --component-preview-baccarat-tie: var(--light-green-600);
  --component-preview-boom-city-1x: var(--light-orange-300);
  --component-preview-boom-city-2x: var(--brand-light-neutrals-600);
  --component-preview-boom-city-5x: var(--light-yellow-200);
  --component-preview-boom-city-boom-or-bust: var(--light-magenta-600);
  --component-preview-boom-city-dice-duel: var(--light-blue-600);
  --component-preview-boom-city-lost: var(--light-red-600);
  --component-preview-boom-city-lucky-drop: var(--light-purple-600);
  --component-preview-boom-city-retry: var(--light-teal-500);
  --component-preview-dragon-tiger-dragon: var(--light-red-600);
  --component-preview-dragon-tiger-tie: var(--light-green-600);
  --component-preview-dragon-tiger-tiger: var(--light-yellow-200);
  --component-preview-mega-sic-bo-neutral: var(--white-alpha-100);
  --component-preview-mega-sic-bo-orange: var(--light-orange-200);
  --component-preview-mega-sic-bo-red: var(--light-red-600);
  --component-preview-mega-wheel-10: var(--light-red-300);
  --component-preview-mega-wheel-15: var(--light-orange-300);
  --component-preview-mega-wheel-1: var(--light-yellow-100);
  --component-preview-mega-wheel-20: var(--light-teal-300);
  --component-preview-mega-wheel-2: var(--light-yellow-200);
  --component-preview-mega-wheel-30: var(--light-purple-300);
  --component-preview-mega-wheel-40: var(--light-magenta-300);
  --component-preview-mega-wheel-5: var(--light-blue-300);
  --component-preview-mega-wheel-8: var(--light-magenta-300);
  --component-preview-roulette-black: var(--black-alpha-100);
  --component-preview-roulette-green: var(--light-green-600);
  --component-preview-roulette-red: var(--light-red-600);
  --component-preview-sweet-bonanza-1: var(--light-yellow-200);
  --component-preview-sweet-bonanza-2: var(--light-purple-600);
  --component-preview-sweet-bonanza-5: var(--light-magenta-600);
  --component-preview-sweet-bonanza-bomb: var(--light-purple-600);
  --component-preview-sweet-bonanza-bubble: var(--light-red-600);
  --component-preview-sweet-bonanza-candy: var(--light-magenta-600);
  --component-preview-sweet-bonanza-sweet: var(--light-yellow-200);
  --component-preview-top-card-left: var(--light-red-600);
  --component-preview-top-card-right: var(--light-blue-600);
  --component-preview-top-card-tie: var(--light-yellow-200);
  --component-progress-bar-bg: var(--brand-dark-neutrals-700);
  --component-rating-bg-1: var(--system-bg-data-red-secondary);
  --component-rating-bg-2: var(--system-bg-data-orange-secondary);
  --component-rating-bg-3: var(--system-bg-data-yellow-secondary);
  --component-rating-bg-4: var(--system-bg-data-green-secondary);
  --component-rating-bg-5: var(--system-bg-data-blue-secondary);
  --component-rating-bg-na: var(--brand-dark-neutrals-700);
  --component-rating-text-1: var(--system-text-on-data-on-red-secondary);
  --component-rating-text-2: var(--system-text-on-data-on-orange-secondary);
  --component-rating-text-3: var(--system-text-on-data-on-yellow-secondary);
  --component-rating-text-4: var(--system-text-on-data-on-green-secondary);
  --component-rating-text-5: var(--system-text-on-data-on-blue-secondary);
  --component-rating-text-na: var(--system-text-on-elevation-tertiary);
  --component-reply-bg: var(--white-alpha-8);
  --component-rounded-icon-brand-alt-bg: var(--brand-dark-bg-alt-elevation);
  --component-rounded-icon-brand-alt-icon: var(--system-text-on-elevation-brand-alt-primary);
  --component-rounded-icon-brand-bg: var(--brand-dark-bg-elevation);
  --component-rounded-icon-brand-icon: var(--system-graphics-on-elevation-brand);
  --component-rounded-icon-primary-bg: var(--brand-dark-neutrals-700);
  --component-rounded-icon-primary-icon: var(--system-graphics-on-elevation-primary);
  --component-rounded-icon-secondary-bg: var(--brand-dark-neutrals-700);
  --component-rounded-icon-secondary-icon: var(--system-graphics-on-elevation-tertiary);
  --component-rounded-icon-teal-bg: var(--dark-teal-700);
  --component-rounded-icon-teal-icon: var(--dark-teal-400);
  --component-rounded-icon-white-bg: var(--white-alpha-40);
  --component-rounded-icon-white-icon: var(--system-graphics-on-color);
  --component-scoreboard-bg-body: var(--white-alpha-8);
  --component-scoreboard-bg-layer-1: var(--white-alpha-8);
  --component-scoreboard-graphics-secondary: var(--system-graphics-on-elevation-tertiary);
  --component-scoreboard-text-primary: var(--system-text-on-elevation-primary);
  --component-scoreboard-text-secondary: var(--system-text-on-elevation-tertiary);
  --component-scoreboard-text-time: var(--system-text-on-elevation-success-primary);
  --component-scrollbar-handle-hover: var(--brand-dark-neutrals-400);
  --component-scrollbar-handle-pressed: var(--brand-dark-neutrals-300);
  --component-scrollbar-handle: var(--brand-dark-neutrals-600);
  --component-scrollbar-rail: var(--brand-dark-neutrals-800);
  --component-segmented-control-on-color-bg-active: var(--white-alpha-100);
  --component-segmented-control-on-color-bg-default: var(--black-alpha-20);
  --component-segmented-control-on-color-bg-hover: var(--black-alpha-16);
  --component-segmented-control-on-color-bg-pressed: var(--black-alpha-8);
  --component-segmented-control-on-color-border-active: var(--brand-dark-neutrals-700);
  --component-segmented-control-on-color-separator: var(--white-alpha-8);
  --component-segmented-control-on-color-text-active: var(--brand-dark-text-primary-on-white);
  --component-segmented-control-on-color-text-default: var(--system-text-on-color-secondary);
  --component-segmented-control-on-elevation-bg-active: var(--brand-dark-neutrals-700);
  --component-segmented-control-on-elevation-bg-default: var(--black-alpha-80);
  --component-segmented-control-on-elevation-bg-hover: var(--white-alpha-12);
  --component-segmented-control-on-elevation-bg-pressed: var(--white-alpha-6);
  --component-segmented-control-on-elevation-separator: var(--white-alpha-8);
  --component-segmented-control-on-elevation-text-active: var(--system-text-on-elevation-primary);
  --component-segmented-control-on-elevation-text-default: var(--system-text-on-elevation-tertiary);
  --component-segmented-control-on-generosity-bg-active: var(--white-alpha-100);
  --component-segmented-control-on-generosity-bg-default: var(--black-alpha-12);
  --component-segmented-control-on-generosity-bg-hover: var(--white-alpha-12);
  --component-segmented-control-on-generosity-bg-pressed: var(--white-alpha-4);
  --component-segmented-control-on-generosity-separator: var(--white-alpha-12);
  --component-segmented-control-on-generosity-text-active: var(--brand-dark-neutrals-950);
  --component-segmented-control-on-generosity-text-default: var(--system-text-on-elevation-primary);
  --component-skeleton-top-nav: var(--white-alpha-8);
  --component-skeleton-value-1: var(--white-alpha-8);
  --component-skeleton-value-2: var(--brand-dark-neutrals-700);
  --component-snackbar-bg: var(--brand-dark-neutrals-50);
  --component-snackbar-button-text-hover: var(--black-alpha-80);
  --component-snackbar-button-text-pressed: var(--black-alpha-64);
  --component-snackbar-button-text: var(--brand-dark-neutrals-900);
  --component-snackbar-text-secondary: var(--black-alpha-80);
  --component-snackbar-text: var(--brand-dark-neutrals-900);
  --component-tabs-on-brand-badge-bg-active: var(--system-graphics-on-elevation-brand);
  --component-tabs-on-brand-badge-bg-inactive: var(--white-alpha-20);
  --component-tabs-on-brand-badge-text-active: var(--system-text-on-brand-primary);
  --component-tabs-on-brand-badge-text-inactive: var(--system-text-on-elevation-tertiary);
  --component-tabs-on-brand-bg-hover: var(--black-alpha-20);
  --component-tabs-on-brand-bg-pressed: var(--black-alpha-32);
  --component-tabs-on-brand-border: var(--system-border-on-elevation-brand-primary);
  --component-tabs-on-brand-text-active: var(--system-text-on-color-primary);
  --component-tabs-on-brand-text-disabled: var(--system-text-on-color-disabled);
  --component-tabs-on-brand-text-inactive: var(--system-text-on-color-secondary);
  --component-tabs-on-elevation-badge-bg-active: var(--system-graphics-on-elevation-brand);
  --component-tabs-on-elevation-badge-bg-inactive: var(--brand-dark-neutrals-700);
  --component-tabs-on-elevation-badge-text-active: var(--system-text-on-brand-primary);
  --component-tabs-on-elevation-badge-text-inactive: var(--system-text-on-elevation-tertiary);
  --component-tabs-on-elevation-bg-hover: var(--white-alpha-8);
  --component-tabs-on-elevation-bg-pressed: var(--white-alpha-12);
  --component-tabs-on-elevation-border: var(--system-border-on-elevation-brand-primary);
  --component-tabs-on-elevation-text-active: var(--system-text-on-elevation-primary);
  --component-tabs-on-elevation-text-disabled: var(--system-text-on-elevation-disabled);
  --component-tabs-on-elevation-text-inactive: var(--system-text-on-elevation-tertiary);
  --component-tabs-on-generosity-badge-bg-active: var(--dark-yellow-100);
  --component-tabs-on-generosity-badge-bg-inactive: var(--white-alpha-20);
  --component-tabs-on-generosity-badge-text-active: var(--brand-dark-neutrals-900);
  --component-tabs-on-generosity-badge-text-inactive: var(--system-text-on-elevation-secondary);
  --component-tabs-on-generosity-bg-hover: var(--white-alpha-8);
  --component-tabs-on-generosity-bg-pressed: var(--white-alpha-12);
  --component-tabs-on-generosity-border: var(--dark-yellow-100);
  --component-tabs-on-generosity-text-active: var(--system-text-on-elevation-primary);
  --component-tabs-on-generosity-text-disabled: var(--system-text-on-color-disabled);
  --component-tabs-on-generosity-text-inactive: var(--system-text-on-color-secondary);
  --component-tabs-secondary-active-bg-hover: var(--system-bg-elevation-layer-2-hover);
  --component-tabs-secondary-active-bg-pressed: var(--system-bg-elevation-layer-2-pressed);
  --component-tabs-secondary-active-bg: var(--system-bg-elevation-layer-2);
  --component-tabs-secondary-active-text: var(--system-text-on-elevation-primary);
  --component-tabs-secondary-inactive-bg-hover: var(--system-bg-elevation-layer-1-hover);
  --component-tabs-secondary-inactive-bg-pressed: var(--system-bg-elevation-layer-1-pressed);
  --component-tabs-secondary-inactive-bg: var(--system-bg-elevation-layer-1);
  --component-tabs-secondary-inactive-text: var(--system-text-on-elevation-tertiary);
  --component-tennis-points-text-green: var(--system-text-on-elevation-success-primary);
  --component-tennis-points-text-red: var(--system-text-on-elevation-danger-primary);
  --component-tennis-points-text-yellow: var(--dark-yellow-100);
  --component-toggle-switch-active-bg: var(--system-bg-brand);
  --component-toggle-switch-active-icon: var(--system-bg-brand);
  --component-toggle-switch-active-knob: var(--white-alpha-100);
  --component-toggle-switch-disabled-bg: var(--brand-dark-neutrals-700);
  --component-toggle-switch-disabled-icon: var(--brand-dark-neutrals-700);
  --component-toggle-switch-disabled-knob: var(--white-alpha-24);
  --component-toggle-switch-inactive-bg: var(--brand-dark-neutrals-500);
  --component-toggle-switch-inactive-icon: var(--brand-dark-neutrals-500);
  --component-toggle-switch-inactive-knob: var(--white-alpha-100);
  --component-tooltip-alternative-bg: var(--brand-dark-neutrals-50);
  --component-tooltip-alternative-text: var(--brand-dark-neutrals-900);
  --component-tooltip-default-bg: var(--brand-dark-neutrals-50);
  --component-tooltip-default-text: var(--brand-dark-neutrals-900);
  --gradients-body-transparent: var(--brand-dark-gradient-body-transparent);
  --gradients-component-bet-builder-horizontal-angle: 90deg;
  --gradients-component-bet-builder-horizontal-end-color-stop: 100;
  --gradients-component-bet-builder-horizontal-end-color: var(--light-red-900);
  --gradients-component-bet-builder-horizontal-start-color-stop: 0;
  --gradients-component-bet-builder-horizontal-start-color: var(--light-red-800);
  --gradients-component-bet-builder-horizontal:
    linear-gradient(
      
      var(--gradients-component-bet-builder-horizontal-angle),
      var(--gradients-component-bet-builder-horizontal-start-color) 0%,
      var(--gradients-component-bet-builder-horizontal-end-color) 100% );
  --gradients-component-bet-builder-vertical-angle: 180deg;
  --gradients-component-bet-builder-vertical-end-color-stop: 100;
  --gradients-component-bet-builder-vertical-end-color: var(--light-red-900);
  --gradients-component-bet-builder-vertical-start-color-stop: 0;
  --gradients-component-bet-builder-vertical-start-color: var(--light-red-800);
  --gradients-component-bet-builder-vertical:
    linear-gradient(
      
      var(--gradients-component-bet-builder-vertical-angle),
      var(--gradients-component-bet-builder-vertical-start-color) 0%,
      var(--gradients-component-bet-builder-vertical-end-color) 100% );
  --gradients-component-cards-bg-bet-creator-angle: 225deg;
  --gradients-component-cards-bg-bet-creator-end-color-stop: 100;
  --gradients-component-cards-bg-bet-creator-end-color: var(--dark-blue-600);
  --gradients-component-cards-bg-bet-creator-start-color-stop: 0;
  --gradients-component-cards-bg-bet-creator-start-color: var(--dark-blue-700);
  --gradients-component-cards-bg-bet-creator:
    linear-gradient(
      
      var(--gradients-component-cards-bg-bet-creator-angle),
      var(--gradients-component-cards-bg-bet-creator-start-color) 0%,
      var(--gradients-component-cards-bg-bet-creator-end-color) 100% );
  --gradients-component-cards-bg-discover-games-angle: "Radial";
  --gradients-component-cards-bg-discover-games-end-color-stop: 100;
  --gradients-component-cards-bg-discover-games-end-color: var(--light-magenta-950);
  --gradients-component-cards-bg-discover-games-start-color-stop: 0;
  --gradients-component-cards-bg-discover-games-start-color: var(--light-magenta-800);
  --gradients-component-cards-bg-discover-games:
    linear-gradient(
      
      var(--gradients-component-cards-bg-discover-games-angle),
      var(--gradients-component-cards-bg-discover-games-start-color) 0%,
      var(--gradients-component-cards-bg-discover-games-end-color) 100% );
  --gradients-component-cards-bg-login-angle: 90deg;
  --gradients-component-cards-bg-login-end-color-stop: 100;
  --gradients-component-cards-bg-login-end-color: var(--dark-teal-300);
  --gradients-component-cards-bg-login-start-color-stop: 0;
  --gradients-component-cards-bg-login-start-color: var(--dark-teal-400);
  --gradients-component-cards-bg-login:
    linear-gradient(
      
      var(--gradients-component-cards-bg-login-angle),
      var(--gradients-component-cards-bg-login-start-color) 0%,
      var(--gradients-component-cards-bg-login-end-color) 100% );
  --gradients-component-cards-bg-promo-angle: 275deg;
  --gradients-component-cards-bg-promo-end-color-stop: 64;
  --gradients-component-cards-bg-promo-end-color: var(--light-magenta-925);
  --gradients-component-cards-bg-promo-start-color-stop: 8;
  --gradients-component-cards-bg-promo-start-color: var(--dark-red-400);
  --gradients-component-cards-bg-promo:
    linear-gradient(
      
      var(--gradients-component-cards-bg-promo-angle),
      var(--gradients-component-cards-bg-promo-start-color) 8%,
      var(--gradients-component-cards-bg-promo-end-color) 64% );
  --gradients-component-cards-bg-specials-angle: 225deg;
  --gradients-component-cards-bg-specials-end-color-stop: 100;
  --gradients-component-cards-bg-specials-end-color: var(--brand-dark-neutrals-800);
  --gradients-component-cards-bg-specials-start-color-stop: 0;
  --gradients-component-cards-bg-specials-start-color: var(--brand-dark-neutrals-700);
  --gradients-component-cards-bg-specials:
    linear-gradient(
      
      var(--gradients-component-cards-bg-specials-angle),
      var(--gradients-component-cards-bg-specials-start-color) 0%,
      var(--gradients-component-cards-bg-specials-end-color) 100% );
  --gradients-component-content-creator-program-creator-unlocked-angle: 180deg;
  --gradients-component-content-creator-program-creator-unlocked-end-color-stop: 100;
  --gradients-component-content-creator-program-creator-unlocked-end-color: var(--brand-dark-gradient-system-brand-end-color);
  --gradients-component-content-creator-program-creator-unlocked-start-color-stop: 0;
  --gradients-component-content-creator-program-creator-unlocked-start-color: var(--brand-dark-gradient-system-brand-start-color);
  --gradients-component-content-creator-program-creator-unlocked:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-creator-unlocked-angle),
      var(--gradients-component-content-creator-program-creator-unlocked-start-color) 0%,
      var(--gradients-component-content-creator-program-creator-unlocked-end-color) 100% );
  --gradients-component-content-creator-program-earnings-unlocked-angle: 180deg;
  --gradients-component-content-creator-program-earnings-unlocked-end-color-stop: 64;
  --gradients-component-content-creator-program-earnings-unlocked-end-color: var(--light-orange-500);
  --gradients-component-content-creator-program-earnings-unlocked-start-color-stop: 0;
  --gradients-component-content-creator-program-earnings-unlocked-start-color: var(--dark-yellow-100);
  --gradients-component-content-creator-program-earnings-unlocked:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-earnings-unlocked-angle),
      var(--gradients-component-content-creator-program-earnings-unlocked-start-color) 0%,
      var(--gradients-component-content-creator-program-earnings-unlocked-end-color) 64% );
  --gradients-component-content-creator-program-status-locked-horizontal-angle: 90deg;
  --gradients-component-content-creator-program-status-locked-horizontal-end-color-stop: 100;
  --gradients-component-content-creator-program-status-locked-horizontal-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-locked-horizontal-start-color-stop: 0;
  --gradients-component-content-creator-program-status-locked-horizontal-start-color: var(--dark-blue-800);
  --gradients-component-content-creator-program-status-locked-horizontal:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-locked-horizontal-angle),
      var(--gradients-component-content-creator-program-status-locked-horizontal-start-color) 0%,
      var(--gradients-component-content-creator-program-status-locked-horizontal-end-color) 100% );
  --gradients-component-content-creator-program-status-locked-vertical-angle: 180deg;
  --gradients-component-content-creator-program-status-locked-vertical-end-color-stop: 100;
  --gradients-component-content-creator-program-status-locked-vertical-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-locked-vertical-start-color-stop: 0;
  --gradients-component-content-creator-program-status-locked-vertical-start-color: var(--dark-blue-800);
  --gradients-component-content-creator-program-status-locked-vertical:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-locked-vertical-angle),
      var(--gradients-component-content-creator-program-status-locked-vertical-start-color) 0%,
      var(--gradients-component-content-creator-program-status-locked-vertical-end-color) 100% );
  --gradients-component-content-creator-program-status-unlocked-horizontal-angle: 90deg;
  --gradients-component-content-creator-program-status-unlocked-horizontal-end-color-stop: 100;
  --gradients-component-content-creator-program-status-unlocked-horizontal-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-unlocked-horizontal-start-color-stop: 0;
  --gradients-component-content-creator-program-status-unlocked-horizontal-start-color: var(--dark-green-800);
  --gradients-component-content-creator-program-status-unlocked-horizontal:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-angle),
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-start-color) 0%,
      var(--gradients-component-content-creator-program-status-unlocked-horizontal-end-color) 100% );
  --gradients-component-content-creator-program-status-unlocked-vertical-angle: 180deg;
  --gradients-component-content-creator-program-status-unlocked-vertical-end-color-stop: 100;
  --gradients-component-content-creator-program-status-unlocked-vertical-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-content-creator-program-status-unlocked-vertical-start-color-stop: 0;
  --gradients-component-content-creator-program-status-unlocked-vertical-start-color: var(--dark-green-800);
  --gradients-component-content-creator-program-status-unlocked-vertical:
    linear-gradient(
      
      var(--gradients-component-content-creator-program-status-unlocked-vertical-angle),
      var(--gradients-component-content-creator-program-status-unlocked-vertical-start-color) 0%,
      var(--gradients-component-content-creator-program-status-unlocked-vertical-end-color) 100% );
  --gradients-component-divider-line-secondary-on-layer-1-angle: 90deg;
  --gradients-component-divider-line-secondary-on-layer-1-end-color-stop: 100;
  --gradients-component-divider-line-secondary-on-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-divider-line-secondary-on-layer-1-middle-color-stop: 50;
  --gradients-component-divider-line-secondary-on-layer-1-middle-color: var(--brand-dark-neutrals-800);
  --gradients-component-divider-line-secondary-on-layer-1-start-color-stop: 0;
  --gradients-component-divider-line-secondary-on-layer-1-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-divider-line-secondary-on-layer-1:
    linear-gradient(
      
      var(--gradients-component-divider-line-secondary-on-layer-1-angle),
      var(--gradients-component-divider-line-secondary-on-layer-1-start-color) 0%,
      var(--gradients-component-divider-line-secondary-on-layer-1-middle-color) 50%,
      var(--gradients-component-divider-line-secondary-on-layer-1-end-color) 100% );
  --gradients-component-f2p-header-end-color: var(--system-bg-elevation-body);
  --gradients-component-f2p-header-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-feature-display-brand-angle: 180deg;
  --gradients-component-feature-display-brand-end-color-stop: 84;
  --gradients-component-feature-display-brand-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-brand-start-color-stop: 8;
  --gradients-component-feature-display-brand-start-color: var(--brand-light-bg-primary-darkened);
  --gradients-component-feature-display-brand-subtle-angle: 180deg;
  --gradients-component-feature-display-brand-subtle-end-color-stop: 84;
  --gradients-component-feature-display-brand-subtle-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-brand-subtle-start-color-stop: 8;
  --gradients-component-feature-display-brand-subtle-start-color: var(--brand-light-bg-primary-darkened);
  --gradients-component-feature-display-brand-subtle:
    linear-gradient(
      
      var(--gradients-component-feature-display-brand-subtle-angle),
      var(--gradients-component-feature-display-brand-subtle-start-color) 8%,
      var(--gradients-component-feature-display-brand-subtle-end-color) 84% );
  --gradients-component-feature-display-brand:
    linear-gradient(
      
      var(--gradients-component-feature-display-brand-angle),
      var(--gradients-component-feature-display-brand-start-color) 8%,
      var(--gradients-component-feature-display-brand-end-color) 84% );
  --gradients-component-feature-display-generosity-angle: 180deg;
  --gradients-component-feature-display-generosity-end-color-stop: 84;
  --gradients-component-feature-display-generosity-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-generosity-middle-color-stop: 32;
  --gradients-component-feature-display-generosity-middle-color: var(--dark-yellow-400);
  --gradients-component-feature-display-generosity-start-color-stop: 0;
  --gradients-component-feature-display-generosity-start-color: var(--dark-yellow-350);
  --gradients-component-feature-display-generosity:
    linear-gradient(
      
      var(--gradients-component-feature-display-generosity-angle),
      var(--gradients-component-feature-display-generosity-start-color) 0%,
      var(--gradients-component-feature-display-generosity-middle-color) 32%,
      var(--gradients-component-feature-display-generosity-end-color) 84% );
  --gradients-component-feature-display-neutral-secondary-angle: 180deg;
  --gradients-component-feature-display-neutral-secondary-end-color-stop: 84;
  --gradients-component-feature-display-neutral-secondary-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-display-neutral-secondary-start-color-stop: 8;
  --gradients-component-feature-display-neutral-secondary-start-color: var(--brand-dark-neutrals-600);
  --gradients-component-feature-display-neutral-secondary:
    linear-gradient(
      
      var(--gradients-component-feature-display-neutral-secondary-angle),
      var(--gradients-component-feature-display-neutral-secondary-start-color) 8%,
      var(--gradients-component-feature-display-neutral-secondary-end-color) 84% );
  --gradients-component-feature-header-brand-angle: 180deg;
  --gradients-component-feature-header-brand-end-color-stop: 88;
  --gradients-component-feature-header-brand-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-header-brand-start-color-stop: 0;
  --gradients-component-feature-header-brand-start-color: var(--brand-light-bg-primary-darkened);
  --gradients-component-feature-header-brand:
    linear-gradient(
      
      var(--gradients-component-feature-header-brand-angle),
      var(--gradients-component-feature-header-brand-start-color) 0%,
      var(--gradients-component-feature-header-brand-end-color) 88% );
  --gradients-component-feature-header-generosity-angle: 180deg;
  --gradients-component-feature-header-generosity-end-color-stop: 100;
  --gradients-component-feature-header-generosity-end-color: var(--system-bg-elevation-body);
  --gradients-component-feature-header-generosity-start-color-stop: 0;
  --gradients-component-feature-header-generosity-start-color: var(--dark-yellow-300);
  --gradients-component-feature-header-generosity:
    linear-gradient(
      
      var(--gradients-component-feature-header-generosity-angle),
      var(--gradients-component-feature-header-generosity-start-color) 0%,
      var(--gradients-component-feature-header-generosity-end-color) 100% );
  --gradients-component-feature-header-multi-bet-builder-angle: 180deg;
  --gradients-component-feature-header-multi-bet-builder-end-color-stop: 88;
  --gradients-component-feature-header-multi-bet-builder-end-color: var(--light-red-900);
  --gradients-component-feature-header-multi-bet-builder-start-color-stop: 0;
  --gradients-component-feature-header-multi-bet-builder-start-color: var(--light-red-800);
  --gradients-component-feature-header-multi-bet-builder:
    linear-gradient(
      
      var(--gradients-component-feature-header-multi-bet-builder-angle),
      var(--gradients-component-feature-header-multi-bet-builder-start-color) 0%,
      var(--gradients-component-feature-header-multi-bet-builder-end-color) 88% );
  --gradients-component-fixers-above-global-header-angle: 180deg;
  --gradients-component-fixers-above-global-header-end-color-stop: 100;
  --gradients-component-fixers-above-global-header-end-color: var(--brand-dark-gradient-component-fixers-above-global-header-end-color);
  --gradients-component-fixers-above-global-header-start-color-stop: 0;
  --gradients-component-fixers-above-global-header-start-color: var(--brand-dark-gradient-component-fixers-above-global-header-start-color);
  --gradients-component-fixers-above-global-header:
    linear-gradient(
      
      var(--gradients-component-fixers-above-global-header-angle),
      var(--gradients-component-fixers-above-global-header-start-color) 0%,
      var(--gradients-component-fixers-above-global-header-end-color) 100% );
  --gradients-component-fixers-page-header-angle: 180deg;
  --gradients-component-fixers-page-header-end-color-stop: 100;
  --gradients-component-fixers-page-header-end-color: var(--system-bg-elevation-body);
  --gradients-component-fixers-page-header-start-color-stop: 0;
  --gradients-component-fixers-page-header-start-color: var(--brand-dark-gradient-component-fixers-page-header-start-color);
  --gradients-component-fixers-page-header:
    linear-gradient(
      
      var(--gradients-component-fixers-page-header-angle),
      var(--gradients-component-fixers-page-header-start-color) 0%,
      var(--gradients-component-fixers-page-header-end-color) 100% );
  --gradients-component-fixers-sidebar-angle: 180deg;
  --gradients-component-fixers-sidebar-end-color-stop: 100;
  --gradients-component-fixers-sidebar-end-color: var(--system-bg-elevation-body);
  --gradients-component-fixers-sidebar-start-color-stop: 0;
  --gradients-component-fixers-sidebar-start-color: var(--brand-dark-gradient-component-fixers-side-bar-start-color);
  --gradients-component-fixers-sidebar:
    linear-gradient(
      
      var(--gradients-component-fixers-sidebar-angle),
      var(--gradients-component-fixers-sidebar-start-color) 0%,
      var(--gradients-component-fixers-sidebar-end-color) 100% );
  --gradients-component-global-header-f2p-angle: 180deg;
  --gradients-component-global-header-f2p-end-color-stop: 88;
  --gradients-component-global-header-f2p-end-color: var(--system-bg-elevation-body);
  --gradients-component-global-header-f2p-start-color-stop: 0;
  --gradients-component-global-header-f2p-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-global-header-f2p:
    linear-gradient(
      
      var(--gradients-component-global-header-f2p-angle),
      var(--gradients-component-global-header-f2p-start-color) 0%,
      var(--gradients-component-global-header-f2p-end-color) 88% );
  --gradients-component-global-header-on-body-angle: 180deg;
  --gradients-component-global-header-on-body-end-color-stop: 88;
  --gradients-component-global-header-on-body-end-color: var(--system-bg-elevation-body);
  --gradients-component-global-header-on-body-start-color-stop: 0;
  --gradients-component-global-header-on-body-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-global-header-on-body:
    linear-gradient(
      
      var(--gradients-component-global-header-on-body-angle),
      var(--gradients-component-global-header-on-body-start-color) 0%,
      var(--gradients-component-global-header-on-body-end-color) 88% );
  --gradients-component-global-header-on-layer-1-angle: 180deg;
  --gradients-component-global-header-on-layer-1-end-color-stop: 88;
  --gradients-component-global-header-on-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-global-header-on-layer-1-start-color-stop: 0;
  --gradients-component-global-header-on-layer-1-start-color: var(--brand-dark-gradient-component-global-header-start-color);
  --gradients-component-global-header-on-layer-1:
    linear-gradient(
      
      var(--gradients-component-global-header-on-layer-1-angle),
      var(--gradients-component-global-header-on-layer-1-start-color) 0%,
      var(--gradients-component-global-header-on-layer-1-end-color) 88% );
  --gradients-component-overlay-gradient-body-angle: 90deg;
  --gradients-component-overlay-gradient-body-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-end-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-body-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-inverted-end-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-inverted-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-inverted-start-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-inverted-angle),
      var(--gradients-component-overlay-gradient-body-inverted-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-body-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-start-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong-angle: 90deg;
  --gradients-component-overlay-gradient-body-strong-end-color-stop: 24;
  --gradients-component-overlay-gradient-body-strong-end-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-strong-inverted-2-angle: 90deg;
  --gradients-component-overlay-gradient-body-strong-inverted-2-end-color-stop: 100;
  --gradients-component-overlay-gradient-body-strong-inverted-2-end-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong-inverted-2-start-color-stop: 76;
  --gradients-component-overlay-gradient-body-strong-inverted-2-start-color: var(--system-bg-elevation-body);
  --gradients-component-overlay-gradient-body-strong-inverted-2:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-angle),
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-start-color) 76%,
      var(--gradients-component-overlay-gradient-body-strong-inverted-2-end-color) 100% );
  --gradients-component-overlay-gradient-body-strong-start-color-stop: 0;
  --gradients-component-overlay-gradient-body-strong-start-color: var(--gradients-body-transparent);
  --gradients-component-overlay-gradient-body-strong:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-strong-angle),
      var(--gradients-component-overlay-gradient-body-strong-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-strong-end-color) 24% );
  --gradients-component-overlay-gradient-body:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-body-angle),
      var(--gradients-component-overlay-gradient-body-start-color) 0%,
      var(--gradients-component-overlay-gradient-body-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-inverted-end-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-inverted-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-inverted-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-inverted-angle),
      var(--gradients-component-overlay-gradient-layer-1-inverted-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-start-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-strong-end-color-stop: 24;
  --gradients-component-overlay-gradient-layer-1-strong-end-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-strong-inverted-angle: 90deg;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-end-color-stop: 100;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-end-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong-inverted-start-color-stop: 76;
  --gradients-component-overlay-gradient-layer-1-strong-inverted-start-color: var(--system-bg-elevation-layer-1);
  --gradients-component-overlay-gradient-layer-1-strong-inverted:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-angle),
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-start-color) 76%,
      var(--gradients-component-overlay-gradient-layer-1-strong-inverted-end-color) 100% );
  --gradients-component-overlay-gradient-layer-1-strong-start-color-stop: 0;
  --gradients-component-overlay-gradient-layer-1-strong-start-color: var(--gradients-layer-1-transparent);
  --gradients-component-overlay-gradient-layer-1-strong:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-strong-angle),
      var(--gradients-component-overlay-gradient-layer-1-strong-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-strong-end-color) 24% );
  --gradients-component-overlay-gradient-layer-1:
    linear-gradient(
      
      var(--gradients-component-overlay-gradient-layer-1-angle),
      var(--gradients-component-overlay-gradient-layer-1-start-color) 0%,
      var(--gradients-component-overlay-gradient-layer-1-end-color) 100% );
  --gradients-component-progress-bar-generosity-angle: 90deg;
  --gradients-component-progress-bar-generosity-end-color-stop: 100;
  --gradients-component-progress-bar-generosity-end-color: var(--dark-yellow-100);
  --gradients-component-progress-bar-generosity-start-color-stop: 24;
  --gradients-component-progress-bar-generosity-start-color: var(--dark-orange-300);
  --gradients-component-progress-bar-generosity:
    linear-gradient(
      
      var(--gradients-component-progress-bar-generosity-angle),
      var(--gradients-component-progress-bar-generosity-start-color) 24%,
      var(--gradients-component-progress-bar-generosity-end-color) 100% );
  --gradients-component-sidebar-active-angle: 90deg;
  --gradients-component-sidebar-active-end-color-stop: 100;
  --gradients-component-sidebar-active-end-color: var(--brand-dark-gradient-body-transparent);
  --gradients-component-sidebar-active-hover-angle: 90deg;
  --gradients-component-sidebar-active-hover-end-color-stop: 100;
  --gradients-component-sidebar-active-hover-end-color: var(--brand-dark-gradient-body-transparent);
  --gradients-component-sidebar-active-hover-start-color-stop: 56;
  --gradients-component-sidebar-active-hover-start-color: var(--brand-dark-gradient-component-sidebar-active-hover-start-color);
  --gradients-component-sidebar-active-hover:
    linear-gradient(
      
      var(--gradients-component-sidebar-active-hover-angle),
      var(--gradients-component-sidebar-active-hover-start-color) 56%,
      var(--gradients-component-sidebar-active-hover-end-color) 100% );
  --gradients-component-sidebar-active-start-color-stop: 56;
  --gradients-component-sidebar-active-start-color: var(--brand-dark-gradient-component-sidebar-active-start-color);
  --gradients-component-sidebar-active:
    linear-gradient(
      
      var(--gradients-component-sidebar-active-angle),
      var(--gradients-component-sidebar-active-start-color) 56%,
      var(--gradients-component-sidebar-active-end-color) 100% );
  --gradients-component-sidebar-inactive-hover-angle: 90deg;
  --gradients-component-sidebar-inactive-hover-end-color-stop: 100;
  --gradients-component-sidebar-inactive-hover-end-color: var(--brand-dark-gradient-body-transparent);
  --gradients-component-sidebar-inactive-hover-start-color-stop: 56;
  --gradients-component-sidebar-inactive-hover-start-color: var(--system-bg-elevation-body-hover);
  --gradients-component-sidebar-inactive-hover:
    linear-gradient(
      
      var(--gradients-component-sidebar-inactive-hover-angle),
      var(--gradients-component-sidebar-inactive-hover-start-color) 56%,
      var(--gradients-component-sidebar-inactive-hover-end-color) 100% );
  --gradients-component-skeleton-angle: 270deg;
  --gradients-component-skeleton-end-color-stop: 100;
  --gradients-component-skeleton-end-color: rgba(255, 255, 255, 0.00);
  --gradients-component-skeleton-middle-color-stop: 50;
  --gradients-component-skeleton-middle-color: var(--white-alpha-16);
  --gradients-component-skeleton-on-top-nav-angle: 270deg;
  --gradients-component-skeleton-on-top-nav-end-color-stop: 100;
  --gradients-component-skeleton-on-top-nav-end-color: rgba(255, 255, 255, 0.00);
  --gradients-component-skeleton-on-top-nav-middle-color-stop: 50;
  --gradients-component-skeleton-on-top-nav-middle-color: var(--white-alpha-16);
  --gradients-component-skeleton-on-top-nav-start-color-stop: 0;
  --gradients-component-skeleton-on-top-nav-start-color: rgba(255, 255, 255, 0.00);
  --gradients-component-skeleton-on-top-nav:
    linear-gradient(
      
      var(--gradients-component-skeleton-on-top-nav-angle),
      var(--gradients-component-skeleton-on-top-nav-start-color) 0%,
      var(--gradients-component-skeleton-on-top-nav-middle-color) 50%,
      var(--gradients-component-skeleton-on-top-nav-end-color) 100% );
  --gradients-component-skeleton-start-color-stop: 0;
  --gradients-component-skeleton-start-color: rgba(255, 255, 255, 0.00);
  --gradients-component-skeleton:
    linear-gradient(
      
      var(--gradients-component-skeleton-angle),
      var(--gradients-component-skeleton-start-color) 0%,
      var(--gradients-component-skeleton-middle-color) 50%,
      var(--gradients-component-skeleton-end-color) 100% );
  --gradients-component-superbonus-bg-progress-bar-angle: 90deg;
  --gradients-component-superbonus-bg-progress-bar-end-color-stop: 100;
  --gradients-component-superbonus-bg-progress-bar-end-color: var(--dark-green-500);
  --gradients-component-superbonus-bg-progress-bar-start-color-stop: 0;
  --gradients-component-superbonus-bg-progress-bar-start-color: var(--dark-green-300);
  --gradients-component-superbonus-bg-progress-bar:
    linear-gradient(
      
      var(--gradients-component-superbonus-bg-progress-bar-angle),
      var(--gradients-component-superbonus-bg-progress-bar-start-color) 0%,
      var(--gradients-component-superbonus-bg-progress-bar-end-color) 100% );
  --gradients-layer-1-transparent: var(--brand-dark-gradient-layer-1-transparent);
  --gradients-system-horizontal-brand-angle: 90deg;
  --gradients-system-horizontal-brand-end-color-stop: 100;
  --gradients-system-horizontal-brand-end-color: var(--brand-dark-gradient-system-brand-end-color);
  --gradients-system-horizontal-brand-start-color-stop: 0;
  --gradients-system-horizontal-brand-start-color: var(--brand-dark-gradient-system-brand-start-color);
  --gradients-system-horizontal-brand:
    linear-gradient(
      
      var(--gradients-system-horizontal-brand-angle),
      var(--gradients-system-horizontal-brand-start-color) 0%,
      var(--gradients-system-horizontal-brand-end-color) 100% );
  --gradients-system-horizontal-generosity-angle: 90deg;
  --gradients-system-horizontal-generosity-end-color-stop: 100;
  --gradients-system-horizontal-generosity-end-color: var(--dark-yellow-200);
  --gradients-system-horizontal-generosity-layer-1-angle: 90deg;
  --gradients-system-horizontal-generosity-layer-1-end-color-stop: 84;
  --gradients-system-horizontal-generosity-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-horizontal-generosity-layer-1-start-color-stop: 0;
  --gradients-system-horizontal-generosity-layer-1-start-color: var(--dark-yellow-300);
  --gradients-system-horizontal-generosity-layer-1:
    linear-gradient(
      
      var(--gradients-system-horizontal-generosity-layer-1-angle),
      var(--gradients-system-horizontal-generosity-layer-1-start-color) 0%,
      var(--gradients-system-horizontal-generosity-layer-1-end-color) 84% );
  --gradients-system-horizontal-generosity-start-color-stop: 0;
  --gradients-system-horizontal-generosity-start-color: var(--dark-orange-500);
  --gradients-system-horizontal-generosity:
    linear-gradient(
      
      var(--gradients-system-horizontal-generosity-angle),
      var(--gradients-system-horizontal-generosity-start-color) 0%,
      var(--gradients-system-horizontal-generosity-end-color) 100% );
  --gradients-system-vertical-body-fade-out-angle: 180deg;
  --gradients-system-vertical-body-fade-out-end-color-stop: 100;
  --gradients-system-vertical-body-fade-out-end-color: var(--gradients-body-transparent);
  --gradients-system-vertical-body-fade-out-start-color-stop: 0;
  --gradients-system-vertical-body-fade-out-start-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-body-fade-out:
    linear-gradient(
      
      var(--gradients-system-vertical-body-fade-out-angle),
      var(--gradients-system-vertical-body-fade-out-start-color) 0%,
      var(--gradients-system-vertical-body-fade-out-end-color) 100% );
  --gradients-system-vertical-brand-angle: 180deg;
  --gradients-system-vertical-brand-body-angle: 180deg;
  --gradients-system-vertical-brand-body-end-color-stop: 84;
  --gradients-system-vertical-brand-body-end-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-brand-body-start-color-stop: 8;
  --gradients-system-vertical-brand-body-start-color: var(--brand-light-bg-primary-darkened);
  --gradients-system-vertical-brand-body:
    linear-gradient(
      
      var(--gradients-system-vertical-brand-body-angle),
      var(--gradients-system-vertical-brand-body-start-color) 8%,
      var(--gradients-system-vertical-brand-body-end-color) 84% );
  --gradients-system-vertical-brand-end-color-stop: 100;
  --gradients-system-vertical-brand-end-color: var(--brand-dark-gradient-system-brand-end-color);
  --gradients-system-vertical-brand-start-color-stop: 0;
  --gradients-system-vertical-brand-start-color: var(--brand-dark-gradient-system-brand-start-color);
  --gradients-system-vertical-brand:
    linear-gradient(
      
      var(--gradients-system-vertical-brand-angle),
      var(--gradients-system-vertical-brand-start-color) 0%,
      var(--gradients-system-vertical-brand-end-color) 100% );
  --gradients-system-vertical-generosity-angle: 180deg;
  --gradients-system-vertical-generosity-body-angle: 180deg;
  --gradients-system-vertical-generosity-body-end-color-stop: 84;
  --gradients-system-vertical-generosity-body-end-color: var(--system-bg-elevation-body);
  --gradients-system-vertical-generosity-body-middle-color-stop: 32;
  --gradients-system-vertical-generosity-body-middle-color: var(--dark-yellow-400);
  --gradients-system-vertical-generosity-body-start-color-stop: 0;
  --gradients-system-vertical-generosity-body-start-color: var(--dark-yellow-350);
  --gradients-system-vertical-generosity-body:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-body-angle),
      var(--gradients-system-vertical-generosity-body-start-color) 0%,
      var(--gradients-system-vertical-generosity-body-middle-color) 32%,
      var(--gradients-system-vertical-generosity-body-end-color) 84% );
  --gradients-system-vertical-generosity-end-color-stop: 100;
  --gradients-system-vertical-generosity-end-color: var(--dark-orange-500);
  --gradients-system-vertical-generosity-layer-1-angle: 180deg;
  --gradients-system-vertical-generosity-layer-1-end-color-stop: 84;
  --gradients-system-vertical-generosity-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-generosity-layer-1-start-color-stop: 0;
  --gradients-system-vertical-generosity-layer-1-start-color: var(--dark-yellow-300);
  --gradients-system-vertical-generosity-layer-1:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-layer-1-angle),
      var(--gradients-system-vertical-generosity-layer-1-start-color) 0%,
      var(--gradients-system-vertical-generosity-layer-1-end-color) 84% );
  --gradients-system-vertical-generosity-start-color-stop: 0;
  --gradients-system-vertical-generosity-start-color: var(--dark-yellow-200);
  --gradients-system-vertical-generosity:
    linear-gradient(
      
      var(--gradients-system-vertical-generosity-angle),
      var(--gradients-system-vertical-generosity-start-color) 0%,
      var(--gradients-system-vertical-generosity-end-color) 100% );
  --gradients-system-vertical-layer-1-to-transparent-angle: 180deg;
  --gradients-system-vertical-layer-1-to-transparent-end-color-stop: 100;
  --gradients-system-vertical-layer-1-to-transparent-end-color: var(--gradients-layer-1-transparent);
  --gradients-system-vertical-layer-1-to-transparent-start-color-stop: 0;
  --gradients-system-vertical-layer-1-to-transparent-start-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-layer-1-to-transparent:
    linear-gradient(
      
      var(--gradients-system-vertical-layer-1-to-transparent-angle),
      var(--gradients-system-vertical-layer-1-to-transparent-start-color) 0%,
      var(--gradients-system-vertical-layer-1-to-transparent-end-color) 100% );
  --gradients-system-vertical-transparent-to-layer-1-angle: 180deg;
  --gradients-system-vertical-transparent-to-layer-1-end-color-stop: 100;
  --gradients-system-vertical-transparent-to-layer-1-end-color: var(--system-bg-elevation-layer-1);
  --gradients-system-vertical-transparent-to-layer-1-start-color-stop: 0;
  --gradients-system-vertical-transparent-to-layer-1-start-color: var(--gradients-layer-1-transparent);
  --gradients-system-vertical-transparent-to-layer-1:
    linear-gradient(
      
      var(--gradients-system-vertical-transparent-to-layer-1-angle),
      var(--gradients-system-vertical-transparent-to-layer-1-start-color) 0%,
      var(--gradients-system-vertical-transparent-to-layer-1-end-color) 100% );
  --shadows-component-drawer-ambient-blur: 2px;
  --shadows-component-drawer-ambient-opacity: var(--black-alpha-16);
  --shadows-component-drawer-ambient-spread: 0;
  --shadows-component-drawer-ambient-x: 0;
  --shadows-component-drawer-ambient-y: -4px;
  --shadows-component-drawer-direct-blur: 2px;
  --shadows-component-drawer-direct-opacity: var(--black-alpha-24);
  --shadows-component-drawer-direct-spread: 0;
  --shadows-component-drawer-direct-x: 0;
  --shadows-component-drawer-direct-y: -1px;
  --shadows-component-drawer-no-overlay-ambient-blur: 2px;
  --shadows-component-drawer-no-overlay-ambient-opacity: var(--black-alpha-16);
  --shadows-component-drawer-no-overlay-ambient-spread: 0;
  --shadows-component-drawer-no-overlay-ambient-x: 0;
  --shadows-component-drawer-no-overlay-ambient-y: -4px;
  --shadows-component-drawer-no-overlay-direct-blur: 10px;
  --shadows-component-drawer-no-overlay-direct-opacity: var(--black-alpha-32);
  --shadows-component-drawer-no-overlay-direct-spread: 0;
  --shadows-component-drawer-no-overlay-direct-x: 0;
  --shadows-component-drawer-no-overlay-direct-y: -1px;
  --shadows-component-drawer-no-overlay: var(--shadows-component-drawer-no-overlay-direct-x) var(--shadows-component-drawer-no-overlay-direct-y) var(--shadows-component-drawer-no-overlay-direct-blur) var(--shadows-component-drawer-no-overlay-direct-spread) var(--shadows-component-drawer-no-overlay-direct-opacity), var(--shadows-component-drawer-no-overlay-ambient-x) var(--shadows-component-drawer-no-overlay-ambient-y) var(--shadows-component-drawer-no-overlay-ambient-blur) var(--shadows-component-drawer-no-overlay-ambient-spread) var(--shadows-component-drawer-no-overlay-ambient-opacity);
  --shadows-component-drawer: var(--shadows-component-drawer-direct-x) var(--shadows-component-drawer-direct-y) var(--shadows-component-drawer-direct-blur) var(--shadows-component-drawer-direct-spread) var(--shadows-component-drawer-direct-opacity), var(--shadows-component-drawer-ambient-x) var(--shadows-component-drawer-ambient-y) var(--shadows-component-drawer-ambient-blur) var(--shadows-component-drawer-ambient-spread) var(--shadows-component-drawer-ambient-opacity);
  --shadows-system-default-ambient-blur: 8px;
  --shadows-system-default-ambient-opacity: var(--black-alpha-20);
  --shadows-system-default-ambient-spread: 0;
  --shadows-system-default-ambient-x: 0;
  --shadows-system-default-ambient-y: 6px;
  --shadows-system-default-direct-blur: 4px;
  --shadows-system-default-direct-opacity: var(--black-alpha-32);
  --shadows-system-default-direct-spread: 0;
  --shadows-system-default-direct-x: 0;
  --shadows-system-default-direct-y: 0;
  --shadows-system-default: var(--shadows-system-default-direct-x) var(--shadows-system-default-direct-y) var(--shadows-system-default-direct-blur) var(--shadows-system-default-direct-spread) var(--shadows-system-default-direct-opacity), var(--shadows-system-default-ambient-x) var(--shadows-system-default-ambient-y) var(--shadows-system-default-ambient-blur) var(--shadows-system-default-ambient-spread) var(--shadows-system-default-ambient-opacity);
  --shadows-system-strong-ambient-blur: 24px;
  --shadows-system-strong-ambient-opacity: var(--black-alpha-24);
  --shadows-system-strong-ambient-spread: 0;
  --shadows-system-strong-ambient-x: 0;
  --shadows-system-strong-ambient-y: 32px;
  --shadows-system-strong-direct-blur: 16px;
  --shadows-system-strong-direct-opacity: var(--black-alpha-52);
  --shadows-system-strong-direct-spread: 0;
  --shadows-system-strong-direct-x: 0;
  --shadows-system-strong-direct-y: 12px;
  --shadows-system-strong: var(--shadows-system-strong-direct-x) var(--shadows-system-strong-direct-y) var(--shadows-system-strong-direct-blur) var(--shadows-system-strong-direct-spread) var(--shadows-system-strong-direct-opacity), var(--shadows-system-strong-ambient-x) var(--shadows-system-strong-ambient-y) var(--shadows-system-strong-ambient-blur) var(--shadows-system-strong-ambient-spread) var(--shadows-system-strong-ambient-opacity);
  --shadows-system-subtle-ambient-blur: 4px;
  --shadows-system-subtle-ambient-opacity: var(--black-alpha-32);
  --shadows-system-subtle-ambient-spread: 0;
  --shadows-system-subtle-ambient-x: 0;
  --shadows-system-subtle-ambient-y: 1px;
  --shadows-system-subtle-direct-blur: 2px;
  --shadows-system-subtle-direct-opacity: var(--black-alpha-48);
  --shadows-system-subtle-direct-spread: 0;
  --shadows-system-subtle-direct-x: 0;
  --shadows-system-subtle-direct-y: 0;
  --shadows-system-subtle: var(--shadows-system-subtle-direct-x) var(--shadows-system-subtle-direct-y) var(--shadows-system-subtle-direct-blur) var(--shadows-system-subtle-direct-spread) var(--shadows-system-subtle-direct-opacity), var(--shadows-system-subtle-ambient-x) var(--shadows-system-subtle-ambient-y) var(--shadows-system-subtle-ambient-blur) var(--shadows-system-subtle-ambient-spread) var(--shadows-system-subtle-ambient-opacity);
  --switchers-system-appearance-inverted: "Light";
  --switchers-system-appearance: "Dark";
  --system-bg-always-gaming: var(--brand-dark-bg-always-gaming-primary);
  --system-bg-always-sport: var(--brand-dark-bg-always-sport-primary);
  --system-bg-brand-alt: var(--brand-dark-bg-alt);
  --system-bg-brand-disabled: var(--brand-dark-bg-disabled);
  --system-bg-brand: var(--brand-dark-bg-primary);
  --system-bg-danger: var(--dark-red-400);
  --system-bg-data-blue-primary: var(--dark-blue-400);
  --system-bg-data-blue-secondary: var(--dark-blue-700);
  --system-bg-data-green-primary: var(--dark-green-400);
  --system-bg-data-green-secondary: var(--dark-green-700);
  --system-bg-data-magenta-primary: var(--dark-magenta-400);
  --system-bg-data-magenta-secondary: var(--dark-magenta-700);
  --system-bg-data-orange-primary: var(--dark-orange-300);
  --system-bg-data-orange-secondary: var(--dark-orange-700);
  --system-bg-data-purple-primary: var(--dark-purple-400);
  --system-bg-data-purple-secondary: var(--dark-purple-700);
  --system-bg-data-red-primary: var(--dark-red-400);
  --system-bg-data-red-secondary: var(--dark-red-700);
  --system-bg-data-teal-primary: var(--dark-teal-400);
  --system-bg-data-teal-secondary: var(--dark-teal-700);
  --system-bg-data-yellow-primary: var(--dark-yellow-100);
  --system-bg-data-yellow-secondary: var(--dark-yellow-600);
  --system-bg-elevation-body-hover: var(--brand-dark-neutrals-900);
  --system-bg-elevation-body-pressed: var(--brand-dark-neutrals-800);
  --system-bg-elevation-body: var(--brand-dark-neutrals-950);
  --system-bg-elevation-brand-alt-secondary: var(--brand-dark-bg-alt-elevation-secondary);
  --system-bg-elevation-brand-alt: var(--brand-dark-bg-alt-elevation);
  --system-bg-elevation-brand-secondary: var(--brand-dark-bg-elevation-secondary);
  --system-bg-elevation-brand: var(--brand-dark-bg-elevation);
  --system-bg-elevation-danger-secondary: var(--dark-red-700);
  --system-bg-elevation-danger: var(--dark-red-alpha-16);
  --system-bg-elevation-highlight: var(--dark-green-800);
  --system-bg-elevation-info-secondary: var(--dark-blue-700);
  --system-bg-elevation-info: var(--dark-blue-alpha-16);
  --system-bg-elevation-layer-1-hover: var(--brand-dark-neutrals-800);
  --system-bg-elevation-layer-1-pressed: var(--brand-dark-neutrals-700);
  --system-bg-elevation-layer-1: var(--brand-dark-neutrals-900);
  --system-bg-elevation-layer-2-hover: var(--brand-dark-neutrals-700);
  --system-bg-elevation-layer-2-pressed: var(--brand-dark-neutrals-700);
  --system-bg-elevation-layer-2: var(--brand-dark-neutrals-750);
  --system-bg-elevation-layer-negative: var(--brand-dark-neutrals-700);
  --system-bg-elevation-success-secondary: var(--dark-green-700);
  --system-bg-elevation-success: var(--dark-green-alpha-16);
  --system-bg-elevation-warning-hover: var(--dark-orange-alpha-24);
  --system-bg-elevation-warning-secondary: var(--dark-orange-700);
  --system-bg-elevation-warning: var(--dark-orange-alpha-16);
  --system-bg-generosity: var(--dark-yellow-100);
  --system-bg-info: var(--dark-blue-400);
  --system-bg-neutral: var(--brand-dark-neutrals-600);
  --system-bg-success: var(--dark-green-400);
  --system-bg-warning: var(--dark-orange-200);
  --system-border-on-color-primary: var(--white-alpha-100);
  --system-border-on-color-secondary: var(--white-alpha-32);
  --system-border-on-color-tertiary: var(--white-alpha-16);
  --system-border-on-elevation-brand-alt-primary: var(--brand-dark-border-alt);
  --system-border-on-elevation-brand-alt-secondary: var(--brand-dark-border-alt-secondary);
  --system-border-on-elevation-brand-primary: var(--brand-dark-border-primary);
  --system-border-on-elevation-brand-secondary: var(--brand-dark-border-secondary);
  --system-border-on-elevation-danger-primary: var(--dark-red-400);
  --system-border-on-elevation-danger-secondary: var(--dark-red-alpha-24);
  --system-border-on-elevation-generosity: var(--dark-yellow-200);
  --system-border-on-elevation-info-primary: var(--dark-blue-400);
  --system-border-on-elevation-info-secondary: var(--dark-blue-700);
  --system-border-on-elevation-primary: var(--white-alpha-16);
  --system-border-on-elevation-secondary: var(--white-alpha-8);
  --system-border-on-elevation-success-primary: var(--dark-green-400);
  --system-border-on-elevation-success-secondary: var(--dark-green-alpha-24);
  --system-border-on-elevation-tertiary: var(--white-alpha-4);
  --system-border-on-elevation-warning-primary: var(--dark-orange-400);
  --system-border-on-elevation-warning-secondary: var(--dark-orange-alpha-24);
  --system-graphics-on-brand-alt: var(--white-alpha-100);
  --system-graphics-on-brand: var(--white-alpha-100);
  --system-graphics-on-color: var(--white-alpha-100);
  --system-graphics-on-elevation-brand-alt-secondary: var(--brand-dark-graphics-alt-secondary);
  --system-graphics-on-elevation-brand-alt: var(--brand-dark-graphics-alt);
  --system-graphics-on-elevation-brand-secondary: var(--brand-dark-graphics-secondary);
  --system-graphics-on-elevation-brand: var(--brand-dark-graphics-primary);
  --system-graphics-on-elevation-danger: var(--dark-red-300);
  --system-graphics-on-elevation-disabled: var(--brand-dark-neutrals-450);
  --system-graphics-on-elevation-info: var(--dark-blue-300);
  --system-graphics-on-elevation-primary: var(--white-alpha-100);
  --system-graphics-on-elevation-secondary: var(--white-alpha-80);
  --system-graphics-on-elevation-success: var(--dark-green-300);
  --system-graphics-on-elevation-tertiary: var(--white-alpha-64);
  --system-graphics-on-elevation-warning: var(--dark-orange-200);
  --system-graphics-on-warning: var(--dark-orange-900);
  --system-text-on-brand-alt-disabled: var(--white-alpha-56);
  --system-text-on-brand-alt-primary: var(--white-alpha-100);
  --system-text-on-brand-alt-secondary: var(--white-alpha-84);
  --system-text-on-brand-disabled: var(--white-alpha-56);
  --system-text-on-brand-primary: var(--white-alpha-100);
  --system-text-on-brand-secondary: var(--white-alpha-84);
  --system-text-on-color-disabled: var(--white-alpha-56);
  --system-text-on-color-primary: var(--white-alpha-100);
  --system-text-on-color-secondary: var(--white-alpha-84);
  --system-text-on-danger-disabled: var(--white-alpha-56);
  --system-text-on-danger-primary: var(--white-alpha-100);
  --system-text-on-danger-secondary: var(--white-alpha-84);
  --system-text-on-data-on-blue-primary: var(--white-alpha-100);
  --system-text-on-data-on-blue-secondary: var(--dark-blue-100);
  --system-text-on-data-on-green-primary: var(--white-alpha-100);
  --system-text-on-data-on-green-secondary: var(--dark-green-100);
  --system-text-on-data-on-magenta-primary: var(--white-alpha-100);
  --system-text-on-data-on-magenta-secondary: var(--dark-magenta-100);
  --system-text-on-data-on-orange-primary: var(--dark-orange-900);
  --system-text-on-data-on-orange-secondary: var(--dark-orange-100);
  --system-text-on-data-on-purple-primary: var(--white-alpha-100);
  --system-text-on-data-on-purple-secondary: var(--dark-purple-100);
  --system-text-on-data-on-red-primary: var(--white-alpha-100);
  --system-text-on-data-on-red-secondary: var(--dark-red-100);
  --system-text-on-data-on-teal-primary: var(--white-alpha-100);
  --system-text-on-data-on-teal-secondary: var(--dark-teal-100);
  --system-text-on-data-on-yellow-primary: var(--dark-yellow-900);
  --system-text-on-data-on-yellow-secondary: var(--dark-yellow-50);
  --system-text-on-elevation-brand-alt-primary: var(--brand-dark-text-alt);
  --system-text-on-elevation-brand-alt-secondary: var(--brand-dark-text-alt-secondary);
  --system-text-on-elevation-brand-primary: var(--brand-dark-text-primary);
  --system-text-on-elevation-brand-secondary: var(--brand-dark-text-secondary);
  --system-text-on-elevation-danger-primary: var(--dark-red-200);
  --system-text-on-elevation-danger-secondary: var(--dark-red-100);
  --system-text-on-elevation-disabled: var(--white-alpha-40);
  --system-text-on-elevation-info-primary: var(--dark-blue-200);
  --system-text-on-elevation-info-secondary: var(--dark-blue-100);
  --system-text-on-elevation-link-hover: var(--brand-dark-text-primary-hover);
  --system-text-on-elevation-link-visited-2: var(--brand-dark-text-primary-visited-hover);
  --system-text-on-elevation-link-visited: var(--brand-dark-text-primary-visited);
  --system-text-on-elevation-link: var(--brand-dark-text-primary);
  --system-text-on-elevation-primary: var(--white-alpha-100);
  --system-text-on-elevation-secondary: var(--white-alpha-80);
  --system-text-on-elevation-success-primary: var(--dark-green-200);
  --system-text-on-elevation-success-secondary: var(--dark-green-100);
  --system-text-on-elevation-tertiary: var(--white-alpha-68);
  --system-text-on-elevation-warning-primary: var(--dark-orange-200);
  --system-text-on-elevation-warning-secondary: var(--dark-orange-100);
  --system-text-on-info-disabled: var(--white-alpha-56);
  --system-text-on-info-primary: var(--white-alpha-100);
  --system-text-on-info-secondary: var(--white-alpha-84);
  --system-text-on-neutral-disabled: var(--brand-dark-neutrals-400);
  --system-text-on-neutral-primary: var(--white-alpha-100);
  --system-text-on-neutral-secondary: var(--brand-dark-neutrals-200);
  --system-text-on-success-disabled: var(--white-alpha-56);
  --system-text-on-success-primary: var(--white-alpha-100);
  --system-text-on-success-secondary: var(--white-alpha-84);
  --system-text-on-warning-disabled: var(--dark-orange-400);
  --system-text-on-warning-primary: var(--dark-orange-900);
  --system-text-on-warning-secondary: var(--dark-orange-600);
}

/* node_modules/@superbet-group/web.lib.ui-tokens/output/styles/typography.css */
:root {
  --component-badge-generosity-family: var(--typography-family-brand);
  --component-badge-generosity-letter-spacing: var(--typography-letter-spacing-700);
  --component-badge-generosity-line-height: var(--typography-size-300);
  --component-badge-generosity-option: "All Caps";
  --component-badge-generosity-size: var(--typography-size-300);
  --component-badge-generosity-weight: var(--typography-weight-brand-bold-italic);
  --component-badge-small-family: var(--typography-family-system);
  --component-badge-small-letter-spacing: var(--typography-letter-spacing-200);
  --component-badge-small-line-height: var(--typography-size-50);
  --component-badge-small-option: "All Caps";
  --component-badge-small-size: var(--typography-size-25);
  --component-badge-small-weight: var(--typography-weight-system-bold);
  --component-form-family: var(--typography-family-system);
  --component-form-letter-spacing: var(--typography-letter-spacing-25);
  --component-form-line-height: var(--typography-size-100);
  --component-form-option: "All Caps";
  --component-form-size: var(--typography-size-50);
  --component-form-string: "Mono";
  --component-form-weight: var(--typography-weight-system-bold);
  --component-lineup-jersey-family: var(--typography-family-system);
  --component-lineup-jersey-letter-spacing: var(--typography-letter-spacing-300);
  --component-lineup-jersey-line-height: var(--typography-size-100);
  --component-lineup-jersey-option: "All Caps";
  --component-lineup-jersey-size: var(--typography-size-50);
  --component-lineup-jersey-weight: var(--typography-weight-system-bold);
  --component-loyalty-card-title-family: var(--typography-family-brand);
  --component-loyalty-card-title-letter-spacing: var(--typography-letter-spacing-800);
  --component-loyalty-card-title-line-height: var(--typography-size-700);
  --component-loyalty-card-title-option: "All Caps";
  --component-loyalty-card-title-size: var(--typography-size-700);
  --component-loyalty-card-title-weight: var(--typography-weight-brand-regular);
  --component-market-name-bet-builder-family: var(--typography-family-brand);
  --component-market-name-bet-builder-letter-spacing: var(--typography-letter-spacing-700);
  --component-market-name-bet-builder-line-height: var(--typography-size-300);
  --component-market-name-bet-builder-option: "All Caps";
  --component-market-name-bet-builder-size: var(--typography-size-200);
  --component-market-name-bet-builder-small-family: var(--typography-family-brand);
  --component-market-name-bet-builder-small-letter-spacing: var(--typography-letter-spacing-600);
  --component-market-name-bet-builder-small-line-height: var(--typography-size-300);
  --component-market-name-bet-builder-small-option: "All Caps";
  --component-market-name-bet-builder-small-size: var(--typography-size-100);
  --component-market-name-bet-builder-small-weight: var(--typography-weight-brand-regular-italic);
  --component-market-name-bet-builder-weight: var(--typography-weight-brand-regular-italic);
  --component-minimized-betslip-overhead-label-family: var(--typography-family-system);
  --component-minimized-betslip-overhead-label-letter-spacing: var(--typography-letter-spacing-300);
  --component-minimized-betslip-overhead-label-line-height: var(--typography-size-100);
  --component-minimized-betslip-overhead-label-option: "All Caps";
  --component-minimized-betslip-overhead-label-size: var(--typography-size-50);
  --component-minimized-betslip-overhead-label-weight: var(--typography-weight-system-regular);
  --component-modal-title-system-family: var(--typography-family-brand);
  --component-modal-title-system-letter-spacing: var(--typography-letter-spacing-800);
  --component-modal-title-system-line-height: var(--typography-size-800);
  --component-modal-title-system-option: "All Caps";
  --component-modal-title-system-size: var(--typography-size-700);
  --component-modal-title-system-weight: var(--typography-weight-brand-regular);
  --component-ticket-number-family: var(--typography-family-system);
  --component-ticket-number-letter-spacing: var(--typography-letter-spacing-25);
  --component-ticket-number-line-height: var(--typography-size-500);
  --component-ticket-number-option: "All Caps";
  --component-ticket-number-size: var(--typography-size-300);
  --component-ticket-number-weight: var(--typography-weight-system-bold);
  --component-wallet-amount-family: var(--typography-family-brand);
  --component-wallet-amount-large-family: var(--typography-family-brand);
  --component-wallet-amount-large-letter-spacing: var(--typography-letter-spacing-1000);
  --component-wallet-amount-large-line-height: var(--typography-size-900);
  --component-wallet-amount-large-option: "All Caps";
  --component-wallet-amount-large-size: var(--typography-size-900);
  --component-wallet-amount-large-weight: var(--typography-weight-brand-regular);
  --component-wallet-amount-letter-spacing: var(--typography-letter-spacing-800);
  --component-wallet-amount-line-height: var(--typography-size-700);
  --component-wallet-amount-option: "All Caps";
  --component-wallet-amount-size: var(--typography-size-700);
  --component-wallet-amount-weight: var(--typography-weight-brand-regular);
  --component-wallet-currency-family: var(--typography-family-brand);
  --component-wallet-currency-large-family: var(--typography-family-brand);
  --component-wallet-currency-large-letter-spacing: 0;
  --component-wallet-currency-large-line-height: var(--typography-size-900);
  --component-wallet-currency-large-option: "All Caps";
  --component-wallet-currency-large-size: var(--typography-size-900);
  --component-wallet-currency-large-weight: var(--typography-weight-brand-light);
  --component-wallet-currency-letter-spacing: 0;
  --component-wallet-currency-line-height: var(--typography-size-700);
  --component-wallet-currency-option: "All Caps";
  --component-wallet-currency-size: var(--typography-size-700);
  --component-wallet-currency-weight: var(--typography-weight-brand-light);
  --component-wallet-supercoins-family: var(--typography-family-brand);
  --component-wallet-supercoins-letter-spacing: var(--typography-letter-spacing-800);
  --component-wallet-supercoins-line-height: var(--typography-size-600);
  --component-wallet-supercoins-option: "All Caps";
  --component-wallet-supercoins-size: var(--typography-size-500);
  --component-wallet-supercoins-weight: var(--typography-weight-brand-regular);
  --system-body-default-bold-family: var(--typography-family-system);
  --system-body-default-bold-letter-spacing: 0;
  --system-body-default-bold-line-height: var(--typography-size-500);
  --system-body-default-bold-paragraph-spacing: var(--typography-paragraph-spacing-200);
  --system-body-default-bold-size: var(--typography-size-200);
  --system-body-default-bold-weight: var(--typography-weight-system-bold);
  --system-body-default-family: var(--typography-family-system);
  --system-body-default-italic-family: var(--typography-family-system);
  --system-body-default-italic-letter-spacing: 0;
  --system-body-default-italic-line-height: var(--typography-size-500);
  --system-body-default-italic-paragraph-spacing: var(--typography-paragraph-spacing-200);
  --system-body-default-italic-size: var(--typography-size-200);
  --system-body-default-italic-weight: var(--typography-weight-system-regular-italic);
  --system-body-default-letter-spacing: 0;
  --system-body-default-line-height: var(--typography-size-500);
  --system-body-default-paragraph-spacing: var(--typography-paragraph-spacing-200);
  --system-body-default-size: var(--typography-size-200);
  --system-body-default-weight: var(--typography-weight-system-regular);
  --system-body-large-bold-family: var(--typography-family-system);
  --system-body-large-bold-letter-spacing: 0;
  --system-body-large-bold-line-height: var(--typography-size-700);
  --system-body-large-bold-paragraph-spacing: var(--typography-paragraph-spacing-300);
  --system-body-large-bold-size: var(--typography-size-300);
  --system-body-large-bold-weight: var(--typography-weight-system-bold);
  --system-body-large-family: var(--typography-family-system);
  --system-body-large-italic-family: var(--typography-family-system);
  --system-body-large-italic-letter-spacing: 0;
  --system-body-large-italic-line-height: var(--typography-size-700);
  --system-body-large-italic-paragraph-spacing: var(--typography-paragraph-spacing-300);
  --system-body-large-italic-size: var(--typography-size-300);
  --system-body-large-italic-weight: var(--typography-weight-system-regular-italic);
  --system-body-large-letter-spacing: 0;
  --system-body-large-line-height: var(--typography-size-700);
  --system-body-large-paragraph-spacing: var(--typography-paragraph-spacing-300);
  --system-body-large-size: var(--typography-size-300);
  --system-body-large-weight: var(--typography-weight-system-regular);
  --system-body-small-bold-family: var(--typography-family-system);
  --system-body-small-bold-letter-spacing: 0;
  --system-body-small-bold-line-height: var(--typography-size-400);
  --system-body-small-bold-paragraph-spacing: var(--typography-paragraph-spacing-100);
  --system-body-small-bold-size: var(--typography-size-100);
  --system-body-small-bold-weight: var(--typography-weight-system-bold);
  --system-body-small-family: var(--typography-family-system);
  --system-body-small-italic-family: var(--typography-family-system);
  --system-body-small-italic-letter-spacing: 0;
  --system-body-small-italic-line-height: var(--typography-size-400);
  --system-body-small-italic-paragraph-spacing: var(--typography-paragraph-spacing-100);
  --system-body-small-italic-size: var(--typography-size-100);
  --system-body-small-italic-weight: var(--typography-weight-system-regular-italic);
  --system-body-small-letter-spacing: 0;
  --system-body-small-line-height: var(--typography-size-400);
  --system-body-small-paragraph-spacing: var(--typography-paragraph-spacing-100);
  --system-body-small-size: var(--typography-size-100);
  --system-body-small-weight: var(--typography-weight-system-regular);
  --system-display-default-family: var(--typography-family-brand);
  --system-display-default-letter-spacing: var(--typography-letter-spacing-1000);
  --system-display-default-line-height: var(--typography-size-900);
  --system-display-default-option: "All Caps";
  --system-display-default-size: var(--typography-size-900);
  --system-display-default-weight: var(--typography-weight-brand-bold-italic);
  --system-display-extra-large-family: var(--typography-family-brand);
  --system-display-extra-large-letter-spacing: var(--typography-letter-spacing-1200);
  --system-display-extra-large-line-height: var(--typography-size-1300);
  --system-display-extra-large-option: "All Caps";
  --system-display-extra-large-size: var(--typography-size-1300);
  --system-display-extra-large-weight: var(--typography-weight-brand-bold-italic);
  --system-display-extra-small-family: var(--typography-family-brand);
  --system-display-extra-small-letter-spacing: var(--typography-letter-spacing-600);
  --system-display-extra-small-line-height: var(--typography-size-400);
  --system-display-extra-small-option: "All Caps";
  --system-display-extra-small-size: var(--typography-size-400);
  --system-display-extra-small-weight: var(--typography-weight-brand-bold-italic);
  --system-display-large-family: var(--typography-family-brand);
  --system-display-large-letter-spacing: var(--typography-letter-spacing-1100);
  --system-display-large-line-height: var(--typography-size-1000);
  --system-display-large-option: "All Caps";
  --system-display-large-size: var(--typography-size-1100);
  --system-display-large-weight: var(--typography-weight-brand-bold-italic);
  --system-display-small-family: var(--typography-family-brand);
  --system-display-small-letter-spacing: var(--typography-letter-spacing-1000);
  --system-display-small-line-height: var(--typography-size-800);
  --system-display-small-option: "All Caps";
  --system-display-small-size: var(--typography-size-700);
  --system-display-small-weight: var(--typography-weight-brand-bold-italic);
  --system-label-default-bold-family: var(--typography-family-system);
  --system-label-default-bold-letter-spacing: var(--typography-letter-spacing-400);
  --system-label-default-bold-line-height: var(--typography-size-400);
  --system-label-default-bold-mono-family: var(--typography-family-system);
  --system-label-default-bold-mono-letter-spacing: var(--typography-letter-spacing-25);
  --system-label-default-bold-mono-line-height: var(--typography-size-400);
  --system-label-default-bold-mono-option: "Mono";
  --system-label-default-bold-mono-size: var(--typography-size-200);
  --system-label-default-bold-mono-weight: var(--typography-weight-system-bold);
  --system-label-default-bold-size: var(--typography-size-200);
  --system-label-default-bold-weight: var(--typography-weight-system-bold);
  --system-label-default-family: var(--typography-family-system);
  --system-label-default-letter-spacing: var(--typography-letter-spacing-400);
  --system-label-default-line-height: var(--typography-size-400);
  --system-label-default-mono-family: var(--typography-family-system);
  --system-label-default-mono-letter-spacing: var(--typography-letter-spacing-25);
  --system-label-default-mono-line-height: var(--typography-size-400);
  --system-label-default-mono-option: "Mono";
  --system-label-default-mono-size: var(--typography-size-200);
  --system-label-default-mono-weight: var(--typography-weight-system-regular);
  --system-label-default-size: var(--typography-size-200);
  --system-label-default-weight: var(--typography-weight-system-regular);
  --system-label-large-bold-family: var(--typography-family-system);
  --system-label-large-bold-letter-spacing: var(--typography-letter-spacing-100);
  --system-label-large-bold-line-height: var(--typography-size-500);
  --system-label-large-bold-size: var(--typography-size-300);
  --system-label-large-bold-weight: var(--typography-weight-system-bold);
  --system-label-large-family: var(--typography-family-system);
  --system-label-large-letter-spacing: var(--typography-letter-spacing-100);
  --system-label-large-line-height: var(--typography-size-500);
  --system-label-large-size: var(--typography-size-300);
  --system-label-large-weight: var(--typography-weight-system-regular);
  --system-label-small-all-caps-family: var(--typography-family-system);
  --system-label-small-all-caps-letter-spacing: var(--typography-letter-spacing-600);
  --system-label-small-all-caps-line-height: var(--typography-size-300);
  --system-label-small-all-caps-option: "All Caps";
  --system-label-small-all-caps-size: var(--typography-size-100);
  --system-label-small-all-caps-weight: var(--typography-weight-system-regular);
  --system-label-small-bold-all-caps-family: var(--typography-family-system);
  --system-label-small-bold-all-caps-letter-spacing: var(--typography-letter-spacing-600);
  --system-label-small-bold-all-caps-line-height: var(--typography-size-300);
  --system-label-small-bold-all-caps-option: "All Caps";
  --system-label-small-bold-all-caps-size: var(--typography-size-100);
  --system-label-small-bold-all-caps-weight: var(--typography-weight-system-bold);
  --system-label-small-bold-family: var(--typography-family-system);
  --system-label-small-bold-letter-spacing: var(--typography-letter-spacing-300);
  --system-label-small-bold-line-height: var(--typography-size-300);
  --system-label-small-bold-mono-family: var(--typography-family-system);
  --system-label-small-bold-mono-letter-spacing: var(--typography-letter-spacing-25);
  --system-label-small-bold-mono-line-height: var(--typography-size-300);
  --system-label-small-bold-mono-option: "Mono";
  --system-label-small-bold-mono-size: var(--typography-size-100);
  --system-label-small-bold-mono-weight: var(--typography-weight-system-bold);
  --system-label-small-bold-size: var(--typography-size-100);
  --system-label-small-bold-weight: var(--typography-weight-system-bold);
  --system-label-small-family: var(--typography-family-system);
  --system-label-small-letter-spacing: var(--typography-letter-spacing-300);
  --system-label-small-line-height: var(--typography-size-300);
  --system-label-small-size: var(--typography-size-100);
  --system-label-small-weight: var(--typography-weight-system-regular);
  --system-title-default-family: var(--typography-family-brand);
  --system-title-default-letter-spacing: var(--typography-letter-spacing-800);
  --system-title-default-line-height: var(--typography-size-600);
  --system-title-default-option: "All Caps";
  --system-title-default-size: var(--typography-size-500);
  --system-title-default-weight: var(--typography-weight-brand-regular);
  --system-title-large-family: var(--typography-family-brand);
  --system-title-large-letter-spacing: var(--typography-letter-spacing-700);
  --system-title-large-line-height: var(--typography-size-900);
  --system-title-large-option: "All Caps";
  --system-title-large-size: var(--typography-size-900);
  --system-title-large-weight: var(--typography-weight-brand-regular);
  --system-title-small-family: var(--typography-family-system);
  --system-title-small-letter-spacing: var(--typography-letter-spacing-50);
  --system-title-small-line-height: var(--typography-size-500);
  --system-title-small-size: var(--typography-size-300);
  --system-title-small-weight: var(--typography-weight-system-bold);
}

/* node_modules/@superbet-group/web.lib.ui-tokens/utils/focus-styles.css */
.sds-focus:focus-visible {
  box-shadow: 0 0 0 1px var(--system-bg-data-blue-primary), 0 0 0 3px var(--system-bg-data-blue-secondary);
}
.sds-focus-alt:focus-visible {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px rgba(255, 255, 255, 0.4);
}
.sds-focus:focus-visible,
.sds-focus-alt:focus-visible {
  outline: 3px solid transparent;
  outline-offset: 3px;
}

/* node_modules/@superbet-group/web.lib.ui-tokens/utils/old-to-new-space-mappings.css */
:root {
  --space-padding-default: var(--space-padding-md);
  --space-padding-spacious: var(--space-padding-lg);
  --space-padding-extra-large: var(--space-padding-xlg);
  --space-horizontal-between-cards: var(--space-between-cards-md);
  --space-horizontal-between-cards-compact: var(--space-between-cards-sm);
  --space-horizontal-between-cards-compact-alt: var(--space-between-carousel-items-mobile);
  --space-horizontal-between-tab-buttons: var(--space-between-tabs);
  --space-vertical-between-cards: var(--space-between-cards-md);
  --space-vertical-between-sections: var(--space-between-sections);
  --space-vertical-between-inputs: var(--space-between-inputs);
  --space-vertical-between-cards-compact: var(--space-between-cards-sm);
  --space-vertical-title-to-content: var(--space-title-to-content);
}

/* src/styles.scss */
.cdk-virtual-scroll-data-source-example .example-viewport {
  height: 421px;
  width: 100%;
  scrollbar-width: none;
}
.cdk-virtual-scroll-data-source-example .example-viewport::-webkit-scrollbar {
  display: none;
}
.cdk-virtual-scroll-data-source-example .example-viewport::-webkit-scrollbar-thumb {
  display: none;
}
.cdk-virtual-scroll-data-source-example .example-viewport .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: row;
}
.cdk-virtual-scroll-data-source-example .example-viewport .cdk-virtual-scroll-content-wrapper .example-item hun-card {
  padding-right: 7px;
}
.cdk-virtual-scroll-data-source-example .example-item {
  height: 100%;
}
::ng-deep .cdk-virtual-scroll-content-wrapper .example-item:last-child.last hun-card .mat-card {
  margin-right: 0;
}
.cdk-overlay-container .cdk-overlay-backdrop {
  background: var(--dark-color-200);
}
.snackbar {
  position: absolute !important;
  bottom: 34px !important;
  left: 48% !important;
  transform: translateX(-50%) !important;
  max-width: 97% !important;
}
.cdk-overlay-connected-position-bounding-box .cdk-overlay-pane:not(.mat-mdc-tooltip-panel) {
  left: 300px !important;
  width: auto !important;
  min-width: 127px !important;
}
.mdc-snackbar .mdc-snackbar__surface {
  background: #333333;
}
.mdc-snackbar .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8705882353);
  font-family: Inter-Bold, sans-serif;
}
.mdc-snackbar .mdc-snackbar__surface .mat-mdc-snack-bar-label .mat-mdc-snack-bar-actions .mat-mdc-snack-bar-action {
  font-size: 12px;
  font-weight: 400;
  font-family: Inter-Bold, sans-serif;
  color: #02feff;
}
.slider-wrapper {
  padding-top: 20px;
  overflow-y: auto;
}
.slider-wrapper .custom-range-slider {
  touch-action: pan-y;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  will-change: transform;
  contain: layout style;
}
.slider-wrapper .custom-range-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 5%;
  height: 8px;
  border-radius: 8px;
  outline: none;
  position: relative;
  touch-action: pan-x;
  -webkit-user-select: none;
  user-select: none;
}
.slider-wrapper .custom-range-slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 8px;
  background: transparent;
}
.slider-wrapper .custom-range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--iframe-v3-range-slider-active-color);
  border: none;
  margin-top: -19px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background-image: var(--iframe-v3-slider-htumb-icon);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  background-origin: padding-box;
  background-clip: padding-box;
  padding: 4px;
  filter: contrast(1.2) brightness(1.1);
}
.slider-wrapper .custom-range-slider::-moz-range-track {
  height: 8px;
  border-radius: 8px;
  background: transparent;
}
.slider-wrapper .custom-range-slider::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--iframe-v3-range-slider-active-color);
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background-image: var(--iframe-v3-slider-htumb-icon);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  background-origin: padding-box;
  background-clip: padding-box;
  padding: 4px;
  filter: contrast(1.2) brightness(1.1);
}
@media (max-width: 768px) {
  .slider-wrapper .custom-range-slider::-webkit-slider-thumb {
    width: 40px;
    height: 40px;
    margin-top: -16px;
    background-size: 16px;
    padding: 3px;
  }
  .slider-wrapper .custom-range-slider::-moz-range-thumb {
    width: 32px;
    height: 32px;
    background-size: 16px;
    padding: 3px;
  }
}
.slider-wrapper.streak-game .custom-range-slider {
  margin: 8px 0 !important;
}
.slider-wrapper.prediction-game .custom-range-slider,
.slider-wrapper.streak-game .custom-range-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  margin: 0 5%;
  height: 8px;
  border-radius: 8px;
  outline: none;
  position: relative;
  touch-action: pan-x;
  -webkit-user-select: none;
  user-select: none;
}
.slider-wrapper.prediction-game .custom-range-slider::-webkit-slider-runnable-track,
.slider-wrapper.streak-game .custom-range-slider::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 8px;
  background: transparent;
}
.slider-wrapper.prediction-game .custom-range-slider::-webkit-slider-thumb,
.slider-wrapper.streak-game .custom-range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--iframe-v3-range-slider-prediction-active-color);
  border: none;
  margin-top: -19px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background-image: var(--iframe-v3-slider-thumb-prediction-icon);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  background-origin: padding-box;
  background-clip: padding-box;
  padding: 4px;
  filter: contrast(1.2) brightness(1.1);
}
.slider-wrapper.prediction-game .custom-range-slider::-moz-range-track,
.slider-wrapper.streak-game .custom-range-slider::-moz-range-track {
  height: 8px;
  border-radius: 8px;
  background: transparent;
}
.slider-wrapper.prediction-game .custom-range-slider::-moz-range-thumb,
.slider-wrapper.streak-game .custom-range-slider::-moz-range-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--iframe-v3-range-slider-prediction-active-color);
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  background-image: var(--iframe-v3-slider-thumb-prediction-icon);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  background-origin: padding-box;
  background-clip: padding-box;
  padding: 4px;
  filter: contrast(1.2) brightness(1.1);
}
@media (max-width: 768px) {
  .slider-wrapper.prediction-game .custom-range-slider::-webkit-slider-thumb,
  .slider-wrapper.streak-game .custom-range-slider::-webkit-slider-thumb {
    width: 40px;
    height: 40px;
    margin-top: -16px;
    background-size: 16px;
    padding: 3px;
  }
  .slider-wrapper.prediction-game .custom-range-slider::-moz-range-thumb,
  .slider-wrapper.streak-game .custom-range-slider::-moz-range-thumb {
    width: 32px;
    height: 32px;
    background-size: 16px;
    padding: 3px;
  }
}
.slider-wrapper.prediction-game .value-container,
.slider-wrapper.streak-game .value-container {
  background: var(--iframe-v3-range-slider-prediction-active-color);
  color: var(--iframe-v3-range-slider-prediction-value-color);
}
.slider-wrapper.prediction-game .range-value,
.slider-wrapper.streak-game .range-value {
  color: var(--iframe-v3-range-slider-prediction-range-color);
}
@font-face {
  font-family: Inter;
  src: url("./media/Inter-Regular-L744NWTU.otf");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: Inter-Bold;
  src: url("./media/Inter-Bold-F33NQ4VX.otf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: Inter-Black;
  src: url("./media/Inter-Black-B35OLGKP.otf");
  font-display: swap;
  font-weight: 900;
}
@font-face {
  font-family: Inter-Medium;
  src: url("./media/Inter-Medium-7OB3L5VS.otf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter Semi Bold";
  src: url("./media/Inter-SemiBold-7XMAWBPW.otf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("./media/RobotoFlex-Regular-FS4OJ2F6.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("./media/RobotoFlex-SuperCondensedBlackItalic-I3SRHGAB.otf");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("./media/RobotoFlex-SuperCondensedBold-JYUPF7O5.otf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  src: url("./media/RobotoFlex-SuperCondensedBoldItalic-KS5BC5VA.otf");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex Super Condensed Black Italic";
  src: url("./media/RobotoFlex-SuperCondensedBlackItalic-I3SRHGAB.otf");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex Super Condensed Black";
  src: url("./media/RobotoFlex-SuperCondensedBlack-XUJO4XWQ.otf");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex Condensed Bold";
  src: url("./media/RobotoCondensed-Bold-PDOI2X5U.otf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex Super Extended Black";
  src: url("./media/RobotoFlex-SuperExtendedBlack-5LXSLVOX.otf");
  font-display: swap;
  font-weight: 900;
}
@font-face {
  font-family: "Roboto Flex Super Extended Black Italic";
  src: url("./media/RobotoFlex-SuperExtendedBlackItalic-HSJC3SYQ.otf");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: "Roboto Flex Condensed Extra Bold";
  src: url("./media/RobotoCondensed-ExtraBold-HMVFCT7N.ttf");
  font-display: swap;
  font-weight: 800;
}
@font-face {
  font-family: "Roboto Flex Condensed Extra Bold Italic";
  src: url("./media/RobotoCondensed-ExtraBoldItalic-3RGANQN4.ttf");
  font-display: swap;
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Flex Condensed Black Italic";
  src: url("./media/RobotoCondensed-BlackItalic-7X7XNPIB.ttf");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: Rubik-Medium;
  src: url("./media/Rubik-Medium-WOMFNNVF.ttf");
  font-display: swap;
  font-style: italic;
  font-weight: 500;
}
:root {
  --app-vh: 1vh;
}
body {
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin: 0;
  position: relative;
  overflow: hidden;
  min-height: 99dvh;
}
body .admin-button {
  background: var(--primary-color-200) !important;
  border-radius: 8px;
  font-weight: 700;
  font-family: Inter-Bold, sans-serif;
  color: var(--light-color);
  font-size: 14px;
}
body .container {
  width: 90%;
  margin: 0 auto;
  display: block;
}
body .container.desktop-style {
  width: 1133px;
}
body a {
  text-decoration: none;
}
body::after {
  content: "";
  display: block;
}
@media screen and (min-width: 700px) {
  .frame-overlay-panel {
    margin-bottom: 32px !important;
  }
}
.frame-overlay-panel {
  width: 100%;
  max-width: 720px !important;
  max-height: 96vh;
}
.frame-overlay-panel .mat-bottom-sheet-container {
  overflow: visible;
  min-width: auto;
  height: fit-content;
  max-height: 100%;
  width: 100%;
  padding: 0 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: var(--iframev2-light-color);
  background: var(--iframev2-dark-100);
}
.frame-overlay-panel .mat-bottom-sheet-container hun-main-modal {
  min-height: calc(100vh - 25px);
}
@media screen and (max-width: 720px) {
  .frame-v3-overlay-panel,
  .frame-v3-streak-overlay-panel,
  .frame-v3-bracket-overlay-panel,
  .frame-v3-new-design-overlay-panel,
  .sga-info-modal {
    align-items: flex-end !important;
    padding-top: 0 !important;
  }
  .frame-v3-overlay-panel .mat-bottom-sheet-container,
  .frame-v3-streak-overlay-panel .mat-bottom-sheet-container,
  .frame-v3-bracket-overlay-panel .mat-bottom-sheet-container,
  .frame-v3-new-design-overlay-panel .mat-bottom-sheet-container,
  .sga-info-modal .mat-bottom-sheet-container {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset !important;
    border-radius: 16px 16px 0 0 !important;
  }
}
.frame-v3-streak-overlay-panel {
  width: 100%;
  max-width: 720px !important;
  max-height: 93vh;
  height: calc(93vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-v3-streak-overlay-panel .mat-bottom-sheet-container {
  min-width: 384px;
  max-width: calc(100vw - 128px);
  overflow: visible;
  height: fit-content;
  max-height: 97%;
  width: 720px;
  padding: 8px;
  border-radius: 16px;
  color: #2B343A;
  background: #FFF;
}
.frame-v3-streak-overlay-panel .mat-bottom-sheet-container hun-main-modal {
  min-height: calc(100vh - 25px);
}
@media (min-width: 720px) and (max-height: 812px) {
  .frame-v3-streak-overlay-panel {
    height: 100vh !important;
  }
  .frame-v3-streak-overlay-panel .mat-bottom-sheet-container {
    height: 100vh !important;
  }
}
.frame-v3-bracket-overlay-panel {
  width: 100%;
  max-width: 560px !important;
  height: 100%;
  display: flex;
  justify-content: center;
  padding-top: 5%;
}
.frame-v3-bracket-overlay-panel .mat-bottom-sheet-container {
  min-width: 384px;
  max-width: calc(100vw - 128px);
  overflow: visible;
  height: fit-content;
  max-height: 97%;
  width: 720px;
  padding: 8px;
  border-radius: 16px;
  color: var(--iframe-v3-bracket-info-modal-text-color);
  background: var(--iframe-v3-bracket-info-modal-background-color);
}
.frame-v3-bracket-overlay-panel .mat-bottom-sheet-container hun-main-modal {
  min-height: calc(100vh - 25px);
}
.frame-v3-overlay-panel {
  width: 100%;
  max-width: 720px !important;
  max-height: 93vh;
  height: calc(93vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-v3-overlay-panel .mat-bottom-sheet-container {
  min-width: 384px;
  max-width: calc(100vw - 128px);
  overflow: visible;
  height: fit-content;
  max-height: 97%;
  width: 720px;
  padding: 8px;
  border-radius: 16px;
  color: var(--iframe-v3-overlay-panel-color);
  background: var(--iframe-v3-overlay-panel-background);
}
.frame-v3-overlay-panel .mat-bottom-sheet-container hun-main-modal {
  min-height: calc(100vh - 25px);
}
.sga-info-modal {
  width: 100%;
  max-width: 580px !important;
  height: 100%;
  display: flex;
  padding-top: 8vw;
  justify-content: center;
}
.sga-info-modal .mat-bottom-sheet-container {
  max-height: 93vh;
  min-width: 384px;
  max-width: calc(100vw - 128px);
  overflow: hidden;
  height: fit-content;
  width: 580px;
  padding: 24px;
  border-radius: 16px;
  color: var(--system-text-on-elevation-primary);
  background: var(--iframe-v3-predictions-upsell-background-picks-color);
  display: flex !important;
  flex-direction: column;
}
.frame-v3-new-design-overlay-panel {
  width: 100%;
  max-width: 720px !important;
  height: 100%;
  display: flex;
  padding-top: 4vw;
  justify-content: center;
}
.frame-v3-new-design-overlay-panel .mat-bottom-sheet-container {
  max-height: 93vh;
  min-width: 384px;
  max-width: calc(100vw - 128px);
  overflow: hidden;
  height: fit-content;
  width: 720px;
  padding: 0;
  border-radius: 16px;
  color: var(--iframe-v3-overlay-panel-color);
  background: var(--iframe-v3-overlay-panel-background);
  display: flex !important;
  flex-direction: column;
}
.frame-v3-new-design-overlay-panel .mat-bottom-sheet-container hun-main-modal {
  min-height: calc(100vh - 25px);
}
@media screen and (max-width: 720px) {
  .add-name-modal-v3 {
    align-self: flex-end !important;
    max-width: 100% !important;
    width: 100%;
  }
  .add-name-modal-v3 .mat-mdc-dialog-container {
    width: 100% !important;
  }
  .add-name-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0 !important;
  }
}
@media screen and (max-width: 720px) {
  .team-stats-predictions {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.team-stats-predictions .mat-mdc-dialog-container {
  width: 400px;
  height: auto;
}
@media screen and (max-width: 720px) {
  .team-stats-predictions .mat-mdc-dialog-container {
    width: 100%;
    max-width: 100%;
  }
}
.team-stats-predictions .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  border-radius: 16px;
  padding: 24px;
}
@media screen and (max-width: 720px) {
  .team-stats-predictions .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0;
  }
}
.add-name-modal-v3 .mat-mdc-dialog-surface {
  padding: 24px;
}
.add-name-modal-v3 .mat-mdc-dialog-container {
  width: 400px;
  height: auto;
}
.add-name-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  border-radius: 16px;
  background-color: var(--iframe-v3-confirm-popup-background-color);
}
@media screen and (max-width: 700px) {
  .confirmation-modal-v3,
  .prize-modal-v3 {
    max-width: unset !important;
    width: 100%;
  }
  .confirmation-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,
  .prize-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0 !important;
  }
  .confirmation-modal-v4 {
    width: 100% !important;
    align-self: flex-end;
  }
  .prize-modal-v4.prize-modal-v3 {
    width: 100% !important;
    align-self: flex-end;
  }
}
@media screen and (max-height: 350px) {
  .prize-modal-v3 {
    margin-top: 0 !important;
  }
}
.confirmation-modal-v3 .mat-mdc-dialog-container {
  width: 400px;
  height: 404px;
}
.confirmation-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  border-radius: 16px;
  padding: 24px;
  background-color: var(--iframe-v3-confirm-popup-background-color);
}
@media screen and (max-width: 720px) {
  .banned-users-v3 {
    width: 100% !important;
  }
  .banned-users-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
    border-radius: 16px 16px 0 0 !important;
  }
}
.banned-users-v3 .mat-mdc-dialog-container {
  width: 400px;
  min-height: 362px;
  height: auto;
}
.banned-users-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  border-radius: 16px;
  padding: 24px;
  background-color: var(--iframe-v3-confirm-popup-background-color);
}
.banned-users-v3.segment .mat-mdc-dialog-container {
  height: unset;
}
.prize-modal-v3 {
  width: 560px !important;
}
.prize-modal-v3 .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface {
  border-radius: 16px;
  padding: 24px;
  background-color: var(--iframe-v3-confirm-popup-background-color);
}
.prize-modal-v4 {
  width: 400px !important;
  max-height: 90vh;
}
.share-dialog-panel .mat-mdc-dialog-surface {
  border-radius: 16px;
}
@media screen and (max-width: 700px) {
  .banned-users-v3 {
    max-width: unset !important;
  }
  .banned-users-v3 .mat-mdc-dialog-container {
    width: inherit;
  }
  .confirmation-modal-v3 .mat-mdc-dialog-container {
    width: inherit;
  }
}
.global-link-color {
  color: var(--iframev2-yellow);
}
.cdk-overlay-container {
  z-index: 99999;
}
.prize-space-wrapper {
  white-space: pre-wrap;
}
@media (pointer: coarse), (hover: none) {
  .mobile-title[title] {
    position: relative;
    display: inline-flex;
    justify-content: center;
  }
  .mobile-title[title]:focus::after {
    content: attr(title);
    position: absolute;
    top: 90%;
    color: #000;
    background-color: #fff;
    border: 1px solid;
    width: fit-content;
    padding: 3px;
    font-size: 10px;
  }
}
body.safari-browser * {
  -webkit-font-smoothing: antialiased;
  font-synthesis: none !important;
}
#initial-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}
.spinner {
  display: none;
  width: 25px;
  height: 25px;
  border: 3px solid #fddc2a;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.prediction-loader {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background:
    linear-gradient(
      180deg,
      #1B0405 0%,
      #870305 17%,
      #BE0204 33%,
      #FD0104 49.5%,
      #A3001C 68%,
      #540031 100%);
}
.prediction-loader .animation-container {
  margin-bottom: 16px;
}
.prediction-loader .title {
  text-align: center;
  text-shadow: 0 1.185px 2.962px rgba(255, 226, 0, 0.4);
  -webkit-text-stroke-width: 0.17px;
  -webkit-text-stroke-color: #000;
  font-family: "Roboto Flex Super Condensed Black Italic", sans-serif;
  font-size: 27.091px;
  font-style: italic;
  font-weight: 900;
  line-height: 27.091px;
  letter-spacing: 1.016px;
  background:
    linear-gradient(
      92deg,
      #FFE200 26.94%,
      #FFF180 53.22%,
      #FFE200 79.51%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.prediction-loader .description {
  color: #FFF;
  text-align: center;
  font-family: "Roboto Flex Super Condensed Black Italic", sans-serif;
  font-size: 20.318px;
  font-style: italic;
  font-weight: 900;
  line-height: 23.705px;
  letter-spacing: 1.016px;
  text-transform: uppercase;
}
.streak-loader {
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background:
    linear-gradient(
      180deg,
      #070708 0%,
      #1A0000 20%,
      #410001 45%,
      #810103 70%,
      #E80104 100%);
}
.streak-loader .streak-loader-container {
  position: relative;
}
.streak-loader .streak-loader-container .streak-loader-flame-1 {
  position: absolute;
  top: -330px;
  right: -263px;
  width: 500px;
}
.streak-loader .streak-loader-container .streak-loader-flame-2 {
  position: absolute;
  bottom: -270px;
  left: -325px;
  width: 840px;
}
.streak-loader .streak-loader-container .streak-loader-ellipse {
  position: absolute;
  bottom: -165px;
  left: -193px;
  width: 640px;
}
.streak-loader .streak-animation-container {
  position: relative;
}
.streak-loader .streak-title {
  text-align: center;
  text-shadow: 0 1.185px 2.962px rgba(255, 226, 0, 0.4);
  -webkit-text-stroke-width: 0.17px;
  -webkit-text-stroke-color: #000;
  font-family: "Roboto Flex Super Condensed Black Italic", sans-serif;
  font-size: 27.091px;
  font-style: italic;
  font-weight: 900;
  line-height: 27.091px;
  letter-spacing: 1.016px;
  background:
    linear-gradient(
      92deg,
      #FFE200 26.94%,
      #FFF180 53.22%,
      #FFE200 79.51%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.streak-loader .streak-description {
  color: #FFF;
  text-align: center;
  font-family: "Roboto Flex Super Condensed Black Italic", sans-serif;
  font-size: 20.318px;
  font-style: italic;
  font-weight: 900;
  line-height: 23.705px;
  letter-spacing: 1.016px;
  text-transform: uppercase;
}
.cdk-global-scrollblock {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: unset !important;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cdk-overlay-pane:has(.streak-toast-message) {
  pointer-events: none !important;
}
.streak-toast-message {
  pointer-events: none !important;
}
.streak-toast-message .mdc-snackbar__surface {
  pointer-events: auto !important;
  min-width: unset !important;
  max-width: unset !important;
  height: 62px !important;
  width: 360px !important;
  padding: 12px 16px !important;
  margin-bottom: 84px !important;
  border-radius: var(--radius-md) !important;
  background: var(--component-snackbar-bg) !important;
  box-shadow: var(--shadows-system-default-ambient-x) var(--shadows-system-default-ambient-y) var(--shadows-system-default-ambient-blur) var(--shadows-system-default-ambient-spread) var(--shadows-system-default-ambient-opacity), var(--shadows-system-default-direct-x) var(--shadows-system-default-direct-y) var(--shadows-system-default-direct-blur) var(--shadows-system-default-direct-spread) var(--shadows-system-default-direct-opacity) !important;
}
@media screen and (max-width: 720px) {
  .streak-toast-message .mdc-snackbar__surface {
    margin-bottom: 68px !important;
  }
}
.streak-toast-message .mdc-snackbar__label {
  padding: 0 !important;
}
body {
  background-color: var(--iframev2-brazil-menu-bg-color) !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-IDGKE2VW.css.map */