@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}


.c4-html { text-size-adjust: 100%; }
*, ::after, ::before { box-sizing: border-box; }
blockquote, .c4-body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, .c4-html, iframe, legend, li, ol, p, pre, textarea, ul { margin: 0px; padding: 0px; }
main { display: block; }
hr { overflow: visible; }
a { background-color: rgba(0, 0, 0, 0); }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: initial; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; display: inline-block; height: auto; max-width: 100%; vertical-align: middle; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; }
button { appearance: none; background-color: rgba(0, 0, 0, 0); border: 0px; color: inherit; cursor: pointer; }
button:disabled { pointer-events: none; }
button:focus { outline: none !important; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
[hidden] { display: none; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
[class*=" icon-"]::before, [class^="icon-"]::before { display: inline-block; font-family: oddspedia_font; width: 1em; -webkit-font-smoothing: antialiased; font-feature-settings: normal; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; speak: none; text-align: center; text-decoration: inherit; text-transform: none; }
.icon-checked::before { content: ""; }
.icon-close::before { content: ""; }
.icon-comments::before { content: ""; }
.icon-cup::before { content: ""; }
.icon-down::before { content: ""; }
.icon-dropdown::before { content: ""; }
.icon-esports::before { content: ""; }
.icon-football::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-left::before { content: ""; }
.icon-main-menu::before { content: ""; }
.icon-favourited::before { content: ""; }
.icon-news::before { content: ""; }
.icon-notifications-off::before { content: ""; }
.icon-notifications-on::before { content: ""; }
.icon-odds::before { content: ""; }
.icon-odds-down::before { content: ""; }
.icon-odds-up::before { content: ""; }
.icon-right::before { content: ""; }
.icon-rugby::before { content: ""; }
.icon-sandwich::before { content: ""; }
.icon-settings::before { content: ""; }
.icon-share::before { content: ""; }
.icon-favourites::before { content: ""; }
.icon-stats::before { content: ""; }
.icon-tennis::before { content: ""; }
.icon-thumb-down::before { content: ""; }
.icon-thumb-up::before { content: ""; }
.icon-time::before { content: ""; }
.icon-timer::before { content: ""; }
.icon-tips::before { content: ""; }
.icon-up::before { content: ""; }
.icon-add::before { content: ""; }
.icon-american-football::before { content: ""; }
.icon-basketball::before { content: ""; }
.icon-bel-stroke::before { content: ""; }
.icon-button-arrow::before { content: ""; }
.icon-calendar::before { content: ""; }
.icon-card::before { content: ""; }
.icon-favorite::before { content: ""; }
.icon-standings::before { content: ""; }
.icon-asset-12::before { content: ""; }
.icon-globe-1::before { content: ""; }
.icon-check::before { content: ""; }
.icon-betting-tools::before { content: ""; }
.icon-search::before { content: ""; }
.icon-scheme::before { content: ""; }
.icon-stadium::before { content: ""; }
.icon-whistle::before { content: ""; }
.icon-match-list::before { content: ""; }
.icon-globe::before { content: ""; }
.icon-calendar-with-dates::before { content: ""; }
.icon-form-arrow::before { content: ""; }
.icon-lmt::before { content: ""; }
.icon-full-screen::before { content: ""; }
.icon-substituted::before { content: ""; }
.icon-substitution::before { content: ""; }
.icon-injured::before { content: ""; }
.icon-equal::before { content: ""; }
.icon-suply::before { content: ""; }
.icon-movement::before { content: ""; }
.icon-refresh::before { content: ""; }
.icon-turned-on-notifications::before { content: ""; }
.icon-turn-on-notification::before { content: ""; }
.icon-goooal::before { content: ""; }
.icon-filter::before { content: ""; }
.icon-sort-by::before { content: ""; }
.icon-blocked-matches::before { content: ""; }
.icon-more::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-united-states-of-america-3::before { content: ""; }
.icon-politics-1::before { content: ""; }
.icon-csgo::before { content: ""; }
.icon-post-image::before { content: ""; }
.icon-world-cup::before { content: ""; }
.icon-right-arrow-long::before { content: ""; }
.icon-trustpilot-star::before { content: ""; }
.icon-time-left::before { content: ""; }
.icon-live-chat::before { content: ""; }
.icon-close-circle::before { content: ""; }
.icon-lock-filled::before { content: ""; }
.icon-feedback::before { content: ""; }
.icon-percent::before { content: ""; }
.icon-copy-1::before { content: ""; }
.icon-info::before { content: ""; }
.icon-crossed::before { content: ""; }
.icon-android::before { content: ""; }
.icon-apple::before { content: ""; }
.icon-thumbdown::before { content: ""; }
.icon-thumbup::before { content: ""; }
.icon-question-1::before { content: ""; }
.icon-gift::before { content: ""; }
.icon-bookie::before { content: ""; }
.icon-no-result::before { content: ""; }
.icon-big-first::before { content: ""; }
.icon-small-first::before { content: ""; }
.icon-topbookie::before { content: ""; }
.icon-bettingbonus::before { content: ""; }
.icon-newbookie::before { content: ""; }
.icon-paymentmethoods::before { content: ""; }
.icon-blacklisted::before { content: ""; }
.icon-wettsteuer::before { content: ""; }
.icon-olymp::before { content: ""; }
.icon-knowledge::before { content: ""; }
.icon-asian-handicap::before { content: ""; }
.icon-up-and-down::before { content: ""; }
.icon-assist::before { content: ""; }
.icon-information::before { content: ""; }
.icon-crypto::before { content: ""; }
.icon-apps::before { content: ""; }
.icon-profile-icon::before { content: ""; }
.icon-zoom-out::before { content: ""; }
.icon-zoom-in::before { content: ""; }
.icon-show::before { content: ""; }
.icon-in-love::before { content: ""; }
.icon-hart::before { content: ""; }
.icon-comments-1::before { content: ""; }
.icon-share-ios::before { content: ""; }
.icon-emoticons::before { content: ""; }
.icon-time-zones::before { content: ""; }
.icon-sign-out::before { content: ""; }
.icon-expand-arrows::before { content: ""; }
.icon-password::before { content: ""; }
.icon-hide::before { content: ""; }
.icon-additional-settings::before { content: ""; }
.icon-report::before { content: ""; }
.icon-edit::before { content: ""; }
.icon-delete::before { content: ""; }
.icon-mute::before { content: ""; }
.icon-profile-dropdown::before { content: ""; }
.icon-nascar::before { content: ""; }
.icon-multiple::before { content: ""; }
.icon-odds-format::before { content: ""; }
.icon-discussion::before { content: ""; }
.icon-upcoming::before { content: ""; }
.icon-finished::before { content: ""; }
.icon-play::before { content: ""; }
.icon-pause::before { content: ""; }
.icon-betslip::before { content: ""; }
.icon-award::before { content: ""; }
.icon-tip::before { content: ""; }
.icon-awards::before { content: ""; }
.icon-novelty::before { content: ""; }
.icon-politics::before { content: ""; }
.icon-special-bets::before { content: ""; }
.icon-tv::before { content: ""; }
.icon-badges::before { content: ""; }
.icon-profit::before { content: ""; }
.icon-win-rate::before { content: ""; }
.icon-yield::before { content: ""; }
.icon-level::before { content: ""; }
.icon-by-odds::before { content: ""; }
.icon-won::before { content: ""; }
.icon-consensus::before { content: ""; }
.icon-rankings::before { content: ""; }
.icon-leaderboards::before { content: ""; }
.icon-kebap::before { content: ""; }
.icon-send::before { content: ""; }
.icon-icon-checked::before { content: ""; }
.icon-participants::before { content: ""; }
.icon-lol-logo-icon::before { content: ""; }
.icon-featured::before { content: ""; }
.icon-email::before { content: ""; }
.icon-valorant-icon::before { content: ""; }
.icon-mobile::before { content: ""; }
.icon-support::before { content: ""; }
.icon-twitter::before { content: ""; }
.icon-guide::before { content: ""; }
.icon-educational::before { content: ""; }
.icon-flag-motorsport::before { content: ""; }
.icon-cycling-icon::before { content: ""; }
.icon-arrows-out::before { content: ""; }
.icon-dollar-money::before { content: ""; }
.icon-cash::before { content: ""; }
.icon-usersthree::before { content: ""; }
.icon-thumbsup-new::before { content: ""; }
.icon-caretright-new::before { content: ""; }
.icon-thumbsdown-new::before { content: ""; }
.icon-caretleft-new::before { content: ""; }
.icon-add-users::before { content: ""; }
.icon-edit-new::before { content: ""; }
.icon-trash::before { content: ""; }
.icon-winners::before { content: ""; }
.icon-ai-stats::before { content: ""; }
.icon-badge::before { content: ""; }
.icon-share-apple::before { content: ""; }
.icon-mixed-martial-arts::before { content: ""; }
.icon-moto::before { content: ""; }
.icon-pesapallo::before { content: ""; }
.icon-rugby-league::before { content: ""; }
.icon-rugby-union::before { content: ""; }
.icon-squash::before { content: ""; }
.icon-snooker::before { content: ""; }
.icon-volleyball::before { content: ""; }
.icon-motorcycles::before { content: ""; }
.icon-table-tennis::before { content: ""; }
.icon-water-polo::before { content: ""; }
.icon-aussie-rules::before { content: ""; }
.icon-badminton::before { content: ""; }
.icon-bandy::before { content: ""; }
.icon-baseball::before { content: ""; }
.icon-beach-soccer::before { content: ""; }
.icon-beach-volleyball::before { content: ""; }
.icon-bowls::before { content: ""; }
.icon-boxing::before { content: ""; }
.icon-chess::before { content: ""; }
.icon-cricket::before { content: ""; }
.icon-curling::before { content: ""; }
.icon-cycling::before { content: ""; }
.icon-darts::before { content: ""; }
.icon-dropdown-1::before { content: ""; }
.icon-field-hockey::before { content: ""; }
.icon-floorball::before { content: ""; }
.icon-futsal::before { content: ""; }
.icon-gaelic::before { content: ""; }
.icon-golf::before { content: ""; }
.icon-handball::before { content: ""; }
.icon-horse::before { content: ""; }
.icon-horse-racing-distance::before { content: ""; }
.icon-horse-racing-type::before { content: ""; }
.icon-hurling::before { content: ""; }
.icon-all::before { content: ""; }
.icon-alarm::before { content: ""; }
.icon-calculator::before { content: ""; }
.icon-chat::before { content: ""; }
.icon-comment::before { content: ""; }
.icon-copy::before { content: ""; }
.icon-fire::before { content: ""; }
.icon-future::before { content: ""; }
.icon-group-8659::before { content: ""; }
.icon-archieve::before { content: ""; }
.icon-happy::before { content: ""; }
.icon-home::before { content: ""; }
.icon-icon::before { content: ""; }
.icon-image::before { content: ""; }
.icon-pin::before { content: ""; }
.icon-question::before { content: ""; }
.icon-refresh-1::before { content: ""; }
.icon-star2::before { content: ""; }
.icon-cup-star::before { content: ""; }
.icon-umbrella::before { content: ""; }
.icon-ice-hockey::before { content: ""; }
.fo { font-family: Font-Oddspedia; -webkit-font-smoothing: antialiased; font-feature-settings: normal; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none; }
.fo-share-apple::before { content: ""; }
.fo-add-user-filled::before { content: ""; }
.fo-add-users::before { content: ""; }
.fo-alarm-filled::before { content: ""; }
.fo-alarm::before { content: ""; }
.fo-american-football::before { content: ""; }
.fo-android-filled::before { content: ""; }
.fo-android::before { content: ""; }
.fo-apple-filled::before { content: ""; }
.fo-apple::before { content: ""; }
.fo-archive-filled::before { content: ""; }
.fo-archive::before { content: ""; }
.fo-arrow-clockwise-filled::before { content: ""; }
.fo-arrow-clockwise::before { content: ""; }
.fo-arrow-down::before { content: ""; }
.fo-arrow-down-filled::before { content: ""; }
.fo-arrow-down-left-filled::before { content: ""; }
.fo-arrow-left::before { content: ""; }
.fo-arrow-left-down-filled::before { content: ""; }
.fo-arrow-left-down::before { content: ""; }
.fo-arrow-out-filled::before { content: ""; }
.fo-arrow-right::before { content: ""; }
.fo-arrow-right-down-filled::before { content: ""; }
.fo-arrow-right-down::before { content: ""; }
.fo-arrows-clockwise-filled::before { content: ""; }
.fo-arrows-counter-clockwise-filled::before { content: ""; }
.fo-arrows-counter-clockwise::before { content: ""; }
.fo-arrows-in-filled::before { content: ""; }
.fo-arrows-in::before { content: ""; }
.fo-arrows-out::before { content: ""; }
.fo-arrow-square-left::before { content: ""; }
.fo-arrow-square-right::before { content: ""; }
.fo-arrow-up-filled::before { content: ""; }
.fo-arrow-up::before { content: ""; }
.fo-arrow-up-left::before { content: ""; }
.fo-arrow-up-right-filled::before { content: ""; }
.fo-arrow-up-right::before { content: ""; }
.fo-at-filled::before { content: ""; }
.fo-at::before { content: ""; }
.fo-aussie-rules::before { content: ""; }
.fo-awards::before { content: ""; }
.fo-badminton-filled::before { content: ""; }
.fo-badminton::before { content: ""; }
.fo-bandy::before { content: ""; }
.fo-baseball-filled::before { content: ""; }
.fo-baseball::before { content: ""; }
.fo-basketball-filled::before { content: ""; }
.fo-basketball::before { content: ""; }
.fo-beach-volleyball::before { content: ""; }
.fo-bell-filled::before { content: ""; }
.fo-bell::before { content: ""; }
.fo-bell-muted-filled::before { content: ""; }
.fo-bell-muted::before { content: ""; }
.fo-bell-ringing-filled::before { content: ""; }
.fo-bell-ringing::before { content: ""; }
.fo-bicycle-filled::before { content: ""; }
.fo-cycling::before { content: ""; }
.fo-bookie::before { content: ""; }
.fo-books-filled::before { content: ""; }
.fo-books::before { content: ""; }
.fo-bowls::before { content: ""; }
.fo-boxing-filled::before { content: ""; }
.fo-boxing::before { content: ""; }
.fo-calculator-filled::before { content: ""; }
.fo-calculator::before { content: ""; }
.fo-calendar-blank-filled::before { content: ""; }
.fo-calendar-blank::before { content: ""; }
.fo-calendar-dots-filled::before { content: ""; }
.fo-calendar-dots::before { content: ""; }
.fo-caret-circle-down-filled::before { content: ""; }
.fo-caret-circle-down::before { content: ""; }
.fo-caret-circle-left-filled::before { content: ""; }
.fo-caret-circle-right-filled::before { content: ""; }
.fo-caret-circle-up-filled::before { content: ""; }
.fo-caret-circle-up::before { content: ""; }
.fo-caret-circle-up-down-filled::before { content: ""; }
.fo-caret-circle-up-down::before { content: ""; }
.fo-caret-down-filled::before { content: ""; }
.fo-caret-down::before { content: ""; }
.fo-caret-left::before { content: ""; }
.fo-caret-right::before { content: ""; }
.fo-caret-up-filled::before { content: ""; }
.fo-caret-up::before { content: ""; }
.fo-caret-up-down::before { content: ""; }
.fo-cash-filled::before { content: ""; }
.fo-cash::before { content: ""; }
.fo-chart-bar-filled::before { content: ""; }
.fo-chart-bar::before { content: ""; }
.fo-chart-bar-horizontal-filled::before { content: ""; }
.fo-chart-bar-horizontal::before { content: ""; }
.fo-chart-pie-slice-filled::before { content: ""; }
.fo-chart-pie-slice::before { content: ""; }
.fo-chat-circle-text-filled::before { content: ""; }
.fo-chat-circle-text::before { content: ""; }
.fo-chats-filled::before { content: ""; }
.fo-chats::before { content: ""; }
.fo-chat-text-filled::before { content: ""; }
.fo-chat-text::before { content: ""; }
.fo-check::before { content: ""; }
.fo-check-circle-filled::before { content: ""; }
.fo-check-circle::before { content: ""; }
.fo-check-fat::before { content: ""; }
.fo-chess::before { content: ""; }
.fo-chip-filled::before { content: ""; }
.fo-circle-x::before { content: ""; }
.fo-clock-filled::before { content: ""; }
.fo-clock::before { content: ""; }
.fo-clock-clockwise-filled::before { content: ""; }
.fo-clock-clockwise::before { content: ""; }
.fo-clock-countdown-filled::before { content: ""; }
.fo-clock-countdown::before { content: ""; }
.fo-close-circle::before { content: ""; }
.fo-confetti-filled::before { content: ""; }
.fo-confetti::before { content: ""; }
.fo-copy-filled::before { content: ""; }
.fo-copy::before { content: ""; }
.fo-credit-card-filled::before { content: ""; }
.fo-credit-card::before { content: ""; }
.fo-cricket-filled::before { content: ""; }
.fo-cricket::before { content: ""; }
.fo-chess-filled::before { content: ""; }
.fo-csgo::before { content: ""; }
.fo-curling::before { content: ""; }
.fo-currency-btc-filled::before { content: ""; }
.fo-currency-btc::before { content: ""; }
.fo-darts::before { content: ""; }
.fo-dots-three::before { content: ""; }
.fo-dots-three-outline::before { content: ""; }
.fo-dots-three-outline-vertical::before { content: ""; }
.fo-dots-three-vertical::before { content: ""; }
.fo-edit-filled::before { content: ""; }
.fo-edit::before { content: ""; }
.fo-emoticon-filled::before { content: ""; }
.fo-emoticon::before { content: ""; }
.fo-equals-filled::before { content: ""; }
.fo-equals::before { content: ""; }
.fo-esport-filled::before { content: ""; }
.fo-esports::before { content: ""; }
.fo-eye-filled::before { content: ""; }
.fo-eye::before { content: ""; }
.fo-eyelash-filled::before { content: ""; }
.fo-eyelash::before { content: ""; }
.fo-faq-filled::before { content: ""; }
.fo-faq-mark::before { content: ""; }
.fo-field-hockey::before { content: ""; }
.fo-filter-filled::before { content: ""; }
.fo-filter::before { content: ""; }
.fo-fire-filled::before { content: ""; }
.fo-fire::before { content: ""; }
.fo-fire-burning-filled::before { content: ""; }
.fo-first-aid-kit-filled::before { content: ""; }
.fo-first-aid-kit::before { content: ""; }
.fo-flag-filled::before { content: ""; }
.fo-flag::before { content: ""; }
.fo-floorball::before { content: ""; }
.fo-funnel-filled::before { content: ""; }
.fo-funnel::before { content: ""; }
.fo-futsal::before { content: ""; }
.fo-gear-filled::before { content: ""; }
.fo-gear::before { content: ""; }
.fo-gift-filled::before { content: ""; }
.fo-gift::before { content: ""; }
.fo-globe-filled::before { content: ""; }
.fo-globe::before { content: ""; }
.fo-globe-west::before { content: ""; }
.fo-golf-filled::before { content: ""; }
.fo-handball::before { content: ""; }
.fo-heart-filled::before { content: ""; }
.fo-heart::before { content: ""; }
.fo-ice-hockey-filled::before { content: ""; }
.fo-ice-hockey::before { content: ""; }
.fo-horse-filled::before { content: ""; }
.fo-horse::before { content: ""; }
.fo-horse-racing-type::before { content: ""; }
.fo-hourglass-filled::before { content: ""; }
.fo-hourglass::before { content: ""; }
.fo-house-filled::before { content: ""; }
.fo-house::before { content: ""; }
.fo-hurling-filled::before { content: ""; }
.fo-image-filled::before { content: ""; }
.fo-image::before { content: ""; }
.fo-info-filled::before { content: ""; }
.fo-info::before { content: ""; }
.fo-lightning-filled::before { content: ""; }
.fo-lightning::before { content: ""; }
.fo-list-filled::before { content: ""; }
.fo-list::before { content: ""; }
.fo-list-bullets-filled::before { content: ""; }
.fo-list-bullets::before { content: ""; }
.fo-list-heart-filled::before { content: ""; }
.fo-list-heart::before { content: ""; }
.fo-list-numbers-filled::before { content: ""; }
.fo-list-numbers::before { content: ""; }
.fo-list-star-filled::before { content: ""; }
.fo-list-star::before { content: ""; }
.fo-lock-filled::before { content: ""; }
.fo-lock::before { content: ""; }
.fo-lol::before { content: ""; }
.fo-magnify-filled::before { content: ""; }
.fo-magnify::before { content: ""; }
.fo-magnify-minus-filled::before { content: ""; }
.fo-magnify-minus::before { content: ""; }
.fo-magnify-plus-filled::before { content: ""; }
.fo-magnify-plus::before { content: ""; }
.fo-map-pin-filled::before { content: ""; }
.fo-map-pin::before { content: ""; }
.fo-map-pin-area-filled::before { content: ""; }
.fo-map-pin-area::before { content: ""; }
.fo-minus-circle-filled::before { content: ""; }
.fo-minus-circle::before { content: ""; }
.fo-mma-filled::before { content: ""; }
.fo-mixed-martial-arts::before { content: ""; }
.fo-money-filled::before { content: ""; }
.fo-money::before { content: ""; }
.fo-motorcycles-filled::before { content: ""; }
.fo-motorcycles::before { content: ""; }
.fo-motorsport-filled::before { content: ""; }
.fo-motorsport::before { content: ""; }
.fo-nascar::before { content: ""; }
.fo-newspaper-filled::before { content: ""; }
.fo-newspaper::before { content: ""; }
.fo-odds-filled::before { content: ""; }
.fo-odds::before { content: ""; }
.fo-paper-plane-tilt-filled::before { content: ""; }
.fo-paper-plane-tilt::before { content: ""; }
.fo-password-filled::before { content: ""; }
.fo-password::before { content: ""; }
.fo-percent-filled::before { content: ""; }
.fo-percent::before { content: ""; }
.fo-pesapallo::before { content: ""; }
.fo-play-filled::before { content: ""; }
.fo-play::before { content: ""; }
.fo-plus-circle-filled::before { content: ""; }
.fo-plus::before { content: ""; }
.fo-plus-circle::before { content: ""; }
.fo-politics::before { content: ""; }
.fo-question-filled::before { content: ""; }
.fo-question::before { content: ""; }
.fo-ranking-filled::before { content: ""; }
.fo-ranking::before { content: ""; }
.fo-referee::before { content: ""; }
.fo-reserves-filled::before { content: ""; }
.fo-reserves::before { content: ""; }
.fo-rugby-filled::before { content: ""; }
.fo-rugby::before { content: ""; }
.fo-rugby-league::before { content: ""; }
.fo-rugby-union::before { content: ""; }
.fo-sad-filled::before { content: ""; }
.fo-sad::before { content: ""; }
.fo-seal-filled::before { content: ""; }
.fo-seal::before { content: ""; }
.fo-share-filled::before { content: ""; }
.fo-share::before { content: ""; }
.fo-share-network-filled::before { content: ""; }
.fo-share-network::before { content: ""; }
.fo-sign-out-filled::before { content: ""; }
.fo-sign-out::before { content: ""; }
.fo-slider-filled::before { content: ""; }
.fo-slider::before { content: ""; }
.fo-snooker::before { content: ""; }
.fo-football-filled::before { content: ""; }
.fo-football::before { content: ""; }
.fo-sort-ascending-filled::before { content: ""; }
.fo-sort-ascending::before { content: ""; }
.fo-sort-descending-filled::before { content: ""; }
.fo-sort-descending::before { content: ""; }
.fo-special-bets::before { content: ""; }
.fo-square-x::before { content: ""; }
.fo-squash::before { content: ""; }
.fo-stadium::before { content: ""; }
.fo-star-filled::before { content: ""; }
.fo-star::before { content: ""; }
.fo-table-tennis-filled::before { content: ""; }
.fo-table-tennis::before { content: ""; }
.fo-tennis-filled::before { content: ""; }
.fo-tennis::before { content: ""; }
.fo-three-users-filled::before { content: ""; }
.fo-three-users::before { content: ""; }
.fo-thumbs-down-filled::before { content: ""; }
.fo-thumbs-down::before { content: ""; }
.fo-thumbs-up-filled::before { content: ""; }
.fo-thumbs-up::before { content: ""; }
.fo-timer-filled::before { content: ""; }
.fo-timer::before { content: ""; }
.fo-tips-filled::before { content: ""; }
.fo-trash-filled::before { content: ""; }
.fo-trash::before { content: ""; }
.fo-trend::before { content: ""; }
.fo-trend-filled::before { content: ""; }
.fo-trophy-filled::before { content: ""; }
.fo-trophy::before { content: ""; }
.fo-tv-filled::before { content: ""; }
.fo-tv::before { content: ""; }
.fo-facebook-logo-filled::before { content: ""; }
.fo-umbrella-filled::before { content: ""; }
.fo-umbrella::before { content: ""; }
.fo-user-filled::before { content: ""; }
.fo-user::before { content: ""; }
.fo-users-filled::before { content: ""; }
.fo-users::before { content: ""; }
.fo-user-settings-filled::before { content: ""; }
.fo-user-settings::before { content: ""; }
.fo-var-filled::before { content: ""; }
.fo-var::before { content: ""; }
.fo-volleyball-filled::before { content: ""; }
.fo-volleyball::before { content: ""; }
.fo-warning-filled::before { content: ""; }
.fo-warning::before { content: ""; }
.fo-water-polo::before { content: ""; }
.fo-winners::before { content: ""; }
.fo-worldwide::before { content: ""; }
.fo-x::before { content: ""; }
.fo-x-logo-filled::before { content: ""; }
.fo-x-logo::before { content: ""; }
.fo-facebook-logo::before { content: ""; }
.fo-instagram-logo::before { content: ""; }
.fo-instagram-logo-filled::before { content: ""; }
.fo-linkedin-logo-filled::before { content: ""; }
.fo-linkedin-logo::before { content: ""; }
.fo-youtube-logo::before { content: ""; }
.fo-youtube-logo-filled::before { content: ""; }
.fo-golf::before { content: ""; }
.fo-tournament::before { content: ""; }
.fo-advice::before { content: ""; }
.fo-advice-filled::before { content: ""; }
.fo-shield-check::before { content: ""; }
.fo-shield-check-filled::before { content: ""; }
.fo-device-mobile::before { content: ""; }
.fo-device-mobile-filled::before { content: ""; }
.fo-trustpilot::before { content: ""; }
.fo-olymp::before { content: ""; }
.fo-user-check::before { content: ""; }
.fo-envelope::before { content: ""; }
.fo-envelope-filled::before { content: ""; }
.fo-mail::before { content: ""; }
.fo-mail-filled::before { content: ""; }
.fo-beach-soccer::before { content: ""; }
.fo-novelty::before { content: ""; }
.fo-prediction::before { content: ""; }
.fo-crown::before { content: ""; }
.fo-menu::before { content: ""; }
.fo-support::before { content: ""; }
.fo-handshake::before { content: ""; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stretched-link::after { content: ""; inset: 0px; position: absolute; z-index: 1; }
.link-reset { font-weight: inherit; text-decoration: inherit; }
@media (hover: hover) {
  .link-reset:hover { color: inherit; }
}
.list-reset { list-style: none; padding-left: 0px; }
.list-reset, .list-reset li { margin-bottom: 0px; }
.details-reset summary { list-style: none; }
.details-reset summary::-webkit-details-marker { display: none; }
.flex-center { align-items: center; display: flex; justify-content: center; }
.static { position: static !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.sticky { position: sticky !important; }
.align-baseline { vertical-align: initial !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
.mw-100p { max-width: 100% !important; }
.vw-100 { width: 100vw !important; }
.min-vw-100 { min-width: 100vw !important; }
.mh-100p { max-height: 100% !important; }
.vh-100 { height: 100vh !important; }
.min-vh-100 { min-height: 100vh !important; }
.round { border-radius: 50% !important; }
.border { border: 1px solid rgb(225, 231, 237) !important; }
.border-0 { border: 0px !important; }
.border-top { border-top: 1px solid rgb(225, 231, 237) !important; }
.border-top-0 { border-top: 0px !important; }
.border-right { border-right: 1px solid rgb(225, 231, 237) !important; }
.border-right-0 { border-right: 0px !important; }
.border-bottom { border-bottom: 1px solid rgb(225, 231, 237) !important; }
.border-bottom-0 { border-bottom: 0px !important; }
.border-left { border-left: 1px solid rgb(225, 231, 237) !important; }
.border-left-0 { border-left: 0px !important; }
.border-color-primary-500 { border-color: rgb(0, 177, 255) !important; }
.border-color-secondary-500 { border-color: rgb(26, 49, 80) !important; }
.border-color-white { border-color: rgb(255, 255, 255) !important; }
.border-color-primary-50 { border-color: rgb(229, 247, 255) !important; }
.border-color-primary-100 { border-color: rgb(204, 240, 255) !important; }
.border-color-primary-200 { border-color: rgb(153, 224, 255) !important; }
.border-color-primary-300 { border-color: rgb(102, 209, 255) !important; }
.border-color-primary-400 { border-color: rgb(51, 194, 255) !important; }
.border-color-primary-600 { border-color: rgb(0, 161, 230) !important; }
.border-color-primary-700 { border-color: rgb(0, 139, 199) !important; }
.border-color-primary-800 { border-color: rgb(9, 120, 200) !important; }
.border-color-secondary-50 { border-color: rgb(224, 233, 245) !important; }
.border-color-secondary-100 { border-color: rgb(193, 211, 235) !important; }
.border-color-secondary-200 { border-color: rgb(132, 168, 215) !important; }
.border-color-secondary-300 { border-color: rgb(70, 124, 195) !important; }
.border-color-secondary-400 { border-color: rgb(46, 88, 142) !important; }
.border-color-secondary-600 { border-color: rgb(21, 40, 65) !important; }
.border-color-secondary-700 { border-color: rgb(15, 29, 46) !important; }
.border-color-secondary-800 { border-color: rgb(10, 19, 31) !important; }
.border-color-secondary-900 { border-color: rgb(124, 125, 234) !important; }
.border-color-success-50 { border-color: rgb(234, 251, 245) !important; }
.border-color-success-100 { border-color: rgb(213, 246, 235) !important; }
.border-color-success-200 { border-color: rgb(170, 238, 215) !important; }
.border-color-success-300 { border-color: rgb(128, 229, 195) !important; }
.border-color-success-400 { border-color: rgb(86, 220, 175) !important; }
.border-color-success-500 { border-color: rgb(42, 209, 152) !important; }
.border-color-success-600 { border-color: rgb(35, 169, 124) !important; }
.border-color-success-700 { border-color: rgb(26, 127, 93) !important; }
.border-color-warning-50 { border-color: rgb(255, 251, 235) !important; }
.border-color-warning-100 { border-color: rgb(255, 246, 214) !important; }
.border-color-warning-200 { border-color: rgb(255, 237, 173) !important; }
.border-color-warning-300 { border-color: rgb(255, 228, 133) !important; }
.border-color-warning-400 { border-color: rgb(255, 220, 92) !important; }
.border-color-warning-500 { border-color: rgb(255, 211, 51) !important; }
.border-color-warning-600 { border-color: rgb(245, 192, 0) !important; }
.border-color-warning-650 { border-color: rgb(230, 167, 39) !important; }
.border-color-error-50 { border-color: rgb(254, 236, 238) !important; }
.border-color-error-100 { border-color: rgb(253, 217, 222) !important; }
.border-color-error-200 { border-color: rgb(250, 178, 189) !important; }
.border-color-error-300 { border-color: rgb(248, 140, 156) !important; }
.border-color-error-400 { border-color: rgb(245, 101, 123) !important; }
.border-color-error-500 { border-color: rgb(243, 61, 89) !important; }
.border-color-error-600 { border-color: rgb(173, 11, 35) !important; }
.border-color-neutral-50 { border-color: rgb(245, 247, 249) !important; }
.border-color-neutral-200 { border-color: rgb(225, 231, 237) !important; }
.border-color-neutral-500 { border-color: rgb(182, 197, 212) !important; }
.border-color-neutral-800 { border-color: rgb(111, 140, 170) !important; }
.border-color-neutral-950 { border-color: rgb(40, 62, 91) !important; }
@media (hover: hover) {
  .hover\:border-color-primary-500:hover { border-color: rgb(0, 177, 255) !important; }
  .hover\:border-color-secondary-500:hover { border-color: rgb(26, 49, 80) !important; }
  .hover\:border-color-white:hover { border-color: rgb(255, 255, 255) !important; }
  .hover\:border-color-primary-50:hover { border-color: rgb(229, 247, 255) !important; }
  .hover\:border-color-primary-100:hover { border-color: rgb(204, 240, 255) !important; }
  .hover\:border-color-primary-200:hover { border-color: rgb(153, 224, 255) !important; }
  .hover\:border-color-primary-300:hover { border-color: rgb(102, 209, 255) !important; }
  .hover\:border-color-primary-400:hover { border-color: rgb(51, 194, 255) !important; }
  .hover\:border-color-primary-600:hover { border-color: rgb(0, 161, 230) !important; }
  .hover\:border-color-primary-700:hover { border-color: rgb(0, 139, 199) !important; }
  .hover\:border-color-primary-800:hover { border-color: rgb(9, 120, 200) !important; }
  .hover\:border-color-secondary-50:hover { border-color: rgb(224, 233, 245) !important; }
  .hover\:border-color-secondary-100:hover { border-color: rgb(193, 211, 235) !important; }
  .hover\:border-color-secondary-200:hover { border-color: rgb(132, 168, 215) !important; }
  .hover\:border-color-secondary-300:hover { border-color: rgb(70, 124, 195) !important; }
  .hover\:border-color-secondary-400:hover { border-color: rgb(46, 88, 142) !important; }
  .hover\:border-color-secondary-600:hover { border-color: rgb(21, 40, 65) !important; }
  .hover\:border-color-secondary-700:hover { border-color: rgb(15, 29, 46) !important; }
  .hover\:border-color-secondary-800:hover { border-color: rgb(10, 19, 31) !important; }
  .hover\:border-color-secondary-900:hover { border-color: rgb(124, 125, 234) !important; }
  .hover\:border-color-success-50:hover { border-color: rgb(234, 251, 245) !important; }
  .hover\:border-color-success-100:hover { border-color: rgb(213, 246, 235) !important; }
  .hover\:border-color-success-200:hover { border-color: rgb(170, 238, 215) !important; }
  .hover\:border-color-success-300:hover { border-color: rgb(128, 229, 195) !important; }
  .hover\:border-color-success-400:hover { border-color: rgb(86, 220, 175) !important; }
  .hover\:border-color-success-500:hover { border-color: rgb(42, 209, 152) !important; }
  .hover\:border-color-success-600:hover { border-color: rgb(35, 169, 124) !important; }
  .hover\:border-color-success-700:hover { border-color: rgb(26, 127, 93) !important; }
  .hover\:border-color-warning-50:hover { border-color: rgb(255, 251, 235) !important; }
  .hover\:border-color-warning-100:hover { border-color: rgb(255, 246, 214) !important; }
  .hover\:border-color-warning-200:hover { border-color: rgb(255, 237, 173) !important; }
  .hover\:border-color-warning-300:hover { border-color: rgb(255, 228, 133) !important; }
  .hover\:border-color-warning-400:hover { border-color: rgb(255, 220, 92) !important; }
  .hover\:border-color-warning-500:hover { border-color: rgb(255, 211, 51) !important; }
  .hover\:border-color-warning-600:hover { border-color: rgb(245, 192, 0) !important; }
  .hover\:border-color-warning-650:hover { border-color: rgb(230, 167, 39) !important; }
  .hover\:border-color-error-50:hover { border-color: rgb(254, 236, 238) !important; }
  .hover\:border-color-error-100:hover { border-color: rgb(253, 217, 222) !important; }
  .hover\:border-color-error-200:hover { border-color: rgb(250, 178, 189) !important; }
  .hover\:border-color-error-300:hover { border-color: rgb(248, 140, 156) !important; }
  .hover\:border-color-error-400:hover { border-color: rgb(245, 101, 123) !important; }
  .hover\:border-color-error-500:hover { border-color: rgb(243, 61, 89) !important; }
  .hover\:border-color-error-600:hover { border-color: rgb(173, 11, 35) !important; }
  .hover\:border-color-neutral-50:hover { border-color: rgb(245, 247, 249) !important; }
  .hover\:border-color-neutral-200:hover { border-color: rgb(225, 231, 237) !important; }
  .hover\:border-color-neutral-500:hover { border-color: rgb(182, 197, 212) !important; }
  .hover\:border-color-neutral-800:hover { border-color: rgb(111, 140, 170) !important; }
  .hover\:border-color-neutral-950:hover { border-color: rgb(40, 62, 91) !important; }
}
.border-dashed { border-style: dashed !important; }
.border-solid { border-style: solid !important; }
.shadow-100 { box-shadow: rgba(26, 49, 80, 0.1) 0px 0px 4px !important; }
.shadow-200 { box-shadow: rgba(26, 49, 80, 0.2) 0px 0px 10px !important; }
.shadow-300 { box-shadow: rgba(26, 49, 80, 0.1) 0px 0px 20px !important; }
.text-italic { font-style: italic !important; }
.text-normal { font-style: normal !important; }
.fw-bold { font-weight: 700 !important; }
.fw-normal { font-weight: 400 !important; }
.text-underline { text-decoration: underline !important; }
.text-underline-none { text-decoration: none !important; }
@media (hover: hover) {
  .hover\:text-underline:hover { text-decoration: underline !important; }
  .hover\:text-underline-none:hover { text-decoration: none !important; }
}
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-none { text-transform: none !important; }
.color-primary-500 { color: rgb(0, 177, 255) !important; }
.color-secondary-500 { color: rgb(26, 49, 80) !important; }
.color-white { color: rgb(255, 255, 255) !important; }
.color-primary-50 { color: rgb(229, 247, 255) !important; }
.color-primary-100 { color: rgb(204, 240, 255) !important; }
.color-primary-200 { color: rgb(153, 224, 255) !important; }
.color-primary-300 { color: rgb(102, 209, 255) !important; }
.color-primary-400 { color: rgb(51, 194, 255) !important; }
.color-primary-600 { color: rgb(0, 161, 230) !important; }
.color-primary-700 { color: rgb(0, 139, 199) !important; }
.color-primary-800 { color: rgb(9, 120, 200) !important; }
.color-secondary-50 { color: rgb(224, 233, 245) !important; }
.color-secondary-100 { color: rgb(193, 211, 235) !important; }
.color-secondary-200 { color: rgb(132, 168, 215) !important; }
.color-secondary-300 { color: rgb(70, 124, 195) !important; }
.color-secondary-400 { color: rgb(46, 88, 142) !important; }
.color-secondary-600 { color: rgb(21, 40, 65) !important; }
.color-secondary-700 { color: rgb(15, 29, 46) !important; }
.color-secondary-800 { color: rgb(10, 19, 31) !important; }
.color-secondary-900 { color: rgb(124, 125, 234) !important; }
.color-success-50 { color: rgb(234, 251, 245) !important; }
.color-success-100 { color: rgb(213, 246, 235) !important; }
.color-success-200 { color: rgb(170, 238, 215) !important; }
.color-success-300 { color: rgb(128, 229, 195) !important; }
.color-success-400 { color: rgb(86, 220, 175) !important; }
.color-success-500 { color: rgb(42, 209, 152) !important; }
.color-success-600 { color: rgb(35, 169, 124) !important; }
.color-success-700 { color: rgb(26, 127, 93) !important; }
.color-warning-50 { color: rgb(255, 251, 235) !important; }
.color-warning-100 { color: rgb(255, 246, 214) !important; }
.color-warning-200 { color: rgb(255, 237, 173) !important; }
.color-warning-300 { color: rgb(255, 228, 133) !important; }
.color-warning-400 { color: rgb(255, 220, 92) !important; }
.color-warning-500 { color: rgb(255, 211, 51) !important; }
.color-warning-600 { color: rgb(245, 192, 0) !important; }
.color-warning-650 { color: rgb(230, 167, 39) !important; }
.color-error-50 { color: rgb(254, 236, 238) !important; }
.color-error-100 { color: rgb(253, 217, 222) !important; }
.color-error-200 { color: rgb(250, 178, 189) !important; }
.color-error-300 { color: rgb(248, 140, 156) !important; }
.color-error-400 { color: rgb(245, 101, 123) !important; }
.color-error-500 { color: rgb(243, 61, 89) !important; }
.color-error-600 { color: rgb(173, 11, 35) !important; }
.color-neutral-50 { color: rgb(245, 247, 249) !important; }
.color-neutral-200 { color: rgb(225, 231, 237) !important; }
.color-neutral-500 { color: rgb(182, 197, 212) !important; }
.color-neutral-800 { color: rgb(111, 140, 170) !important; }
.color-neutral-950 { color: rgb(40, 62, 91) !important; }
.color-inherit { color: inherit !important; }
@media (hover: hover) {
  .hover\:color-primary-500:hover { color: rgb(0, 177, 255) !important; }
  .hover\:color-secondary-500:hover { color: rgb(26, 49, 80) !important; }
  .hover\:color-white:hover { color: rgb(255, 255, 255) !important; }
  .hover\:color-primary-50:hover { color: rgb(229, 247, 255) !important; }
  .hover\:color-primary-100:hover { color: rgb(204, 240, 255) !important; }
  .hover\:color-primary-200:hover { color: rgb(153, 224, 255) !important; }
  .hover\:color-primary-300:hover { color: rgb(102, 209, 255) !important; }
  .hover\:color-primary-400:hover { color: rgb(51, 194, 255) !important; }
  .hover\:color-primary-600:hover { color: rgb(0, 161, 230) !important; }
  .hover\:color-primary-700:hover { color: rgb(0, 139, 199) !important; }
  .hover\:color-primary-800:hover { color: rgb(9, 120, 200) !important; }
  .hover\:color-secondary-50:hover { color: rgb(224, 233, 245) !important; }
  .hover\:color-secondary-100:hover { color: rgb(193, 211, 235) !important; }
  .hover\:color-secondary-200:hover { color: rgb(132, 168, 215) !important; }
  .hover\:color-secondary-300:hover { color: rgb(70, 124, 195) !important; }
  .hover\:color-secondary-400:hover { color: rgb(46, 88, 142) !important; }
  .hover\:color-secondary-600:hover { color: rgb(21, 40, 65) !important; }
  .hover\:color-secondary-700:hover { color: rgb(15, 29, 46) !important; }
  .hover\:color-secondary-800:hover { color: rgb(10, 19, 31) !important; }
  .hover\:color-secondary-900:hover { color: rgb(124, 125, 234) !important; }
  .hover\:color-success-50:hover { color: rgb(234, 251, 245) !important; }
  .hover\:color-success-100:hover { color: rgb(213, 246, 235) !important; }
  .hover\:color-success-200:hover { color: rgb(170, 238, 215) !important; }
  .hover\:color-success-300:hover { color: rgb(128, 229, 195) !important; }
  .hover\:color-success-400:hover { color: rgb(86, 220, 175) !important; }
  .hover\:color-success-500:hover { color: rgb(42, 209, 152) !important; }
  .hover\:color-success-600:hover { color: rgb(35, 169, 124) !important; }
  .hover\:color-success-700:hover { color: rgb(26, 127, 93) !important; }
  .hover\:color-warning-50:hover { color: rgb(255, 251, 235) !important; }
  .hover\:color-warning-100:hover { color: rgb(255, 246, 214) !important; }
  .hover\:color-warning-200:hover { color: rgb(255, 237, 173) !important; }
  .hover\:color-warning-300:hover { color: rgb(255, 228, 133) !important; }
  .hover\:color-warning-400:hover { color: rgb(255, 220, 92) !important; }
  .hover\:color-warning-500:hover { color: rgb(255, 211, 51) !important; }
  .hover\:color-warning-600:hover { color: rgb(245, 192, 0) !important; }
  .hover\:color-warning-650:hover { color: rgb(230, 167, 39) !important; }
  .hover\:color-error-50:hover { color: rgb(254, 236, 238) !important; }
  .hover\:color-error-100:hover { color: rgb(253, 217, 222) !important; }
  .hover\:color-error-200:hover { color: rgb(250, 178, 189) !important; }
  .hover\:color-error-300:hover { color: rgb(248, 140, 156) !important; }
  .hover\:color-error-400:hover { color: rgb(245, 101, 123) !important; }
  .hover\:color-error-500:hover { color: rgb(243, 61, 89) !important; }
  .hover\:color-error-600:hover { color: rgb(173, 11, 35) !important; }
  .hover\:color-neutral-50:hover { color: rgb(245, 247, 249) !important; }
  .hover\:color-neutral-200:hover { color: rgb(225, 231, 237) !important; }
  .hover\:color-neutral-500:hover { color: rgb(182, 197, 212) !important; }
  .hover\:color-neutral-800:hover { color: rgb(111, 140, 170) !important; }
  .hover\:color-neutral-950:hover { color: rgb(40, 62, 91) !important; }
  .hover\:color-inherit:hover { color: inherit !important; }
}
.bg-primary-500 { background-color: rgb(0, 177, 255) !important; }
.bg-secondary-500 { background-color: rgb(26, 49, 80) !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.bg-primary-50 { background-color: rgb(229, 247, 255) !important; }
.bg-primary-100 { background-color: rgb(204, 240, 255) !important; }
.bg-primary-200 { background-color: rgb(153, 224, 255) !important; }
.bg-primary-300 { background-color: rgb(102, 209, 255) !important; }
.bg-primary-400 { background-color: rgb(51, 194, 255) !important; }
.bg-primary-600 { background-color: rgb(0, 161, 230) !important; }
.bg-primary-700 { background-color: rgb(0, 139, 199) !important; }
.bg-primary-800 { background-color: rgb(9, 120, 200) !important; }
.bg-secondary-50 { background-color: rgb(224, 233, 245) !important; }
.bg-secondary-100 { background-color: rgb(193, 211, 235) !important; }
.bg-secondary-200 { background-color: rgb(132, 168, 215) !important; }
.bg-secondary-300 { background-color: rgb(70, 124, 195) !important; }
.bg-secondary-400 { background-color: rgb(46, 88, 142) !important; }
.bg-secondary-600 { background-color: rgb(21, 40, 65) !important; }
.bg-secondary-700 { background-color: rgb(15, 29, 46) !important; }
.bg-secondary-800 { background-color: rgb(10, 19, 31) !important; }
.bg-secondary-900 { background-color: rgb(124, 125, 234) !important; }
.bg-success-50 { background-color: rgb(234, 251, 245) !important; }
.bg-success-100 { background-color: rgb(213, 246, 235) !important; }
.bg-success-200 { background-color: rgb(170, 238, 215) !important; }
.bg-success-300 { background-color: rgb(128, 229, 195) !important; }
.bg-success-400 { background-color: rgb(86, 220, 175) !important; }
.bg-success-500 { background-color: rgb(42, 209, 152) !important; }
.bg-success-600 { background-color: rgb(35, 169, 124) !important; }
.bg-success-700 { background-color: rgb(26, 127, 93) !important; }
.bg-warning-50 { background-color: rgb(255, 251, 235) !important; }
.bg-warning-100 { background-color: rgb(255, 246, 214) !important; }
.bg-warning-200 { background-color: rgb(255, 237, 173) !important; }
.bg-warning-300 { background-color: rgb(255, 228, 133) !important; }
.bg-warning-400 { background-color: rgb(255, 220, 92) !important; }
.bg-warning-500 { background-color: rgb(255, 211, 51) !important; }
.bg-warning-600 { background-color: rgb(245, 192, 0) !important; }
.bg-warning-650 { background-color: rgb(230, 167, 39) !important; }
.bg-error-50 { background-color: rgb(254, 236, 238) !important; }
.bg-error-100 { background-color: rgb(253, 217, 222) !important; }
.bg-error-200 { background-color: rgb(250, 178, 189) !important; }
.bg-error-300 { background-color: rgb(248, 140, 156) !important; }
.bg-error-400 { background-color: rgb(245, 101, 123) !important; }
.bg-error-500 { background-color: rgb(243, 61, 89) !important; }
.bg-error-600 { background-color: rgb(173, 11, 35) !important; }
.bg-neutral-50 { background-color: rgb(245, 247, 249) !important; }
.bg-neutral-200 { background-color: rgb(225, 231, 237) !important; }
.bg-neutral-500 { background-color: rgb(182, 197, 212) !important; }
.bg-neutral-800 { background-color: rgb(111, 140, 170) !important; }
.bg-neutral-950 { background-color: rgb(40, 62, 91) !important; }
.bg-t { background-color: rgba(0, 0, 0, 0) !important; }
@media (hover: hover) {
  .hover\:bg-primary-500:hover { background-color: rgb(0, 177, 255) !important; }
  .hover\:bg-secondary-500:hover { background-color: rgb(26, 49, 80) !important; }
  .hover\:bg-white:hover { background-color: rgb(255, 255, 255) !important; }
  .hover\:bg-primary-50:hover { background-color: rgb(229, 247, 255) !important; }
  .hover\:bg-primary-100:hover { background-color: rgb(204, 240, 255) !important; }
  .hover\:bg-primary-200:hover { background-color: rgb(153, 224, 255) !important; }
  .hover\:bg-primary-300:hover { background-color: rgb(102, 209, 255) !important; }
  .hover\:bg-primary-400:hover { background-color: rgb(51, 194, 255) !important; }
  .hover\:bg-primary-600:hover { background-color: rgb(0, 161, 230) !important; }
  .hover\:bg-primary-700:hover { background-color: rgb(0, 139, 199) !important; }
  .hover\:bg-primary-800:hover { background-color: rgb(9, 120, 200) !important; }
  .hover\:bg-secondary-50:hover { background-color: rgb(224, 233, 245) !important; }
  .hover\:bg-secondary-100:hover { background-color: rgb(193, 211, 235) !important; }
  .hover\:bg-secondary-200:hover { background-color: rgb(132, 168, 215) !important; }
  .hover\:bg-secondary-300:hover { background-color: rgb(70, 124, 195) !important; }
  .hover\:bg-secondary-400:hover { background-color: rgb(46, 88, 142) !important; }
  .hover\:bg-secondary-600:hover { background-color: rgb(21, 40, 65) !important; }
  .hover\:bg-secondary-700:hover { background-color: rgb(15, 29, 46) !important; }
  .hover\:bg-secondary-800:hover { background-color: rgb(10, 19, 31) !important; }
  .hover\:bg-secondary-900:hover { background-color: rgb(124, 125, 234) !important; }
  .hover\:bg-success-50:hover { background-color: rgb(234, 251, 245) !important; }
  .hover\:bg-success-100:hover { background-color: rgb(213, 246, 235) !important; }
  .hover\:bg-success-200:hover { background-color: rgb(170, 238, 215) !important; }
  .hover\:bg-success-300:hover { background-color: rgb(128, 229, 195) !important; }
  .hover\:bg-success-400:hover { background-color: rgb(86, 220, 175) !important; }
  .hover\:bg-success-500:hover { background-color: rgb(42, 209, 152) !important; }
  .hover\:bg-success-600:hover { background-color: rgb(35, 169, 124) !important; }
  .hover\:bg-success-700:hover { background-color: rgb(26, 127, 93) !important; }
  .hover\:bg-warning-50:hover { background-color: rgb(255, 251, 235) !important; }
  .hover\:bg-warning-100:hover { background-color: rgb(255, 246, 214) !important; }
  .hover\:bg-warning-200:hover { background-color: rgb(255, 237, 173) !important; }
  .hover\:bg-warning-300:hover { background-color: rgb(255, 228, 133) !important; }
  .hover\:bg-warning-400:hover { background-color: rgb(255, 220, 92) !important; }
  .hover\:bg-warning-500:hover { background-color: rgb(255, 211, 51) !important; }
  .hover\:bg-warning-600:hover { background-color: rgb(245, 192, 0) !important; }
  .hover\:bg-warning-650:hover { background-color: rgb(230, 167, 39) !important; }
  .hover\:bg-error-50:hover { background-color: rgb(254, 236, 238) !important; }
  .hover\:bg-error-100:hover { background-color: rgb(253, 217, 222) !important; }
  .hover\:bg-error-200:hover { background-color: rgb(250, 178, 189) !important; }
  .hover\:bg-error-300:hover { background-color: rgb(248, 140, 156) !important; }
  .hover\:bg-error-400:hover { background-color: rgb(245, 101, 123) !important; }
  .hover\:bg-error-500:hover { background-color: rgb(243, 61, 89) !important; }
  .hover\:bg-error-600:hover { background-color: rgb(173, 11, 35) !important; }
  .hover\:bg-neutral-50:hover { background-color: rgb(245, 247, 249) !important; }
  .hover\:bg-neutral-200:hover { background-color: rgb(225, 231, 237) !important; }
  .hover\:bg-neutral-500:hover { background-color: rgb(182, 197, 212) !important; }
  .hover\:bg-neutral-800:hover { background-color: rgb(111, 140, 170) !important; }
  .hover\:bg-neutral-950:hover { background-color: rgb(40, 62, 91) !important; }
  .hover\:bg-t:hover { background-color: rgba(0, 0, 0, 0) !important; }
}
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.user-select-all { user-select: all !important; }
.user-select-auto { user-select: auto !important; }
.user-select-none { user-select: none !important; }
.pointer-events-none { pointer-events: none !important; }
.pointer-events-auto { pointer-events: auto !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-default { cursor: default !important; }
.opacity-0 { opacity: 0 !important; }
.opacity-100 { opacity: 0.2 !important; }
.opacity-200 { opacity: 0.4 !important; }
.opacity-250 { opacity: 0.5 !important; }
.opacity-300 { opacity: 0.6 !important; }
.opacity-400 { opacity: 0.8 !important; }
.opacity-500 { opacity: 1 !important; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }
.flex { display: flex !important; }
.inline-flex { display: inline-flex !important; }
.grid { display: grid !important; }
.inline-grid { display: inline-grid !important; }
.hidden { display: none !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.gap-xs { gap: 8px !important; }
.gap-sm { gap: 16px !important; }
.gap-md { gap: 20px !important; }
.gap-lg { gap: 24px !important; }
.gap-xl { gap: 32px !important; }
.gap-0 { gap: 0px !important; }
.gap-50 { gap: 2px !important; }
.gap-100 { gap: 4px !important; }
.gap-200 { gap: 8px !important; }
.gap-250 { gap: 10px !important; }
.gap-300 { gap: 12px !important; }
.gap-350 { gap: 14px !important; }
.gap-400 { gap: 16px !important; }
.gap-500 { gap: 20px !important; }
.gap-600 { gap: 24px !important; }
.gap-700 { gap: 32px !important; }
.gap-800 { gap: 48px !important; }
.gap-900 { gap: 64px !important; }
.gap-1000 { gap: 80px !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.w-25p { width: 25% !important; }
.w-33p { width: 33.33% !important; }
.w-50p { width: 50% !important; }
.w-75p { width: 75% !important; }
.w-100p { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25p { height: 25% !important; }
.h-33p { height: 33.33% !important; }
.h-50p { height: 50% !important; }
.h-75p { height: 75% !important; }
.h-100p { height: 100% !important; }
.h-100 { height: 44px !important; }
.h-150 { height: 48px !important; }
.h-200 { height: 56px !important; }
.h-auto { height: auto !important; }
.p-xs { padding: 8px !important; }
.p-sm { padding: 16px !important; }
.p-md { padding: 20px !important; }
.p-lg { padding: 24px !important; }
.p-xl { padding: 32px !important; }
.p-0 { padding: 0px !important; }
.p-50 { padding: 2px !important; }
.p-100 { padding: 4px !important; }
.p-200 { padding: 8px !important; }
.p-250 { padding: 10px !important; }
.p-300 { padding: 12px !important; }
.p-350 { padding: 14px !important; }
.p-400 { padding: 16px !important; }
.p-500 { padding: 20px !important; }
.p-600 { padding: 24px !important; }
.p-700 { padding: 32px !important; }
.p-800 { padding: 48px !important; }
.p-900 { padding: 64px !important; }
.p-1000 { padding: 80px !important; }
.pt-xs { padding-top: 8px !important; }
.pt-sm { padding-top: 16px !important; }
.pt-md { padding-top: 20px !important; }
.pt-lg { padding-top: 24px !important; }
.pt-xl { padding-top: 32px !important; }
.pt-0 { padding-top: 0px !important; }
.pt-50 { padding-top: 2px !important; }
.pt-100 { padding-top: 4px !important; }
.pt-200 { padding-top: 8px !important; }
.pt-250 { padding-top: 10px !important; }
.pt-300 { padding-top: 12px !important; }
.pt-350 { padding-top: 14px !important; }
.pt-400 { padding-top: 16px !important; }
.pt-500 { padding-top: 20px !important; }
.pt-600 { padding-top: 24px !important; }
.pt-700 { padding-top: 32px !important; }
.pt-800 { padding-top: 48px !important; }
.pt-900 { padding-top: 64px !important; }
.pt-1000 { padding-top: 80px !important; }
.pr-xs { padding-right: 8px !important; }
.pr-sm { padding-right: 16px !important; }
.pr-md { padding-right: 20px !important; }
.pr-lg { padding-right: 24px !important; }
.pr-xl { padding-right: 32px !important; }
.pr-0 { padding-right: 0px !important; }
.pr-50 { padding-right: 2px !important; }
.pr-100 { padding-right: 4px !important; }
.pr-200 { padding-right: 8px !important; }
.pr-250 { padding-right: 10px !important; }
.pr-300 { padding-right: 12px !important; }
.pr-350 { padding-right: 14px !important; }
.pr-400 { padding-right: 16px !important; }
.pr-500 { padding-right: 20px !important; }
.pr-600 { padding-right: 24px !important; }
.pr-700 { padding-right: 32px !important; }
.pr-800 { padding-right: 48px !important; }
.pr-900 { padding-right: 64px !important; }
.pr-1000 { padding-right: 80px !important; }
.pb-xs { padding-bottom: 8px !important; }
.pb-sm { padding-bottom: 16px !important; }
.pb-md { padding-bottom: 20px !important; }
.pb-lg { padding-bottom: 24px !important; }
.pb-xl { padding-bottom: 32px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-50 { padding-bottom: 2px !important; }
.pb-100 { padding-bottom: 4px !important; }
.pb-200 { padding-bottom: 8px !important; }
.pb-250 { padding-bottom: 10px !important; }
.pb-300 { padding-bottom: 12px !important; }
.pb-350 { padding-bottom: 14px !important; }
.pb-400 { padding-bottom: 16px !important; }
.pb-500 { padding-bottom: 20px !important; }
.pb-600 { padding-bottom: 24px !important; }
.pb-700 { padding-bottom: 32px !important; }
.pb-800 { padding-bottom: 48px !important; }
.pb-900 { padding-bottom: 64px !important; }
.pb-1000 { padding-bottom: 80px !important; }
.pl-xs { padding-left: 8px !important; }
.pl-sm { padding-left: 16px !important; }
.pl-md { padding-left: 20px !important; }
.pl-lg { padding-left: 24px !important; }
.pl-xl { padding-left: 32px !important; }
.pl-0 { padding-left: 0px !important; }
.pl-50 { padding-left: 2px !important; }
.pl-100 { padding-left: 4px !important; }
.pl-200 { padding-left: 8px !important; }
.pl-250 { padding-left: 10px !important; }
.pl-300 { padding-left: 12px !important; }
.pl-350 { padding-left: 14px !important; }
.pl-400 { padding-left: 16px !important; }
.pl-500 { padding-left: 20px !important; }
.pl-600 { padding-left: 24px !important; }
.pl-700 { padding-left: 32px !important; }
.pl-800 { padding-left: 48px !important; }
.pl-900 { padding-left: 64px !important; }
.pl-1000 { padding-left: 80px !important; }
.px-xs { padding-left: 8px !important; padding-right: 8px !important; }
.px-sm { padding-left: 16px !important; padding-right: 16px !important; }
.px-md { padding-left: 20px !important; padding-right: 20px !important; }
.px-lg { padding-left: 24px !important; padding-right: 24px !important; }
.px-xl { padding-left: 32px !important; padding-right: 32px !important; }
.px-0 { padding-left: 0px !important; padding-right: 0px !important; }
.px-50 { padding-left: 2px !important; padding-right: 2px !important; }
.px-100 { padding-left: 4px !important; padding-right: 4px !important; }
.px-200 { padding-left: 8px !important; padding-right: 8px !important; }
.px-250 { padding-left: 10px !important; padding-right: 10px !important; }
.px-300 { padding-left: 12px !important; padding-right: 12px !important; }
.px-350 { padding-left: 14px !important; padding-right: 14px !important; }
.px-400 { padding-left: 16px !important; padding-right: 16px !important; }
.px-500 { padding-left: 20px !important; padding-right: 20px !important; }
.px-600 { padding-left: 24px !important; padding-right: 24px !important; }
.px-700 { padding-left: 32px !important; padding-right: 32px !important; }
.px-800 { padding-left: 48px !important; padding-right: 48px !important; }
.px-900 { padding-left: 64px !important; padding-right: 64px !important; }
.px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
.py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
.py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
.py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
.py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
.py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
.py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
.py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
.py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
.py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
.py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
.py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
.py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
.py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
.py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
.py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
.py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
.py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
.py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
.py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
.m-xs { margin: 8px !important; }
.m-sm { margin: 16px !important; }
.m-md { margin: 20px !important; }
.m-lg { margin: 24px !important; }
.m-xl { margin: 32px !important; }
.m-0 { margin: 0px !important; }
.m-50 { margin: 2px !important; }
.m-100 { margin: 4px !important; }
.m-200 { margin: 8px !important; }
.m-250 { margin: 10px !important; }
.m-300 { margin: 12px !important; }
.m-350 { margin: 14px !important; }
.m-400 { margin: 16px !important; }
.m-500 { margin: 20px !important; }
.m-600 { margin: 24px !important; }
.m-700 { margin: 32px !important; }
.m-800 { margin: 48px !important; }
.m-900 { margin: 64px !important; }
.m-1000 { margin: 80px !important; }
.m-auto { margin: auto !important; }
.mt-xs { margin-top: 8px !important; }
.mt-sm { margin-top: 16px !important; }
.mt-md { margin-top: 20px !important; }
.mt-lg { margin-top: 24px !important; }
.mt-xl { margin-top: 32px !important; }
.mt-0 { margin-top: 0px !important; }
.mt-50 { margin-top: 2px !important; }
.mt-100 { margin-top: 4px !important; }
.mt-200 { margin-top: 8px !important; }
.mt-250 { margin-top: 10px !important; }
.mt-300 { margin-top: 12px !important; }
.mt-350 { margin-top: 14px !important; }
.mt-400 { margin-top: 16px !important; }
.mt-500 { margin-top: 20px !important; }
.mt-600 { margin-top: 24px !important; }
.mt-700 { margin-top: 32px !important; }
.mt-800 { margin-top: 48px !important; }
.mt-900 { margin-top: 64px !important; }
.mt-1000 { margin-top: 80px !important; }
.mt-auto { margin-top: auto !important; }
.mr-xs { margin-right: 8px !important; }
.mr-sm { margin-right: 16px !important; }
.mr-md { margin-right: 20px !important; }
.mr-lg { margin-right: 24px !important; }
.mr-xl { margin-right: 32px !important; }
.mr-0 { margin-right: 0px !important; }
.mr-50 { margin-right: 2px !important; }
.mr-100 { margin-right: 4px !important; }
.mr-200 { margin-right: 8px !important; }
.mr-250 { margin-right: 10px !important; }
.mr-300 { margin-right: 12px !important; }
.mr-350 { margin-right: 14px !important; }
.mr-400 { margin-right: 16px !important; }
.mr-500 { margin-right: 20px !important; }
.mr-600 { margin-right: 24px !important; }
.mr-700 { margin-right: 32px !important; }
.mr-800 { margin-right: 48px !important; }
.mr-900 { margin-right: 64px !important; }
.mr-1000 { margin-right: 80px !important; }
.mr-auto { margin-right: auto !important; }
.mb-xs { margin-bottom: 8px !important; }
.mb-sm { margin-bottom: 16px !important; }
.mb-md { margin-bottom: 20px !important; }
.mb-lg { margin-bottom: 24px !important; }
.mb-xl { margin-bottom: 32px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-50 { margin-bottom: 2px !important; }
.mb-100 { margin-bottom: 4px !important; }
.mb-200 { margin-bottom: 8px !important; }
.mb-250 { margin-bottom: 10px !important; }
.mb-300 { margin-bottom: 12px !important; }
.mb-350 { margin-bottom: 14px !important; }
.mb-400 { margin-bottom: 16px !important; }
.mb-500 { margin-bottom: 20px !important; }
.mb-600 { margin-bottom: 24px !important; }
.mb-700 { margin-bottom: 32px !important; }
.mb-800 { margin-bottom: 48px !important; }
.mb-900 { margin-bottom: 64px !important; }
.mb-1000 { margin-bottom: 80px !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-xs { margin-left: 8px !important; }
.ml-sm { margin-left: 16px !important; }
.ml-md { margin-left: 20px !important; }
.ml-lg { margin-left: 24px !important; }
.ml-xl { margin-left: 32px !important; }
.ml-0 { margin-left: 0px !important; }
.ml-50 { margin-left: 2px !important; }
.ml-100 { margin-left: 4px !important; }
.ml-200 { margin-left: 8px !important; }
.ml-250 { margin-left: 10px !important; }
.ml-300 { margin-left: 12px !important; }
.ml-350 { margin-left: 14px !important; }
.ml-400 { margin-left: 16px !important; }
.ml-500 { margin-left: 20px !important; }
.ml-600 { margin-left: 24px !important; }
.ml-700 { margin-left: 32px !important; }
.ml-800 { margin-left: 48px !important; }
.ml-900 { margin-left: 64px !important; }
.ml-1000 { margin-left: 80px !important; }
.ml-auto { margin-left: auto !important; }
.mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
.mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
.mx-md { margin-left: 20px !important; margin-right: 20px !important; }
.mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
.mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
.mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
.mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
.mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
.mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
.mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
.mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
.mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
.mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
.mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
.mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
.mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
.mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
.mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
.my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
.my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
.my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
.my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
.my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
.my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
.my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
.my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
.my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
.my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
.my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
.my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
.my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
.my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
.my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
.my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
.my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
.my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
.my-auto { margin-bottom: auto !important; margin-top: auto !important; }
.rounded { border-radius: 16px !important; }
.rounded-0 { border-radius: 0px !important; }
.rounded-50 { border-radius: 2px !important; }
.rounded-100 { border-radius: 4px !important; }
.rounded-200 { border-radius: 8px !important; }
.rounded-225 { border-radius: 12px !important; }
.rounded-250 { border-radius: 16px !important; }
.rounded-300 { border-radius: 80px !important; }
.rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
.rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
.rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
.rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
.rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
.rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
.rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
.rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
.rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
.rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
.rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
.rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
.rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
.rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
.rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
.rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
.rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
.rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
.rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
.rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
.rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
.rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
.rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
.rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
.rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
.rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
.fs-0 { font-size: 0px !important; }
.fs-350 { font-size: 10px !important; }
.fs-400 { font-size: 12px !important; }
.fs-450 { font-size: 14px !important; }
.fs-500 { font-size: 16px !important; }
.fs-550 { font-size: 18px !important; }
.fs-600 { font-size: 20px !important; }
.fs-700 { font-size: 24px !important; }
.fs-800 { font-size: 28px !important; }
.fs-900 { font-size: 32px !important; }
.fs-md { font-size: 16px !important; }
.fs-sm { font-size: 14px !important; }
.fs-xs { font-size: 12px !important; }
.fs-micro { font-size: 10px !important; }
.lh-200 { line-height: 1.2 !important; }
.lh-500 { line-height: 1.5 !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.top-auto { top: auto !important; }
.top-0 { top: 0px !important; }
.top-100p { top: 100% !important; }
.right-auto { right: auto !important; }
.right-0 { right: 0px !important; }
.right-100p { right: 100% !important; }
.bottom-auto { bottom: auto !important; }
.bottom-0 { bottom: 0px !important; }
.bottom-100p { bottom: 100% !important; }
.left-auto { left: auto !important; }
.left-0 { left: 0px !important; }
.left-100p { left: 100% !important; }
@media (min-width: 576px) {
  .sm\:block { display: block !important; }
  .sm\:inline-block { display: inline-block !important; }
  .sm\:inline { display: inline !important; }
  .sm\:flex { display: flex !important; }
  .sm\:inline-flex { display: inline-flex !important; }
  .sm\:grid { display: grid !important; }
  .sm\:inline-grid { display: inline-grid !important; }
  .sm\:hidden { display: none !important; }
  .sm\:flex-fill { flex: 1 1 auto !important; }
  .sm\:flex-row { flex-direction: row !important; }
  .sm\:flex-column { flex-direction: column !important; }
  .sm\:flex-row-reverse { flex-direction: row-reverse !important; }
  .sm\:flex-column-reverse { flex-direction: column-reverse !important; }
  .sm\:flex-grow-0 { flex-grow: 0 !important; }
  .sm\:flex-grow-1 { flex-grow: 1 !important; }
  .sm\:flex-shrink-0 { flex-shrink: 0 !important; }
  .sm\:flex-shrink-1 { flex-shrink: 1 !important; }
  .sm\:flex-wrap { flex-wrap: wrap !important; }
  .sm\:flex-nowrap { flex-wrap: nowrap !important; }
  .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .sm\:justify-content-start { justify-content: flex-start !important; }
  .sm\:justify-content-end { justify-content: flex-end !important; }
  .sm\:justify-content-center { justify-content: center !important; }
  .sm\:justify-content-between { justify-content: space-between !important; }
  .sm\:justify-content-around { justify-content: space-around !important; }
  .sm\:justify-content-evenly { justify-content: space-evenly !important; }
  .sm\:align-items-start { align-items: flex-start !important; }
  .sm\:align-items-end { align-items: flex-end !important; }
  .sm\:align-items-center { align-items: center !important; }
  .sm\:align-items-baseline { align-items: baseline !important; }
  .sm\:align-items-stretch { align-items: stretch !important; }
  .sm\:align-content-start { align-content: flex-start !important; }
  .sm\:align-content-end { align-content: flex-end !important; }
  .sm\:align-content-center { align-content: center !important; }
  .sm\:align-content-between { align-content: space-between !important; }
  .sm\:align-content-around { align-content: space-around !important; }
  .sm\:align-content-stretch { align-content: stretch !important; }
  .sm\:align-self-auto { align-self: auto !important; }
  .sm\:align-self-start { align-self: flex-start !important; }
  .sm\:align-self-end { align-self: flex-end !important; }
  .sm\:align-self-center { align-self: center !important; }
  .sm\:align-self-baseline { align-self: baseline !important; }
  .sm\:align-self-stretch { align-self: stretch !important; }
  .sm\:gap-xs { gap: 8px !important; }
  .sm\:gap-sm { gap: 16px !important; }
  .sm\:gap-md { gap: 20px !important; }
  .sm\:gap-lg { gap: 24px !important; }
  .sm\:gap-xl { gap: 32px !important; }
  .sm\:gap-0 { gap: 0px !important; }
  .sm\:gap-50 { gap: 2px !important; }
  .sm\:gap-100 { gap: 4px !important; }
  .sm\:gap-200 { gap: 8px !important; }
  .sm\:gap-250 { gap: 10px !important; }
  .sm\:gap-300 { gap: 12px !important; }
  .sm\:gap-350 { gap: 14px !important; }
  .sm\:gap-400 { gap: 16px !important; }
  .sm\:gap-500 { gap: 20px !important; }
  .sm\:gap-600 { gap: 24px !important; }
  .sm\:gap-700 { gap: 32px !important; }
  .sm\:gap-800 { gap: 48px !important; }
  .sm\:gap-900 { gap: 64px !important; }
  .sm\:gap-1000 { gap: 80px !important; }
  .sm\:order-1 { order: 1 !important; }
  .sm\:order-2 { order: 2 !important; }
  .sm\:order-3 { order: 3 !important; }
  .sm\:order-4 { order: 4 !important; }
  .sm\:order-5 { order: 5 !important; }
  .sm\:w-25p { width: 25% !important; }
  .sm\:w-33p { width: 33.33% !important; }
  .sm\:w-50p { width: 50% !important; }
  .sm\:w-75p { width: 75% !important; }
  .sm\:w-100p { width: 100% !important; }
  .sm\:w-auto { width: auto !important; }
  .sm\:h-25p { height: 25% !important; }
  .sm\:h-33p { height: 33.33% !important; }
  .sm\:h-50p { height: 50% !important; }
  .sm\:h-75p { height: 75% !important; }
  .sm\:h-100p { height: 100% !important; }
  .sm\:h-100 { height: 44px !important; }
  .sm\:h-150 { height: 48px !important; }
  .sm\:h-200 { height: 56px !important; }
  .sm\:h-auto { height: auto !important; }
  .sm\:p-xs { padding: 8px !important; }
  .sm\:p-sm { padding: 16px !important; }
  .sm\:p-md { padding: 20px !important; }
  .sm\:p-lg { padding: 24px !important; }
  .sm\:p-xl { padding: 32px !important; }
  .sm\:p-0 { padding: 0px !important; }
  .sm\:p-50 { padding: 2px !important; }
  .sm\:p-100 { padding: 4px !important; }
  .sm\:p-200 { padding: 8px !important; }
  .sm\:p-250 { padding: 10px !important; }
  .sm\:p-300 { padding: 12px !important; }
  .sm\:p-350 { padding: 14px !important; }
  .sm\:p-400 { padding: 16px !important; }
  .sm\:p-500 { padding: 20px !important; }
  .sm\:p-600 { padding: 24px !important; }
  .sm\:p-700 { padding: 32px !important; }
  .sm\:p-800 { padding: 48px !important; }
  .sm\:p-900 { padding: 64px !important; }
  .sm\:p-1000 { padding: 80px !important; }
  .sm\:pt-xs { padding-top: 8px !important; }
  .sm\:pt-sm { padding-top: 16px !important; }
  .sm\:pt-md { padding-top: 20px !important; }
  .sm\:pt-lg { padding-top: 24px !important; }
  .sm\:pt-xl { padding-top: 32px !important; }
  .sm\:pt-0 { padding-top: 0px !important; }
  .sm\:pt-50 { padding-top: 2px !important; }
  .sm\:pt-100 { padding-top: 4px !important; }
  .sm\:pt-200 { padding-top: 8px !important; }
  .sm\:pt-250 { padding-top: 10px !important; }
  .sm\:pt-300 { padding-top: 12px !important; }
  .sm\:pt-350 { padding-top: 14px !important; }
  .sm\:pt-400 { padding-top: 16px !important; }
  .sm\:pt-500 { padding-top: 20px !important; }
  .sm\:pt-600 { padding-top: 24px !important; }
  .sm\:pt-700 { padding-top: 32px !important; }
  .sm\:pt-800 { padding-top: 48px !important; }
  .sm\:pt-900 { padding-top: 64px !important; }
  .sm\:pt-1000 { padding-top: 80px !important; }
  .sm\:pr-xs { padding-right: 8px !important; }
  .sm\:pr-sm { padding-right: 16px !important; }
  .sm\:pr-md { padding-right: 20px !important; }
  .sm\:pr-lg { padding-right: 24px !important; }
  .sm\:pr-xl { padding-right: 32px !important; }
  .sm\:pr-0 { padding-right: 0px !important; }
  .sm\:pr-50 { padding-right: 2px !important; }
  .sm\:pr-100 { padding-right: 4px !important; }
  .sm\:pr-200 { padding-right: 8px !important; }
  .sm\:pr-250 { padding-right: 10px !important; }
  .sm\:pr-300 { padding-right: 12px !important; }
  .sm\:pr-350 { padding-right: 14px !important; }
  .sm\:pr-400 { padding-right: 16px !important; }
  .sm\:pr-500 { padding-right: 20px !important; }
  .sm\:pr-600 { padding-right: 24px !important; }
  .sm\:pr-700 { padding-right: 32px !important; }
  .sm\:pr-800 { padding-right: 48px !important; }
  .sm\:pr-900 { padding-right: 64px !important; }
  .sm\:pr-1000 { padding-right: 80px !important; }
  .sm\:pb-xs { padding-bottom: 8px !important; }
  .sm\:pb-sm { padding-bottom: 16px !important; }
  .sm\:pb-md { padding-bottom: 20px !important; }
  .sm\:pb-lg { padding-bottom: 24px !important; }
  .sm\:pb-xl { padding-bottom: 32px !important; }
  .sm\:pb-0 { padding-bottom: 0px !important; }
  .sm\:pb-50 { padding-bottom: 2px !important; }
  .sm\:pb-100 { padding-bottom: 4px !important; }
  .sm\:pb-200 { padding-bottom: 8px !important; }
  .sm\:pb-250 { padding-bottom: 10px !important; }
  .sm\:pb-300 { padding-bottom: 12px !important; }
  .sm\:pb-350 { padding-bottom: 14px !important; }
  .sm\:pb-400 { padding-bottom: 16px !important; }
  .sm\:pb-500 { padding-bottom: 20px !important; }
  .sm\:pb-600 { padding-bottom: 24px !important; }
  .sm\:pb-700 { padding-bottom: 32px !important; }
  .sm\:pb-800 { padding-bottom: 48px !important; }
  .sm\:pb-900 { padding-bottom: 64px !important; }
  .sm\:pb-1000 { padding-bottom: 80px !important; }
  .sm\:pl-xs { padding-left: 8px !important; }
  .sm\:pl-sm { padding-left: 16px !important; }
  .sm\:pl-md { padding-left: 20px !important; }
  .sm\:pl-lg { padding-left: 24px !important; }
  .sm\:pl-xl { padding-left: 32px !important; }
  .sm\:pl-0 { padding-left: 0px !important; }
  .sm\:pl-50 { padding-left: 2px !important; }
  .sm\:pl-100 { padding-left: 4px !important; }
  .sm\:pl-200 { padding-left: 8px !important; }
  .sm\:pl-250 { padding-left: 10px !important; }
  .sm\:pl-300 { padding-left: 12px !important; }
  .sm\:pl-350 { padding-left: 14px !important; }
  .sm\:pl-400 { padding-left: 16px !important; }
  .sm\:pl-500 { padding-left: 20px !important; }
  .sm\:pl-600 { padding-left: 24px !important; }
  .sm\:pl-700 { padding-left: 32px !important; }
  .sm\:pl-800 { padding-left: 48px !important; }
  .sm\:pl-900 { padding-left: 64px !important; }
  .sm\:pl-1000 { padding-left: 80px !important; }
  .sm\:px-xs { padding-left: 8px !important; padding-right: 8px !important; }
  .sm\:px-sm { padding-left: 16px !important; padding-right: 16px !important; }
  .sm\:px-md { padding-left: 20px !important; padding-right: 20px !important; }
  .sm\:px-lg { padding-left: 24px !important; padding-right: 24px !important; }
  .sm\:px-xl { padding-left: 32px !important; padding-right: 32px !important; }
  .sm\:px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .sm\:px-50 { padding-left: 2px !important; padding-right: 2px !important; }
  .sm\:px-100 { padding-left: 4px !important; padding-right: 4px !important; }
  .sm\:px-200 { padding-left: 8px !important; padding-right: 8px !important; }
  .sm\:px-250 { padding-left: 10px !important; padding-right: 10px !important; }
  .sm\:px-300 { padding-left: 12px !important; padding-right: 12px !important; }
  .sm\:px-350 { padding-left: 14px !important; padding-right: 14px !important; }
  .sm\:px-400 { padding-left: 16px !important; padding-right: 16px !important; }
  .sm\:px-500 { padding-left: 20px !important; padding-right: 20px !important; }
  .sm\:px-600 { padding-left: 24px !important; padding-right: 24px !important; }
  .sm\:px-700 { padding-left: 32px !important; padding-right: 32px !important; }
  .sm\:px-800 { padding-left: 48px !important; padding-right: 48px !important; }
  .sm\:px-900 { padding-left: 64px !important; padding-right: 64px !important; }
  .sm\:px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
  .sm\:py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
  .sm\:py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
  .sm\:py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
  .sm\:py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
  .sm\:py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
  .sm\:py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
  .sm\:py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
  .sm\:py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
  .sm\:py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
  .sm\:py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
  .sm\:py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
  .sm\:py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
  .sm\:py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
  .sm\:py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .sm\:py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
  .sm\:py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
  .sm\:py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
  .sm\:py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
  .sm\:py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
  .sm\:m-xs { margin: 8px !important; }
  .sm\:m-sm { margin: 16px !important; }
  .sm\:m-md { margin: 20px !important; }
  .sm\:m-lg { margin: 24px !important; }
  .sm\:m-xl { margin: 32px !important; }
  .sm\:m-0 { margin: 0px !important; }
  .sm\:m-50 { margin: 2px !important; }
  .sm\:m-100 { margin: 4px !important; }
  .sm\:m-200 { margin: 8px !important; }
  .sm\:m-250 { margin: 10px !important; }
  .sm\:m-300 { margin: 12px !important; }
  .sm\:m-350 { margin: 14px !important; }
  .sm\:m-400 { margin: 16px !important; }
  .sm\:m-500 { margin: 20px !important; }
  .sm\:m-600 { margin: 24px !important; }
  .sm\:m-700 { margin: 32px !important; }
  .sm\:m-800 { margin: 48px !important; }
  .sm\:m-900 { margin: 64px !important; }
  .sm\:m-1000 { margin: 80px !important; }
  .sm\:m-auto { margin: auto !important; }
  .sm\:mt-xs { margin-top: 8px !important; }
  .sm\:mt-sm { margin-top: 16px !important; }
  .sm\:mt-md { margin-top: 20px !important; }
  .sm\:mt-lg { margin-top: 24px !important; }
  .sm\:mt-xl { margin-top: 32px !important; }
  .sm\:mt-0 { margin-top: 0px !important; }
  .sm\:mt-50 { margin-top: 2px !important; }
  .sm\:mt-100 { margin-top: 4px !important; }
  .sm\:mt-200 { margin-top: 8px !important; }
  .sm\:mt-250 { margin-top: 10px !important; }
  .sm\:mt-300 { margin-top: 12px !important; }
  .sm\:mt-350 { margin-top: 14px !important; }
  .sm\:mt-400 { margin-top: 16px !important; }
  .sm\:mt-500 { margin-top: 20px !important; }
  .sm\:mt-600 { margin-top: 24px !important; }
  .sm\:mt-700 { margin-top: 32px !important; }
  .sm\:mt-800 { margin-top: 48px !important; }
  .sm\:mt-900 { margin-top: 64px !important; }
  .sm\:mt-1000 { margin-top: 80px !important; }
  .sm\:mt-auto { margin-top: auto !important; }
  .sm\:mr-xs { margin-right: 8px !important; }
  .sm\:mr-sm { margin-right: 16px !important; }
  .sm\:mr-md { margin-right: 20px !important; }
  .sm\:mr-lg { margin-right: 24px !important; }
  .sm\:mr-xl { margin-right: 32px !important; }
  .sm\:mr-0 { margin-right: 0px !important; }
  .sm\:mr-50 { margin-right: 2px !important; }
  .sm\:mr-100 { margin-right: 4px !important; }
  .sm\:mr-200 { margin-right: 8px !important; }
  .sm\:mr-250 { margin-right: 10px !important; }
  .sm\:mr-300 { margin-right: 12px !important; }
  .sm\:mr-350 { margin-right: 14px !important; }
  .sm\:mr-400 { margin-right: 16px !important; }
  .sm\:mr-500 { margin-right: 20px !important; }
  .sm\:mr-600 { margin-right: 24px !important; }
  .sm\:mr-700 { margin-right: 32px !important; }
  .sm\:mr-800 { margin-right: 48px !important; }
  .sm\:mr-900 { margin-right: 64px !important; }
  .sm\:mr-1000 { margin-right: 80px !important; }
  .sm\:mr-auto { margin-right: auto !important; }
  .sm\:mb-xs { margin-bottom: 8px !important; }
  .sm\:mb-sm { margin-bottom: 16px !important; }
  .sm\:mb-md { margin-bottom: 20px !important; }
  .sm\:mb-lg { margin-bottom: 24px !important; }
  .sm\:mb-xl { margin-bottom: 32px !important; }
  .sm\:mb-0 { margin-bottom: 0px !important; }
  .sm\:mb-50 { margin-bottom: 2px !important; }
  .sm\:mb-100 { margin-bottom: 4px !important; }
  .sm\:mb-200 { margin-bottom: 8px !important; }
  .sm\:mb-250 { margin-bottom: 10px !important; }
  .sm\:mb-300 { margin-bottom: 12px !important; }
  .sm\:mb-350 { margin-bottom: 14px !important; }
  .sm\:mb-400 { margin-bottom: 16px !important; }
  .sm\:mb-500 { margin-bottom: 20px !important; }
  .sm\:mb-600 { margin-bottom: 24px !important; }
  .sm\:mb-700 { margin-bottom: 32px !important; }
  .sm\:mb-800 { margin-bottom: 48px !important; }
  .sm\:mb-900 { margin-bottom: 64px !important; }
  .sm\:mb-1000 { margin-bottom: 80px !important; }
  .sm\:mb-auto { margin-bottom: auto !important; }
  .sm\:ml-xs { margin-left: 8px !important; }
  .sm\:ml-sm { margin-left: 16px !important; }
  .sm\:ml-md { margin-left: 20px !important; }
  .sm\:ml-lg { margin-left: 24px !important; }
  .sm\:ml-xl { margin-left: 32px !important; }
  .sm\:ml-0 { margin-left: 0px !important; }
  .sm\:ml-50 { margin-left: 2px !important; }
  .sm\:ml-100 { margin-left: 4px !important; }
  .sm\:ml-200 { margin-left: 8px !important; }
  .sm\:ml-250 { margin-left: 10px !important; }
  .sm\:ml-300 { margin-left: 12px !important; }
  .sm\:ml-350 { margin-left: 14px !important; }
  .sm\:ml-400 { margin-left: 16px !important; }
  .sm\:ml-500 { margin-left: 20px !important; }
  .sm\:ml-600 { margin-left: 24px !important; }
  .sm\:ml-700 { margin-left: 32px !important; }
  .sm\:ml-800 { margin-left: 48px !important; }
  .sm\:ml-900 { margin-left: 64px !important; }
  .sm\:ml-1000 { margin-left: 80px !important; }
  .sm\:ml-auto { margin-left: auto !important; }
  .sm\:mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
  .sm\:mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
  .sm\:mx-md { margin-left: 20px !important; margin-right: 20px !important; }
  .sm\:mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
  .sm\:mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
  .sm\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .sm\:mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
  .sm\:mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
  .sm\:mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
  .sm\:mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
  .sm\:mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
  .sm\:mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
  .sm\:mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
  .sm\:mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
  .sm\:mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
  .sm\:mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
  .sm\:mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
  .sm\:mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
  .sm\:mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
  .sm\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .sm\:my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
  .sm\:my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
  .sm\:my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
  .sm\:my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
  .sm\:my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
  .sm\:my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
  .sm\:my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
  .sm\:my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
  .sm\:my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
  .sm\:my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
  .sm\:my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
  .sm\:my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
  .sm\:my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
  .sm\:my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
  .sm\:my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
  .sm\:my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
  .sm\:my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
  .sm\:my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
  .sm\:my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
  .sm\:my-auto { margin-bottom: auto !important; margin-top: auto !important; }
  .sm\:rounded { border-radius: 16px !important; }
  .sm\:rounded-0 { border-radius: 0px !important; }
  .sm\:rounded-50 { border-radius: 2px !important; }
  .sm\:rounded-100 { border-radius: 4px !important; }
  .sm\:rounded-200 { border-radius: 8px !important; }
  .sm\:rounded-225 { border-radius: 12px !important; }
  .sm\:rounded-250 { border-radius: 16px !important; }
  .sm\:rounded-300 { border-radius: 80px !important; }
  .sm\:rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .sm\:rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
  .sm\:rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
  .sm\:rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
  .sm\:rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
  .sm\:rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
  .sm\:rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .sm\:rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
  .sm\:rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .sm\:rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
  .sm\:rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
  .sm\:rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
  .sm\:rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
  .sm\:rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
  .sm\:rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .sm\:rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
  .sm\:rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .sm\:rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
  .sm\:rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
  .sm\:rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
  .sm\:rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
  .sm\:rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
  .sm\:rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .sm\:rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
  .sm\:rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .sm\:rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
  .sm\:rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
  .sm\:rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
  .sm\:rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
  .sm\:rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
  .sm\:rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .sm\:rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
  .sm\:fs-0 { font-size: 0px !important; }
  .sm\:fs-350 { font-size: 10px !important; }
  .sm\:fs-400 { font-size: 12px !important; }
  .sm\:fs-450 { font-size: 14px !important; }
  .sm\:fs-500 { font-size: 16px !important; }
  .sm\:fs-550 { font-size: 18px !important; }
  .sm\:fs-600 { font-size: 20px !important; }
  .sm\:fs-700 { font-size: 24px !important; }
  .sm\:fs-800 { font-size: 28px !important; }
  .sm\:fs-900 { font-size: 32px !important; }
  .sm\:fs-md { font-size: 16px !important; }
  .sm\:fs-sm { font-size: 14px !important; }
  .sm\:fs-xs { font-size: 12px !important; }
  .sm\:fs-micro { font-size: 10px !important; }
  .sm\:lh-200 { line-height: 1.2 !important; }
  .sm\:lh-500 { line-height: 1.5 !important; }
  .sm\:text-left { text-align: left !important; }
  .sm\:text-right { text-align: right !important; }
  .sm\:text-center { text-align: center !important; }
  .sm\:top-auto { top: auto !important; }
  .sm\:top-0 { top: 0px !important; }
  .sm\:top-100p { top: 100% !important; }
  .sm\:right-auto { right: auto !important; }
  .sm\:right-0 { right: 0px !important; }
  .sm\:right-100p { right: 100% !important; }
  .sm\:bottom-auto { bottom: auto !important; }
  .sm\:bottom-0 { bottom: 0px !important; }
  .sm\:bottom-100p { bottom: 100% !important; }
  .sm\:left-auto { left: auto !important; }
  .sm\:left-0 { left: 0px !important; }
  .sm\:left-100p { left: 100% !important; }
}
@media (min-width: 768px) {
  .md\:block { display: block !important; }
  .md\:inline-block { display: inline-block !important; }
  .md\:inline { display: inline !important; }
  .md\:flex { display: flex !important; }
  .md\:inline-flex { display: inline-flex !important; }
  .md\:grid { display: grid !important; }
  .md\:inline-grid { display: inline-grid !important; }
  .md\:hidden { display: none !important; }
  .md\:flex-fill { flex: 1 1 auto !important; }
  .md\:flex-row { flex-direction: row !important; }
  .md\:flex-column { flex-direction: column !important; }
  .md\:flex-row-reverse { flex-direction: row-reverse !important; }
  .md\:flex-column-reverse { flex-direction: column-reverse !important; }
  .md\:flex-grow-0 { flex-grow: 0 !important; }
  .md\:flex-grow-1 { flex-grow: 1 !important; }
  .md\:flex-shrink-0 { flex-shrink: 0 !important; }
  .md\:flex-shrink-1 { flex-shrink: 1 !important; }
  .md\:flex-wrap { flex-wrap: wrap !important; }
  .md\:flex-nowrap { flex-wrap: nowrap !important; }
  .md\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .md\:justify-content-start { justify-content: flex-start !important; }
  .md\:justify-content-end { justify-content: flex-end !important; }
  .md\:justify-content-center { justify-content: center !important; }
  .md\:justify-content-between { justify-content: space-between !important; }
  .md\:justify-content-around { justify-content: space-around !important; }
  .md\:justify-content-evenly { justify-content: space-evenly !important; }
  .md\:align-items-start { align-items: flex-start !important; }
  .md\:align-items-end { align-items: flex-end !important; }
  .md\:align-items-center { align-items: center !important; }
  .md\:align-items-baseline { align-items: baseline !important; }
  .md\:align-items-stretch { align-items: stretch !important; }
  .md\:align-content-start { align-content: flex-start !important; }
  .md\:align-content-end { align-content: flex-end !important; }
  .md\:align-content-center { align-content: center !important; }
  .md\:align-content-between { align-content: space-between !important; }
  .md\:align-content-around { align-content: space-around !important; }
  .md\:align-content-stretch { align-content: stretch !important; }
  .md\:align-self-auto { align-self: auto !important; }
  .md\:align-self-start { align-self: flex-start !important; }
  .md\:align-self-end { align-self: flex-end !important; }
  .md\:align-self-center { align-self: center !important; }
  .md\:align-self-baseline { align-self: baseline !important; }
  .md\:align-self-stretch { align-self: stretch !important; }
  .md\:gap-xs { gap: 8px !important; }
  .md\:gap-sm { gap: 16px !important; }
  .md\:gap-md { gap: 20px !important; }
  .md\:gap-lg { gap: 24px !important; }
  .md\:gap-xl { gap: 32px !important; }
  .md\:gap-0 { gap: 0px !important; }
  .md\:gap-50 { gap: 2px !important; }
  .md\:gap-100 { gap: 4px !important; }
  .md\:gap-200 { gap: 8px !important; }
  .md\:gap-250 { gap: 10px !important; }
  .md\:gap-300 { gap: 12px !important; }
  .md\:gap-350 { gap: 14px !important; }
  .md\:gap-400 { gap: 16px !important; }
  .md\:gap-500 { gap: 20px !important; }
  .md\:gap-600 { gap: 24px !important; }
  .md\:gap-700 { gap: 32px !important; }
  .md\:gap-800 { gap: 48px !important; }
  .md\:gap-900 { gap: 64px !important; }
  .md\:gap-1000 { gap: 80px !important; }
  .md\:order-1 { order: 1 !important; }
  .md\:order-2 { order: 2 !important; }
  .md\:order-3 { order: 3 !important; }
  .md\:order-4 { order: 4 !important; }
  .md\:order-5 { order: 5 !important; }
  .md\:w-25p { width: 25% !important; }
  .md\:w-33p { width: 33.33% !important; }
  .md\:w-50p { width: 50% !important; }
  .md\:w-75p { width: 75% !important; }
  .md\:w-100p { width: 100% !important; }
  .md\:w-auto { width: auto !important; }
  .md\:h-25p { height: 25% !important; }
  .md\:h-33p { height: 33.33% !important; }
  .md\:h-50p { height: 50% !important; }
  .md\:h-75p { height: 75% !important; }
  .md\:h-100p { height: 100% !important; }
  .md\:h-100 { height: 44px !important; }
  .md\:h-150 { height: 48px !important; }
  .md\:h-200 { height: 56px !important; }
  .md\:h-auto { height: auto !important; }
  .md\:p-xs { padding: 8px !important; }
  .md\:p-sm { padding: 16px !important; }
  .md\:p-md { padding: 20px !important; }
  .md\:p-lg { padding: 24px !important; }
  .md\:p-xl { padding: 32px !important; }
  .md\:p-0 { padding: 0px !important; }
  .md\:p-50 { padding: 2px !important; }
  .md\:p-100 { padding: 4px !important; }
  .md\:p-200 { padding: 8px !important; }
  .md\:p-250 { padding: 10px !important; }
  .md\:p-300 { padding: 12px !important; }
  .md\:p-350 { padding: 14px !important; }
  .md\:p-400 { padding: 16px !important; }
  .md\:p-500 { padding: 20px !important; }
  .md\:p-600 { padding: 24px !important; }
  .md\:p-700 { padding: 32px !important; }
  .md\:p-800 { padding: 48px !important; }
  .md\:p-900 { padding: 64px !important; }
  .md\:p-1000 { padding: 80px !important; }
  .md\:pt-xs { padding-top: 8px !important; }
  .md\:pt-sm { padding-top: 16px !important; }
  .md\:pt-md { padding-top: 20px !important; }
  .md\:pt-lg { padding-top: 24px !important; }
  .md\:pt-xl { padding-top: 32px !important; }
  .md\:pt-0 { padding-top: 0px !important; }
  .md\:pt-50 { padding-top: 2px !important; }
  .md\:pt-100 { padding-top: 4px !important; }
  .md\:pt-200 { padding-top: 8px !important; }
  .md\:pt-250 { padding-top: 10px !important; }
  .md\:pt-300 { padding-top: 12px !important; }
  .md\:pt-350 { padding-top: 14px !important; }
  .md\:pt-400 { padding-top: 16px !important; }
  .md\:pt-500 { padding-top: 20px !important; }
  .md\:pt-600 { padding-top: 24px !important; }
  .md\:pt-700 { padding-top: 32px !important; }
  .md\:pt-800 { padding-top: 48px !important; }
  .md\:pt-900 { padding-top: 64px !important; }
  .md\:pt-1000 { padding-top: 80px !important; }
  .md\:pr-xs { padding-right: 8px !important; }
  .md\:pr-sm { padding-right: 16px !important; }
  .md\:pr-md { padding-right: 20px !important; }
  .md\:pr-lg { padding-right: 24px !important; }
  .md\:pr-xl { padding-right: 32px !important; }
  .md\:pr-0 { padding-right: 0px !important; }
  .md\:pr-50 { padding-right: 2px !important; }
  .md\:pr-100 { padding-right: 4px !important; }
  .md\:pr-200 { padding-right: 8px !important; }
  .md\:pr-250 { padding-right: 10px !important; }
  .md\:pr-300 { padding-right: 12px !important; }
  .md\:pr-350 { padding-right: 14px !important; }
  .md\:pr-400 { padding-right: 16px !important; }
  .md\:pr-500 { padding-right: 20px !important; }
  .md\:pr-600 { padding-right: 24px !important; }
  .md\:pr-700 { padding-right: 32px !important; }
  .md\:pr-800 { padding-right: 48px !important; }
  .md\:pr-900 { padding-right: 64px !important; }
  .md\:pr-1000 { padding-right: 80px !important; }
  .md\:pb-xs { padding-bottom: 8px !important; }
  .md\:pb-sm { padding-bottom: 16px !important; }
  .md\:pb-md { padding-bottom: 20px !important; }
  .md\:pb-lg { padding-bottom: 24px !important; }
  .md\:pb-xl { padding-bottom: 32px !important; }
  .md\:pb-0 { padding-bottom: 0px !important; }
  .md\:pb-50 { padding-bottom: 2px !important; }
  .md\:pb-100 { padding-bottom: 4px !important; }
  .md\:pb-200 { padding-bottom: 8px !important; }
  .md\:pb-250 { padding-bottom: 10px !important; }
  .md\:pb-300 { padding-bottom: 12px !important; }
  .md\:pb-350 { padding-bottom: 14px !important; }
  .md\:pb-400 { padding-bottom: 16px !important; }
  .md\:pb-500 { padding-bottom: 20px !important; }
  .md\:pb-600 { padding-bottom: 24px !important; }
  .md\:pb-700 { padding-bottom: 32px !important; }
  .md\:pb-800 { padding-bottom: 48px !important; }
  .md\:pb-900 { padding-bottom: 64px !important; }
  .md\:pb-1000 { padding-bottom: 80px !important; }
  .md\:pl-xs { padding-left: 8px !important; }
  .md\:pl-sm { padding-left: 16px !important; }
  .md\:pl-md { padding-left: 20px !important; }
  .md\:pl-lg { padding-left: 24px !important; }
  .md\:pl-xl { padding-left: 32px !important; }
  .md\:pl-0 { padding-left: 0px !important; }
  .md\:pl-50 { padding-left: 2px !important; }
  .md\:pl-100 { padding-left: 4px !important; }
  .md\:pl-200 { padding-left: 8px !important; }
  .md\:pl-250 { padding-left: 10px !important; }
  .md\:pl-300 { padding-left: 12px !important; }
  .md\:pl-350 { padding-left: 14px !important; }
  .md\:pl-400 { padding-left: 16px !important; }
  .md\:pl-500 { padding-left: 20px !important; }
  .md\:pl-600 { padding-left: 24px !important; }
  .md\:pl-700 { padding-left: 32px !important; }
  .md\:pl-800 { padding-left: 48px !important; }
  .md\:pl-900 { padding-left: 64px !important; }
  .md\:pl-1000 { padding-left: 80px !important; }
  .md\:px-xs { padding-left: 8px !important; padding-right: 8px !important; }
  .md\:px-sm { padding-left: 16px !important; padding-right: 16px !important; }
  .md\:px-md { padding-left: 20px !important; padding-right: 20px !important; }
  .md\:px-lg { padding-left: 24px !important; padding-right: 24px !important; }
  .md\:px-xl { padding-left: 32px !important; padding-right: 32px !important; }
  .md\:px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .md\:px-50 { padding-left: 2px !important; padding-right: 2px !important; }
  .md\:px-100 { padding-left: 4px !important; padding-right: 4px !important; }
  .md\:px-200 { padding-left: 8px !important; padding-right: 8px !important; }
  .md\:px-250 { padding-left: 10px !important; padding-right: 10px !important; }
  .md\:px-300 { padding-left: 12px !important; padding-right: 12px !important; }
  .md\:px-350 { padding-left: 14px !important; padding-right: 14px !important; }
  .md\:px-400 { padding-left: 16px !important; padding-right: 16px !important; }
  .md\:px-500 { padding-left: 20px !important; padding-right: 20px !important; }
  .md\:px-600 { padding-left: 24px !important; padding-right: 24px !important; }
  .md\:px-700 { padding-left: 32px !important; padding-right: 32px !important; }
  .md\:px-800 { padding-left: 48px !important; padding-right: 48px !important; }
  .md\:px-900 { padding-left: 64px !important; padding-right: 64px !important; }
  .md\:px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
  .md\:py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
  .md\:py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
  .md\:py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
  .md\:py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
  .md\:py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
  .md\:py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
  .md\:py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
  .md\:py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
  .md\:py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
  .md\:py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
  .md\:py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
  .md\:py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
  .md\:py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
  .md\:py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .md\:py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
  .md\:py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
  .md\:py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
  .md\:py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
  .md\:py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
  .md\:m-xs { margin: 8px !important; }
  .md\:m-sm { margin: 16px !important; }
  .md\:m-md { margin: 20px !important; }
  .md\:m-lg { margin: 24px !important; }
  .md\:m-xl { margin: 32px !important; }
  .md\:m-0 { margin: 0px !important; }
  .md\:m-50 { margin: 2px !important; }
  .md\:m-100 { margin: 4px !important; }
  .md\:m-200 { margin: 8px !important; }
  .md\:m-250 { margin: 10px !important; }
  .md\:m-300 { margin: 12px !important; }
  .md\:m-350 { margin: 14px !important; }
  .md\:m-400 { margin: 16px !important; }
  .md\:m-500 { margin: 20px !important; }
  .md\:m-600 { margin: 24px !important; }
  .md\:m-700 { margin: 32px !important; }
  .md\:m-800 { margin: 48px !important; }
  .md\:m-900 { margin: 64px !important; }
  .md\:m-1000 { margin: 80px !important; }
  .md\:m-auto { margin: auto !important; }
  .md\:mt-xs { margin-top: 8px !important; }
  .md\:mt-sm { margin-top: 16px !important; }
  .md\:mt-md { margin-top: 20px !important; }
  .md\:mt-lg { margin-top: 24px !important; }
  .md\:mt-xl { margin-top: 32px !important; }
  .md\:mt-0 { margin-top: 0px !important; }
  .md\:mt-50 { margin-top: 2px !important; }
  .md\:mt-100 { margin-top: 4px !important; }
  .md\:mt-200 { margin-top: 8px !important; }
  .md\:mt-250 { margin-top: 10px !important; }
  .md\:mt-300 { margin-top: 12px !important; }
  .md\:mt-350 { margin-top: 14px !important; }
  .md\:mt-400 { margin-top: 16px !important; }
  .md\:mt-500 { margin-top: 20px !important; }
  .md\:mt-600 { margin-top: 24px !important; }
  .md\:mt-700 { margin-top: 32px !important; }
  .md\:mt-800 { margin-top: 48px !important; }
  .md\:mt-900 { margin-top: 64px !important; }
  .md\:mt-1000 { margin-top: 80px !important; }
  .md\:mt-auto { margin-top: auto !important; }
  .md\:mr-xs { margin-right: 8px !important; }
  .md\:mr-sm { margin-right: 16px !important; }
  .md\:mr-md { margin-right: 20px !important; }
  .md\:mr-lg { margin-right: 24px !important; }
  .md\:mr-xl { margin-right: 32px !important; }
  .md\:mr-0 { margin-right: 0px !important; }
  .md\:mr-50 { margin-right: 2px !important; }
  .md\:mr-100 { margin-right: 4px !important; }
  .md\:mr-200 { margin-right: 8px !important; }
  .md\:mr-250 { margin-right: 10px !important; }
  .md\:mr-300 { margin-right: 12px !important; }
  .md\:mr-350 { margin-right: 14px !important; }
  .md\:mr-400 { margin-right: 16px !important; }
  .md\:mr-500 { margin-right: 20px !important; }
  .md\:mr-600 { margin-right: 24px !important; }
  .md\:mr-700 { margin-right: 32px !important; }
  .md\:mr-800 { margin-right: 48px !important; }
  .md\:mr-900 { margin-right: 64px !important; }
  .md\:mr-1000 { margin-right: 80px !important; }
  .md\:mr-auto { margin-right: auto !important; }
  .md\:mb-xs { margin-bottom: 8px !important; }
  .md\:mb-sm { margin-bottom: 16px !important; }
  .md\:mb-md { margin-bottom: 20px !important; }
  .md\:mb-lg { margin-bottom: 24px !important; }
  .md\:mb-xl { margin-bottom: 32px !important; }
  .md\:mb-0 { margin-bottom: 0px !important; }
  .md\:mb-50 { margin-bottom: 2px !important; }
  .md\:mb-100 { margin-bottom: 4px !important; }
  .md\:mb-200 { margin-bottom: 8px !important; }
  .md\:mb-250 { margin-bottom: 10px !important; }
  .md\:mb-300 { margin-bottom: 12px !important; }
  .md\:mb-350 { margin-bottom: 14px !important; }
  .md\:mb-400 { margin-bottom: 16px !important; }
  .md\:mb-500 { margin-bottom: 20px !important; }
  .md\:mb-600 { margin-bottom: 24px !important; }
  .md\:mb-700 { margin-bottom: 32px !important; }
  .md\:mb-800 { margin-bottom: 48px !important; }
  .md\:mb-900 { margin-bottom: 64px !important; }
  .md\:mb-1000 { margin-bottom: 80px !important; }
  .md\:mb-auto { margin-bottom: auto !important; }
  .md\:ml-xs { margin-left: 8px !important; }
  .md\:ml-sm { margin-left: 16px !important; }
  .md\:ml-md { margin-left: 20px !important; }
  .md\:ml-lg { margin-left: 24px !important; }
  .md\:ml-xl { margin-left: 32px !important; }
  .md\:ml-0 { margin-left: 0px !important; }
  .md\:ml-50 { margin-left: 2px !important; }
  .md\:ml-100 { margin-left: 4px !important; }
  .md\:ml-200 { margin-left: 8px !important; }
  .md\:ml-250 { margin-left: 10px !important; }
  .md\:ml-300 { margin-left: 12px !important; }
  .md\:ml-350 { margin-left: 14px !important; }
  .md\:ml-400 { margin-left: 16px !important; }
  .md\:ml-500 { margin-left: 20px !important; }
  .md\:ml-600 { margin-left: 24px !important; }
  .md\:ml-700 { margin-left: 32px !important; }
  .md\:ml-800 { margin-left: 48px !important; }
  .md\:ml-900 { margin-left: 64px !important; }
  .md\:ml-1000 { margin-left: 80px !important; }
  .md\:ml-auto { margin-left: auto !important; }
  .md\:mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
  .md\:mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
  .md\:mx-md { margin-left: 20px !important; margin-right: 20px !important; }
  .md\:mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
  .md\:mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
  .md\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .md\:mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
  .md\:mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
  .md\:mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
  .md\:mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
  .md\:mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
  .md\:mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
  .md\:mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
  .md\:mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
  .md\:mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
  .md\:mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
  .md\:mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
  .md\:mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
  .md\:mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
  .md\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .md\:my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
  .md\:my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
  .md\:my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
  .md\:my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
  .md\:my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
  .md\:my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
  .md\:my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
  .md\:my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
  .md\:my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
  .md\:my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
  .md\:my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
  .md\:my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
  .md\:my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
  .md\:my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
  .md\:my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
  .md\:my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
  .md\:my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
  .md\:my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
  .md\:my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
  .md\:my-auto { margin-bottom: auto !important; margin-top: auto !important; }
  .md\:rounded { border-radius: 16px !important; }
  .md\:rounded-0 { border-radius: 0px !important; }
  .md\:rounded-50 { border-radius: 2px !important; }
  .md\:rounded-100 { border-radius: 4px !important; }
  .md\:rounded-200 { border-radius: 8px !important; }
  .md\:rounded-225 { border-radius: 12px !important; }
  .md\:rounded-250 { border-radius: 16px !important; }
  .md\:rounded-300 { border-radius: 80px !important; }
  .md\:rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .md\:rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
  .md\:rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
  .md\:rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
  .md\:rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
  .md\:rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
  .md\:rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .md\:rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
  .md\:rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .md\:rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
  .md\:rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
  .md\:rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
  .md\:rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
  .md\:rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
  .md\:rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .md\:rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
  .md\:rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .md\:rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
  .md\:rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
  .md\:rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
  .md\:rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
  .md\:rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
  .md\:rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .md\:rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
  .md\:rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .md\:rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
  .md\:rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
  .md\:rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
  .md\:rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
  .md\:rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
  .md\:rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .md\:rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
  .md\:fs-0 { font-size: 0px !important; }
  .md\:fs-350 { font-size: 10px !important; }
  .md\:fs-400 { font-size: 12px !important; }
  .md\:fs-450 { font-size: 14px !important; }
  .md\:fs-500 { font-size: 16px !important; }
  .md\:fs-550 { font-size: 18px !important; }
  .md\:fs-600 { font-size: 20px !important; }
  .md\:fs-700 { font-size: 24px !important; }
  .md\:fs-800 { font-size: 28px !important; }
  .md\:fs-900 { font-size: 32px !important; }
  .md\:fs-md { font-size: 16px !important; }
  .md\:fs-sm { font-size: 14px !important; }
  .md\:fs-xs { font-size: 12px !important; }
  .md\:fs-micro { font-size: 10px !important; }
  .md\:lh-200 { line-height: 1.2 !important; }
  .md\:lh-500 { line-height: 1.5 !important; }
  .md\:text-left { text-align: left !important; }
  .md\:text-right { text-align: right !important; }
  .md\:text-center { text-align: center !important; }
  .md\:top-auto { top: auto !important; }
  .md\:top-0 { top: 0px !important; }
  .md\:top-100p { top: 100% !important; }
  .md\:right-auto { right: auto !important; }
  .md\:right-0 { right: 0px !important; }
  .md\:right-100p { right: 100% !important; }
  .md\:bottom-auto { bottom: auto !important; }
  .md\:bottom-0 { bottom: 0px !important; }
  .md\:bottom-100p { bottom: 100% !important; }
  .md\:left-auto { left: auto !important; }
  .md\:left-0 { left: 0px !important; }
  .md\:left-100p { left: 100% !important; }
}
@media (min-width: 1024px) {
  .lg\:block { display: block !important; }
  .lg\:inline-block { display: inline-block !important; }
  .lg\:inline { display: inline !important; }
  .lg\:flex { display: flex !important; }
  .lg\:inline-flex { display: inline-flex !important; }
  .lg\:grid { display: grid !important; }
  .lg\:inline-grid { display: inline-grid !important; }
  .lg\:hidden { display: none !important; }
  .aside .aside\:block { display: block !important; }
  .aside .aside\:inline-block { display: inline-block !important; }
  .aside .aside\:inline { display: inline !important; }
  .aside .aside\:flex { display: flex !important; }
  .aside .aside\:inline-flex { display: inline-flex !important; }
  .aside .aside\:grid { display: grid !important; }
  .aside .aside\:inline-grid { display: inline-grid !important; }
  .aside .aside\:hidden { display: none !important; }
  .aside .aside\:flex-fill, .lg\:flex-fill { flex: 1 1 auto !important; }
  .lg\:flex-row { flex-direction: row !important; }
  .lg\:flex-column { flex-direction: column !important; }
  .lg\:flex-row-reverse { flex-direction: row-reverse !important; }
  .lg\:flex-column-reverse { flex-direction: column-reverse !important; }
  .aside .aside\:flex-row { flex-direction: row !important; }
  .aside .aside\:flex-column { flex-direction: column !important; }
  .aside .aside\:flex-row-reverse { flex-direction: row-reverse !important; }
  .aside .aside\:flex-column-reverse { flex-direction: column-reverse !important; }
  .lg\:flex-grow-0 { flex-grow: 0 !important; }
  .lg\:flex-grow-1 { flex-grow: 1 !important; }
  .aside .aside\:flex-grow-0 { flex-grow: 0 !important; }
  .aside .aside\:flex-grow-1 { flex-grow: 1 !important; }
  .lg\:flex-shrink-0 { flex-shrink: 0 !important; }
  .lg\:flex-shrink-1 { flex-shrink: 1 !important; }
  .aside .aside\:flex-shrink-0 { flex-shrink: 0 !important; }
  .aside .aside\:flex-shrink-1 { flex-shrink: 1 !important; }
  .lg\:flex-wrap { flex-wrap: wrap !important; }
  .lg\:flex-nowrap { flex-wrap: nowrap !important; }
  .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .aside .aside\:flex-wrap { flex-wrap: wrap !important; }
  .aside .aside\:flex-nowrap { flex-wrap: nowrap !important; }
  .aside .aside\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .lg\:justify-content-start { justify-content: flex-start !important; }
  .lg\:justify-content-end { justify-content: flex-end !important; }
  .lg\:justify-content-center { justify-content: center !important; }
  .lg\:justify-content-between { justify-content: space-between !important; }
  .lg\:justify-content-around { justify-content: space-around !important; }
  .lg\:justify-content-evenly { justify-content: space-evenly !important; }
  .aside .aside\:justify-content-start { justify-content: flex-start !important; }
  .aside .aside\:justify-content-end { justify-content: flex-end !important; }
  .aside .aside\:justify-content-center { justify-content: center !important; }
  .aside .aside\:justify-content-between { justify-content: space-between !important; }
  .aside .aside\:justify-content-around { justify-content: space-around !important; }
  .aside .aside\:justify-content-evenly { justify-content: space-evenly !important; }
  .lg\:align-items-start { align-items: flex-start !important; }
  .lg\:align-items-end { align-items: flex-end !important; }
  .lg\:align-items-center { align-items: center !important; }
  .lg\:align-items-baseline { align-items: baseline !important; }
  .lg\:align-items-stretch { align-items: stretch !important; }
  .aside .aside\:align-items-start { align-items: flex-start !important; }
  .aside .aside\:align-items-end { align-items: flex-end !important; }
  .aside .aside\:align-items-center { align-items: center !important; }
  .aside .aside\:align-items-baseline { align-items: baseline !important; }
  .aside .aside\:align-items-stretch { align-items: stretch !important; }
  .lg\:align-content-start { align-content: flex-start !important; }
  .lg\:align-content-end { align-content: flex-end !important; }
  .lg\:align-content-center { align-content: center !important; }
  .lg\:align-content-between { align-content: space-between !important; }
  .lg\:align-content-around { align-content: space-around !important; }
  .lg\:align-content-stretch { align-content: stretch !important; }
  .aside .aside\:align-content-start { align-content: flex-start !important; }
  .aside .aside\:align-content-end { align-content: flex-end !important; }
  .aside .aside\:align-content-center { align-content: center !important; }
  .aside .aside\:align-content-between { align-content: space-between !important; }
  .aside .aside\:align-content-around { align-content: space-around !important; }
  .aside .aside\:align-content-stretch { align-content: stretch !important; }
  .lg\:align-self-auto { align-self: auto !important; }
  .lg\:align-self-start { align-self: flex-start !important; }
  .lg\:align-self-end { align-self: flex-end !important; }
  .lg\:align-self-center { align-self: center !important; }
  .lg\:align-self-baseline { align-self: baseline !important; }
  .lg\:align-self-stretch { align-self: stretch !important; }
  .aside .aside\:align-self-auto { align-self: auto !important; }
  .aside .aside\:align-self-start { align-self: flex-start !important; }
  .aside .aside\:align-self-end { align-self: flex-end !important; }
  .aside .aside\:align-self-center { align-self: center !important; }
  .aside .aside\:align-self-baseline { align-self: baseline !important; }
  .aside .aside\:align-self-stretch { align-self: stretch !important; }
  .lg\:gap-xs { gap: 8px !important; }
  .lg\:gap-sm { gap: 16px !important; }
  .lg\:gap-md { gap: 20px !important; }
  .lg\:gap-lg { gap: 24px !important; }
  .lg\:gap-xl { gap: 32px !important; }
  .lg\:gap-0 { gap: 0px !important; }
  .lg\:gap-50 { gap: 2px !important; }
  .lg\:gap-100 { gap: 4px !important; }
  .lg\:gap-200 { gap: 8px !important; }
  .lg\:gap-250 { gap: 10px !important; }
  .lg\:gap-300 { gap: 12px !important; }
  .lg\:gap-350 { gap: 14px !important; }
  .lg\:gap-400 { gap: 16px !important; }
  .lg\:gap-500 { gap: 20px !important; }
  .lg\:gap-600 { gap: 24px !important; }
  .lg\:gap-700 { gap: 32px !important; }
  .lg\:gap-800 { gap: 48px !important; }
  .lg\:gap-900 { gap: 64px !important; }
  .lg\:gap-1000 { gap: 80px !important; }
  .aside .aside\:gap-xs { gap: 8px !important; }
  .aside .aside\:gap-sm { gap: 16px !important; }
  .aside .aside\:gap-md { gap: 20px !important; }
  .aside .aside\:gap-lg { gap: 24px !important; }
  .aside .aside\:gap-xl { gap: 32px !important; }
  .aside .aside\:gap-0 { gap: 0px !important; }
  .aside .aside\:gap-50 { gap: 2px !important; }
  .aside .aside\:gap-100 { gap: 4px !important; }
  .aside .aside\:gap-200 { gap: 8px !important; }
  .aside .aside\:gap-250 { gap: 10px !important; }
  .aside .aside\:gap-300 { gap: 12px !important; }
  .aside .aside\:gap-350 { gap: 14px !important; }
  .aside .aside\:gap-400 { gap: 16px !important; }
  .aside .aside\:gap-500 { gap: 20px !important; }
  .aside .aside\:gap-600 { gap: 24px !important; }
  .aside .aside\:gap-700 { gap: 32px !important; }
  .aside .aside\:gap-800 { gap: 48px !important; }
  .aside .aside\:gap-900 { gap: 64px !important; }
  .aside .aside\:gap-1000 { gap: 80px !important; }
  .lg\:order-1 { order: 1 !important; }
  .lg\:order-2 { order: 2 !important; }
  .lg\:order-3 { order: 3 !important; }
  .lg\:order-4 { order: 4 !important; }
  .lg\:order-5 { order: 5 !important; }
  .aside .aside\:order-1 { order: 1 !important; }
  .aside .aside\:order-2 { order: 2 !important; }
  .aside .aside\:order-3 { order: 3 !important; }
  .aside .aside\:order-4 { order: 4 !important; }
  .aside .aside\:order-5 { order: 5 !important; }
  .lg\:w-25p { width: 25% !important; }
  .lg\:w-33p { width: 33.33% !important; }
  .lg\:w-50p { width: 50% !important; }
  .lg\:w-75p { width: 75% !important; }
  .lg\:w-100p { width: 100% !important; }
  .lg\:w-auto { width: auto !important; }
  .aside .aside\:w-25p { width: 25% !important; }
  .aside .aside\:w-33p { width: 33.33% !important; }
  .aside .aside\:w-50p { width: 50% !important; }
  .aside .aside\:w-75p { width: 75% !important; }
  .aside .aside\:w-100p { width: 100% !important; }
  .aside .aside\:w-auto { width: auto !important; }
  .lg\:h-25p { height: 25% !important; }
  .lg\:h-33p { height: 33.33% !important; }
  .lg\:h-50p { height: 50% !important; }
  .lg\:h-75p { height: 75% !important; }
  .lg\:h-100p { height: 100% !important; }
  .lg\:h-100 { height: 44px !important; }
  .lg\:h-150 { height: 48px !important; }
  .lg\:h-200 { height: 56px !important; }
  .lg\:h-auto { height: auto !important; }
  .aside .aside\:h-25p { height: 25% !important; }
  .aside .aside\:h-33p { height: 33.33% !important; }
  .aside .aside\:h-50p { height: 50% !important; }
  .aside .aside\:h-75p { height: 75% !important; }
  .aside .aside\:h-100p { height: 100% !important; }
  .aside .aside\:h-100 { height: 44px !important; }
  .aside .aside\:h-150 { height: 48px !important; }
  .aside .aside\:h-200 { height: 56px !important; }
  .aside .aside\:h-auto { height: auto !important; }
  .lg\:p-xs { padding: 8px !important; }
  .lg\:p-sm { padding: 16px !important; }
  .lg\:p-md { padding: 20px !important; }
  .lg\:p-lg { padding: 24px !important; }
  .lg\:p-xl { padding: 32px !important; }
  .lg\:p-0 { padding: 0px !important; }
  .lg\:p-50 { padding: 2px !important; }
  .lg\:p-100 { padding: 4px !important; }
  .lg\:p-200 { padding: 8px !important; }
  .lg\:p-250 { padding: 10px !important; }
  .lg\:p-300 { padding: 12px !important; }
  .lg\:p-350 { padding: 14px !important; }
  .lg\:p-400 { padding: 16px !important; }
  .lg\:p-500 { padding: 20px !important; }
  .lg\:p-600 { padding: 24px !important; }
  .lg\:p-700 { padding: 32px !important; }
  .lg\:p-800 { padding: 48px !important; }
  .lg\:p-900 { padding: 64px !important; }
  .lg\:p-1000 { padding: 80px !important; }
  .aside .aside\:p-xs { padding: 8px !important; }
  .aside .aside\:p-sm { padding: 16px !important; }
  .aside .aside\:p-md { padding: 20px !important; }
  .aside .aside\:p-lg { padding: 24px !important; }
  .aside .aside\:p-xl { padding: 32px !important; }
  .aside .aside\:p-0 { padding: 0px !important; }
  .aside .aside\:p-50 { padding: 2px !important; }
  .aside .aside\:p-100 { padding: 4px !important; }
  .aside .aside\:p-200 { padding: 8px !important; }
  .aside .aside\:p-250 { padding: 10px !important; }
  .aside .aside\:p-300 { padding: 12px !important; }
  .aside .aside\:p-350 { padding: 14px !important; }
  .aside .aside\:p-400 { padding: 16px !important; }
  .aside .aside\:p-500 { padding: 20px !important; }
  .aside .aside\:p-600 { padding: 24px !important; }
  .aside .aside\:p-700 { padding: 32px !important; }
  .aside .aside\:p-800 { padding: 48px !important; }
  .aside .aside\:p-900 { padding: 64px !important; }
  .aside .aside\:p-1000 { padding: 80px !important; }
  .lg\:pt-xs { padding-top: 8px !important; }
  .lg\:pt-sm { padding-top: 16px !important; }
  .lg\:pt-md { padding-top: 20px !important; }
  .lg\:pt-lg { padding-top: 24px !important; }
  .lg\:pt-xl { padding-top: 32px !important; }
  .lg\:pt-0 { padding-top: 0px !important; }
  .lg\:pt-50 { padding-top: 2px !important; }
  .lg\:pt-100 { padding-top: 4px !important; }
  .lg\:pt-200 { padding-top: 8px !important; }
  .lg\:pt-250 { padding-top: 10px !important; }
  .lg\:pt-300 { padding-top: 12px !important; }
  .lg\:pt-350 { padding-top: 14px !important; }
  .lg\:pt-400 { padding-top: 16px !important; }
  .lg\:pt-500 { padding-top: 20px !important; }
  .lg\:pt-600 { padding-top: 24px !important; }
  .lg\:pt-700 { padding-top: 32px !important; }
  .lg\:pt-800 { padding-top: 48px !important; }
  .lg\:pt-900 { padding-top: 64px !important; }
  .lg\:pt-1000 { padding-top: 80px !important; }
  .aside .aside\:pt-xs { padding-top: 8px !important; }
  .aside .aside\:pt-sm { padding-top: 16px !important; }
  .aside .aside\:pt-md { padding-top: 20px !important; }
  .aside .aside\:pt-lg { padding-top: 24px !important; }
  .aside .aside\:pt-xl { padding-top: 32px !important; }
  .aside .aside\:pt-0 { padding-top: 0px !important; }
  .aside .aside\:pt-50 { padding-top: 2px !important; }
  .aside .aside\:pt-100 { padding-top: 4px !important; }
  .aside .aside\:pt-200 { padding-top: 8px !important; }
  .aside .aside\:pt-250 { padding-top: 10px !important; }
  .aside .aside\:pt-300 { padding-top: 12px !important; }
  .aside .aside\:pt-350 { padding-top: 14px !important; }
  .aside .aside\:pt-400 { padding-top: 16px !important; }
  .aside .aside\:pt-500 { padding-top: 20px !important; }
  .aside .aside\:pt-600 { padding-top: 24px !important; }
  .aside .aside\:pt-700 { padding-top: 32px !important; }
  .aside .aside\:pt-800 { padding-top: 48px !important; }
  .aside .aside\:pt-900 { padding-top: 64px !important; }
  .aside .aside\:pt-1000 { padding-top: 80px !important; }
  .lg\:pr-xs { padding-right: 8px !important; }
  .lg\:pr-sm { padding-right: 16px !important; }
  .lg\:pr-md { padding-right: 20px !important; }
  .lg\:pr-lg { padding-right: 24px !important; }
  .lg\:pr-xl { padding-right: 32px !important; }
  .lg\:pr-0 { padding-right: 0px !important; }
  .lg\:pr-50 { padding-right: 2px !important; }
  .lg\:pr-100 { padding-right: 4px !important; }
  .lg\:pr-200 { padding-right: 8px !important; }
  .lg\:pr-250 { padding-right: 10px !important; }
  .lg\:pr-300 { padding-right: 12px !important; }
  .lg\:pr-350 { padding-right: 14px !important; }
  .lg\:pr-400 { padding-right: 16px !important; }
  .lg\:pr-500 { padding-right: 20px !important; }
  .lg\:pr-600 { padding-right: 24px !important; }
  .lg\:pr-700 { padding-right: 32px !important; }
  .lg\:pr-800 { padding-right: 48px !important; }
  .lg\:pr-900 { padding-right: 64px !important; }
  .lg\:pr-1000 { padding-right: 80px !important; }
  .aside .aside\:pr-xs { padding-right: 8px !important; }
  .aside .aside\:pr-sm { padding-right: 16px !important; }
  .aside .aside\:pr-md { padding-right: 20px !important; }
  .aside .aside\:pr-lg { padding-right: 24px !important; }
  .aside .aside\:pr-xl { padding-right: 32px !important; }
  .aside .aside\:pr-0 { padding-right: 0px !important; }
  .aside .aside\:pr-50 { padding-right: 2px !important; }
  .aside .aside\:pr-100 { padding-right: 4px !important; }
  .aside .aside\:pr-200 { padding-right: 8px !important; }
  .aside .aside\:pr-250 { padding-right: 10px !important; }
  .aside .aside\:pr-300 { padding-right: 12px !important; }
  .aside .aside\:pr-350 { padding-right: 14px !important; }
  .aside .aside\:pr-400 { padding-right: 16px !important; }
  .aside .aside\:pr-500 { padding-right: 20px !important; }
  .aside .aside\:pr-600 { padding-right: 24px !important; }
  .aside .aside\:pr-700 { padding-right: 32px !important; }
  .aside .aside\:pr-800 { padding-right: 48px !important; }
  .aside .aside\:pr-900 { padding-right: 64px !important; }
  .aside .aside\:pr-1000 { padding-right: 80px !important; }
  .lg\:pb-xs { padding-bottom: 8px !important; }
  .lg\:pb-sm { padding-bottom: 16px !important; }
  .lg\:pb-md { padding-bottom: 20px !important; }
  .lg\:pb-lg { padding-bottom: 24px !important; }
  .lg\:pb-xl { padding-bottom: 32px !important; }
  .lg\:pb-0 { padding-bottom: 0px !important; }
  .lg\:pb-50 { padding-bottom: 2px !important; }
  .lg\:pb-100 { padding-bottom: 4px !important; }
  .lg\:pb-200 { padding-bottom: 8px !important; }
  .lg\:pb-250 { padding-bottom: 10px !important; }
  .lg\:pb-300 { padding-bottom: 12px !important; }
  .lg\:pb-350 { padding-bottom: 14px !important; }
  .lg\:pb-400 { padding-bottom: 16px !important; }
  .lg\:pb-500 { padding-bottom: 20px !important; }
  .lg\:pb-600 { padding-bottom: 24px !important; }
  .lg\:pb-700 { padding-bottom: 32px !important; }
  .lg\:pb-800 { padding-bottom: 48px !important; }
  .lg\:pb-900 { padding-bottom: 64px !important; }
  .lg\:pb-1000 { padding-bottom: 80px !important; }
  .aside .aside\:pb-xs { padding-bottom: 8px !important; }
  .aside .aside\:pb-sm { padding-bottom: 16px !important; }
  .aside .aside\:pb-md { padding-bottom: 20px !important; }
  .aside .aside\:pb-lg { padding-bottom: 24px !important; }
  .aside .aside\:pb-xl { padding-bottom: 32px !important; }
  .aside .aside\:pb-0 { padding-bottom: 0px !important; }
  .aside .aside\:pb-50 { padding-bottom: 2px !important; }
  .aside .aside\:pb-100 { padding-bottom: 4px !important; }
  .aside .aside\:pb-200 { padding-bottom: 8px !important; }
  .aside .aside\:pb-250 { padding-bottom: 10px !important; }
  .aside .aside\:pb-300 { padding-bottom: 12px !important; }
  .aside .aside\:pb-350 { padding-bottom: 14px !important; }
  .aside .aside\:pb-400 { padding-bottom: 16px !important; }
  .aside .aside\:pb-500 { padding-bottom: 20px !important; }
  .aside .aside\:pb-600 { padding-bottom: 24px !important; }
  .aside .aside\:pb-700 { padding-bottom: 32px !important; }
  .aside .aside\:pb-800 { padding-bottom: 48px !important; }
  .aside .aside\:pb-900 { padding-bottom: 64px !important; }
  .aside .aside\:pb-1000 { padding-bottom: 80px !important; }
  .lg\:pl-xs { padding-left: 8px !important; }
  .lg\:pl-sm { padding-left: 16px !important; }
  .lg\:pl-md { padding-left: 20px !important; }
  .lg\:pl-lg { padding-left: 24px !important; }
  .lg\:pl-xl { padding-left: 32px !important; }
  .lg\:pl-0 { padding-left: 0px !important; }
  .lg\:pl-50 { padding-left: 2px !important; }
  .lg\:pl-100 { padding-left: 4px !important; }
  .lg\:pl-200 { padding-left: 8px !important; }
  .lg\:pl-250 { padding-left: 10px !important; }
  .lg\:pl-300 { padding-left: 12px !important; }
  .lg\:pl-350 { padding-left: 14px !important; }
  .lg\:pl-400 { padding-left: 16px !important; }
  .lg\:pl-500 { padding-left: 20px !important; }
  .lg\:pl-600 { padding-left: 24px !important; }
  .lg\:pl-700 { padding-left: 32px !important; }
  .lg\:pl-800 { padding-left: 48px !important; }
  .lg\:pl-900 { padding-left: 64px !important; }
  .lg\:pl-1000 { padding-left: 80px !important; }
  .aside .aside\:pl-xs { padding-left: 8px !important; }
  .aside .aside\:pl-sm { padding-left: 16px !important; }
  .aside .aside\:pl-md { padding-left: 20px !important; }
  .aside .aside\:pl-lg { padding-left: 24px !important; }
  .aside .aside\:pl-xl { padding-left: 32px !important; }
  .aside .aside\:pl-0 { padding-left: 0px !important; }
  .aside .aside\:pl-50 { padding-left: 2px !important; }
  .aside .aside\:pl-100 { padding-left: 4px !important; }
  .aside .aside\:pl-200 { padding-left: 8px !important; }
  .aside .aside\:pl-250 { padding-left: 10px !important; }
  .aside .aside\:pl-300 { padding-left: 12px !important; }
  .aside .aside\:pl-350 { padding-left: 14px !important; }
  .aside .aside\:pl-400 { padding-left: 16px !important; }
  .aside .aside\:pl-500 { padding-left: 20px !important; }
  .aside .aside\:pl-600 { padding-left: 24px !important; }
  .aside .aside\:pl-700 { padding-left: 32px !important; }
  .aside .aside\:pl-800 { padding-left: 48px !important; }
  .aside .aside\:pl-900 { padding-left: 64px !important; }
  .aside .aside\:pl-1000 { padding-left: 80px !important; }
  .lg\:px-xs { padding-left: 8px !important; padding-right: 8px !important; }
  .lg\:px-sm { padding-left: 16px !important; padding-right: 16px !important; }
  .lg\:px-md { padding-left: 20px !important; padding-right: 20px !important; }
  .lg\:px-lg { padding-left: 24px !important; padding-right: 24px !important; }
  .lg\:px-xl { padding-left: 32px !important; padding-right: 32px !important; }
  .lg\:px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .lg\:px-50 { padding-left: 2px !important; padding-right: 2px !important; }
  .lg\:px-100 { padding-left: 4px !important; padding-right: 4px !important; }
  .lg\:px-200 { padding-left: 8px !important; padding-right: 8px !important; }
  .lg\:px-250 { padding-left: 10px !important; padding-right: 10px !important; }
  .lg\:px-300 { padding-left: 12px !important; padding-right: 12px !important; }
  .lg\:px-350 { padding-left: 14px !important; padding-right: 14px !important; }
  .lg\:px-400 { padding-left: 16px !important; padding-right: 16px !important; }
  .lg\:px-500 { padding-left: 20px !important; padding-right: 20px !important; }
  .lg\:px-600 { padding-left: 24px !important; padding-right: 24px !important; }
  .lg\:px-700 { padding-left: 32px !important; padding-right: 32px !important; }
  .lg\:px-800 { padding-left: 48px !important; padding-right: 48px !important; }
  .lg\:px-900 { padding-left: 64px !important; padding-right: 64px !important; }
  .lg\:px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
  .aside .aside\:px-xs { padding-left: 8px !important; padding-right: 8px !important; }
  .aside .aside\:px-sm { padding-left: 16px !important; padding-right: 16px !important; }
  .aside .aside\:px-md { padding-left: 20px !important; padding-right: 20px !important; }
  .aside .aside\:px-lg { padding-left: 24px !important; padding-right: 24px !important; }
  .aside .aside\:px-xl { padding-left: 32px !important; padding-right: 32px !important; }
  .aside .aside\:px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .aside .aside\:px-50 { padding-left: 2px !important; padding-right: 2px !important; }
  .aside .aside\:px-100 { padding-left: 4px !important; padding-right: 4px !important; }
  .aside .aside\:px-200 { padding-left: 8px !important; padding-right: 8px !important; }
  .aside .aside\:px-250 { padding-left: 10px !important; padding-right: 10px !important; }
  .aside .aside\:px-300 { padding-left: 12px !important; padding-right: 12px !important; }
  .aside .aside\:px-350 { padding-left: 14px !important; padding-right: 14px !important; }
  .aside .aside\:px-400 { padding-left: 16px !important; padding-right: 16px !important; }
  .aside .aside\:px-500 { padding-left: 20px !important; padding-right: 20px !important; }
  .aside .aside\:px-600 { padding-left: 24px !important; padding-right: 24px !important; }
  .aside .aside\:px-700 { padding-left: 32px !important; padding-right: 32px !important; }
  .aside .aside\:px-800 { padding-left: 48px !important; padding-right: 48px !important; }
  .aside .aside\:px-900 { padding-left: 64px !important; padding-right: 64px !important; }
  .aside .aside\:px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
  .lg\:py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
  .lg\:py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
  .lg\:py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
  .lg\:py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
  .lg\:py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
  .lg\:py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
  .lg\:py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
  .lg\:py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
  .lg\:py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
  .lg\:py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
  .lg\:py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
  .lg\:py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
  .lg\:py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
  .lg\:py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .lg\:py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
  .lg\:py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
  .lg\:py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
  .lg\:py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
  .lg\:py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
  .aside .aside\:py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
  .aside .aside\:py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
  .aside .aside\:py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
  .aside .aside\:py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
  .aside .aside\:py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
  .aside .aside\:py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
  .aside .aside\:py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
  .aside .aside\:py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
  .aside .aside\:py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
  .aside .aside\:py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
  .aside .aside\:py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
  .aside .aside\:py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
  .aside .aside\:py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
  .aside .aside\:py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .aside .aside\:py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
  .aside .aside\:py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
  .aside .aside\:py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
  .aside .aside\:py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
  .aside .aside\:py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
  .lg\:m-xs { margin: 8px !important; }
  .lg\:m-sm { margin: 16px !important; }
  .lg\:m-md { margin: 20px !important; }
  .lg\:m-lg { margin: 24px !important; }
  .lg\:m-xl { margin: 32px !important; }
  .lg\:m-0 { margin: 0px !important; }
  .lg\:m-50 { margin: 2px !important; }
  .lg\:m-100 { margin: 4px !important; }
  .lg\:m-200 { margin: 8px !important; }
  .lg\:m-250 { margin: 10px !important; }
  .lg\:m-300 { margin: 12px !important; }
  .lg\:m-350 { margin: 14px !important; }
  .lg\:m-400 { margin: 16px !important; }
  .lg\:m-500 { margin: 20px !important; }
  .lg\:m-600 { margin: 24px !important; }
  .lg\:m-700 { margin: 32px !important; }
  .lg\:m-800 { margin: 48px !important; }
  .lg\:m-900 { margin: 64px !important; }
  .lg\:m-1000 { margin: 80px !important; }
  .lg\:m-auto { margin: auto !important; }
  .aside .aside\:m-xs { margin: 8px !important; }
  .aside .aside\:m-sm { margin: 16px !important; }
  .aside .aside\:m-md { margin: 20px !important; }
  .aside .aside\:m-lg { margin: 24px !important; }
  .aside .aside\:m-xl { margin: 32px !important; }
  .aside .aside\:m-0 { margin: 0px !important; }
  .aside .aside\:m-50 { margin: 2px !important; }
  .aside .aside\:m-100 { margin: 4px !important; }
  .aside .aside\:m-200 { margin: 8px !important; }
  .aside .aside\:m-250 { margin: 10px !important; }
  .aside .aside\:m-300 { margin: 12px !important; }
  .aside .aside\:m-350 { margin: 14px !important; }
  .aside .aside\:m-400 { margin: 16px !important; }
  .aside .aside\:m-500 { margin: 20px !important; }
  .aside .aside\:m-600 { margin: 24px !important; }
  .aside .aside\:m-700 { margin: 32px !important; }
  .aside .aside\:m-800 { margin: 48px !important; }
  .aside .aside\:m-900 { margin: 64px !important; }
  .aside .aside\:m-1000 { margin: 80px !important; }
  .aside .aside\:m-auto { margin: auto !important; }
  .lg\:mt-xs { margin-top: 8px !important; }
  .lg\:mt-sm { margin-top: 16px !important; }
  .lg\:mt-md { margin-top: 20px !important; }
  .lg\:mt-lg { margin-top: 24px !important; }
  .lg\:mt-xl { margin-top: 32px !important; }
  .lg\:mt-0 { margin-top: 0px !important; }
  .lg\:mt-50 { margin-top: 2px !important; }
  .lg\:mt-100 { margin-top: 4px !important; }
  .lg\:mt-200 { margin-top: 8px !important; }
  .lg\:mt-250 { margin-top: 10px !important; }
  .lg\:mt-300 { margin-top: 12px !important; }
  .lg\:mt-350 { margin-top: 14px !important; }
  .lg\:mt-400 { margin-top: 16px !important; }
  .lg\:mt-500 { margin-top: 20px !important; }
  .lg\:mt-600 { margin-top: 24px !important; }
  .lg\:mt-700 { margin-top: 32px !important; }
  .lg\:mt-800 { margin-top: 48px !important; }
  .lg\:mt-900 { margin-top: 64px !important; }
  .lg\:mt-1000 { margin-top: 80px !important; }
  .lg\:mt-auto { margin-top: auto !important; }
  .aside .aside\:mt-xs { margin-top: 8px !important; }
  .aside .aside\:mt-sm { margin-top: 16px !important; }
  .aside .aside\:mt-md { margin-top: 20px !important; }
  .aside .aside\:mt-lg { margin-top: 24px !important; }
  .aside .aside\:mt-xl { margin-top: 32px !important; }
  .aside .aside\:mt-0 { margin-top: 0px !important; }
  .aside .aside\:mt-50 { margin-top: 2px !important; }
  .aside .aside\:mt-100 { margin-top: 4px !important; }
  .aside .aside\:mt-200 { margin-top: 8px !important; }
  .aside .aside\:mt-250 { margin-top: 10px !important; }
  .aside .aside\:mt-300 { margin-top: 12px !important; }
  .aside .aside\:mt-350 { margin-top: 14px !important; }
  .aside .aside\:mt-400 { margin-top: 16px !important; }
  .aside .aside\:mt-500 { margin-top: 20px !important; }
  .aside .aside\:mt-600 { margin-top: 24px !important; }
  .aside .aside\:mt-700 { margin-top: 32px !important; }
  .aside .aside\:mt-800 { margin-top: 48px !important; }
  .aside .aside\:mt-900 { margin-top: 64px !important; }
  .aside .aside\:mt-1000 { margin-top: 80px !important; }
  .aside .aside\:mt-auto { margin-top: auto !important; }
  .lg\:mr-xs { margin-right: 8px !important; }
  .lg\:mr-sm { margin-right: 16px !important; }
  .lg\:mr-md { margin-right: 20px !important; }
  .lg\:mr-lg { margin-right: 24px !important; }
  .lg\:mr-xl { margin-right: 32px !important; }
  .lg\:mr-0 { margin-right: 0px !important; }
  .lg\:mr-50 { margin-right: 2px !important; }
  .lg\:mr-100 { margin-right: 4px !important; }
  .lg\:mr-200 { margin-right: 8px !important; }
  .lg\:mr-250 { margin-right: 10px !important; }
  .lg\:mr-300 { margin-right: 12px !important; }
  .lg\:mr-350 { margin-right: 14px !important; }
  .lg\:mr-400 { margin-right: 16px !important; }
  .lg\:mr-500 { margin-right: 20px !important; }
  .lg\:mr-600 { margin-right: 24px !important; }
  .lg\:mr-700 { margin-right: 32px !important; }
  .lg\:mr-800 { margin-right: 48px !important; }
  .lg\:mr-900 { margin-right: 64px !important; }
  .lg\:mr-1000 { margin-right: 80px !important; }
  .lg\:mr-auto { margin-right: auto !important; }
  .aside .aside\:mr-xs { margin-right: 8px !important; }
  .aside .aside\:mr-sm { margin-right: 16px !important; }
  .aside .aside\:mr-md { margin-right: 20px !important; }
  .aside .aside\:mr-lg { margin-right: 24px !important; }
  .aside .aside\:mr-xl { margin-right: 32px !important; }
  .aside .aside\:mr-0 { margin-right: 0px !important; }
  .aside .aside\:mr-50 { margin-right: 2px !important; }
  .aside .aside\:mr-100 { margin-right: 4px !important; }
  .aside .aside\:mr-200 { margin-right: 8px !important; }
  .aside .aside\:mr-250 { margin-right: 10px !important; }
  .aside .aside\:mr-300 { margin-right: 12px !important; }
  .aside .aside\:mr-350 { margin-right: 14px !important; }
  .aside .aside\:mr-400 { margin-right: 16px !important; }
  .aside .aside\:mr-500 { margin-right: 20px !important; }
  .aside .aside\:mr-600 { margin-right: 24px !important; }
  .aside .aside\:mr-700 { margin-right: 32px !important; }
  .aside .aside\:mr-800 { margin-right: 48px !important; }
  .aside .aside\:mr-900 { margin-right: 64px !important; }
  .aside .aside\:mr-1000 { margin-right: 80px !important; }
  .aside .aside\:mr-auto { margin-right: auto !important; }
  .lg\:mb-xs { margin-bottom: 8px !important; }
  .lg\:mb-sm { margin-bottom: 16px !important; }
  .lg\:mb-md { margin-bottom: 20px !important; }
  .lg\:mb-lg { margin-bottom: 24px !important; }
  .lg\:mb-xl { margin-bottom: 32px !important; }
  .lg\:mb-0 { margin-bottom: 0px !important; }
  .lg\:mb-50 { margin-bottom: 2px !important; }
  .lg\:mb-100 { margin-bottom: 4px !important; }
  .lg\:mb-200 { margin-bottom: 8px !important; }
  .lg\:mb-250 { margin-bottom: 10px !important; }
  .lg\:mb-300 { margin-bottom: 12px !important; }
  .lg\:mb-350 { margin-bottom: 14px !important; }
  .lg\:mb-400 { margin-bottom: 16px !important; }
  .lg\:mb-500 { margin-bottom: 20px !important; }
  .lg\:mb-600 { margin-bottom: 24px !important; }
  .lg\:mb-700 { margin-bottom: 32px !important; }
  .lg\:mb-800 { margin-bottom: 48px !important; }
  .lg\:mb-900 { margin-bottom: 64px !important; }
  .lg\:mb-1000 { margin-bottom: 80px !important; }
  .lg\:mb-auto { margin-bottom: auto !important; }
  .aside .aside\:mb-xs { margin-bottom: 8px !important; }
  .aside .aside\:mb-sm { margin-bottom: 16px !important; }
  .aside .aside\:mb-md { margin-bottom: 20px !important; }
  .aside .aside\:mb-lg { margin-bottom: 24px !important; }
  .aside .aside\:mb-xl { margin-bottom: 32px !important; }
  .aside .aside\:mb-0 { margin-bottom: 0px !important; }
  .aside .aside\:mb-50 { margin-bottom: 2px !important; }
  .aside .aside\:mb-100 { margin-bottom: 4px !important; }
  .aside .aside\:mb-200 { margin-bottom: 8px !important; }
  .aside .aside\:mb-250 { margin-bottom: 10px !important; }
  .aside .aside\:mb-300 { margin-bottom: 12px !important; }
  .aside .aside\:mb-350 { margin-bottom: 14px !important; }
  .aside .aside\:mb-400 { margin-bottom: 16px !important; }
  .aside .aside\:mb-500 { margin-bottom: 20px !important; }
  .aside .aside\:mb-600 { margin-bottom: 24px !important; }
  .aside .aside\:mb-700 { margin-bottom: 32px !important; }
  .aside .aside\:mb-800 { margin-bottom: 48px !important; }
  .aside .aside\:mb-900 { margin-bottom: 64px !important; }
  .aside .aside\:mb-1000 { margin-bottom: 80px !important; }
  .aside .aside\:mb-auto { margin-bottom: auto !important; }
  .lg\:ml-xs { margin-left: 8px !important; }
  .lg\:ml-sm { margin-left: 16px !important; }
  .lg\:ml-md { margin-left: 20px !important; }
  .lg\:ml-lg { margin-left: 24px !important; }
  .lg\:ml-xl { margin-left: 32px !important; }
  .lg\:ml-0 { margin-left: 0px !important; }
  .lg\:ml-50 { margin-left: 2px !important; }
  .lg\:ml-100 { margin-left: 4px !important; }
  .lg\:ml-200 { margin-left: 8px !important; }
  .lg\:ml-250 { margin-left: 10px !important; }
  .lg\:ml-300 { margin-left: 12px !important; }
  .lg\:ml-350 { margin-left: 14px !important; }
  .lg\:ml-400 { margin-left: 16px !important; }
  .lg\:ml-500 { margin-left: 20px !important; }
  .lg\:ml-600 { margin-left: 24px !important; }
  .lg\:ml-700 { margin-left: 32px !important; }
  .lg\:ml-800 { margin-left: 48px !important; }
  .lg\:ml-900 { margin-left: 64px !important; }
  .lg\:ml-1000 { margin-left: 80px !important; }
  .lg\:ml-auto { margin-left: auto !important; }
  .aside .aside\:ml-xs { margin-left: 8px !important; }
  .aside .aside\:ml-sm { margin-left: 16px !important; }
  .aside .aside\:ml-md { margin-left: 20px !important; }
  .aside .aside\:ml-lg { margin-left: 24px !important; }
  .aside .aside\:ml-xl { margin-left: 32px !important; }
  .aside .aside\:ml-0 { margin-left: 0px !important; }
  .aside .aside\:ml-50 { margin-left: 2px !important; }
  .aside .aside\:ml-100 { margin-left: 4px !important; }
  .aside .aside\:ml-200 { margin-left: 8px !important; }
  .aside .aside\:ml-250 { margin-left: 10px !important; }
  .aside .aside\:ml-300 { margin-left: 12px !important; }
  .aside .aside\:ml-350 { margin-left: 14px !important; }
  .aside .aside\:ml-400 { margin-left: 16px !important; }
  .aside .aside\:ml-500 { margin-left: 20px !important; }
  .aside .aside\:ml-600 { margin-left: 24px !important; }
  .aside .aside\:ml-700 { margin-left: 32px !important; }
  .aside .aside\:ml-800 { margin-left: 48px !important; }
  .aside .aside\:ml-900 { margin-left: 64px !important; }
  .aside .aside\:ml-1000 { margin-left: 80px !important; }
  .aside .aside\:ml-auto { margin-left: auto !important; }
  .lg\:mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
  .lg\:mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
  .lg\:mx-md { margin-left: 20px !important; margin-right: 20px !important; }
  .lg\:mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
  .lg\:mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
  .lg\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .lg\:mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
  .lg\:mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
  .lg\:mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
  .lg\:mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
  .lg\:mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
  .lg\:mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
  .lg\:mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
  .lg\:mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
  .lg\:mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
  .lg\:mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
  .lg\:mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
  .lg\:mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
  .lg\:mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
  .lg\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .aside .aside\:mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
  .aside .aside\:mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
  .aside .aside\:mx-md { margin-left: 20px !important; margin-right: 20px !important; }
  .aside .aside\:mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
  .aside .aside\:mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
  .aside .aside\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .aside .aside\:mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
  .aside .aside\:mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
  .aside .aside\:mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
  .aside .aside\:mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
  .aside .aside\:mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
  .aside .aside\:mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
  .aside .aside\:mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
  .aside .aside\:mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
  .aside .aside\:mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
  .aside .aside\:mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
  .aside .aside\:mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
  .aside .aside\:mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
  .aside .aside\:mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
  .aside .aside\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .lg\:my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
  .lg\:my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
  .lg\:my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
  .lg\:my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
  .lg\:my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
  .lg\:my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
  .lg\:my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
  .lg\:my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
  .lg\:my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
  .lg\:my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
  .lg\:my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
  .lg\:my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
  .lg\:my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
  .lg\:my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
  .lg\:my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
  .lg\:my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
  .lg\:my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
  .lg\:my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
  .lg\:my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
  .lg\:my-auto { margin-bottom: auto !important; margin-top: auto !important; }
  .aside .aside\:my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
  .aside .aside\:my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
  .aside .aside\:my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
  .aside .aside\:my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
  .aside .aside\:my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
  .aside .aside\:my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
  .aside .aside\:my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
  .aside .aside\:my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
  .aside .aside\:my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
  .aside .aside\:my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
  .aside .aside\:my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
  .aside .aside\:my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
  .aside .aside\:my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
  .aside .aside\:my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
  .aside .aside\:my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
  .aside .aside\:my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
  .aside .aside\:my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
  .aside .aside\:my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
  .aside .aside\:my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
  .aside .aside\:my-auto { margin-bottom: auto !important; margin-top: auto !important; }
  .lg\:rounded { border-radius: 16px !important; }
  .lg\:rounded-0 { border-radius: 0px !important; }
  .lg\:rounded-50 { border-radius: 2px !important; }
  .lg\:rounded-100 { border-radius: 4px !important; }
  .lg\:rounded-200 { border-radius: 8px !important; }
  .lg\:rounded-225 { border-radius: 12px !important; }
  .lg\:rounded-250 { border-radius: 16px !important; }
  .lg\:rounded-300 { border-radius: 80px !important; }
  .aside .aside\:rounded { border-radius: 16px !important; }
  .aside .aside\:rounded-0 { border-radius: 0px !important; }
  .aside .aside\:rounded-50 { border-radius: 2px !important; }
  .aside .aside\:rounded-100 { border-radius: 4px !important; }
  .aside .aside\:rounded-200 { border-radius: 8px !important; }
  .aside .aside\:rounded-225 { border-radius: 12px !important; }
  .aside .aside\:rounded-250 { border-radius: 16px !important; }
  .aside .aside\:rounded-300 { border-radius: 80px !important; }
  .lg\:rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .lg\:rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
  .lg\:rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
  .lg\:rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
  .lg\:rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
  .lg\:rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
  .lg\:rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .lg\:rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
  .aside .aside\:rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .aside .aside\:rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
  .aside .aside\:rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
  .aside .aside\:rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
  .aside .aside\:rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
  .aside .aside\:rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
  .aside .aside\:rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .aside .aside\:rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
  .lg\:rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .lg\:rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
  .lg\:rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
  .lg\:rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
  .lg\:rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
  .lg\:rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
  .lg\:rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .lg\:rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
  .aside .aside\:rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .aside .aside\:rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
  .aside .aside\:rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
  .aside .aside\:rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
  .aside .aside\:rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
  .aside .aside\:rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
  .aside .aside\:rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .aside .aside\:rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
  .lg\:rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .lg\:rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
  .lg\:rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
  .lg\:rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
  .lg\:rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
  .lg\:rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
  .lg\:rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .lg\:rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
  .aside .aside\:rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .aside .aside\:rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
  .aside .aside\:rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
  .aside .aside\:rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
  .aside .aside\:rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
  .aside .aside\:rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
  .aside .aside\:rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .aside .aside\:rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
  .lg\:rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .lg\:rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
  .lg\:rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
  .lg\:rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
  .lg\:rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
  .lg\:rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
  .lg\:rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .lg\:rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
  .aside .aside\:rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .aside .aside\:rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
  .aside .aside\:rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
  .aside .aside\:rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
  .aside .aside\:rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
  .aside .aside\:rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
  .aside .aside\:rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .aside .aside\:rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
  .lg\:fs-0 { font-size: 0px !important; }
  .lg\:fs-350 { font-size: 10px !important; }
  .lg\:fs-400 { font-size: 12px !important; }
  .lg\:fs-450 { font-size: 14px !important; }
  .lg\:fs-500 { font-size: 16px !important; }
  .lg\:fs-550 { font-size: 18px !important; }
  .lg\:fs-600 { font-size: 20px !important; }
  .lg\:fs-700 { font-size: 24px !important; }
  .lg\:fs-800 { font-size: 28px !important; }
  .lg\:fs-900 { font-size: 32px !important; }
  .lg\:fs-md { font-size: 16px !important; }
  .lg\:fs-sm { font-size: 14px !important; }
  .lg\:fs-xs { font-size: 12px !important; }
  .lg\:fs-micro { font-size: 10px !important; }
  .aside .aside\:fs-0 { font-size: 0px !important; }
  .aside .aside\:fs-350 { font-size: 10px !important; }
  .aside .aside\:fs-400 { font-size: 12px !important; }
  .aside .aside\:fs-450 { font-size: 14px !important; }
  .aside .aside\:fs-500 { font-size: 16px !important; }
  .aside .aside\:fs-550 { font-size: 18px !important; }
  .aside .aside\:fs-600 { font-size: 20px !important; }
  .aside .aside\:fs-700 { font-size: 24px !important; }
  .aside .aside\:fs-800 { font-size: 28px !important; }
  .aside .aside\:fs-900 { font-size: 32px !important; }
  .aside .aside\:fs-md { font-size: 16px !important; }
  .aside .aside\:fs-sm { font-size: 14px !important; }
  .aside .aside\:fs-xs { font-size: 12px !important; }
  .aside .aside\:fs-micro { font-size: 10px !important; }
  .lg\:lh-200 { line-height: 1.2 !important; }
  .lg\:lh-500 { line-height: 1.5 !important; }
  .aside .aside\:lh-200 { line-height: 1.2 !important; }
  .aside .aside\:lh-500 { line-height: 1.5 !important; }
  .lg\:text-left { text-align: left !important; }
  .lg\:text-right { text-align: right !important; }
  .lg\:text-center { text-align: center !important; }
  .aside .aside\:text-left { text-align: left !important; }
  .aside .aside\:text-right { text-align: right !important; }
  .aside .aside\:text-center { text-align: center !important; }
  .lg\:top-auto { top: auto !important; }
  .lg\:top-0 { top: 0px !important; }
  .lg\:top-100p { top: 100% !important; }
  .aside .aside\:top-auto { top: auto !important; }
  .aside .aside\:top-0 { top: 0px !important; }
  .aside .aside\:top-100p { top: 100% !important; }
  .lg\:right-auto { right: auto !important; }
  .lg\:right-0 { right: 0px !important; }
  .lg\:right-100p { right: 100% !important; }
  .aside .aside\:right-auto { right: auto !important; }
  .aside .aside\:right-0 { right: 0px !important; }
  .aside .aside\:right-100p { right: 100% !important; }
  .lg\:bottom-auto { bottom: auto !important; }
  .lg\:bottom-0 { bottom: 0px !important; }
  .lg\:bottom-100p { bottom: 100% !important; }
  .aside .aside\:bottom-auto { bottom: auto !important; }
  .aside .aside\:bottom-0 { bottom: 0px !important; }
  .aside .aside\:bottom-100p { bottom: 100% !important; }
  .lg\:left-auto { left: auto !important; }
  .lg\:left-0 { left: 0px !important; }
  .lg\:left-100p { left: 100% !important; }
  .aside .aside\:left-auto { left: auto !important; }
  .aside .aside\:left-0 { left: 0px !important; }
  .aside .aside\:left-100p { left: 100% !important; }
}
@media (min-width: 1280px) {
  .xl\:block { display: block !important; }
  .xl\:inline-block { display: inline-block !important; }
  .xl\:inline { display: inline !important; }
  .xl\:flex { display: flex !important; }
  .xl\:inline-flex { display: inline-flex !important; }
  .xl\:grid { display: grid !important; }
  .xl\:inline-grid { display: inline-grid !important; }
  .xl\:hidden { display: none !important; }
  .xl\:flex-fill { flex: 1 1 auto !important; }
  .xl\:flex-row { flex-direction: row !important; }
  .xl\:flex-column { flex-direction: column !important; }
  .xl\:flex-row-reverse { flex-direction: row-reverse !important; }
  .xl\:flex-column-reverse { flex-direction: column-reverse !important; }
  .xl\:flex-grow-0 { flex-grow: 0 !important; }
  .xl\:flex-grow-1 { flex-grow: 1 !important; }
  .xl\:flex-shrink-0 { flex-shrink: 0 !important; }
  .xl\:flex-shrink-1 { flex-shrink: 1 !important; }
  .xl\:flex-wrap { flex-wrap: wrap !important; }
  .xl\:flex-nowrap { flex-wrap: nowrap !important; }
  .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .xl\:justify-content-start { justify-content: flex-start !important; }
  .xl\:justify-content-end { justify-content: flex-end !important; }
  .xl\:justify-content-center { justify-content: center !important; }
  .xl\:justify-content-between { justify-content: space-between !important; }
  .xl\:justify-content-around { justify-content: space-around !important; }
  .xl\:justify-content-evenly { justify-content: space-evenly !important; }
  .xl\:align-items-start { align-items: flex-start !important; }
  .xl\:align-items-end { align-items: flex-end !important; }
  .xl\:align-items-center { align-items: center !important; }
  .xl\:align-items-baseline { align-items: baseline !important; }
  .xl\:align-items-stretch { align-items: stretch !important; }
  .xl\:align-content-start { align-content: flex-start !important; }
  .xl\:align-content-end { align-content: flex-end !important; }
  .xl\:align-content-center { align-content: center !important; }
  .xl\:align-content-between { align-content: space-between !important; }
  .xl\:align-content-around { align-content: space-around !important; }
  .xl\:align-content-stretch { align-content: stretch !important; }
  .xl\:align-self-auto { align-self: auto !important; }
  .xl\:align-self-start { align-self: flex-start !important; }
  .xl\:align-self-end { align-self: flex-end !important; }
  .xl\:align-self-center { align-self: center !important; }
  .xl\:align-self-baseline { align-self: baseline !important; }
  .xl\:align-self-stretch { align-self: stretch !important; }
  .xl\:gap-xs { gap: 8px !important; }
  .xl\:gap-sm { gap: 16px !important; }
  .xl\:gap-md { gap: 20px !important; }
  .xl\:gap-lg { gap: 24px !important; }
  .xl\:gap-xl { gap: 32px !important; }
  .xl\:gap-0 { gap: 0px !important; }
  .xl\:gap-50 { gap: 2px !important; }
  .xl\:gap-100 { gap: 4px !important; }
  .xl\:gap-200 { gap: 8px !important; }
  .xl\:gap-250 { gap: 10px !important; }
  .xl\:gap-300 { gap: 12px !important; }
  .xl\:gap-350 { gap: 14px !important; }
  .xl\:gap-400 { gap: 16px !important; }
  .xl\:gap-500 { gap: 20px !important; }
  .xl\:gap-600 { gap: 24px !important; }
  .xl\:gap-700 { gap: 32px !important; }
  .xl\:gap-800 { gap: 48px !important; }
  .xl\:gap-900 { gap: 64px !important; }
  .xl\:gap-1000 { gap: 80px !important; }
  .xl\:order-1 { order: 1 !important; }
  .xl\:order-2 { order: 2 !important; }
  .xl\:order-3 { order: 3 !important; }
  .xl\:order-4 { order: 4 !important; }
  .xl\:order-5 { order: 5 !important; }
  .xl\:w-25p { width: 25% !important; }
  .xl\:w-33p { width: 33.33% !important; }
  .xl\:w-50p { width: 50% !important; }
  .xl\:w-75p { width: 75% !important; }
  .xl\:w-100p { width: 100% !important; }
  .xl\:w-auto { width: auto !important; }
  .xl\:h-25p { height: 25% !important; }
  .xl\:h-33p { height: 33.33% !important; }
  .xl\:h-50p { height: 50% !important; }
  .xl\:h-75p { height: 75% !important; }
  .xl\:h-100p { height: 100% !important; }
  .xl\:h-100 { height: 44px !important; }
  .xl\:h-150 { height: 48px !important; }
  .xl\:h-200 { height: 56px !important; }
  .xl\:h-auto { height: auto !important; }
  .xl\:p-xs { padding: 8px !important; }
  .xl\:p-sm { padding: 16px !important; }
  .xl\:p-md { padding: 20px !important; }
  .xl\:p-lg { padding: 24px !important; }
  .xl\:p-xl { padding: 32px !important; }
  .xl\:p-0 { padding: 0px !important; }
  .xl\:p-50 { padding: 2px !important; }
  .xl\:p-100 { padding: 4px !important; }
  .xl\:p-200 { padding: 8px !important; }
  .xl\:p-250 { padding: 10px !important; }
  .xl\:p-300 { padding: 12px !important; }
  .xl\:p-350 { padding: 14px !important; }
  .xl\:p-400 { padding: 16px !important; }
  .xl\:p-500 { padding: 20px !important; }
  .xl\:p-600 { padding: 24px !important; }
  .xl\:p-700 { padding: 32px !important; }
  .xl\:p-800 { padding: 48px !important; }
  .xl\:p-900 { padding: 64px !important; }
  .xl\:p-1000 { padding: 80px !important; }
  .xl\:pt-xs { padding-top: 8px !important; }
  .xl\:pt-sm { padding-top: 16px !important; }
  .xl\:pt-md { padding-top: 20px !important; }
  .xl\:pt-lg { padding-top: 24px !important; }
  .xl\:pt-xl { padding-top: 32px !important; }
  .xl\:pt-0 { padding-top: 0px !important; }
  .xl\:pt-50 { padding-top: 2px !important; }
  .xl\:pt-100 { padding-top: 4px !important; }
  .xl\:pt-200 { padding-top: 8px !important; }
  .xl\:pt-250 { padding-top: 10px !important; }
  .xl\:pt-300 { padding-top: 12px !important; }
  .xl\:pt-350 { padding-top: 14px !important; }
  .xl\:pt-400 { padding-top: 16px !important; }
  .xl\:pt-500 { padding-top: 20px !important; }
  .xl\:pt-600 { padding-top: 24px !important; }
  .xl\:pt-700 { padding-top: 32px !important; }
  .xl\:pt-800 { padding-top: 48px !important; }
  .xl\:pt-900 { padding-top: 64px !important; }
  .xl\:pt-1000 { padding-top: 80px !important; }
  .xl\:pr-xs { padding-right: 8px !important; }
  .xl\:pr-sm { padding-right: 16px !important; }
  .xl\:pr-md { padding-right: 20px !important; }
  .xl\:pr-lg { padding-right: 24px !important; }
  .xl\:pr-xl { padding-right: 32px !important; }
  .xl\:pr-0 { padding-right: 0px !important; }
  .xl\:pr-50 { padding-right: 2px !important; }
  .xl\:pr-100 { padding-right: 4px !important; }
  .xl\:pr-200 { padding-right: 8px !important; }
  .xl\:pr-250 { padding-right: 10px !important; }
  .xl\:pr-300 { padding-right: 12px !important; }
  .xl\:pr-350 { padding-right: 14px !important; }
  .xl\:pr-400 { padding-right: 16px !important; }
  .xl\:pr-500 { padding-right: 20px !important; }
  .xl\:pr-600 { padding-right: 24px !important; }
  .xl\:pr-700 { padding-right: 32px !important; }
  .xl\:pr-800 { padding-right: 48px !important; }
  .xl\:pr-900 { padding-right: 64px !important; }
  .xl\:pr-1000 { padding-right: 80px !important; }
  .xl\:pb-xs { padding-bottom: 8px !important; }
  .xl\:pb-sm { padding-bottom: 16px !important; }
  .xl\:pb-md { padding-bottom: 20px !important; }
  .xl\:pb-lg { padding-bottom: 24px !important; }
  .xl\:pb-xl { padding-bottom: 32px !important; }
  .xl\:pb-0 { padding-bottom: 0px !important; }
  .xl\:pb-50 { padding-bottom: 2px !important; }
  .xl\:pb-100 { padding-bottom: 4px !important; }
  .xl\:pb-200 { padding-bottom: 8px !important; }
  .xl\:pb-250 { padding-bottom: 10px !important; }
  .xl\:pb-300 { padding-bottom: 12px !important; }
  .xl\:pb-350 { padding-bottom: 14px !important; }
  .xl\:pb-400 { padding-bottom: 16px !important; }
  .xl\:pb-500 { padding-bottom: 20px !important; }
  .xl\:pb-600 { padding-bottom: 24px !important; }
  .xl\:pb-700 { padding-bottom: 32px !important; }
  .xl\:pb-800 { padding-bottom: 48px !important; }
  .xl\:pb-900 { padding-bottom: 64px !important; }
  .xl\:pb-1000 { padding-bottom: 80px !important; }
  .xl\:pl-xs { padding-left: 8px !important; }
  .xl\:pl-sm { padding-left: 16px !important; }
  .xl\:pl-md { padding-left: 20px !important; }
  .xl\:pl-lg { padding-left: 24px !important; }
  .xl\:pl-xl { padding-left: 32px !important; }
  .xl\:pl-0 { padding-left: 0px !important; }
  .xl\:pl-50 { padding-left: 2px !important; }
  .xl\:pl-100 { padding-left: 4px !important; }
  .xl\:pl-200 { padding-left: 8px !important; }
  .xl\:pl-250 { padding-left: 10px !important; }
  .xl\:pl-300 { padding-left: 12px !important; }
  .xl\:pl-350 { padding-left: 14px !important; }
  .xl\:pl-400 { padding-left: 16px !important; }
  .xl\:pl-500 { padding-left: 20px !important; }
  .xl\:pl-600 { padding-left: 24px !important; }
  .xl\:pl-700 { padding-left: 32px !important; }
  .xl\:pl-800 { padding-left: 48px !important; }
  .xl\:pl-900 { padding-left: 64px !important; }
  .xl\:pl-1000 { padding-left: 80px !important; }
  .xl\:px-xs { padding-left: 8px !important; padding-right: 8px !important; }
  .xl\:px-sm { padding-left: 16px !important; padding-right: 16px !important; }
  .xl\:px-md { padding-left: 20px !important; padding-right: 20px !important; }
  .xl\:px-lg { padding-left: 24px !important; padding-right: 24px !important; }
  .xl\:px-xl { padding-left: 32px !important; padding-right: 32px !important; }
  .xl\:px-0 { padding-left: 0px !important; padding-right: 0px !important; }
  .xl\:px-50 { padding-left: 2px !important; padding-right: 2px !important; }
  .xl\:px-100 { padding-left: 4px !important; padding-right: 4px !important; }
  .xl\:px-200 { padding-left: 8px !important; padding-right: 8px !important; }
  .xl\:px-250 { padding-left: 10px !important; padding-right: 10px !important; }
  .xl\:px-300 { padding-left: 12px !important; padding-right: 12px !important; }
  .xl\:px-350 { padding-left: 14px !important; padding-right: 14px !important; }
  .xl\:px-400 { padding-left: 16px !important; padding-right: 16px !important; }
  .xl\:px-500 { padding-left: 20px !important; padding-right: 20px !important; }
  .xl\:px-600 { padding-left: 24px !important; padding-right: 24px !important; }
  .xl\:px-700 { padding-left: 32px !important; padding-right: 32px !important; }
  .xl\:px-800 { padding-left: 48px !important; padding-right: 48px !important; }
  .xl\:px-900 { padding-left: 64px !important; padding-right: 64px !important; }
  .xl\:px-1000 { padding-left: 80px !important; padding-right: 80px !important; }
  .xl\:py-xs { padding-bottom: 8px !important; padding-top: 8px !important; }
  .xl\:py-sm { padding-bottom: 16px !important; padding-top: 16px !important; }
  .xl\:py-md { padding-bottom: 20px !important; padding-top: 20px !important; }
  .xl\:py-lg { padding-bottom: 24px !important; padding-top: 24px !important; }
  .xl\:py-xl { padding-bottom: 32px !important; padding-top: 32px !important; }
  .xl\:py-0 { padding-bottom: 0px !important; padding-top: 0px !important; }
  .xl\:py-50 { padding-bottom: 2px !important; padding-top: 2px !important; }
  .xl\:py-100 { padding-bottom: 4px !important; padding-top: 4px !important; }
  .xl\:py-200 { padding-bottom: 8px !important; padding-top: 8px !important; }
  .xl\:py-250 { padding-bottom: 10px !important; padding-top: 10px !important; }
  .xl\:py-300 { padding-bottom: 12px !important; padding-top: 12px !important; }
  .xl\:py-350 { padding-bottom: 14px !important; padding-top: 14px !important; }
  .xl\:py-400 { padding-bottom: 16px !important; padding-top: 16px !important; }
  .xl\:py-500 { padding-bottom: 20px !important; padding-top: 20px !important; }
  .xl\:py-600 { padding-bottom: 24px !important; padding-top: 24px !important; }
  .xl\:py-700 { padding-bottom: 32px !important; padding-top: 32px !important; }
  .xl\:py-800 { padding-bottom: 48px !important; padding-top: 48px !important; }
  .xl\:py-900 { padding-bottom: 64px !important; padding-top: 64px !important; }
  .xl\:py-1000 { padding-bottom: 80px !important; padding-top: 80px !important; }
  .xl\:m-xs { margin: 8px !important; }
  .xl\:m-sm { margin: 16px !important; }
  .xl\:m-md { margin: 20px !important; }
  .xl\:m-lg { margin: 24px !important; }
  .xl\:m-xl { margin: 32px !important; }
  .xl\:m-0 { margin: 0px !important; }
  .xl\:m-50 { margin: 2px !important; }
  .xl\:m-100 { margin: 4px !important; }
  .xl\:m-200 { margin: 8px !important; }
  .xl\:m-250 { margin: 10px !important; }
  .xl\:m-300 { margin: 12px !important; }
  .xl\:m-350 { margin: 14px !important; }
  .xl\:m-400 { margin: 16px !important; }
  .xl\:m-500 { margin: 20px !important; }
  .xl\:m-600 { margin: 24px !important; }
  .xl\:m-700 { margin: 32px !important; }
  .xl\:m-800 { margin: 48px !important; }
  .xl\:m-900 { margin: 64px !important; }
  .xl\:m-1000 { margin: 80px !important; }
  .xl\:m-auto { margin: auto !important; }
  .xl\:mt-xs { margin-top: 8px !important; }
  .xl\:mt-sm { margin-top: 16px !important; }
  .xl\:mt-md { margin-top: 20px !important; }
  .xl\:mt-lg { margin-top: 24px !important; }
  .xl\:mt-xl { margin-top: 32px !important; }
  .xl\:mt-0 { margin-top: 0px !important; }
  .xl\:mt-50 { margin-top: 2px !important; }
  .xl\:mt-100 { margin-top: 4px !important; }
  .xl\:mt-200 { margin-top: 8px !important; }
  .xl\:mt-250 { margin-top: 10px !important; }
  .xl\:mt-300 { margin-top: 12px !important; }
  .xl\:mt-350 { margin-top: 14px !important; }
  .xl\:mt-400 { margin-top: 16px !important; }
  .xl\:mt-500 { margin-top: 20px !important; }
  .xl\:mt-600 { margin-top: 24px !important; }
  .xl\:mt-700 { margin-top: 32px !important; }
  .xl\:mt-800 { margin-top: 48px !important; }
  .xl\:mt-900 { margin-top: 64px !important; }
  .xl\:mt-1000 { margin-top: 80px !important; }
  .xl\:mt-auto { margin-top: auto !important; }
  .xl\:mr-xs { margin-right: 8px !important; }
  .xl\:mr-sm { margin-right: 16px !important; }
  .xl\:mr-md { margin-right: 20px !important; }
  .xl\:mr-lg { margin-right: 24px !important; }
  .xl\:mr-xl { margin-right: 32px !important; }
  .xl\:mr-0 { margin-right: 0px !important; }
  .xl\:mr-50 { margin-right: 2px !important; }
  .xl\:mr-100 { margin-right: 4px !important; }
  .xl\:mr-200 { margin-right: 8px !important; }
  .xl\:mr-250 { margin-right: 10px !important; }
  .xl\:mr-300 { margin-right: 12px !important; }
  .xl\:mr-350 { margin-right: 14px !important; }
  .xl\:mr-400 { margin-right: 16px !important; }
  .xl\:mr-500 { margin-right: 20px !important; }
  .xl\:mr-600 { margin-right: 24px !important; }
  .xl\:mr-700 { margin-right: 32px !important; }
  .xl\:mr-800 { margin-right: 48px !important; }
  .xl\:mr-900 { margin-right: 64px !important; }
  .xl\:mr-1000 { margin-right: 80px !important; }
  .xl\:mr-auto { margin-right: auto !important; }
  .xl\:mb-xs { margin-bottom: 8px !important; }
  .xl\:mb-sm { margin-bottom: 16px !important; }
  .xl\:mb-md { margin-bottom: 20px !important; }
  .xl\:mb-lg { margin-bottom: 24px !important; }
  .xl\:mb-xl { margin-bottom: 32px !important; }
  .xl\:mb-0 { margin-bottom: 0px !important; }
  .xl\:mb-50 { margin-bottom: 2px !important; }
  .xl\:mb-100 { margin-bottom: 4px !important; }
  .xl\:mb-200 { margin-bottom: 8px !important; }
  .xl\:mb-250 { margin-bottom: 10px !important; }
  .xl\:mb-300 { margin-bottom: 12px !important; }
  .xl\:mb-350 { margin-bottom: 14px !important; }
  .xl\:mb-400 { margin-bottom: 16px !important; }
  .xl\:mb-500 { margin-bottom: 20px !important; }
  .xl\:mb-600 { margin-bottom: 24px !important; }
  .xl\:mb-700 { margin-bottom: 32px !important; }
  .xl\:mb-800 { margin-bottom: 48px !important; }
  .xl\:mb-900 { margin-bottom: 64px !important; }
  .xl\:mb-1000 { margin-bottom: 80px !important; }
  .xl\:mb-auto { margin-bottom: auto !important; }
  .xl\:ml-xs { margin-left: 8px !important; }
  .xl\:ml-sm { margin-left: 16px !important; }
  .xl\:ml-md { margin-left: 20px !important; }
  .xl\:ml-lg { margin-left: 24px !important; }
  .xl\:ml-xl { margin-left: 32px !important; }
  .xl\:ml-0 { margin-left: 0px !important; }
  .xl\:ml-50 { margin-left: 2px !important; }
  .xl\:ml-100 { margin-left: 4px !important; }
  .xl\:ml-200 { margin-left: 8px !important; }
  .xl\:ml-250 { margin-left: 10px !important; }
  .xl\:ml-300 { margin-left: 12px !important; }
  .xl\:ml-350 { margin-left: 14px !important; }
  .xl\:ml-400 { margin-left: 16px !important; }
  .xl\:ml-500 { margin-left: 20px !important; }
  .xl\:ml-600 { margin-left: 24px !important; }
  .xl\:ml-700 { margin-left: 32px !important; }
  .xl\:ml-800 { margin-left: 48px !important; }
  .xl\:ml-900 { margin-left: 64px !important; }
  .xl\:ml-1000 { margin-left: 80px !important; }
  .xl\:ml-auto { margin-left: auto !important; }
  .xl\:mx-xs { margin-left: 8px !important; margin-right: 8px !important; }
  .xl\:mx-sm { margin-left: 16px !important; margin-right: 16px !important; }
  .xl\:mx-md { margin-left: 20px !important; margin-right: 20px !important; }
  .xl\:mx-lg { margin-left: 24px !important; margin-right: 24px !important; }
  .xl\:mx-xl { margin-left: 32px !important; margin-right: 32px !important; }
  .xl\:mx-0 { margin-left: 0px !important; margin-right: 0px !important; }
  .xl\:mx-50 { margin-left: 2px !important; margin-right: 2px !important; }
  .xl\:mx-100 { margin-left: 4px !important; margin-right: 4px !important; }
  .xl\:mx-200 { margin-left: 8px !important; margin-right: 8px !important; }
  .xl\:mx-250 { margin-left: 10px !important; margin-right: 10px !important; }
  .xl\:mx-300 { margin-left: 12px !important; margin-right: 12px !important; }
  .xl\:mx-350 { margin-left: 14px !important; margin-right: 14px !important; }
  .xl\:mx-400 { margin-left: 16px !important; margin-right: 16px !important; }
  .xl\:mx-500 { margin-left: 20px !important; margin-right: 20px !important; }
  .xl\:mx-600 { margin-left: 24px !important; margin-right: 24px !important; }
  .xl\:mx-700 { margin-left: 32px !important; margin-right: 32px !important; }
  .xl\:mx-800 { margin-left: 48px !important; margin-right: 48px !important; }
  .xl\:mx-900 { margin-left: 64px !important; margin-right: 64px !important; }
  .xl\:mx-1000 { margin-left: 80px !important; margin-right: 80px !important; }
  .xl\:mx-auto { margin-left: auto !important; margin-right: auto !important; }
  .xl\:my-xs { margin-bottom: 8px !important; margin-top: 8px !important; }
  .xl\:my-sm { margin-bottom: 16px !important; margin-top: 16px !important; }
  .xl\:my-md { margin-bottom: 20px !important; margin-top: 20px !important; }
  .xl\:my-lg { margin-bottom: 24px !important; margin-top: 24px !important; }
  .xl\:my-xl { margin-bottom: 32px !important; margin-top: 32px !important; }
  .xl\:my-0 { margin-bottom: 0px !important; margin-top: 0px !important; }
  .xl\:my-50 { margin-bottom: 2px !important; margin-top: 2px !important; }
  .xl\:my-100 { margin-bottom: 4px !important; margin-top: 4px !important; }
  .xl\:my-200 { margin-bottom: 8px !important; margin-top: 8px !important; }
  .xl\:my-250 { margin-bottom: 10px !important; margin-top: 10px !important; }
  .xl\:my-300 { margin-bottom: 12px !important; margin-top: 12px !important; }
  .xl\:my-350 { margin-bottom: 14px !important; margin-top: 14px !important; }
  .xl\:my-400 { margin-bottom: 16px !important; margin-top: 16px !important; }
  .xl\:my-500 { margin-bottom: 20px !important; margin-top: 20px !important; }
  .xl\:my-600 { margin-bottom: 24px !important; margin-top: 24px !important; }
  .xl\:my-700 { margin-bottom: 32px !important; margin-top: 32px !important; }
  .xl\:my-800 { margin-bottom: 48px !important; margin-top: 48px !important; }
  .xl\:my-900 { margin-bottom: 64px !important; margin-top: 64px !important; }
  .xl\:my-1000 { margin-bottom: 80px !important; margin-top: 80px !important; }
  .xl\:my-auto { margin-bottom: auto !important; margin-top: auto !important; }
  .xl\:rounded { border-radius: 16px !important; }
  .xl\:rounded-0 { border-radius: 0px !important; }
  .xl\:rounded-50 { border-radius: 2px !important; }
  .xl\:rounded-100 { border-radius: 4px !important; }
  .xl\:rounded-200 { border-radius: 8px !important; }
  .xl\:rounded-225 { border-radius: 12px !important; }
  .xl\:rounded-250 { border-radius: 16px !important; }
  .xl\:rounded-300 { border-radius: 80px !important; }
  .xl\:rounded-start { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .xl\:rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
  .xl\:rounded-start-50 { border-bottom-left-radius: 2px !important; border-top-left-radius: 2px !important; }
  .xl\:rounded-start-100 { border-bottom-left-radius: 4px !important; border-top-left-radius: 4px !important; }
  .xl\:rounded-start-200 { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; }
  .xl\:rounded-start-225 { border-bottom-left-radius: 12px !important; border-top-left-radius: 12px !important; }
  .xl\:rounded-start-250 { border-bottom-left-radius: 16px !important; border-top-left-radius: 16px !important; }
  .xl\:rounded-start-300 { border-bottom-left-radius: 80px !important; border-top-left-radius: 80px !important; }
  .xl\:rounded-bottom { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .xl\:rounded-bottom-0 { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; }
  .xl\:rounded-bottom-50 { border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; }
  .xl\:rounded-bottom-100 { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
  .xl\:rounded-bottom-200 { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; }
  .xl\:rounded-bottom-225 { border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important; }
  .xl\:rounded-bottom-250 { border-bottom-left-radius: 16px !important; border-bottom-right-radius: 16px !important; }
  .xl\:rounded-bottom-300 { border-bottom-left-radius: 80px !important; border-bottom-right-radius: 80px !important; }
  .xl\:rounded-end { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .xl\:rounded-end-0 { border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important; }
  .xl\:rounded-end-50 { border-bottom-right-radius: 2px !important; border-top-right-radius: 2px !important; }
  .xl\:rounded-end-100 { border-bottom-right-radius: 4px !important; border-top-right-radius: 4px !important; }
  .xl\:rounded-end-200 { border-bottom-right-radius: 8px !important; border-top-right-radius: 8px !important; }
  .xl\:rounded-end-225 { border-bottom-right-radius: 12px !important; border-top-right-radius: 12px !important; }
  .xl\:rounded-end-250 { border-bottom-right-radius: 16px !important; border-top-right-radius: 16px !important; }
  .xl\:rounded-end-300 { border-bottom-right-radius: 80px !important; border-top-right-radius: 80px !important; }
  .xl\:rounded-top { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .xl\:rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
  .xl\:rounded-top-50 { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
  .xl\:rounded-top-100 { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
  .xl\:rounded-top-200 { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
  .xl\:rounded-top-225 { border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; }
  .xl\:rounded-top-250 { border-top-left-radius: 16px !important; border-top-right-radius: 16px !important; }
  .xl\:rounded-top-300 { border-top-left-radius: 80px !important; border-top-right-radius: 80px !important; }
  .xl\:fs-0 { font-size: 0px !important; }
  .xl\:fs-350 { font-size: 10px !important; }
  .xl\:fs-400 { font-size: 12px !important; }
  .xl\:fs-450 { font-size: 14px !important; }
  .xl\:fs-500 { font-size: 16px !important; }
  .xl\:fs-550 { font-size: 18px !important; }
  .xl\:fs-600 { font-size: 20px !important; }
  .xl\:fs-700 { font-size: 24px !important; }
  .xl\:fs-800 { font-size: 28px !important; }
  .xl\:fs-900 { font-size: 32px !important; }
  .xl\:fs-md { font-size: 16px !important; }
  .xl\:fs-sm { font-size: 14px !important; }
  .xl\:fs-xs { font-size: 12px !important; }
  .xl\:fs-micro { font-size: 10px !important; }
  .xl\:lh-200 { line-height: 1.2 !important; }
  .xl\:lh-500 { line-height: 1.5 !important; }
  .xl\:text-left { text-align: left !important; }
  .xl\:text-right { text-align: right !important; }
  .xl\:text-center { text-align: center !important; }
  .xl\:top-auto { top: auto !important; }
  .xl\:top-0 { top: 0px !important; }
  .xl\:top-100p { top: 100% !important; }
  .xl\:right-auto { right: auto !important; }
  .xl\:right-0 { right: 0px !important; }
  .xl\:right-100p { right: 100% !important; }
  .xl\:bottom-auto { bottom: auto !important; }
  .xl\:bottom-0 { bottom: 0px !important; }
  .xl\:bottom-100p { bottom: 100% !important; }
  .xl\:left-auto { left: auto !important; }
  .xl\:left-0 { left: 0px !important; }
  .xl\:left-100p { left: 100% !important; }
}
.scrollbar::-webkit-scrollbar { --size: 4px; border-radius: 4px; height: var(--size); width: var(--size); }
.scrollbar::-webkit-scrollbar-thumb { background: rgba(182, 197, 212, 0.6); border-radius: 4px; }
.scrollbar::-webkit-scrollbar-corner, .scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
.no-scroll { overscroll-behavior: none; overflow: hidden !important; }
.font-brand { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.z-n1 { z-index: -1 !important; }
.z-1 { z-index: 1 !important; }
.z-2 { z-index: 2 !important; }
.z-3 { z-index: 3 !important; }
.z-4 { z-index: 4 !important; }
.z-5 { z-index: 5 !important; }
.z-6 { z-index: 6 !important; }
.z-7 { z-index: 7 !important; }
.z-8 { z-index: 8 !important; }
.z-9 { z-index: 9 !important; }
.z-10 { z-index: 10 !important; }
.z-11 { z-index: 11 !important; }
.z-12 { z-index: 12 !important; }
.z-13 { z-index: 13 !important; }
.z-14 { z-index: 14 !important; }
.z-15 { z-index: 15 !important; }
.z-16 { z-index: 16 !important; }
.z-17 { z-index: 17 !important; }
.z-18 { z-index: 18 !important; }
.z-19 { z-index: 19 !important; }
.z-20 { z-index: 20 !important; }
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-1, .line-clamp-2 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }
.line-clamp-3, .line-clamp-4 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; }
.line-clamp-4 { -webkit-line-clamp: 4; }
.c4-body { color: rgb(26, 49, 80); font-family: "Roboto", sans-serif; font-size: 16px; min-width: 320px; -webkit-font-smoothing: antialiased; line-height: 1.5; overflow-y: scroll; text-size-adjust: 100%; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; letter-spacing: 0px; line-height: 1.2; }
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0px; }
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0px; }
.h1, .h2, .h3, h1, h2, h3 { margin: 32px 0px 16px; }
.h4, .h5, .h6, h4, h5, h6 { margin: 20px 0px; }
.h1, h1 { font-size: 24px; }
.h2, h2 { font-size: 20px; }
.h3, h3 { font-size: 18px; }
.h4, h4 { font-size: 16px; }
.h5, .h6, .sh-5, h5, h6 { font-size: 14px; }
.sh-1, .sh-2, .sh-3, .sh-4, .sh-5, .sh-6 { font-family: "Roboto", sans-serif; font-style: normal; text-transform: uppercase; }
ol, p, table, ul { margin-bottom: 20px; }
ol:last-child, p:last-child, table:last-child, ul:last-child { margin-bottom: 0px; }
ol:empty, p:empty, table:empty, ul:empty { display: none; }
ol, ul { list-style-position: outside; padding-left: 1.5em; }
ol li, ul li { margin-bottom: 8px; }
ul { list-style-type: disc; }
ul li::marker { color: rgb(0, 177, 255); }
a { color: inherit; font-weight: 700; text-decoration: underline; transition: 0.2s; }
@media (hover: hover) {
  a:hover { color: rgb(0, 139, 199); }
}
b, strong { font-weight: 700; }
@media (min-width: 1024px) {
  .h1, h1 { font-size: 32px; }
  .h2, h2 { font-size: 28px; }
  .h3, h3 { font-size: 24px; }
  .h4, h4 { font-size: 20px; }
  .h5, .h6, .sh-5, h5, h6 { font-size: 16px; }
  .aside .h1, .aside h1 { font-size: 24px; }
  .aside .h2, .aside h2 { font-size: 20px; }
  .aside .h3, .aside h3 { font-size: 18px; }
  .aside .h4, .aside h4 { font-size: 16px; }
  .aside .h5, .aside .h6, .aside .sh-5, .aside h5, .aside h6 { font-size: 14px; }
}
.label { font-size: 12px; line-height: 1.5; text-transform: uppercase; }
@media (min-width: 1024px) {
  .label { font-size: 14px; }
}
.link-default { color: inherit; cursor: pointer; font-weight: 700; padding: 0px; text-decoration: underline; transition: 0.2s; }
@media (hover: hover) {
  .link-default:hover { color: rgb(0, 139, 199); }
}
.link-light { color: rgb(255, 255, 255); cursor: pointer; font-weight: 700; padding: 0px; text-decoration: underline; transition: 0.2s; }
@media (hover: hover) {
  .link-light:hover { color: rgb(153, 224, 255); }
}
.table { --table-border: 1px solid #e1e7ed; --table-head-bg: #1a3150; --table-radius: 4px; overflow-x: auto; }
.table table { border-collapse: initial; }
.table th { background: var(--table-head-bg); border: 1px solid var(--table-head-bg); color: rgb(255, 255, 255); font-weight: 700; }
.table :is(td, th) { border-spacing: 0px; font-size: 14px; height: 45px; padding: 2px; text-align: left; }
.table :is(td:first-child, th:first-child) { padding-left: 12px; }
.table :is(td:last-child, th:last-child) { padding-right: 12px; }
.table td { border-bottom: var(--table-border); }
.table td:first-child { border-left: var(--table-border); }
.table td:last-child { border-right: var(--table-border); }
.table thead th:first-child { border-top-left-radius: var(--table-radius); }
.table thead th:last-child { border-top-right-radius: var(--table-radius); }
.table tbody:first-child tr:first-child td:first-child { border-top-left-radius: var(--table-radius); }
.table tbody:first-child tr:first-child td:last-child { border-top-right-radius: var(--table-radius); }
.table tbody tr:first-child td { border-top: var(--table-border); }
.table tbody tr:last-child td:first-child { border-bottom-left-radius: var(--table-radius); }
.table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--table-radius); }
.table tbody tr:nth-child(2n+1) td { background: rgb(255, 255, 255); }
.table tbody tr:nth-child(2n) td { background: rgb(245, 247, 249); }
.logo { --size: 40px; --padding: 0; align-items: center; display: flex; font-size: 0px; height: var(--size); justify-content: center; overflow: hidden; padding: var(--padding); width: var(--size); }
.logo--50 { --size: 12px; }
.logo--100 { --size: 16px; }
.logo--150 { --size: 20px; }
.logo--200 { --size: 24px; }
.logo--300 { --size: 32px; }
.logo--400 { --size: 40px; }
.logo--500 { --size: 48px; }
.logo--600 { --size: 56px; }
.logo--700 { --size: 64px; }
.logo--800 { --size: 72px; }
.logo--900 { --size: 80px; }
.logo--avatar, .logo--avatar img, .logo--has-background { border-radius: 50%; }
.logo--avatar.logo--has-background.logo--100, .logo--avatar.logo--has-background.logo--150, .logo--avatar.logo--has-background.logo--200, .logo--avatar.logo--has-background.logo--50 { padding: 1px; }
.logo--avatar.logo--has-background.logo--300, .logo--avatar.logo--has-background.logo--400, .logo--avatar.logo--has-background.logo--500 { padding: 2px; }
.logo--avatar.logo--has-background.logo--600, .logo--avatar.logo--has-background.logo--700, .logo--avatar.logo--has-background.logo--800, .logo--avatar.logo--has-background.logo--900 { padding: 4px; }
.logo--default.logo--has-background.logo--50 { padding: 1px; }
.logo--default.logo--has-background.logo--100, .logo--default.logo--has-background.logo--150 { padding: 2px; }
.logo--default.logo--has-background.logo--200, .logo--default.logo--has-background.logo--300, .logo--default.logo--has-background.logo--400 { padding: 4px; }
.logo--default.logo--has-background.logo--500, .logo--default.logo--has-background.logo--600, .logo--default.logo--has-background.logo--700, .logo--default.logo--has-background.logo--800, .logo--default.logo--has-background.logo--900 { padding: 8px; }
.accordion { --accordion-border-color: #e1e7ed; --accordion-bg: #fff; --accordion-font-size: 14px; background: var(--accordion-bg); border: 1px solid var(--accordion-border-color); border-radius: 8px; font-size: var(--accordion-font-size); transition: 0.2s; }
.accordion summary { list-style: none; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion--dark { --accordion-bg: #1a3150; --accordion-border-color: #6f8caa; color: rgb(255, 255, 255); }
.accordion--lg .accordion__title { font-family: "Montserrat", sans-serif; }
.accordion--lg .accordion__head { padding: 10px 12px; }
.accordion__head { cursor: pointer; display: flex; list-style: none; margin-bottom: 0px; padding: 8px 12px; user-select: none; }
.accordion__head-aside { align-items: center; display: flex; margin-left: auto; }
.accordion__toggle-icon { align-items: center; display: inline-flex; font-size: 0px; }
.accordion__toggle-icon .fo { font-size: 20px; }
.accordion__toggle-icon .fo-minus-circle { display: none; }
.accordion__body { padding: 0px 12px 12px; }
.accordion__icon { align-items: center; display: flex; font-size: 20px; margin-right: 8px; }
.accordion__title { display: inline; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: 700; line-height: inherit; margin: 0px 8px 0px 0px; }
.accordion[open] { --accordion-border-color: #e1e7ed; }
.accordion[open] .accordion__toggle-icon .fo-plus-circle { display: none; }
.accordion[open] .accordion__toggle-icon .fo-minus-circle { display: inline-block; }
@media (hover: hover) {
  .accordion:hover { --accordion-border-color: #b6c5d4; }
  .accordion--dark:hover, .accordion[open]:hover { --accordion-border-color: #e1e7ed; }
}
@media (min-width: 1024px) {
  .accordion { --accordion-font-size: $font-size-500; }
  .accordion--lg .accordion__title { font-size: 18px; }
  .aside .accordion .accordion__title { font-size: inherit; }
}
.accordion-text-trim { --accordion-border-color: #f5f7f9; --accordion-bg: #f5f7f9; --lines: 2; background: var(--accordion-bg); border: 1px solid var(--accordion-border-color); border-radius: 8px; font-size: 12px; overflow: hidden; transition: 0.2s; }
.accordion-text-trim summary { list-style: none; }
.accordion-text-trim summary::-webkit-details-marker { display: none; }
.accordion-text-trim__body { cursor: pointer; list-style: none; margin-bottom: 0px; padding: 12px; user-select: none; }
.accordion-text-trim__entry { display: flex; }
.accordion-text-trim__text { display: -webkit-box; margin-right: 8px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: var(--lines); }
.accordion-text-trim__toggle-icon { display: inline-block; font-size: 0px; margin-left: auto; }
.accordion-text-trim__toggle-icon .fo { font-size: 20px; }
.accordion-text-trim__after, .accordion-text-trim__toggle-icon .fo-minus-circle { display: none; }
.accordion-text-trim .accordion-text-trim__text > div > p { display: inline; }
.accordion-text-trim[open] { --accordion-bg: #fff; --accordion-border-color: #e1e7ed; }
.accordion-text-trim[open] .accordion-text-trim__text { -webkit-line-clamp: none !important; }
.accordion-text-trim[open] .accordion-text-trim__toggle-icon .fo-plus-circle { display: none; }
.accordion-text-trim[open] .accordion-text-trim__toggle-icon .fo-minus-circle { display: inline-block; }
.accordion-text-trim[open] .accordion-text-trim__after { display: block; }
@media (hover: hover) {
  .accordion-text-trim:hover { --accordion-border-color: #b6c5d4; }
  .accordion-text-trim[open]:hover { --accordion-border-color: #e1e7ed; }
}
@media (min-width: 1024px) {
  .accordion-text-trim:not(.aside .accordion-text-trim) { font-size: 14px; }
}
.btn { --btn-border: 0; --btn-bg: #0000; --btn-color: inherit; --btn-hover-color: inherit; --font-size: 16px; --icon-font-size: 16px; --padding: 0 24px 0 24px; align-items: center; appearance: none; background: var(--btn-bg); border: var(--btn-border); border-radius: 80px; color: var(--btn-color); cursor: pointer; display: inline-flex; font-family: "Montserrat", sans-serif; font-size: var(--font-size); font-style: italic; font-weight: 400; height: 32px; justify-content: center; padding: var(--padding); position: relative; text-decoration: none; transition: 0.2s; vertical-align: middle; }
.btn:active { transform: translateY(1px); }
.btn::before { content: ""; inset: -6px 0px; position: absolute; }
.btn__icon { font-size: var(--icon-font-size); }
.btn.disabled, .btn.loading { pointer-events: none; }
.btn.loading::after { content: ""; font-family: oddspedia_font; font-style: normal; opacity: 1; position: absolute; right: 12px; visibility: visible; }
.btn.loading .btn__icon { opacity: 0; }
.btn.loading .btn__inner:only-child { transform: translateX(-12px); }
.btn--sm { --font-size: 12px; line-height: 1.2; }
.btn--icon-only { --padding: 0; height: 32px; width: 32px; }
.btn--icon-only::before { inset: -6px; }
.btn--icon-only .btn__icon { --icon-font-size: 24px; margin: 0px; }
.btn--icon-only.loading::after { right: auto; }
.btn--icon-left { --padding: 0 16px 0 8px; }
.btn--icon-left .btn__icon { margin-right: 8px; }
.btn--icon-left.loading::after { left: 24px; right: auto; }
.btn--icon-right { --padding: 0 8px 0 16px; }
.btn--icon-right .btn__icon { margin-left: 8px; order: 2; }
.btn--icon-right.loading::after { right: 24px; }
.btn--icon-max-left, .btn--icon-max-right { --padding: 0 32px; }
:is(.btn--icon-max-left, .btn--icon-max-right) .btn__icon { position: absolute; top: 50%; transform: translateY(-50%); }
.btn--icon-max-left .btn__icon { left: 12px; }
.btn--icon-max-right .btn__icon { right: 12px; }
.btn--primary { --btn-bg: linear-gradient(90deg,#00b1ff 0%,#0978c8 50%,#0978c8); --btn-color: #fff; --btn-hover-color: #fff; }
.btn--primary.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--secondary { --btn-bg: #1a3150; --btn-color: #fff; --btn-hover-color: #fff; }
@media (hover: hover) {
  .btn--secondary:hover { background: rgb(9, 120, 200); }
}
.btn--secondary.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--tertiary { --btn-border: 2px solid #0978c8; --btn-bg: #fff; --btn-color: #1a3150; --btn-hover-color: #fff; }
@media (hover: hover) {
  .btn--tertiary:hover { background: rgb(9, 120, 200); }
}
.btn--tertiary.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--text { --btn-bg: #0000; --btn-color: #0978c8; --btn-hover-color: #00b1ff; }
@media (hover: hover) {
  .btn--text:hover { background: rgba(0, 0, 0, 0); }
}
.btn--text.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--dark-secondary { --btn-bg: #fff; --btn-color: #1a3150; --btn-hover-color: #fff; }
@media (hover: hover) {
  .btn--dark-secondary:hover { background: rgb(9, 120, 200); }
}
.btn--dark-secondary.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--dark-tertiary { --btn-border: 2px solid #0978c8; --btn-bg: #0000; --btn-color: #fff; --btn-hover-color: #fff; }
@media (hover: hover) {
  .btn--dark-tertiary:hover { background: rgb(9, 120, 200); }
}
.btn--dark-tertiary.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--dark-text { --btn-bg: #0000; --btn-color: #fff; --btn-hover-color: #00b1ff; }
@media (hover: hover) {
  .btn--dark-text:hover { background: rgba(0, 0, 0, 0); }
}
.btn--dark-text.disabled { --btn-border: 0; --btn-bg: #b6c5d4; --btn-color: #fff; }
.btn--primary { background-size: 200% 100%; }
.btn--dark-text, .btn--text { --font-size: 10px; --icon-font-size: 12px; --padding: 0; text-align: left; }
.btn--dark-text.disabled, .btn--text.disabled { --btn-bg: #0000; --btn-color: #b6c5d4; }
:is(.btn--dark-text.btn--icon-left, .btn--text.btn--icon-left) .btn__icon { margin-right: 2px; }
:is(.btn--dark-text.btn--icon-right, .btn--text.btn--icon-right) .btn__icon { margin-left: 2px; }
.btn--uppercase { text-transform: uppercase; }
@media (hover: hover) {
  .btn:hover { color: var(--btn-hover-color); }
  .btn--primary:hover { background-position: 100% 0px; }
}
@media (min-width: 1024px) {
  .btn::before { display: none; }
  .btn--md { height: 40px; }
  .btn--md.btn--icon-left { --padding: 0 24px 0 12px; }
  .btn--md.btn--icon-right { --padding: 0 12px 0 24px; }
  .btn--icon-only { width: 32px; }
  .btn--icon-only.btn--md { width: 40px; }
  .btn--sm.btn--uppercase { --font-size: 14px; }
  .btn--dark-text, .btn--dark-text.btn--sm, .btn--text, .btn--text.btn--sm { --font-size: 12px; --icon-font-size: 16px; }
  .btn--dark-text.btn--md, .btn--text.btn--md { --font-size: 14px; --icon-font-size: 16px; }
  .aside .btn--md { height: 32px; }
  .aside .btn--icon-only, .aside .btn--icon-only.btn--md { width: 32px; }
  .aside .btn--sm.btn--uppercase { --font-size: 12px; }
  .aside :is(.btn--dark-text, .btn--text), .aside :is(.btn--dark-text.btn--md, .btn--text.btn--md), .aside :is(.btn--dark-text.btn--sm, .btn--text.btn--sm) { --font-size: 10px; --icon-font-size: 12px; }
}
.alert { --alert-bg: #f5f7f9; --alert-accent: #00b1ff; background: var(--alert-bg); border-left: 6px solid var(--alert-accent); border-radius: 8px; padding: 20px 24px; }
.alert__head { display: flex; }
.alert__icon { color: var(--alert-accent); font-size: 24px; margin-right: 8px; }
.alert__title { margin-bottom: 0px; }
.alert__body { margin-top: 12px; }
.alert__body p:last-child { margin-bottom: 0px; }
.alert--no-title { padding: 4px 16px; }
.alert--no-title .alert__body { font-size: 12px; margin-top: 0px; }
.alert--success { --alert-bg: #eafbf5; --alert-accent: #1a7f5d; }
.alert--warning { --alert-bg: #fffbeb; --alert-accent: #f5c000; }
.alert--error { --alert-bg: #feecee; --alert-accent: #ad0b23; }
.breadcrumbs { --color: #1a3150; --hover-color: #0978c8; --current-color: #6f8caa; --disabled-color: #b6c5d4; color: var(--color); font-size: 14px; }
.breadcrumbs__list { align-items: center; display: flex; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.breadcrumbs__item { display: flex; margin-bottom: 0px; }
.breadcrumbs__item:last-child { overflow: hidden; }
.breadcrumbs__item + .breadcrumbs__item::before { content: "/"; margin: 0px 8px; }
.breadcrumbs__link { display: inline-block; font-weight: 400; text-decoration: none; }
@media (hover: hover) {
  .breadcrumbs__link:hover { color: var(--hover-color); }
}
.breadcrumbs__current { color: var(--current-color); overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs .disabled { color: var(--disabled-color); }
.breadcrumbs--inverted { --color: #fff; --hover-color: #00b1ff; --current-color: #b6c5d4; --disabled-color: neutral-800; }
.separator { border-top: 1px solid rgb(225, 231, 237); }
.separator--bold { border-top: 3px solid rgb(225, 231, 237); }
.separator--dashed { border-top: 1px dashed rgb(225, 231, 237); }
.badge { --badge-bg: #f5f7f9; --badge-color: #152841; --badge-size: 24px; --badge-font-size: 12px; --badge-icon-size: 18px; --badge-padding-x: 8px; --icon-margin: 8px; align-items: center; background: var(--badge-bg); border-radius: 8px; color: var(--badge-color); display: inline-flex; font-family: "Montserrat", sans-serif; font-size: var(--badge-font-size); font-style: italic; font-weight: 700; height: var(--badge-size); justify-content: center; min-width: var(--badge-size); padding: 0 var(--badge-padding-x); text-transform: uppercase; vertical-align: middle; white-space: nowrap; }
.badge .badge__icon { font-size: var(--badge-icon-size); margin-right: var(--icon-margin); }
.badge--success { --badge-bg: #eafbf5; --badge-color: #1a7f5d; }
.badge--error { --badge-bg: #fdd9de; --badge-color: #ad0b23; }
.badge--warning { --badge-bg: #fff6d6; --badge-color: #1a3150; }
.badge--grey { --badge-bg: #f5f7f9; --badge-color: #152841; }
.badge--info { --badge-bg: #0978c8; --badge-color: #fff; }
.badge--primary { --badge-bg: #e5f7ff; --badge-color: #0978c8; }
.badge--secondary { --badge-bg: #99e0ff; --badge-color: #0a131f; }
.badge--tertiary { --badge-bg: #c1d3eb; --badge-color: #152841; }
.badge--notification { --badge-bg: #1a3150; --badge-color: #fff; }
.badge--revert-success { --badge-bg: #23a97c; --badge-color: #fff; }
.badge--revert-error { --badge-bg: #f33d59; --badge-color: #fff; }
.badge--revert-warning { --badge-bg: #ffd333; --badge-color: #1a3150; }
.badge--revert-grey { --badge-bg: #6f8caa; --badge-color: #fff; }
.badge--revert-primary { --badge-bg: linear-gradient(90deg,#00b1ff 0%,#0978c8); --badge-color: #fff; }
.badge--revert-secondary { --badge-bg: #008bc7; --badge-color: #fff; }
.badge--revert-tertiary { --badge-bg: #2e588e; --badge-color: #fff; }
.badge--lg { --badge-size: 32px; --badge-font-size: 14px; --badge-icon-size: 21px; --icon-margin: 8px; }
.badge--sm { --badge-size: 20px; --badge-font-size: 10px; --badge-icon-size: 14px; --icon-margin: 4px; }
.badge--xs { --badge-size: 16px; --badge-font-size: 10px; --badge-icon-size: 10px; --icon-margin: 4px; --badge-padding-x: 4px; }
.form-group { --form-error: #ad0b23; }
.form-label { display: block; font-size: 14px; font-weight: 500; padding-bottom: 4px; }
.form-control { position: relative; }
.form-control__input { --input-bg: #fff; --input-color: #1a3150; --input-border-color: #b6c5d4; --input-height: 40px; --icon-text-padding: 36px; appearance: none; background: var(--input-bg); border: 1px solid var(--input-border-color); border-radius: 8px; color: var(--input-color); display: block; font-size: 14px; height: var(--input-height); padding: 8px 12px; transition: 0.2s; width: 100%; }
.form-control__input:not(:last-child) { padding-right: 48px; }
.form-control__input::placeholder { color: rgb(111, 140, 170); }
@media (hover: hover) {
  .form-control__input:hover { --input-bg: #e5f7ff; }
}
.form-control__input:focus { --input-bg: #fff; --input-border-color: #1a3150; box-shadow: none; outline: 0px; }
.error .form-control__input { --input-border-color: var(--form-error); }
.has-icon-left .form-control__input { padding-left: var(--icon-text-padding); }
.has-icon-right .form-control__input { padding-right: var(--icon-text-padding); }
.form-control__input[disabled] { --input-border-color: #b6c5d4; --input-bg: #fff; --input-color: #b6c5d4; }
.form-control__input[disabled]::placeholder { color: var(--input-color); }
.form-control__icon { align-items: center; bottom: 0px; color: rgb(111, 140, 170); display: flex; font-size: 20px; padding: 0px 12px; position: absolute; top: 0px; }
.form-control__icon:first-child { left: 0px; }
.form-control__input + .form-control__icon { right: 0px; }
.form-control__icon + .form-control__input { padding-left: var(--icon-text-padding); }
textarea.form-control__input { --input-height: 120px; resize: none; }
.form-note { --form-note-color: #6f8caa; color: var(--form-note-color); display: block; font-size: 12px; line-height: 1.2; margin-top: 4px; }
.error .form-note { --form-note-color: var(--form-error); }
.checkbox { --checkmark-size: 20px; --checkmark-border-color: #6f8caa; --checkmark-background-color: #fff; --checkmark-border-size: 2px; --icon-color: #fff; --icon-font-size: 10px; align-items: center; display: inline-flex; position: relative; vertical-align: middle; }
.checkbox__checkmark { align-items: center; background-color: var(--checkmark-background-color); border: var(--checkmark-border-size) solid var(--checkmark-border-color); border-radius: 4px; display: flex; height: var(--checkmark-size); justify-content: center; text-align: center; transition: background-color 0.2s, border-color; width: var(--checkmark-size); }
.checkbox__checkmark::after { color: var(--icon-color); content: ""; font: normal normal normal var(--icon-font-size)/var(--checkmark-size) "oddspedia_font"; transition: color 0.2s; vertical-align: top; }
.checkbox__input::before, .checkbox__label::before { content: ""; inset: -12px 0px; position: absolute; }
.checkbox__label { cursor: pointer; font-size: 14px; padding-left: 8px; position: relative; user-select: none; }
.checkbox__input { cursor: pointer; height: var(--checkmark-size); opacity: 0; position: absolute; width: var(--checkmark-size); z-index: 1; }
.checkbox__input:checked + .checkbox__checkmark { --checkmark-border-color: #0978c8; --checkmark-background-color: #0978c8; }
.checkbox__input:disabled { pointer-events: none; }
.checkbox__input:disabled + .checkbox__checkmark { --checkmark-border-color: #e1e7ed; --checkmark-background-color: #f5f7f9; --icon-color: #f5f7f9; }
.checkbox__input:disabled ~ .checkbox__label { color: rgb(182, 197, 212); pointer-events: none; }
.checkbox__input:disabled:checked + .checkbox__checkmark { --icon-color: #fff; }
@media (hover: hover) {
  .checkbox .checkbox__input:hover + .checkbox__checkmark { --checkmark-background-color: #e5f7ff; --icon-color: #e5f7ff; }
  .checkbox .checkbox__input:hover:checked + .checkbox__checkmark { --checkmark-border-color: #00a1e6; --checkmark-background-color: #00a1e6; --icon-color: #f5f7f9; }
}
@media (min-width: 768px) {
  .checkbox { --icon-font-size: 8px; }
  .checkbox__input::before, .checkbox__label::before { display: none; }
}
.radio { --checkmark-size: 16px; --checkmark-shadow-color: #6f8caa; --checkmark-border-color: #fff; --checkmark-background-color: #fff; --icon-color: #fff; align-items: center; display: inline-flex; position: relative; vertical-align: middle; }
.radio__checkmark { background-color: var(--checkmark-background-color); border: 3px solid var(--checkmark-border-color); border-radius: 50%; box-shadow: 0 0 0 1.75px var(--checkmark-shadow-color); height: var(--checkmark-size); transition: 0.2s; width: var(--checkmark-size); }
.radio__input::before, .radio__label::before { content: ""; inset: -12px 0px; position: absolute; }
.radio__label { cursor: pointer; font-size: 14px; padding-left: 8px; position: relative; user-select: none; }
.radio__input { cursor: pointer; height: var(--checkmark-size); opacity: 0; position: absolute; width: var(--checkmark-size); z-index: 1; }
.radio__input:checked + .radio__checkmark { --checkmark-shadow-color: #1a3150; --checkmark-background-color: #0978c8; }
@media (hover: hover) {
  .radio__input:hover + .radio__checkmark { --checkmark-border-color: #e5f7ff; --checkmark-background-color: #e5f7ff; }
  .radio__input:hover:checked + .radio__checkmark { --checkmark-shadow-color: #6f8caa; --checkmark-border-color: #e5f7ff; --checkmark-background-color: #0978c8; }
}
.radio__input:disabled { pointer-events: none; }
.radio__input:disabled + .radio__checkmark { --checkmark-shadow-color: #e1e7ed; --checkmark-border-color: #f5f7f9; --checkmark-background-color: #f5f7f9; }
.radio__input:disabled ~ .radio__label { color: rgb(182, 197, 212); pointer-events: none; }
.radio__input:disabled:checked + .radio__checkmark { --checkmark-border-color: #fff; }
@media (min-width: 768px) {
  .radio__input::before, .radio__label::before { display: none; }
}
.modal { --modal-header-height: 52px; --modal-border-radius: 16px; background-color: rgba(26, 49, 80, 0.6); display: flex; flex-wrap: wrap; inset: 0px; outline: 0px; overflow: hidden; position: fixed; transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); width: 100%; z-index: 1050; }
.modal, .modal__content, .modal__content .modal__body { height: 100%; }
.modal__drag { display: block; height: 33px; top: -33px; }
.modal__drag, .modal__drag::after { left: 0px; position: absolute; right: 0px; }
.modal__drag::after { background-color: rgb(182, 197, 212); border-radius: 8px; content: ""; height: 4px; margin: auto; top: 23px; width: 80px; }
.modal__dialog { background-color: rgb(255, 255, 255); border-radius: var(--modal-border-radius) var(--modal-border-radius) 0 0; margin-top: auto; position: relative; width: 100%; }
.modal__dialog--full-height { height: calc(100dvh - var(--modal-header-height)); }
.modal__dialog--small .modal__body .dropdown__menu--mobile { max-height: 100%; }
.modal__header { align-items: center; display: flex; justify-content: space-between; min-height: var(--modal-header-height); }
.modal__header-content { align-items: center; display: inline-flex; padding: 4px 0px 4px 12px; }
.modal__text { display: flex; flex-direction: column; }
.modal__title { color: rgb(26, 49, 80); font-size: 16px; margin: 0px; text-transform: uppercase; }
.modal__subtitle { color: rgb(111, 140, 170); font-size: 12px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal__icon { color: rgb(0, 177, 255); font-size: 24px; margin-right: 8px; }
.modal__close { color: rgb(111, 140, 170); cursor: pointer; flex-shrink: 0; font-size: 20px; height: var(--modal-header-height); transition: color 0.2s; width: var(--modal-header-height); }
@media (hover: hover) {
  .modal__close:hover { color: rgb(0, 177, 255); }
}
.modal__body { flex: 1 1 auto; max-height: calc(100dvh - 100px); overflow: hidden auto; overscroll-behavior: none; }
@media (min-width: 768px) {
  .modal { align-items: center; }
  .modal__header--has-subtitle { --modal-header-height: 56px; }
  .modal__dialog { border-radius: var(--modal-border-radius); margin: 0px auto; overflow: hidden; }
  .modal__dialog--small { max-width: 368px; }
  .modal__dialog--medium { max-width: 568px; }
  .modal__drag { display: none; }
}
.toggle-switch { --label-color: #1a3150; --bg-color: #fff; --accent-color: #6f8caa; --label-font-size: 14px; --label-margin: 8px; --dot-size: 14px; --icon-size: 12px; --border-width: 1.5px; --width: 40px; --height: 20px; align-items: center; display: flex; padding: 0px; position: relative; }
.toggle-switch::before { content: ""; inset: -12px 0px; position: absolute; }
.toggle-switch--disabled { --accent-color: #e1e7ed; --bg-color: #f5f7f9; pointer-events: none; }
.toggle-switch__label { color: var(--label-color); font-size: var(--label-font-size); margin-right: var(--label-margin); user-select: none; }
.toggle-switch__track { display: inline-block; flex-shrink: 0; height: var(--height); position: relative; width: var(--width); }
.toggle-switch__toggle { align-items: center; background-color: var(--bg-color); border: var(--border-width) solid var(--accent-color); border-radius: var(--width); display: flex; height: 100%; transition: background-color 0.2s; width: 100%; }
.toggle-switch__toggle--checked { --accent-color: #0978c8; background-color: var(--accent-color); }
.toggle-switch__dot { align-items: center; background-color: var(--accent-color); border-radius: 50%; display: flex; height: var(--dot-size); justify-content: center; left: 4px; position: absolute; transition: 0.2s; width: var(--dot-size); }
.toggle-switch__toggle--checked .toggle-switch__dot { background-color: var(--bg-color); transform: translateX(calc(var(--width)/2 - 2px)); }
.toggle-switch__toggle--checked .toggle-switch__dot .toggle-switch__icon { display: block; }
.toggle-switch__icon { display: none; font-size: var(--icon-size); }
@media (hover: hover) {
  .toggle-switch:hover { --accent-color: #0978c8; --dot-size: 12px; }
  .toggle-switch:hover .toggle-switch__toggle--checked .toggle-switch__dot { left: 6px; }
  .toggle-switch:hover .toggle-switch__toggle--checked .toggle-switch__dot .toggle-switch__icon { display: none; }
}
@media (min-width: 1024px) {
  .toggle-switch::before { display: none; }
}
.page-nav { background: rgb(26, 49, 80); color: rgb(255, 255, 255); }
.page-nav__list { align-items: center; display: flex; justify-content: center; overflow: auto; width: 100%; scrollbar-width: none; }
.page-nav-item { --border-color: #0000; cursor: pointer; flex-grow: 1; }
.page-nav-item__link { align-items: center; border-bottom: 3px solid var(--border-color); display: flex; font-size: 14px; height: 44px; justify-content: center; padding: 0px 4px; transition: border-color 0.2s; }
@media (hover: hover) {
  .page-nav-item__link:hover { --border-color: #00b1ff; }
}
.page-nav-item.active .page-nav-item__link { --border-color: #00b1ff; font-weight: 700; }
.page-nav-item .badge { margin-left: 4px; }
@media (min-width: 768px) {
  .page-nav-item__link { font-size: 16px; }
  .aside .page-nav-item__link { font-size: 14px; }
}
.period-navigation { align-items: center; background-color: rgb(255, 255, 255); border-radius: 16px; color: rgb(26, 49, 80); display: flex; font-family: "Roboto", sans-serif; font-size: 12px; justify-content: space-between; padding: 4px; }
.period-navigation__current-period-button { padding: 0px 8px; position: relative; }
@media (max-width: 1023.98px) {
  .period-navigation__current-period-button::before { content: ""; inset: -15px 0px; position: absolute; }
}
.period-navigation-range { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
.period-navigation-range__separator { flex-grow: 1; }
.period-navigation-range__date-range { margin-bottom: 0px; }
.period-navigation-range__buttons { display: flex; gap: 8px; }
.period-navigation-button { align-items: center; background-color: rgb(225, 231, 237); border-radius: 50%; display: flex; font-size: 12px; justify-content: center; padding: 6px; position: relative; transition: background-color 0.2s; }
.period-navigation-button-icon { color: rgb(26, 49, 80); }
.period-navigation-button:active { background-color: rgb(182, 197, 212); }
.period-navigation-button:disabled { background-color: rgb(245, 247, 249); }
.period-navigation-button:disabled .period-navigation-button__icon { color: rgb(182, 197, 212); }
@media (hover: hover) {
  .period-navigation-button:hover { background-color: rgb(182, 197, 212); }
}
@media (max-width: 1023.98px) {
  .period-navigation-button::before { content: ""; inset: -10px 0px; position: absolute; }
}
.progress-bar { --bar-back-color: #e1e7ed; background-color: var(--bar-back-color); border-radius: 4px; height: 8px; overflow: hidden; position: relative; width: 100%; }
.progress-bar--combined, .progress-bar--light-combined { --bar-back-color: #0000; }
.progress-bar__inner { --bar-front-color: #00b1ff; --left: -1px; --right: -1px; --transform: skew(-30deg); background-color: var(--bar-front-color); bottom: 0px; left: var(--left); position: absolute; top: 0px; transform: var(--transform); }
.progress-bar__inner + .progress-bar__inner { --bar-front-color: #1a3150; --left: auto; --right: -2px; right: var(--right); }
.progress-bar--empty .progress-bar__inner + .progress-bar__inner { --right: 0; }
:is(.progress-bar--dark-inverted, .progress-bar--inverted) .progress-bar__inner { --left: auto; left: auto; right: var(--right); }
:is(.progress-bar--dark, .progress-bar--dark-inverted) .progress-bar__inner { --bar-front-color: #1a3150; }
:is(.progress-bar--combined, .progress-bar--light-combined) .progress-bar__inner:first-child { --left: -2px; }
.progress-bar--full .progress-bar__inner:first-child { --left: 0; }
.progress-bar--light-combined .progress-bar__inner + .progress-bar__inner { --bar-front-color: #6f8caa; }
:is(.progress-bar--empty, .progress-bar--full) .progress-bar__inner { --transform: none; }
.btn-group { display: inline-flex; flex-direction: row; gap: 0px 6px; width: 100%; }
.btn-group--segmented { gap: 0px; }
.btn-group--segmented .btn-group-item__btn { border-radius: 0px; margin: 0px; }
.btn-group--segmented .btn-group-item { margin: 0px; }
.btn-group--segmented .btn-group-item + .btn-group-item { margin-left: -1px; }
.btn-group--segmented .btn-group-item:first-child .btn-group-item__btn { border-bottom-left-radius: 30px; border-top-left-radius: 30px; }
.btn-group--segmented .btn-group-item:last-child .btn-group-item__btn { border-bottom-right-radius: 30px; border-top-right-radius: 30px; }
.btn-group--segmented.btn-group--inverted .btn-group-item__btn { --btn-bg: #1a3150; --btn-border-color: #1a3150; --color: #fff; }
.btn-group--segmented.btn-group--inverted .btn-group-item__btn--active { --btn-bg: #fff; --btn-border-color: #b6c5d4; --color: #1a3150; }
.btn-group--segmented.btn-group--light .btn-group-item__btn--active, .btn-group--segmented.btn-group--light.btn-group--inverted .btn-group-item__btn { --btn-bg: #0978c8; --btn-border-color: #0978c8; }
.btn-group--segmented.btn-group--light.btn-group--inverted .btn-group-item__btn--active { --btn-bg: #fff; --btn-border-color: #b6c5d4; }
.btn-group--underline { gap: 0px; }
.btn-group--underline .btn-group-item { margin: 0px; }
.btn-group--underline .btn-group-item__btn { --color: #1a3150; background-color: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(225, 231, 237); border-image: none; border-radius: 0px; color: var(--color); height: 44px; }
.btn-group--underline .btn-group-item__btn--active { border-bottom-color: rgb(0, 177, 255); position: relative; }
.btn-group--underline .btn-group-item__btn--active::after { background-color: rgb(0, 177, 255); bottom: 0px; content: ""; height: 2px; left: 0px; position: absolute; right: 0px; }
.btn-group--underline.btn-group--inverted .btn-group-item__btn { --color: #fff; border-bottom-color: rgb(40, 62, 91); }
.btn-group--lg .btn-group-item__btn { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
@media (hover: hover) {
  .btn-group--segmented .btn-group-item__btn:hover { --btn-bg: #e1e7ed; }
  .btn-group--segmented .btn-group-item__btn--active:hover { --btn-bg: #6f8caa; }
  .btn-group--segmented.btn-group--inverted .btn-group-item__btn:hover { --btn-bg: #6f8caa; --btn-border-color: #6f8caa; }
  .btn-group--segmented.btn-group--inverted .btn-group-item__btn--active:hover { --btn-bg: #e1e7ed; --btn-border-color: #b6c5d4; }
  .btn-group--segmented.btn-group--light .btn-group-item__btn--active:hover, .btn-group--segmented.btn-group--light.btn-group--inverted .btn-group-item__btn:hover { --btn-bg: #00a1e6; --btn-border-color: #00a1e6; }
  .btn-group--segmented.btn-group--light.btn-group--inverted .btn-group-item__btn--active:hover { --btn-bg: #e1e7ed; --btn-border-color: #b6c5d4; }
  .btn-group--underline .btn-group-item__btn:hover { font-weight: 700; }
}
@media (min-width: 768px) {
  .btn-group--lg .btn-group-item__btn, .btn-group--md .btn-group-item__btn { --btn-padding: 0 16px; }
  .btn-group--underline .btn-group-item__btn { height: 40px; }
}
.aside .btn-group--lg .btn-group-item__btn, .aside .btn-group--md .btn-group-item__btn { --btn-padding: 0 12px; }
.aside .btn-group--underline .btn-group-item__btn { height: 44px; }
.btn-group-item { align-items: center; display: flex; flex: 1 1 0%; justify-content: center; }
.btn-group-item--disabled { cursor: default; }
.btn-group-item--disabled .btn-group-item__btn { color: rgb(111, 140, 170); }
.btn-group-item__btn { --btn-padding: 0 12px; --btn-bg: #fff; --btn-border-color: #b6c5d4; --color: #1a3150; align-items: center; background-color: var(--btn-bg); border: 1px solid var(--btn-border-color); border-radius: 30px; color: var(--color); display: inline-flex; font-size: 14px; height: 32px; justify-content: center; padding: var(--btn-padding); position: relative; transition: 0.2s; width: 100%; }
.btn-group-item__btn::before { content: ""; height: 44px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.btn-group-item__btn--active { --btn-bg: #1a3150; --btn-border-color: #1a3150; --color: #fff; font-weight: 700; }
.btn-group-item__btn--active .btn-group-item__btn-image-icon { filter: grayscale(0); }
.btn-group-item__btn--disabled { cursor: not-allowed; opacity: 0.5; }
.btn-group-item__btn-icon { font-size: 16px; margin-right: 4px; margin-top: 3px; }
.btn-group-item__btn-image-icon { filter: grayscale(1); margin-right: 4px; }
.btn-group-item__btn-team-logo { margin-right: 8px; }
.btn-group-item__btn-live-indicator { margin-right: 4px; }
.btn-group-item .badge { margin-left: 8px; }
.btn-group-item--icon-right .btn-group-item__btn-icon, .btn-group-item--image-icon-right .btn-group-item__btn-image-icon { margin-left: 4px; margin-right: 0px; order: 2; }
.btn-group-item--team-logo-right .btn-group-item__btn-team-logo { margin-left: 8px; margin-right: 0px; order: 2; }
@media (hover: hover) {
  .btn-group-item__btn:hover { --btn-bg: #e1e7ed; }
  .btn-group-item__btn:hover .btn-group-item__btn-image-icon { filter: grayscale(0); }
  .btn-group-item__btn--active:hover { --btn-bg: #6f8caa; --btn-border-color: #6f8caa; }
}
@media (min-width: 768px) {
  .btn-group-item__btn::before { display: none; }
  .btn-group-item__btn-live-indicator { margin-right: 8px; }
  .aside .btn-group-item__btn-live-indicator { margin-right: 4px; }
}
.btn-group-toggle { display: flex; gap: 0px 8px; }
.btn-group-toggle-item { --btn-bg: #e0e9f580; --btn-border-color: #e0e9f5; --color: #467cc3; align-items: center; background-color: var(--btn-bg); border: 1px solid var(--btn-border-color); border-radius: 16px; color: var(--color); display: flex; font-size: 14px; height: 28px; justify-content: center; padding: 4px 12px; position: relative; transition: background-color 0.2s; }
.btn-group-toggle-item::before { content: ""; height: 44px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.btn-group-toggle-item--active { --btn-bg: #1a3150; --btn-border-color: #1a3150; --color: #fff; padding-right: 8px; }
.btn-group-toggle-item__icon { align-items: center; display: flex; font-size: 16px; justify-content: center; margin-left: 4px; }
@media (hover: hover) {
  .btn-group-toggle-item:hover { --btn-bg: #e0e9f5; --btn-border-color: #c1d3eb; }
  .btn-group-toggle-item--active:hover { --btn-bg: #6f8caa; --btn-border-color: #6f8caa; }
}
@media (min-width: 768px) {
  .btn-group-toggle-item::before { display: none; }
}
.tooltip { --color: #6f8caa; color: var(--color); font-family: "Roboto", sans-serif; font-size: 0px; font-style: normal; font-weight: 400; line-height: 1.5; }
.tooltip--light { --color: #00b1ff; }
.tooltip__title { --color: #2e588e; font-size: 12px; text-transform: capitalize; }
.tooltip__trigger { align-items: center; display: inline-flex; font-size: 12px; gap: 4px; padding: 0px; position: relative; }
.tooltip__trigger--icon-right .tooltip__icon { order: 2; }
.tooltip__trigger::before { content: ""; height: 28px; left: 50%; min-width: 28px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
.tooltip__body { background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(26, 49, 80, 0.2) 0px 0px 10px; color: rgb(26, 49, 80); font-size: 10px; left: 0px; max-width: 300px; opacity: 0; padding: 8px; position: absolute; top: 0px; transition: opacity 0.2s; width: max-content; z-index: 10; }
.tooltip__icon { font-size: 14px; height: 14px; line-height: 1.2; }
.tooltip__arrow { --size: 16px; background-color: rgb(255, 255, 255); height: var(--size); position: absolute; transform: rotate(45deg); width: var(--size); }
@media (min-width: 768px) {
  .tooltip__body:not(.aside .tooltip__body) { max-width: 546px; }
  .tooltip__trigger::before { display: none; }
}
.popover__trigger { display: inline-block; }
.popover__arrow { --size: 16px; height: var(--size); transform: rotate(45deg); width: var(--size); }
.popover__arrow, .popover__content { background-color: rgb(255, 255, 255); position: absolute; }
.popover__content { --width: 220px; border-radius: 8px; color: rgb(26, 49, 80); display: flex; filter: drop-shadow(rgba(26, 49, 80, 0.2) 0px 0px 10px); justify-content: space-between; left: 0px; opacity: 0; padding: 12px; top: 0px; transition: opacity 0.2s; width: var(--width); }
.odd-box, .popover__body { position: relative; }
.odd-box { --bg-color: #f5f7f9; --border-color: #e1e7ed; --color: #1a3150; --min-width: 64px; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; display: inline-flex; flex-direction: column; height: 44px; justify-content: center; min-width: var(--min-width); padding: 4px; text-align: center; transition: 0.2s; vertical-align: middle; }
.odd-box__value { color: var(--color); font-size: 14px; font-weight: 700; }
.odd-box__brand-logo { font-size: 0px; margin-top: 4px; }
.odd-box__movement { --color: #f33d59; color: var(--color); left: 50%; position: absolute; transform: translateX(-50%); }
.odd-box__movement--down { bottom: 5px; transform: translateX(-50%) scaleY(-1); }
.odd-box__movement--up { --color: #2ad198; top: 5px; }
.odd-box--active, .odd-box:active { --bg-color: #e5f7ff; --border-color: #00b1ff; }
.odd-box--won { --bg-color: #eafbf5; --border-color: #2ad198; }
.odd-box--lost { --bg-color: #feecee; --border-color: #f33d59; }
.odd-box--disabled { --color: #b6c5d4; --bg-color: #f5f7f9; --border-color: #e1e7ed; pointer-events: none; }
.odd-box--dark { --bg-color: #0f1d2e; --border-color: #1a3150; --color: #fff; }
.odd-box--dark.odd-box--active, .odd-box--dark:active { --bg-color: #13385c; --border-color: #00b1ff; }
.odd-box--dark.odd-box--won { --bg-color: #18424d; --border-color: #2ad198; }
.odd-box--dark.odd-box--lost { --bg-color: #33223b; --border-color: #f33d59; }
.odd-box--dark.odd-box--disabled { --color: #6f8caa; --bg-color: #283e5b; --border-color: #6f8caa; }
.odd-box--narrower { --min-width: 56px; }
@media (hover: hover) {
  .odd-box:hover:not(.odd-box--won):not(.odd-box--lost):not(.odd-box--disabled) { --bg-color: #fff; --border-color: #00b1ff; }
  .odd-box.odd-box--dark:hover:not(.odd-box--won):not(.odd-box--lost):not(.odd-box--disabled) { --bg-color: #0f1d2e; --border-color: #00b1ff; }
}
.odd-box-enhanced { --bg-color: #fffbeb; --border-color: #ffedad; --old-value-color: #6f8caa; --value-color: #1a3150; --icon-color: #f5c000; --indicator-bg-color: #ffd333; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; cursor: pointer; display: inline-flex; gap: 4px; height: 48px; justify-content: center; min-width: 107px; padding: 0px 4px; position: relative; transition: 0.2s; }
.odd-box-enhanced--indicator-error { --indicator-bg-color: #f33d59; }
.odd-box-enhanced--indicator-success { --indicator-bg-color: #2ad198; }
.odd-box-enhanced--indicator-neutral { --indicator-bg-color: #b6c5d4; }
.odd-box-enhanced--dark { --bg-color: none; --old-value-color: #e1e7ed; --value-color: #fff; --border-color: #ffd333; }
.odd-box-enhanced--disabled { pointer-events: none; }
.odd-box-enhanced--disabled:not(.odd-box-enhanced--dark) { --bg-color: #f5f7f9; --border-color: #e1e7ed; --icon-color: #b6c5d4; --indicator-bg-color: #b6c5d4; }
.odd-box-enhanced--dark.odd-box-enhanced--disabled { --bg-color: none; --border-color: #b6c5d4; --old-value-color: #e1e7ed; --icon-color: #b6c5d4; --indicator-bg-color: #b6c5d4; }
.odd-box-enhanced:not(.odd-box-enhanced--dark):active { --bg-color: #fff; --border-color: #ffd333; }
.odd-box-enhanced--dark:active { --border-color: #ffedad; }
.odd-box-enhanced__old-value { color: var(--old-value-color); font-size: 10px; line-height: 1.2; text-decoration: line-through; }
.odd-box-enhanced__icons-wrapper { align-items: center; display: flex; padding: 0px 4px; }
.odd-box-enhanced__icon { color: var(--icon-color); font-size: 12px; line-height: 1; }
.odd-box-enhanced__icon--right { margin-left: -8px; }
.odd-box-enhanced__value { color: var(--value-color); font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; }
.odd-box-enhanced__indicator { align-items: center; background: var(--indicator-bg-color); border-radius: 50%; color: rgb(255, 255, 255); display: flex; height: 16px; justify-content: center; position: absolute; right: -4px; top: -4px; width: 16px; }
@media (hover: hover) {
  .odd-box-enhanced:hover { --border-color: #ffd333; }
  .odd-box-enhanced--dark:hover { --bg-color: #ffffff1a; }
}
.odd-box-with-logo { --bg-color: #fff; --border-color: #e1e7ed; --border-radius: 16px; --color: #1a3150; --label-color: #2e588e; --height: 32px; --width: 100px; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: var(--border-radius); display: inline-flex; height: var(--height); padding: 2px 4px; position: relative; transition: 0.2s; vertical-align: middle; width: var(--width); }
.odd-box-with-logo::before { content: ""; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.odd-box-with-logo__inner { flex: 1 1 0%; }
.odd-box-with-logo__value { color: var(--color); font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; }
.odd-box-with-logo__label { color: var(--label-color); font-size: 10px; font-weight: 400; line-height: 1.2; text-align: center; }
.odd-box-with-logo:active { --bg-color: #e5f7ff; --border-color: #00b1ff; }
.odd-box-with-logo--disabled { --color: #b6c5d4; --label-color: #b6c5d4; pointer-events: none; }
.odd-box-with-logo--disabled .odd-box-with-logo__bookmaker-image { opacity: 0.4; }
.odd-box-with-logo--with-brand-logo { flex-direction: column; }
.odd-box-with-logo--with-brand-logo .odd-box-with-logo__inner { align-items: center; display: flex; flex-direction: column; justify-content: center; }
.odd-box-with-logo--with-brand-logo .odd-box-with-logo__brand-logo { margin-bottom: 3px; }
.odd-box-with-logo--lg { --bg-color: #f5f7f9; --height: 40px; }
.odd-box-with-logo--sm { --bg-color: #f5f7f9; --height: 44px; --width: 64px; flex-direction: column; padding: 4px 3px; }
.odd-box-with-logo--sm::before { display: none; }
.odd-box-with-logo--sm.odd-box-with-logo--with-label .odd-box-with-logo__inner { padding-top: 0px; }
.odd-box-with-logo--sm .odd-box-with-logo__bookmaker-image { order: 2; }
.odd-box-with-logo--sm .odd-box-with-logo__inner { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 4px 2px 0px; }
.odd-box-with-logo--sm .odd-box-with-logo__value { font-size: 12px; }
.odd-box-with-logo--sm .odd-box-with-logo__brand-logo { order: 2; }
.odd-box-with-logo--sm.odd-box-with-logo--with-bookmaker-image { --width: 56px; --height: 52px; --border-radius: 12px; }
.odd-box-with-logo--without-logo .odd-box-with-logo__inner { padding-top: 0px; }
.odd-box-with-logo--active { --bg-color: #e5f7ff; --border-color: #00b1ff; }
.odd-box-with-logo--won { --bg-color: #eafbf5; --border-color: #2ad198; }
.odd-box-with-logo--lost { --color: #b6c5d4; --label-color: #b6c5d4; }
.odd-box-with-logo--dark { --bg-color: #0f1d2e; --border-color: #1a3150; --color: #fff; --label-color: #84a8d7; }
.odd-box-with-logo--dark.odd-box-with-logo--active, .odd-box-with-logo--dark:active { --bg-color: #13385c; --border-color: #00b1ff; }
.odd-box-with-logo--dark.odd-box-with-logo--won { --bg-color: #18424d; --border-color: #2ad198; }
.odd-box-with-logo--dark.odd-box-with-logo--lost { --bg-color: #33223b; --border-color: #f33d59; }
.odd-box-with-logo--dark.odd-box-with-logo--disabled { --color: #6f8caa; --bg-color: #283e5b; --border-color: #6f8caa; }
@media (hover: hover) {
  .odd-box-with-logo:hover:not(.odd-box-with-logo--won):not(.odd-box-with-logo--lost):not(.odd-box-with-logo--disabled) { --bg-color: #fff; --border-color: #00b1ff; }
  .odd-box-with-logo.odd-box-with-logo--dark:hover:not(.odd-box-with-logo--won):not(.odd-box-with-logo--lost):not(.odd-box-with-logo--disabled) { --bg-color: #0f1d2e; --border-color: #00b1ff; }
}
@media (min-width: 768px) {
  .odd-box-with-logo::before { display: none; }
}
.search-bar { position: relative; }
.search-bar--gray { --search-bar-bg: #f5f7f9; --search-bar-bg-hover: #fff; --search-bar-border-hover: #b6c5d4; --search-bar-transition: background-color 0.2s; }
.search-bar--white { --search-bar-bg: #fff; --search-bar-bg-hover: #fff; --search-bar-border-hover: #0978c8; --search-bar-transition: border-color 0.2s; }
.search-bar--empty .search-bar__input { padding: 12px 12px 12px 40px; }
.search-bar__input { background-color: var(--search-bar-bg,#f5f7f9); border: 1px solid rgb(182, 197, 212); border-radius: 40px; font-size: 14px; height: 32px; outline: none; padding: 12px 40px; transition: var(--search-bar-transition,background-color .2s); width: 100%; }
.search-bar__input::placeholder { color: rgb(40, 62, 91); }
@media (hover: hover) {
  .search-bar__input:hover { background-color: var(--search-bar-bg-hover,#fff); border-color: var(--search-bar-border-hover,#b6c5d4); }
}
.search-bar__input:focus, .search-bar__input:focus-visible, .search-bar__input:focus-within { background-color: rgb(255, 255, 255); border-color: rgb(9, 120, 200); }
.search-bar__input::-webkit-search-cancel-button { display: none; }
.search-bar__search-icon { color: rgb(9, 120, 200); font-size: 20px; left: 16px; }
.search-bar__clear, .search-bar__search-icon { position: absolute; top: 50%; transform: translateY(-50%); }
.search-bar__clear { height: 16px; padding: 0px; right: 18px; }
.search-bar__clear-icon { color: rgb(111, 140, 170); font-size: 16px; }
.dropdown { --width: 100%; color: rgb(26, 49, 80); font-family: "Roboto", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.5; position: relative; }
.dropdown--highlighted { width: var(--width); }
.dropdown--highlighted .dropdown__toggle { background-color: rgb(245, 247, 249); border: 1px solid rgb(182, 197, 212); transition: border-color 0.2s; }
.dropdown--highlighted.dropdown--open .dropdown__toggle, .dropdown--white .dropdown__toggle { background-color: rgb(255, 255, 255); }
.dropdown--dark .dropdown__toggle { border: 1px solid rgb(40, 62, 91); }
.dropdown--dark.dropdown--text-only .dropdown__toggle { border: 1px solid rgba(0, 0, 0, 0); }
.dropdown--dark :is(.dropdown-menu-item__inner, .dropdown__menu, .dropdown__toggle) { color: rgb(255, 255, 255); }
.dropdown--dark :is(.dropdown__menu, .dropdown__toggle) { background-color: rgb(21, 40, 65); }
.dropdown--dark .dropdown-menu-item + .dropdown-menu-item { border-top: 1px solid rgb(40, 62, 91); }
.dropdown--with-icon-or-image .dropdown__toggle { padding: 8px 12px 8px 8px; }
.dropdown--without-icon-or-image .dropdown__toggle { padding: 8px 12px 8px 16px; }
:is(.dropdown--borderless, .dropdown--text-only) .dropdown__toggle { background-color: rgba(0, 0, 0, 0); font-weight: 500; }
:is(.dropdown--borderless.dropdown--open.dropdown:not(.dropdown--dark), .dropdown--text-only.dropdown--open.dropdown:not(.dropdown--dark)) .dropdown__toggle { background-color: rgb(255, 255, 255); }
:is(.dropdown--borderless.dropdown--open.dropdown--dark, .dropdown--text-only.dropdown--open.dropdown--dark) .dropdown__toggle { background-color: rgb(21, 40, 65); border: 1px solid rgb(40, 62, 91); color: rgb(255, 255, 255); }
.dropdown--icon-only .dropdown__toggle { padding: 8px; }
.dropdown--icon-only .dropdown__toggle::before { content: ""; inset: -3px; position: absolute; }
.dropdown__toggle { align-items: center; background-color: rgb(255, 255, 255); border-radius: 20px; display: flex; font-weight: 700; gap: 8px; height: 32px; justify-content: space-between; padding: 8px 12px 8px 8px; transition: background-color 0.2s, box-shadow 0.2s; width: 100%; }
.dropdown__trigger { align-items: center; display: flex; font-size: 14px; justify-content: center; margin-left: auto; }
.dropdown__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown__image { max-width: none; }
.dropdown__icon { color: rgb(9, 120, 200); font-size: 20px; }
.dropdown__menu { background-color: rgb(255, 255, 255); display: grid; grid-auto-flow: row; max-height: 195px; min-width: 100%; overflow: hidden auto; z-index: 10; }
.dropdown__menu::-webkit-scrollbar { --size: 4px; border-radius: 4px; height: var(--size); width: var(--size); }
.dropdown__menu::-webkit-scrollbar-thumb { background: rgba(182, 197, 212, 0.6); border-radius: 4px; }
.dropdown__menu::-webkit-scrollbar-corner, .dropdown__menu::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
.dropdown__menu--desktop { left: 0px; padding: 0px 8px 8px; position: absolute; top: 0px; }
.dropdown--menu-top .dropdown__menu { border-radius: 8px 8px 0px 0px; box-shadow: rgba(26, 49, 80, 0.1) 0px -4px 4px 0px; }
.dropdown--menu-bottom .dropdown__menu { border-radius: 0px 0px 8px 8px; box-shadow: rgba(26, 49, 80, 0.1) 0px 4px 4px 0px; }
.dropdown--disabled { opacity: 0.3; pointer-events: none; }
.dropdown--open .dropdown__toggle { border-color: rgba(0, 0, 0, 0); box-shadow: rgba(26, 49, 80, 0.2) 0px 0px 10px; }
.dropdown--open.dropdown--menu-top .dropdown__toggle { border-radius: 0px 0px 8px 8px; }
.dropdown--open.dropdown--menu-bottom .dropdown__toggle { border-radius: 8px 8px 0px 0px; }
.dropdown--open .dropdown__trigger--rotatable { transform: rotateX(180deg); }
@media (hover: hover) {
  .dropdown--highlighted:hover .dropdown__toggle { background-color: rgb(255, 255, 255); }
  .dropdown--dark:hover:not(.dropdown--open) .dropdown__toggle, .dropdown--white:hover:not(.dropdown--open) .dropdown__toggle { border-color: rgb(9, 120, 200); }
  :is(.dropdown--borderless.dropdown--dark:hover:not(.dropdown--open), .dropdown--text-only.dropdown--dark:hover:not(.dropdown--open)) .dropdown__toggle { border-color: rgba(0, 0, 0, 0); }
  .dropdown--borderless.dropdown:not(.dropdown--dark).dropdown__toggle:hover, .dropdown--text-only.dropdown:not(.dropdown--dark).dropdown__toggle:hover { background-color: rgb(255, 255, 255); color: rgb(9, 120, 200); }
  .dropdown--icon-only .dropdown__toggle:hover { color: rgb(9, 120, 200); }
}
@media (min-width: 768px) {
  .dropdown__menu--two-column { grid-template-columns: 1fr 1fr; }
  .dropdown__menu--two-column .dropdown-menu-item + .dropdown-menu-item { border-top: 0px; }
}
.dropdown-menu-item { min-width: var(--min-width,100%); padding: 8px; }
.dropdown-menu-item:last-child { padding-bottom: 0px; }
.dropdown-menu-item__inner { align-items: center; color: rgb(26, 49, 80); display: flex; font-family: "Roboto", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; gap: 8px; line-height: 1.5; transition: color 0.2s; }
.dropdown-menu-item--selected .dropdown-menu-item__inner { font-weight: 700; }
.dropdown-menu-item + .dropdown-menu-item { border-top: 1px solid rgb(225, 231, 237); }
.dropdown-menu-item__icon { color: rgb(9, 120, 200); font-size: 20px; }
.dropdown-menu-item__selector { margin-left: auto; }
.dropdown-menu-item__selector--tick { color: rgb(0, 161, 230); font-size: 20px; opacity: 0; transition: opacity 0.2s; }
.dropdown-menu-item--selected .dropdown-menu-item__selector--tick { opacity: 1; }
@media (hover: hover) {
  .dropdown-menu-item:hover { cursor: pointer; }
  .dropdown-menu-item:hover .dropdown-menu-item__inner { color: rgb(9, 120, 200); }
  .dropdown-menu-item:hover .checkbox__input + .checkbox__checkmark { --checkmark-background-color: #e5f7ff; --icon-color: #e5f7ff; }
  .dropdown-menu-item:hover .checkbox__input:checked + .checkbox__checkmark { --checkmark-border-color: #00a1e6; --checkmark-background-color: #00a1e6; --icon-color: #f5f7f9; }
}
.team-form, .team-form-item { align-items: center; display: flex; }
.team-form-item { justify-content: center; --size: 20px; --bg-color: #e1e7ed; --color: #6f8caa; --border-size: 1px; background-color: var(--bg-color); border: var(--border-size) solid #fff; border-radius: 50%; color: var(--color); font-family: "Montserrat", sans-serif; font-size: 10px; height: var(--size); text-align: center; text-transform: uppercase; width: var(--size); }
.team-form-item + .team-form-item { margin-left: -4px; }
.team-form-item--win { --bg-color: #2ad198; }
.team-form-item--loss { --bg-color: #f33d59; }
.team-form-item--draw { --bg-color: #6f8caa; }
.team-form-item--draw, .team-form-item--loss, .team-form-item--win { --color: #fff; }
.team-form-item--letter { --border-size: 2px; --size: 24px; }
.logo-bookmaker-rect { --image-bg: #0000; --width: 80px; --height: 30px; align-items: center; background: var(--image-bg); border-radius: 12px; display: inline-flex; height: var(--height); justify-content: center; padding: 2px 4px; vertical-align: middle; width: var(--width); }
.logo-bookmaker-rect--default { padding: 4px; }
.logo-bookmaker-rect--sm { padding: 0px; }
.logo-bookmaker-rect img { height: auto; max-height: 100%; max-width: 100%; width: auto; }
.logo-bookmaker-rect--sm { --width: 48px; --height: 16px; }
.logo-bookmaker-rect--md { --width: 40px; --height: 24px; }
.logo-bookmaker-rect--lg { --width: 40px; --height: 32px; }
.logo-bookmaker-rect--xl { --width: 48px; --height: 32px; }
.logo-bookmaker-rect--xxl { --width: 48px; --height: 44px; }
.odd-box-large { --bg-color: #f5f7f9; --bg-hover-color: #fff; --border-color: #e1e7ed; --label-color: #2e588e; --status-color: #1a3150; --value-color: #1a3150; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; display: inline-flex; height: 40px; overflow: hidden; padding-left: 3px; position: relative; transition: 0.2s; vertical-align: middle; width: 180px; }
.odd-box-large::before { content: ""; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.odd-box-large__content { flex: 1 1 0%; text-align: center; }
.odd-box-large__content .odd-box-large__value { margin-right: 0px; }
.odd-box-large__label { color: var(--label-color); font-size: 10px; font-weight: 400; line-height: 1.2; text-transform: uppercase; transition: 0.2s; }
.odd-box-large__value { color: var(--value-color); font-size: 14px; font-weight: 700; line-height: 1.2; margin-right: 7px; }
.odd-box-large__brand-logo { margin-left: 3px; }
.odd-box-large__btn { align-items: center; background: linear-gradient(90deg, rgb(0, 177, 255) 0px, rgb(9, 120, 200)); color: rgb(255, 255, 255); display: flex; font-size: 20px; height: 100%; justify-content: center; position: relative; width: 50px; }
.odd-box-large__btn::after, .odd-box-large__btn::before { background: var(--bg-color); content: ""; height: 50%; position: absolute; right: 100%; transform: skew(-15deg); transform-origin: 100% 100%; width: 5px; }
.odd-box-large__btn::before { top: 0px; }
.odd-box-large__btn::after { bottom: 0px; }
.odd-box-large__status { color: var(--status-color); font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; text-transform: uppercase; }
.odd-box-large--active, .odd-box-large:active { --border-color: #00b1ff; --label-color: #0978c8; --bg-color: #e5f7ff; }
.odd-box-large--disabled { --label-color: #b6c5d4; --value-color: #6f8caa; pointer-events: none; }
.odd-box-large--disabled .odd-box-large__btn { display: none; }
.odd-box-large--half-lost, .odd-box-large--half-won, .odd-box-large--lost, .odd-box-large--void, .odd-box-large--won { --bg-hover-color: var(--bg-color); --value-color: #6f8caa; border: 0px; }
:is(.odd-box-large--half-lost, .odd-box-large--half-won, .odd-box-large--lost, .odd-box-large--void, .odd-box-large--won) .odd-box-large__btn { display: none; }
:is(.odd-box-large--half-lost, .odd-box-large--half-won, .odd-box-large--lost, .odd-box-large--void, .odd-box-large--won) .odd-box-large__content { align-items: center; display: flex; justify-content: center; padding-right: 12px; }
:is(.odd-box-large--half-lost, .odd-box-large--half-won, .odd-box-large--lost, .odd-box-large--void, .odd-box-large--won) .odd-box-large__status { flex: 1 1 0%; }
.odd-box-large--half-won, .odd-box-large--won { --status-color: #23a97c; }
.odd-box-large--half-lost, .odd-box-large--lost { --status-color: #f33d59; }
.odd-box-large--half-lost, .odd-box-large--half-won { --bg-color: #f5f7f9; }
.odd-box-large--won { --bg-color: #eafbf5; }
.odd-box-large--lost { --bg-color: #feecee; }
.odd-box-large--void { --bg-color: #e1e7ed; --status-color: #6f8caa; }
.odd-box-large--dark { --bg-color: #0f1d2e; --bg-hover-color: #0f1d2e; --border-color: #1a3150; --label-color: #84a8d7; --status-color: #fff; --value-color: #fff; }
.odd-box-large--dark.odd-box-large--active, .odd-box-large--dark:active { --bg-color: #13385c; --border-color: #00b1ff; --label-color: #00b1ff; }
.odd-box-large--dark.odd-box-large--won { --bg-color: #18424d; --border-color: #2ad198; --status-color: #2ad198; border: 1px solid var(--border-color); }
.odd-box-large--dark.odd-box-large--half-won { --bg-color: #283e5b; --border-color: #2ad198; --status-color: #2ad198; border: 1px dashed var(--border-color); }
.odd-box-large--dark.odd-box-large--lost { --bg-color: #33223b; --border-color: #f33d59; --status-color: #f33d59; --value-color: #f5657b; }
.odd-box-large--dark.odd-box-large--half-lost { --bg-color: #283e5b; --border-color: #f33d59; --status-color: #f33d59; --value-color: #f5657b; border: 1px dashed var(--border-color); }
.odd-box-large--dark.odd-box-large--void { --bg-color: #283e5b; --border-color: #6f8caa; --status-color: #6f8caa; --value-color: #b6c5d4; }
.odd-box-large--dark.odd-box-large--disabled { --bg-color: #283e5b; --border-color: #6f8caa; --label-color: #6f8caa; --value-color: #6f8caa; }
@media (min-width: 768px) {
  .odd-box-large::before { display: none; }
}
@media (hover: hover) {
  .odd-box-large:hover:not(.odd-box-large--won):not(.odd-box-large--half-won):not(.odd-box-large--lost):not(.odd-box-large--half-lost):not(.odd-box-large--void):not(.odd-box-large--disabled) { --border-color: #00b1ff; --label-color: #0978c8; background-color: var(--bg-hover-color); }
  .odd-box-large.odd-box-large--dark:hover:not(.odd-box-large--won):not(.odd-box-large--half-won):not(.odd-box-large--lost):not(.odd-box-large--half-lost):not(.odd-box-large--void):not(.odd-box-large--disabled) { --border-color: #00b1ff; --label-color: #00b1ff; }
}
.odd-box-extra-large { --bg-color: #f5f7f9; --bg-hover-color: #fff; --border-color: #e1e7ed; --label-color: #2e588e; --status-color: #1a3150; --value-color: #1a3150; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; display: inline-flex; height: 40px; justify-content: space-between; min-width: 271px; overflow: hidden; padding-left: 3px; position: relative; transition: background 0.2s, color 0.2s, border-color 0.2s; }
.odd-box-extra-large::before { content: ""; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.odd-box-extra-large__wrapper { align-items: center; display: flex; justify-content: space-between; width: 100%; }
.odd-box-extra-large__bookmaker-image { min-width: 48px; }
.odd-box-extra-large__content { align-items: center; display: flex; gap: 8px; justify-content: space-between; padding: 0px 8px; width: 100%; }
.odd-box-extra-large__content-inner { font-size: 0px; text-align: center; }
.odd-box-extra-large__brand-logo { margin-top: 4px; }
.odd-box-extra-large__label { color: var(--label-color); font-size: 12px; font-weight: 400; line-height: 1.5; text-transform: uppercase; transition: 0.2s; }
.odd-box-extra-large__value { color: var(--value-color); font-size: 14px; font-weight: 700; line-height: 1.5; }
.odd-box-extra-large__btn { align-items: center; background: linear-gradient(90deg, rgb(0, 177, 255) 0px, rgb(9, 120, 200)); color: rgb(255, 255, 255); display: flex; font-size: 20px; height: 100%; justify-content: center; min-width: 118px; padding: 0px 4px; position: relative; }
.odd-box-extra-large__btn::after, .odd-box-extra-large__btn::before { background: var(--bg-color); content: ""; height: 50%; position: absolute; right: 100%; transform: skew(-15deg); transform-origin: 100% 100%; width: 5px; }
.odd-box-extra-large__btn::before { top: 0px; }
.odd-box-extra-large__btn::after { bottom: 0px; }
.odd-box-extra-large__btn-label { font: 700 12px / 1.2 "Montserrat", sans-serif; margin-right: 4px; text-align: center; text-transform: uppercase; }
.odd-box-extra-large__status { color: var(--status-color); font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; text-transform: uppercase; }
.odd-box-extra-large--active, .odd-box-extra-large:active { --border-color: #00b1ff; --label-color: #0978c8; --bg-color: #e5f7ff; }
.odd-box-extra-large--disabled { --label-color: #b6c5d4; --value-color: #6f8caa; pointer-events: none; }
.odd-box-extra-large--disabled .odd-box-extra-large__btn { display: none; }
.odd-box-extra-large--half-lost, .odd-box-extra-large--half-won, .odd-box-extra-large--lost, .odd-box-extra-large--void, .odd-box-extra-large--won { --bg-hover-color: var(--bg-color); --value-color: #6f8caa; border: 0px; }
:is(.odd-box-extra-large--half-lost, .odd-box-extra-large--half-won, .odd-box-extra-large--lost, .odd-box-extra-large--void, .odd-box-extra-large--won) .odd-box-extra-large__btn { display: none; }
:is(.odd-box-extra-large--half-lost, .odd-box-extra-large--half-won, .odd-box-extra-large--lost, .odd-box-extra-large--void, .odd-box-extra-large--won) .odd-box-extra-large__content { align-items: center; display: flex; justify-content: center; padding-right: 12px; }
:is(.odd-box-extra-large--half-lost, .odd-box-extra-large--half-won, .odd-box-extra-large--lost, .odd-box-extra-large--void, .odd-box-extra-large--won) .odd-box-extra-large__status { flex: 1 1 0%; }
.odd-box-extra-large--won { --bg-color: #eafbf5; --status-color: #23a97c; }
.odd-box-extra-large--half-won { --bg-color: #f5f7f9; --status-color: #23a97c; }
.odd-box-extra-large--half-lost { --bg-color: #f5f7f9; --status-color: #f33d59; }
.odd-box-extra-large--lost { --bg-color: #feecee; --status-color: #f33d59; }
.odd-box-extra-large--void { --bg-color: #e1e7ed; --status-color: #6f8caa; }
.odd-box-extra-large--dark { --bg-color: #0f1d2e; --bg-hover-color: #0f1d2e; --border-color: #1a3150; --label-color: #84a8d7; --status-color: #fff; --value-color: #fff; }
.odd-box-extra-large--dark.odd-box-extra-large--active, .odd-box-extra-large--dark:active { --bg-color: #13385c; --border-color: #00b1ff; --label-color: #00b1ff; }
.odd-box-extra-large--dark.odd-box-extra-large--won { --bg-color: #18424d; --border-color: #2ad198; --status-color: #2ad198; border: 1px solid var(--border-color); }
.odd-box-extra-large--dark.odd-box-extra-large--half-won { --bg-color: #283e5b; --border-color: #2ad198; --status-color: #2ad198; border: 1px dashed var(--border-color); }
.odd-box-extra-large--dark.odd-box-extra-large--lost { --bg-color: #33223b; --border-color: #f33d59; --status-color: #f33d59; --value-color: #f5657b; }
.odd-box-extra-large--dark.odd-box-extra-large--half-lost { --bg-color: #283e5b; --border-color: #f33d59; --status-color: #f33d59; --value-color: #f5657b; border: 1px dashed var(--border-color); }
.odd-box-extra-large--dark.odd-box-extra-large--void { --bg-color: #283e5b; --border-color: #6f8caa; --status-color: #6f8caa; --value-color: #b6c5d4; }
.odd-box-extra-large--dark.odd-box-extra-large--disabled { --bg-color: #283e5b; --border-color: #6f8caa; --label-color: #6f8caa; --value-color: #6f8caa; }
@media (min-width: 768px) {
  .odd-box-extra-large::before { display: none; }
}
@media (hover: hover) {
  .odd-box-extra-large:hover:not(.odd-box-extra-large--won):not(.odd-box-extra-large--half-won):not(.odd-box-extra-large--lost):not(.odd-box-extra-large--half-lost):not(.odd-box-extra-large--void):not(.odd-box-extra-large--disabled) { --border-color: #00b1ff; --label-color: #0978c8; background-color: var(--bg-hover-color); }
  .odd-box-extra-large.odd-box-extra-large--dark:hover:not(.odd-box-extra-large--won):not(.odd-box-extra-large--half-won):not(.odd-box-extra-large--lost):not(.odd-box-extra-large--half-lost):not(.odd-box-extra-large--void):not(.odd-box-extra-large--disabled) { --border-color: #00b1ff; --label-color: #00b1ff; }
}
.odd-box-with-label { --bg-color: #f5f7f9; --bg-hover-color: #fff; --border-color: #e1e7ed; --label-color: #2e588e; --value-color: #1a3150; align-items: center; background: var(--bg-color); border: 1px solid var(--border-color); border-radius: 16px; display: inline-flex; height: 40px; padding-left: 3px; position: relative; transition: 0.2s; vertical-align: middle; width: 200px; }
.odd-box-with-label::before { content: ""; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.odd-box-with-label__content { align-items: center; display: flex; flex: 1 1 0%; justify-content: space-between; padding: 0px 12px 0px 8px; }
.odd-box-with-label__content-inner { font-size: 0px; text-align: center; }
.odd-box-with-label__brand-logo { margin-top: 4px; }
.odd-box-with-label__label { color: var(--label-color); font-size: 12px; font-weight: 400; padding-right: 2px; text-transform: uppercase; }
.odd-box-with-label__value { color: var(--value-color); font-size: 14px; font-weight: 700; }
.odd-box-with-label--disabled { --bg-color: #f5f7f9; --border-color: #e1e7ed; --label-color: #b6c5d4; --value-color: #b6c5d4; pointer-events: none; }
.odd-box-with-label--disabled .odd-box-with-label__bookmaker-image { opacity: 0.4; }
.odd-box-with-label--active, .odd-box-with-label:active { --bg-color: #e5f7ff; --border-color: #00b1ff; --label-color: #0978c8; }
.odd-box-with-label--won { --bg-color: #eafbf5; --border-color: #2ad198; --label-color: #23a97c; }
.odd-box-with-label--dark { --bg-color: #0f1d2e; --bg-hover-color: #0f1d2e; --border-color: #1a3150; --label-color: #84a8d7; --value-color: #fff; }
.odd-box-with-label--dark.odd-box-with-label--active, .odd-box-with-label--dark:active { --bg-color: #13385c; --border-color: #00b1ff; --label-color: #00b1ff; }
.odd-box-with-label--dark.odd-box-with-label--won { --bg-color: #18424d; --border-color: #2ad198; --label-color: #2ad198; }
.odd-box-with-label--dark.odd-box-with-label--lost { --bg-color: #33223b; --border-color: #f33d59; --label-color: #f33d59; --value-color: #f5657b; }
.odd-box-with-label--dark.odd-box-with-label--disabled { --bg-color: #283e5b; --border-color: #6f8caa; --label-color: #6f8caa; --value-color: #6f8caa; }
@media (min-width: 768px) {
  .odd-box-with-label::before { display: none; }
}
@media (hover: hover) {
  .odd-box-with-label:hover:not(.odd-box-with-label--won):not(.odd-box-with-label--lost):not(.odd-box-with-label--disabled) { --border-color: #00b1ff; --label-color: #0978c8; background-color: var(--bg-hover-color); }
  .odd-box-with-label.odd-box-with-label--dark:hover:not(.odd-box-with-label--won):not(.odd-box-with-label--lost):not(.odd-box-with-label--disabled) { --border-color: #00b1ff; --label-color: #00b1ff; }
}
.separator-vertical { --size: 24px; border-left: 1px solid; color: rgb(245, 247, 249); display: inline-block; height: var(--size); vertical-align: middle; }
.separator-vertical--dashed { border-left-style: dashed; }
.separator-vertical--xs { --size: 16px; }
.separator-vertical--sm { --size: 20px; }
.separator-vertical--md { --size: 24px; }
.separator-vertical--lg { --size: 40px; }
.separator-vertical--xl { --size: 64px; }
.separator-vertical--xxl { --size: 80px; }
.circle-icon { --size: 40px; --font-size: 24px; --text-font-size: 10px; align-items: center; background: rgb(245, 247, 249); border-radius: 50%; display: inline-flex; font-size: var(--font-size); height: var(--size); justify-content: center; vertical-align: middle; width: var(--size); }
.circle-icon img { height: var(--font-size); width: var(--font-size); }
.circle-icon__text { color: rgb(26, 49, 80); font-size: var(--text-font-size); font-weight: 700; }
.circle-icon--150 { --size: 20px; --font-size: 12px; --text-font-size: 10px; }
.circle-icon--200 { --size: 24px; --font-size: 16px; --text-font-size: 10px; }
.circle-icon--300 { --size: 32px; --font-size: 20px; --text-font-size: 12px; }
.circle-icon--400 { --size: 40px; --font-size: 24px; --text-font-size: 14px; }
.circle-icon--500 { --size: 48px; --font-size: 24px; --text-font-size: 14px; }
.circle-icon--600 { --size: 56px; --font-size: 32px; --text-font-size: 16px; }
.circle-icon--700 { --size: 64px; --font-size: 32px; --text-font-size: 16px; }
.circle-icon--800 { --size: 72px; --font-size: 40px; --text-font-size: 18px; }
.circle-icon--900 { --size: 80px; --font-size: 40px; --text-font-size: 18px; }
.stats-shots-item { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; --number-top: 8px; --number-left: 8px; --number-bg-color: #fff; --image-size: 64px; --color: #1a3150; display: flex; position: relative; }
.stats-shots-item__number { background-color: var(--number-bg-color); border-radius: 9px; color: var(--color); display: inline-block; font-size: 12px; height: 18px; left: var(--number-left); line-height: 18px; position: absolute; text-align: center; top: var(--number-top); width: 18px; }
.stats-shots-item__number--bottom-dark { --number-top: 32px; --number-left: 35px; --number-bg-color: #1a3150; --color: #fff; }
.stats-shots-item--away .stats-shots-item__number { --number-left: 38px; }
.stats-shots-item--away .stats-shots-item__number--bottom-dark { --number-left: 11px; }
.stats-shots-item__image { max-width: var(--image-size); }
.stats-shots-item--lg { --image-size: 80px; --number-top: 10px; --number-left: 15px; }
.stats-shots-item--lg .stats-shots-item__number--bottom-dark { --number-top: 35px; --number-left: 43px; }
.stats-shots-item--lg.stats-shots-item--away .stats-shots-item__number { --number-left: 46px; }
.stats-shots-item--lg.stats-shots-item--away .stats-shots-item__number--bottom-dark { --number-left: 18px; }
.stats-meter { --stroke-color: #23a97c; font-size: 12px; position: relative; text-align: center; width: 82px; }
.stats-meter--text-light { color: rgb(255, 255, 255); }
.stats-meter--inverse { --stroke-color: #f33d59; }
.stats-meter__inner { display: flex; }
.stats-meter__backdrop { stroke: rgb(225, 231, 237); }
.stats-meter__progress { stroke: var(--progress-bar-color,var(--stroke-color)); }
.stats-meter__value { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; left: 50%; position: absolute; transform: translateX(-50%); }
.stats-meter__value--sm { font-size: 12px; top: 28px; }
.stats-meter__value--md { font-size: 16px; top: 24px; }
.stats-box { align-items: center; background-color: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(26, 49, 80, 0.04) 0px 4px 4px; color: rgb(26, 49, 80); display: flex; height: 53px; padding: 8px; }
.stats-box--dark { background-color: rgb(26, 49, 80); color: rgb(255, 255, 255); }
.stats-box__image { flex: 0 0 32px; margin-right: 8px; width: 32px; }
.stats-box__content { flex: 1 1 0%; }
.stats-box__value { color: inherit; font-family: "Montserrat", sans-serif; font-size: 18px; line-height: 1.2; }
.stats-box--dark .stats-box__value { color: rgb(255, 255, 255); }
.stats-box:not(.stats-box--dark) .stats-box__value { color: rgb(9, 120, 200); }
.stats-box__label { color: inherit; font-size: 12px; line-height: 1.2; }
.stats-box--dark .stats-box__label { color: rgb(255, 255, 255); }
.stats-box:not(.stats-box--dark) .stats-box__label { color: rgb(26, 49, 80); }
.frame-slot { display: inline-block; position: relative; vertical-align: middle; }
.frame-slot__bottom-left, .frame-slot__bottom-right, .frame-slot__top-left, .frame-slot__top-right { position: absolute; z-index: 1; }
.frame-slot__top-left { left: 0px; top: 0px; transform: translate(-15%, -15%); }
.frame-slot__top-right { right: 0px; top: 0px; transform: translate(15%, -15%); }
.frame-slot__bottom-left { bottom: 0px; left: 0px; transform: translate(-15%, 15%); }
.frame-slot__bottom-right { bottom: 0px; right: 0px; transform: translate(15%, 15%); }
.skeleton-item-button { --height: 32px; --width: 160px; animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; background: linear-gradient(90deg, rgb(225, 231, 237), rgb(245, 247, 249)); display: inline-block; height: var(--height); width: var(--width); }
.skeleton-item-button--normal { border-radius: calc(var(--height)/2); }
.skeleton-item-button--icon { --height: 24px; --width: 24px; border-radius: 8px; }
@media (min-width: 1024px) {
  .skeleton-item-button--normal { --height: 40px; --width: 200px; }
}
.skeleton-item-circle { background-color: rgb(225, 231, 237); border-radius: 50%; }
.skeleton-item-circle, .skeleton-item-odds { animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; display: inline-block; }
.skeleton-item-odds { --width: 160px; --height: 40px; background: linear-gradient(90deg, rgb(225, 231, 237), rgb(245, 247, 249)); border-radius: 8px; height: var(--height); width: var(--width); }
.skeleton-item-odds--sm { --width: 56px; --height: 52px; }
.skeleton-item-odds--md { --width: 64px; --height: 44px; }
.skeleton-item-text { --height: 12px; animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; background: linear-gradient(90deg, rgb(225, 231, 237), rgb(245, 247, 249)); border-radius: 8px; height: var(--height); }
.skeleton-item-text--h1, .skeleton-item-text--h2, .skeleton-item-text--h3 { --height: 24px; }
@media (min-width: 768px) {
  .skeleton-item-text--h1, .skeleton-item-text--h2, .skeleton-item-text--h3 { --height: 32px; }
}
.skeleton-item-header { --height: 32px; animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; background: linear-gradient(90deg, rgb(225, 231, 237), rgb(245, 247, 249)); height: var(--height); }
.skeleton-item-header--image { --height: 117px; }
.skeleton-item-smart-bet { animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; background: linear-gradient(90deg, rgb(225, 231, 237), rgb(245, 247, 249)); border-radius: 8px; display: inline-block; height: 56px; width: 140px; }
.no-results-found { --image-max-width: 200px; --icon-size: 64px; align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.no-results-found__image { position: relative; }
.no-results-found__image img { max-width: var(--image-max-width); }
.no-results-found__image i { color: rgb(111, 140, 170); font-size: var(--icon-size); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -24%); }
.no-results-found__title { color: rgb(26, 49, 80); font-size: 16px; margin: 16px auto 0px; max-width: 360px; }
.no-results-found__foot { margin-top: 16px; }
@media (min-width: 1024px) {
  .no-results-found:not(.aside .no-results-found) { --image-max-width: 100%; --icon-size: 80px; }
}
.live-indicator { background: rgb(243, 61, 89); border-radius: 50%; display: inline-block; height: 5px; min-width: 5px; position: relative; vertical-align: middle; width: 5px; }
.live-indicator::before { animation: 0.5s ease 0s infinite normal none running blink; background: rgba(243, 61, 89, 0.3); border-radius: 50%; content: ""; height: 9px; left: 0px; position: absolute; top: 0px; transform: translate(-2px, -2px); width: 9px; }
@keyframes blink { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.btn-pagination { --color: #283e5b; --bg: #f5f7f9; align-items: center; background: var(--bg); border-radius: 80px; color: var(--color); display: flex; font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; height: 32px; justify-content: center; position: relative; text-transform: uppercase; transition: 0.2s; width: 100%; }
.btn-pagination::before { content: ""; inset: -6px 0px; position: absolute; width: 100%; }
.btn-pagination__right-side { font-size: 16px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }
.btn-pagination__right-side .fo { display: block; }
.btn-pagination--disabled { --bg: #e1e7ed; --color: #b6c5d4; pointer-events: none; }
.btn-pagination--loading { --color: #0978c8; pointer-events: none; }
.btn-pagination--dark { --bg: #0000; --color: #f5f7f9; border: 1px solid rgb(40, 62, 91); }
.btn-pagination--dark.btn-pagination--loading { --color: #00b1ff; }
.btn-pagination--dark.btn-pagination--disabled { --color: #283e5b; }
@media (hover: hover) {
  .btn-pagination:hover { --color: #0978c8; }
  .btn-pagination--disabled:hover { --bg: #e1e7ed; --color: #b6c5d4; }
  .btn-pagination--dark:hover { --color: #00b1ff; }
}
@media (min-width: 768px) {
  .btn-pagination::before { display: none; }
}
.icon-loading { animation: 1s linear 0s infinite normal none running spin; }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.promo-code { --promo-opacity: 0.3; --promo-cursor: pointer; --color: #fff; --border-color: #fff; align-items: center; background-color: rgba(10,19,31,var(--promo-opacity)); border: 1px dashed var(--border-color); border-radius: 8px; color: var(--color); cursor: var(--promo-cursor); display: inline-flex; font-family: "Montserrat", sans-serif; font-size: 10px; justify-content: space-between; min-height: 28px; padding: 4px 8px; position: relative; transition: background-color 0.2s, color 0.2s; }
.promo-code--copied, .promo-code--disabled { --promo-cursor: default; }
.promo-code--lg { font-size: 14px; min-height: 32px; }
.promo-code--light { --promo-opacity: 0; --color: #1a3150; --border-color: #b6c5d4; }
.promo-code--light.promo-code--disabled { --color: #b6c5d4; }
.promo-code__icon { display: inline-block; font-size: 12px; margin-left: 4px; }
@media (hover: hover) {
  .promo-code:hover { --promo-opacity: 0.5; }
  .promo-code--copied:hover, .promo-code--disabled:hover { --promo-opacity: 0.3; }
  .promo-code--light:hover { --promo-opacity: 0; --color: #0978c8; }
  .promo-code--light.promo-code--copied:hover { --color: #1a3150; }
  .promo-code--light.promo-code--disabled:hover { --color: #b6c5d4; }
}
.promo-code-with-text { --promo-text-color: #1a3150; --promo-text-cursor: pointer; --promo-text-border-color: #00b1ff; align-items: center; background-color: rgb(255, 255, 255); border: 1px dashed var(--promo-text-border-color); border-radius: 16px; color: var(--promo-text-color); cursor: var(--promo-text-cursor); display: inline-flex; flex-direction: column; gap: 4px; justify-content: center; min-height: 62px; padding: 8px 16px; width: 100%; }
.promo-code-with-text__text { color: rgb(26, 49, 80); font-size: 12px; text-align: center; }
.promo-code-with-text__code { align-items: center; display: flex; font-family: "Montserrat", sans-serif; font-size: 20px; gap: 8px; text-transform: uppercase; }
.promo-code-with-text__icon { font-size: 16px; }
.promo-code-with-text--copied { --promo-text-cursor: default; }
@media (hover: hover) {
  .promo-code-with-text:hover { --promo-text-color: #0978c8; --promo-text-border-color: #0978c8; }
}
.two-teams-logos { --logo-size: 16px; --second-logo-offset: calc(var(--logo-size)/2); --size: calc(var(--logo-size) + var(--second-logo-offset)); display: inline-flex; height: var(--size); width: var(--size); }
.two-teams-logos--xs { --logo-size: 12px; }
.two-teams-logos__first-team, .two-teams-logos__second-team { background: rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(26, 49, 80, 0.1) 0px 0px 4px; display: inline-flex; flex-shrink: 0; height: var(--logo-size); padding: 1px; width: var(--logo-size); }
.two-teams-logos__second-team { transform: translateX(calc(var(--second-logo-offset)*-1)) translateY(var(--second-logo-offset)); }
.logo-abbreviation { --size: 40px; --font-size: 16px; border-radius: 50%; height: var(--size); overflow: hidden; width: var(--size); }
.logo-abbreviation__inner { align-items: center; background: rgb(229, 247, 255); border-radius: 50%; color: rgb(0, 177, 255); display: flex; font-family: "Montserrat", sans-serif; font-size: var(--font-size); font-style: italic; font-weight: 700; height: 100%; justify-content: center; width: 100%; }
.logo-abbreviation--100 { --size: 16px; --font-size: 8px; }
.logo-abbreviation--100.logo-abbreviation--has-background { padding: 1px; }
.logo-abbreviation--150 { --size: 20px; --font-size: 10px; }
.logo-abbreviation--150.logo-abbreviation--has-background { padding: 1px; }
.logo-abbreviation--200 { --size: 24px; --font-size: 10px; }
.logo-abbreviation--200.logo-abbreviation--has-background { padding: 1px; }
.logo-abbreviation--300 { --size: 32px; --font-size: 16px; }
.logo-abbreviation--300.logo-abbreviation--has-background { padding: 2px; }
.logo-abbreviation--400 { --size: 40px; --font-size: 16px; }
.logo-abbreviation--400.logo-abbreviation--has-background { padding: 2px; }
.logo-abbreviation--500 { --size: 48px; --font-size: 20px; }
.logo-abbreviation--500.logo-abbreviation--has-background { padding: 2px; }
.logo-abbreviation--600 { --size: 56px; --font-size: 24px; }
.logo-abbreviation--600.logo-abbreviation--has-background { padding: 4px; }
.logo-abbreviation--700 { --size: 64px; --font-size: 24px; }
.logo-abbreviation--700.logo-abbreviation--has-background { padding: 4px; }
.logo-abbreviation--800 { --size: 72px; --font-size: 32px; }
.logo-abbreviation--800.logo-abbreviation--has-background { padding: 4px; }
.logo-abbreviation--900 { --size: 80px; --font-size: 32px; }
.logo-abbreviation--900.logo-abbreviation--has-background { padding: 4px; }
.logo-bookmaker { --size: 40px; --logo-bg: #0000; --logo-border-color: #0000; --logo-border-width: 3px; align-items: center; background: var(--logo-bg); border: var(--logo-border-width) solid var(--logo-border-color); border-radius: 50%; display: flex; height: var(--size); justify-content: center; width: var(--size); }
.logo-bookmaker--150 { --size: 20px; --logo-border-width: 1px; }
.logo-bookmaker--200 { --size: 24px; --logo-border-width: 1px; }
.logo-bookmaker--300 { --size: 32px; --logo-border-width: 1px; }
.logo-bookmaker--400 { --size: 40px; --logo-border-width: 2px; }
.logo-bookmaker--500 { --size: 48px; --logo-border-width: 2px; }
.logo-bookmaker--600 { --size: 56px; --logo-border-width: 2px; }
.logo-bookmaker--700 { --size: 64px; --logo-border-width: 4px; }
.logo-bookmaker--800 { --size: 72px; --logo-border-width: 4px; }
.logo-bookmaker--900 { --size: 80px; --logo-border-width: 4px; }
.no-results-found-text-only { margin: auto; max-width: 336px; text-align: center; }
.no-results-found-text-only__text { background: rgb(245, 247, 249); border-radius: 8px; color: rgb(111, 140, 170); font-size: 16px; padding: 8px 16px; }
.no-results-found-text-only__content { margin-top: 16px; }
.stars-rating, .stars-rating__list { align-items: center; display: flex; }
.stars-rating__item { display: flex; font-size: 16px; }
.stars-rating__item + .stars-rating__item { margin-left: 2px; }
.stars-rating__item .fo-star-filled { color: rgb(255, 211, 51); }
.stars-rating__item .fo-star { color: rgb(225, 231, 237); }
.stars-rating__item-rate { color: rgb(26, 49, 80); font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; line-height: 1; margin-left: 8px; }
.stars-rating--dark .stars-rating__item-rate { color: rgb(255, 255, 255); }
.stars-rating--dark .stars-rating__item .fo-star { color: rgb(111, 140, 170); }
@media (max-width: 767.98px) {
  .stars-rating__item-rate--hide-mobile { display: none; }
}
.input-with-action { --height: 40px; display: flex; flex-direction: column; }
.input-with-action__input { --border-color: #6f8caa; --border-radius: 8px; background-color: rgb(255, 255, 255); border: 1px solid var(--border-color); border-radius: var(--border-radius); color: rgb(26, 49, 80); font: 14px / 1.5 "Roboto", sans-serif; height: var(--height); outline: none; padding: 8px 32px 8px 12px; width: 100%; }
.input-with-action__input::placeholder { color: rgb(111, 140, 170); }
.input-with-action__input:focus, .input-with-action__input:focus-visible, .input-with-action__input:focus-within { --border-color: #0978c8; }
.input-with-action__input--with-error, .input-with-action__input--with-error:focus, .input-with-action__input--with-error:focus-visible, .input-with-action__input--with-error:focus-within { --border-color: #f33d59; }
.input-with-action__button { height: var(--height); margin-top: 10px; white-space: nowrap; }
@media (min-width: 768px) {
  .input-with-action { flex-direction: row; }
  .input-with-action__input { --border-radius: 80px 0 0 80px; }
  .input-with-action__button { margin: 0px 0px 0px -20px; }
}
.progress-bar-vertical { --height: 48px; --gap: 8px; align-items: center; display: inline-flex; flex-direction: column; }
.progress-bar-vertical--md { --height: 54px; --gap: 12px; }
.progress-bar-vertical__container { align-items: flex-end; display: flex; gap: var(--gap); height: var(--height); }
.progress-bar-vertical__away, .progress-bar-vertical__home { border-radius: 8px; height: 100%; overflow: hidden; position: relative; width: 12px; }
.progress-bar-vertical__track { background-color: rgb(225, 231, 237); border-radius: 6px; height: 100%; width: 100%; }
.progress-bar-vertical__fill { border-radius: 6px; height: 100%; position: absolute; top: var(--top-indentation,0); width: 100%; }
.progress-bar-vertical__home .progress-bar-vertical__fill { background-color: var(--fill-color,#0978c8); }
.progress-bar-vertical__away .progress-bar-vertical__fill { background-color: var(--fill-color,#2e588e); }
.progress-bar-with-label { --segment-background-color: #2e588e; --skew: 8px; --gap: 3px; border-radius: 80px; display: flex; height: 18px; overflow: hidden; width: 100%; }
.progress-bar-with-label__segment { align-items: center; background-color: var(--segment-background-color); display: flex; flex-basis: 0px; flex-shrink: 0; justify-content: center; min-width: 40px; }
.progress-bar-with-label__segment--highest { --segment-background-color: #0978c8; }
.progress-bar-with-label__value { color: rgb(255, 255, 255); font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; line-height: 1.2; }
:is(.progress-bar-with-label--double, .progress-bar-with-label--triple) .progress-bar-with-label__segment:first-child { clip-path: polygon(0 0,100% 0,calc(100% - var(--skew)) 100%,0 100%); padding-right: var(--skew); }
:is(.progress-bar-with-label--double, .progress-bar-with-label--triple) .progress-bar-with-label__segment:last-child { clip-path: polygon(var(--skew) 0,100% 0,100% 100%,0 100%); margin-left: calc((var(--skew) - var(--gap))*-1); padding-left: var(--skew); }
.progress-bar-with-label--triple .progress-bar-with-label__segment--draw { clip-path: polygon(var(--skew) 0,100% 0,calc(100% - var(--skew)) 100%,0 100%); margin-left: calc((var(--skew) - var(--gap))*-1); padding: 0 var(--skew); }
.tips-box { --status-color: #1a3150; background-color: rgb(245, 247, 249); border-radius: 8px; height: 40px; position: relative; transform: skew(-15deg); width: 80px; }
.tips-box__inner { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; transform: skew(15deg); }
.tips-box__value { color: var(--status-color); font-family: "Montserrat", sans-serif; font-size: 14px; font-style: italic; font-weight: 700; line-height: 1.5; }
.tips-box__label { color: rgb(111, 140, 170); font-size: 10px; line-height: 1.5; text-transform: uppercase; }
.tips-box--won { --status-color: #23a97c; }
.tips-box--lost { --status-color: #f33d59; }
.tips-box--void { --status-color: #6f8caa; }
.odd-box-with-market-and-outcome { --background-color: #e5f7ff; --outcome-color: #0978c8; --market-color: #2e588e; align-items: center; background-color: var(--background-color); border-radius: 16px; display: flex; gap: 4px; justify-content: center; padding: 2px 2px 2px 8px; width: 250px; }
.odd-box-with-market-and-outcome--won { --background-color: #eafbf5; --outcome-color: #23a97c; }
.odd-box-with-market-and-outcome--won:not(.odd-box-with-market-and-outcome--dark) .odd-box-with-logo { --bg-color: #fff; }
.odd-box-with-market-and-outcome--disabled, .odd-box-with-market-and-outcome--lost { --background-color: #f5f7f9; --outcome-color: #6f8caa; }
.odd-box-with-market-and-outcome__outcome { color: var(--outcome-color); font-size: 12px; font-weight: 700; text-transform: uppercase; }
.odd-box-with-market-and-outcome__market { color: var(--market-color); font-size: 12px; text-transform: uppercase; }
.odd-box-with-market-and-outcome__odd { margin-left: auto; }
.odd-box-with-market-and-outcome--dark { --background-color: #13385c; --outcome-color: #fff; --market-color: #84a8d7; }
:is(.odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--disabled, .odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--lost, .odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--won) .odd-box-with-logo { --bg-color: #0f1d2e; }
.odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--won { --background-color: #18424d; --outcome-color: #2ad198; }
.odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--lost { --background-color: #33223b; --outcome-color: #f5657b; }
.odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--lost .odd-box-with-logo { --color: #6f8caa; }
.odd-box-with-market-and-outcome--dark.odd-box-with-market-and-outcome--disabled { --background-color: #283e5b; --outcome-color: #6f8caa; --market-color: #6f8caa; }
.section-header { min-height: 44px; overflow: hidden; padding: 0px 12px; }
@media (min-width: 1024px) {
  .section-header:not(.aside *) { min-height: 48px; padding: 2px 16px; }
}
.section-header-title { margin: 0px; }
.section-header-icon { color: rgb(0, 177, 255); font-size: 20px; }
@media (min-width: 1024px) {
  .section-header-icon:not(.aside *) { font-size: 24px; }
}
.section-body { background-color: rgb(225, 231, 237); padding: 12px; }
@media (min-width: 1024px) {
  .section-body:not(.aside *) { padding: 16px; }
}
.card { background-color: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(26, 49, 80, 0.04) 0px 2px 2px 0px; overflow: hidden; }
.card-body--default-padding { padding: 12px; }
.card-body--narrow-padding { padding: 8px; }
@media (min-width: 1024px) {
  .card-body--default-padding { padding: 12px 16px 16px; }
  .aside .card-body--default-padding, .card-body--narrow-padding { padding: 12px; }
  .aside .card-body--narrow-padding { padding: 8px; }
}
.card-header { align-items: center; display: flex; justify-content: space-between; min-height: 44px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.btn__label, .footer-contact__actions a, .footer-contact__inner strong, .old-btn, .old-progressbar-container .old-progressbar__info span, .site-highlights ul li strong, .table strong { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.site-highlights ul li span { font-weight: 500; }
.old-modal__description, .site-highlights ul li span { font-family: "Roboto", sans-serif; font-style: normal; }
.old-modal__description { font-weight: 400; }
.footer-ad__pill, .nav-dark { font-size: 11px; text-transform: uppercase; }
.nav-base .nav__link { display: flex; }
.nav-base, .old-progressbar-container .old-progressbar__info { align-items: center; display: flex; }
.input { border-radius: 80px; }
.nav-calendar .nav__link { position: relative; }
.nav-calendar .nav__link::after { background: rgb(0, 177, 255); border-radius: 3px 3px 0px 0px; content: ""; height: 3px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: 0.3s; visibility: hidden; width: 0px; }
.nav-calendar .active.nav__link::after, .nav-calendar .nuxt-link-exact-active.nav__link::after, .nav-calendar .router-link-exact-active.nav__link::after { opacity: 1; visibility: visible; width: 100%; }
.nav-dark .nav__link { position: relative; }
.nav-dark .nav__link::after { background: rgb(0, 177, 255); border-top-left-radius: 3px; border-top-right-radius: 3px; bottom: 0px; content: ""; height: 3px; left: 0px; opacity: 0; position: absolute; transition: 0.3s; visibility: hidden; width: 0px; }
.nav-dark .active.nav__link::after, .nav-dark .nuxt-link-exact-active.nav__link::after, .nav-dark .router-link-exact-active.nav__link::after { opacity: 1; visibility: visible; width: 100%; }
.btn-filter, .old-btn { align-items: center; appearance: none; border-radius: 80px; cursor: pointer; display: inline-flex; justify-content: center; min-height: 36px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.2s; }
.masked-link, .masked-url { cursor: pointer; display: inline; }
.masked-link { color: rgb(0, 177, 255); text-decoration: none; transition: 0.2s; }
.masked-link:focus, .masked-link:hover { color: rgb(26, 49, 80); }
hr { border-width: 8px 0px 0px; border-style: solid none none; border-color: rgb(225, 231, 237) currentcolor currentcolor; border-image: none; margin: 0px; }
.hr--dashed { border-top-style: dashed; border-top-width: 1px; margin-bottom: 15px; }
.is-placeholder .aside { border-left-color: rgba(0, 0, 0, 0); }
.placeholder { animation: 1s linear 0s infinite normal none running placeholder-glow; }
.placeholder svg { height: auto; width: 100%; }
.placeholder--bm-overview-subheader { margin: 10px 0px; }
.placeholder--bm-overview-list-item { margin-bottom: 10px; }
.placeholder--bm-overview-payment-methods, .placeholder--bm-overview-payment-methods-single { margin-bottom: 50px; }
.placeholder--breadcrumb-bar { align-items: center; display: flex; margin: 10px 0px; }
.placeholder--matchlist { padding: 0px 0px 20px; }
.placeholder--matchlist-subheader { padding: 20px 0px 10px 10px; }
.placeholder__bg { background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% 100%; }
.is-mobile-or-tablet :is(.placeholder--bm-overview-payment-methods, .placeholder--bm-overview-payment-methods-single) { margin-bottom: 0px; }
.is-mobile-or-tablet .placeholder--bm-overview-header { padding: 84px 32px 48px; }
.is-mobile-or-tablet .placeholder--bm-overview-subheader { margin: 0px 0px 20px; padding-left: 15px; }
.is-mobile-or-tablet .placeholder--bm-overview-list-item { padding: 0px 15px; }
.is-mobile-or-tablet .placeholder--matchlist { padding: 0px 0px 15px; }
.is-mobile-or-tablet .placeholder--matchlist-subheader { padding: 15px 10px 10px; }
@keyframes placeholder-glow { 
  0% { opacity: 0.85; }
  100% { opacity: 1; }
}
.blinking-apostrophe { animation: 1.2s ease 0s infinite normal none running blinking-apostrophe; color: rgb(243, 60, 89); margin-left: 1px; }
@keyframes blinking-apostrophe { 
  0% { opacity: 1; }
  49% { opacity: 1; }
  60% { opacity: 0; }
  99% { opacity: 0; }
  100% { opacity: 1; }
}
.container { display: flex; margin: 0px auto; max-width: 1320px; }
.container--full-width { max-width: none; }
.content-wrapper { flex: 1 1 0%; min-width: 0px; position: relative; }
.content { background-color: rgb(255, 255, 255); display: flex; flex: 1 1 0%; min-width: 0px; }
.content.content--transparent { background-color: rgba(0, 0, 0, 0); }
.content.content--event { background-color: rgb(245, 247, 249); box-shadow: none; display: flex; margin-bottom: 55px; position: relative; }
.content.content--transparent { background: rgba(0, 0, 0, 0); box-shadow: none; }
.content-inner { flex: 1 1 100%; min-width: 0px; }
.aside { background-color: rgb(255, 255, 255); border-top: 8px solid rgb(225, 231, 237); min-width: 0px; }
.sidebar { display: none; }
@media screen and (max-width: 1023px) {
  .content { flex-direction: column; }
}
@media (max-width: 767px) {
  .content.content--event { margin-bottom: 0px; }
}
@media (min-width: 1024px) {
  .container { padding: 0px 10px; }
  .container--full-width { padding: 0px; }
  :is(.page-bookmaker.is-desktop.is-article-expanded-in-container, .page-league.is-desktop.is-article-expanded-in-container, .page-special-bets-category.is-desktop.is-article-expanded-in-container, .page-special-bets-competition.is-desktop.is-article-expanded-in-container, .page-special-bets-sport.is-desktop.is-article-expanded-in-container, .page-special-bets.is-desktop.is-article-expanded-in-container, .page-sport.is-desktop.is-article-expanded-in-container, .page-team.is-desktop.is-article-expanded-in-container) .content { grid-template-columns: 1fr; }
  .content { border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px; display: grid; grid-template-columns: 1fr 360px; }
  .content--no-shadow { box-shadow: none; }
  .content.content--full-width { grid-template-columns: 1fr; }
  .content.content--transparent .content-inner { overflow: unset; }
  .content.content--transparent .aside { border-radius: 8px; }
  .content :is(.league__text-content-wrapper, .text-content-shortcodes__wrapper) { border-bottom-left-radius: 16px; }
  .content .aside.aside--MatchupWrapper .aside__fixed, .content .aside > div:first-child { border-radius: 0px 16px 16px 0px; overflow: hidden; }
  .content-inner--full-width, .content-inner:only-child { grid-column: 1 / -1; }
  .content-inner .secondary-language-switcher { border-bottom-left-radius: 16px; }
  .sidebar { display: block; flex: 0 0 192px; margin-right: 10px; min-width: 0px; width: 192px; }
  .aside { border-left: 1px solid rgb(245, 247, 249); border-radius: 0px 16px 16px 0px; border-top: 0px; }
  .aside--bookmakers { background-color: rgba(0, 0, 0, 0); }
  .aside--bookmakers .aside__content { padding: 0px 0px 0px 10px; }
}
@media (min-width: 1280px) {
  .container { padding: 0px 20px; }
  .container--full-width { padding: 0px; }
  .sidebar { flex-basis: 220px; margin-right: 8px; width: 220px; }
  .content { grid-template-columns: 1fr 405px; }
  .aside--bookmakers .aside__content { padding: 0px 0px 0px 50px; }
}
@media (min-width: 1320px) {
  .content { grid-template-columns: 1fr 450px; }
  .aside--bookmakers .aside__content { padding: 0px 0px 0px 70px; }
}
.old-btn { background-color: rgb(0, 177, 255); border: 2px solid rgb(0, 177, 255); color: rgb(255, 255, 255); font-size: 12px; line-height: 1.1675; overflow: hidden; padding: 11px 38px; }
.old-btn:focus, .old-btn:hover { background-color: rgb(255, 255, 255); color: rgb(0, 177, 255); }
.old-btn--primary:focus, .old-btn--primary:hover { background-color: rgb(97, 204, 252); border-color: rgb(97, 204, 252); color: rgb(255, 255, 255); }
.old-btn--primary-dark { background: rgb(40, 62, 91); border-color: rgb(40, 62, 91); color: rgb(255, 255, 255); }
.old-btn--primary-dark.active, .old-btn--primary-dark:focus { background: rgb(40, 62, 91); border-color: rgb(40, 62, 91); color: rgb(255, 255, 255); opacity: 1; }
.old-btn--primary-dark:hover { background: rgb(40, 62, 91); border-color: rgb(40, 62, 91); color: rgb(255, 255, 255); opacity: 0.8; }
.old-btn--light { background: rgb(255, 255, 255); border: 0px; color: rgb(25, 177, 255); }
.old-btn--light.active, .old-btn--light:focus, .old-btn--light:hover { opacity: 0.8; }
.old-btn--light-grey { background: rgba(97, 125, 155, 0.1); border: 0px; color: rgb(97, 125, 155); }
.old-btn--light-grey.active, .old-btn--light-grey:focus, .old-btn--light-grey:hover { background: rgba(97, 125, 155, 0.1); color: rgb(97, 125, 155); opacity: 0.8; }
.old-btn--outline { background-color: rgba(0, 0, 0, 0); border-width: 1px; color: rgb(0, 177, 255); }
.btn-reflection, .old-btn--outline:hover { background-color: rgb(0, 177, 255); color: rgb(255, 255, 255); }
.btn-reflection { align-items: center; border-radius: 40px; cursor: pointer; display: inline-flex; font: italic 12px / 1 "Montserrat", sans-serif; height: 40px; justify-content: center; min-width: 240px; overflow: hidden; padding: 0px 10px; position: relative; text-transform: uppercase; z-index: 1; }
.btn-reflection::after { background-color: rgba(255, 255, 255, 0.13); bottom: 0px; content: ""; position: absolute; right: 0px; top: 0px; transform: skew(-15deg) translateX(0px); transition: transform 0.4s; width: 50%; z-index: -1; }
.btn-reflection:focus, .btn-reflection:hover { background-color: rgb(0, 177, 255); color: rgb(255, 255, 255); }
.btn-reflection:focus::after, .btn-reflection:hover::after { transform: skew(-15deg) translateX(100%); }
.old-btn--arrow-right i { color: currentcolor; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: 0.2s; }
.old-btn--arrow-right:focus i, .old-btn--arrow-right:hover i { right: 10px; }
.old-btn--secondary { background: rgb(245, 247, 249); border-color: rgb(245, 247, 249); border-radius: 8px; color: rgb(26, 49, 80); }
.old-btn--secondary.active, .old-btn--secondary:focus, .old-btn--secondary:hover { background: rgb(26, 49, 80); border-color: rgb(26, 49, 80); color: rgb(245, 247, 249); }
.btn__label { background: rgb(26, 49, 80); border: 2px solid rgb(255, 255, 255); border-radius: 8px; inset: -13px -2px auto auto; color: rgb(255, 255, 255); font-size: 8px; line-height: 1; padding: 2px 4px; position: absolute; z-index: 0; }
.btn-full { background-color: rgb(245, 247, 249); border-radius: 8px; font-size: 12px; height: 40px; transition: background-color 0.2s; width: 100%; }
.btn-full:hover { background-color: rgb(225, 231, 237); }
.btn-filter { background: rgb(245, 247, 249); color: rgb(111, 140, 170); display: block; font-family: "Roboto", sans-serif; font-size: 11px; line-height: 1.08; padding: 0px 10px; text-transform: none; white-space: nowrap; }
.btn-filter__icon { color: rgb(0, 177, 255); font-size: 14px; margin-right: 5px; transition: 0.2s; }
.btn-filter .btn__label { top: -6px; }
.btn-filter:hover::before { opacity: 0 !important; }
.btn-filter:hover { background: rgb(225, 231, 237); color: rgb(26, 49, 80); }
.btn-filter.active { background: rgb(26, 49, 80); color: rgb(245, 247, 249); }
.btn-filter.active .btn__label { background: rgb(0, 177, 255); }
.btn-filter.disabled { opacity: 0.5; pointer-events: none; }
.btn-filter--select { display: flex; justify-content: space-between; }
@media (min-width: 374px) {
  .btn-filter { font-size: 13px; }
}
.btn-expand { background-color: rgba(255, 255, 255, 0.87); border-radius: 0px; font-size: 11px; font-weight: 400; height: 40px; text-transform: uppercase; width: 100%; z-index: 6; }
.btn-expand__icon-down { display: inline-block; margin-left: 3px; transition: transform 0.2s ease-in-out; }
.btn-expand:hover::before { opacity: 0 !important; }
.btn-expand:hover { text-decoration: underline; }
.btn-expand.active .btn-expand__icon-down { transform: rotate(-180deg); }
.old-btn--roboto { font-family: "Roboto", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-transform: none; }
.old-btn--grey-5 { background-color: rgb(245, 247, 249); border-color: rgb(245, 247, 249); color: rgb(0, 177, 255); }
.old-btn--grey-5:hover { background-color: rgb(225, 231, 237); border-color: rgb(225, 231, 237); }
@media (min-width: 1024px) {
  .page-event .btn-expand { font-size: 12px; }
}
.old-link-default { color: rgb(0, 177, 255); font-size: 14px; line-height: 1.2; padding: 0px; }
.nav-base { justify-content: center; }
.nav-base .nav__link { font-family: inherit; font-size: inherit; justify-content: center; line-height: 1; position: relative; text-align: center; }
.nav-base .nav__link h2 { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
.nav-base :is(.nav__link.active, .nav__link.nuxt-link-exact-active, .nav__link:focus, .nav__link:hover) { text-decoration: none; }
.nav-base .nav__link::before { background: rgb(0, 177, 255); border-radius: 3px 3px 0px 0px; content: ""; height: 3px; left: 0px; opacity: 0; position: absolute; top: 0px; transition: 0.3s; width: 100%; }
.nav-base .nav__link.nuxt-link-exact-active::before { opacity: 1; }
.nav-base i { font-size: 24px; line-height: 1; margin: 0px auto; }
@media (max-width: 767px) {
  .nav-base .nav__link.nuxt-link-exact-active::before { opacity: 0; }
}
.nav { font-size: 10px; }
.nav .nav__item { flex: 1 1 0%; height: 45px; position: relative; }
.nav .nav__link { align-items: center; background: none; border: 0px; color: rgb(111, 140, 170); flex-direction: column; font-size: 10px; height: 100%; line-height: 1.3; padding: 5px 14px; width: 100%; }
.nav :is(.nav__link.active, .nav__link.nuxt-link-exact-active, .nav__link:focus, .nav__link:hover) { color: rgb(0, 177, 255); }
.nav__counter { background-color: rgb(0, 177, 255); border: 2px solid rgb(255, 255, 255); border-radius: 8px; color: rgb(255, 255, 255); font-family: "Montserrat", sans-serif; font-size: 8px; font-style: italic; font-weight: 700; left: 50%; padding: 0px 4px; position: absolute; top: 2px; z-index: 1; }
.nav i { color: inherit; margin: 0px auto; }
.nav-dark { background: rgb(26, 49, 80); justify-content: space-around; }
.nav-dark .nav__link { color: rgb(111, 140, 170); padding: 13px 3px; }
.nav-dark :is(.nav__link.active, .nav__link.nuxt-link-exact-active) { color: rgb(255, 255, 255); }
.nav-dark span { color: rgb(0, 177, 255); }
@media (min-width: 768px) {
  .nav-dark { font-size: 14px; font-weight: 400; justify-content: space-between; }
  .nav-dark .nav__item { width: 100%; }
  .nav-dark .nav__link { justify-content: center; }
  .nav-dark .nav__link::after { bottom: inherit; top: 0px; }
  .nav-dark :is(.nav__link.active, .nav__link.nuxt-link-exact-active) { background-color: rgb(40, 62, 91); }
}
.is-desktop .nav-dark .nav__link:hover { color: rgb(255, 255, 255); }
.nav-calendar { font-size: 10px; }
.nav-calendar .nav__item { align-self: stretch; flex-grow: 1; }
.nav-calendar .nav__link { align-items: center; color: rgba(111, 140, 170, 0.5); flex-direction: column; height: 40px; padding: 7px; text-transform: uppercase; width: 100%; }
.nav-calendar .nav__link.active { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px; color: rgb(0, 177, 255); }
.nav-calendar .nav__link.active strong { color: inherit; }
.nav-calendar .nav__link--date { position: relative; }
.nav-calendar .nav__link--date__number { font-weight: 500; margin-top: 3px; position: absolute; }
.nav-calendar strong { color: rgb(111, 140, 170); font-size: 14px; font-weight: 500; line-height: 1.14; margin-bottom: 1px; }
.nav-calendar i { font-size: 18px; }
@media screen and (max-width: 767px) {
  .nav-calendar { width: 100%; }
}
@media screen and (min-width: 768px) {
  .nav-calendar .nav__link { padding: 7px 13px; }
}
.nav-content-header { justify-content: space-evenly; }
.nav-content-header .nav__item { flex-grow: 1; width: auto; }
.nav-content-header .nav__item .masked-url, .nav-content-header .nav__item a { font-size: 11px; font-weight: 500; padding: 12px 4px; }
@media (min-width: 768px) {
  .nav-content-header .nav__item .masked-url, .nav-content-header .nav__item a { font-size: 12px; }
  .is-full-width-desktop .nav-content-header { justify-content: center; }
  .is-full-width-desktop .nav-content-header .nav__item { flex-grow: 0; }
  .is-full-width-desktop .nav-content-header .nav__item .masked-url, .is-full-width-desktop .nav-content-header .nav__item a { font-size: 12px; font-weight: 500; padding: 13px 25px; }
  .is-full-width-desktop .nav-content-header .nav__item .masked-url.nuxt-link-exact-active::after, .is-full-width-desktop .nav-content-header .nav__item a.nuxt-link-exact-active::after { opacity: 1; visibility: visible; width: 100%; }
}
.input { appearance: none; background-color: rgb(245, 247, 249); border: 0px; font-family: "Roboto", sans-serif; height: 40px; padding: 0px 15px; width: 100%; }
.input::-webkit-input-placeholder { color: rgb(111, 140, 170); }
.wrapper { background: rgb(245, 247, 249); display: flex; flex-direction: column; min-height: 100vh; overflow-anchor: none; padding-top: 55px; position: relative; }
.wrapper__inner { flex: 1 1 0%; width: 100%; }
.wrapper.is-article-expanded .nuxt, .wrapper.is-search .breadcrumb-bar { display: none; }
.wrapper.is-article-expanded .news-article-buttons__expand { display: none !important; }
.wrapper.is-article-expanded .news-article-buttons__close { right: 10px !important; top: 10px !important; }
.wrapper.is-mobile-or-tablet.no-padding-top { padding-top: 0px; }
.wrapper--bg-white { background: rgb(255, 255, 255); }
@media (max-width: 1280px) {
  .wrapper.is-mobile-or-tablet { padding-bottom: calc(45px + env(safe-area-inset-bottom)); padding-top: 55px; }
  .wrapper.is-mobile-or-tablet.has-betslip { padding-bottom: calc(85px + env(safe-area-inset-bottom)); }
  .wrapper.no-bottom-bar { padding-bottom: 0px; }
  .wrapper.no-bottom-bar.has-betslip { padding-bottom: calc(40px + env(safe-area-inset-bottom)); }
}
@media (max-width: 767px) {
  .wrapper.is-mobile-or-tablet { padding-bottom: calc(45px + env(safe-area-inset-bottom)); }
  .wrapper.is-mobile-or-tablet.has-betslip { padding-bottom: calc(85px + env(safe-area-inset-bottom)); }
  .wrapper.no-bottom-bar { padding-bottom: 0px; }
  .wrapper.no-bottom-bar.has-betslip { padding-bottom: calc(40px + env(safe-area-inset-bottom)); }
  .wrapper.page-user-betslips, .wrapper.page-user-contests, .wrapper.page-user-matches, .wrapper.page-user-single-contest, .wrapper.page-user-stats, .wrapper.page-user-tips { padding-top: 0px; }
  .wrapper[class*="404"] { overflow: hidden; }
}
.old-modal__backdrop { background-color: rgba(26, 49, 80, 0.6); display: flex; flex-wrap: wrap; height: 100%; left: 0px; position: fixed; top: 0px; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 100%; z-index: 9998; }
.old-modal__container { background-color: rgb(255, 255, 255); border-radius: 12px 12px 0px 0px; box-shadow: rgba(26, 49, 80, 0.1) 0px 0px 20px; margin: 0px auto; max-height: 100%; transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); width: 100%; will-change: transform; }
.old-modal__container--TournamentScheme .tournament-cards-nav { padding-top: 0px; }
.old-modal__container--WelcomeOnboarding .old-modal__header { min-height: 0px; padding: 0px; z-index: 10; }
.old-modal__container--WelcomeOnboarding .old-modal__header i { font-size: 16px; }
.old-modal__container--UserContestCreationModalList .old-modal__header { display: none; }
:is(.old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription) .old-modal__header { font-size: 16px; line-height: 1.2; padding: 16px; text-transform: capitalize; }
:is(.old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription) .old-modal__header i { color: rgb(0, 177, 255); }
:is(.old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription) .old-modal__description:not(:empty) { margin: 18px -16px 0px; }
.old-modal__container--ContestsUserPositions .old-modal__body { background: rgb(245, 247, 249); }
.old-modal__container--PushNotificationsInstallModal { overflow: hidden; }
.old-modal__container--PushNotificationsInstallModal .modal__heading { align-items: center; display: flex; gap: 8px; }
.old-modal__container--PushNotificationsInstallModal .modal__heading img { margin-top: -4px; }
.old-modal__container-inner { border-radius: 12px 12px 0px 0px; display: flex; flex-direction: column; max-height: calc(100dvh - 33px); }
.old-modal__header { border-radius: 12px 12px 0px 0px; color: rgb(26, 49, 80); font-family: "Montserrat", sans-serif; font-size: 14px; font-style: italic; font-weight: 700; line-height: 1.3; min-height: 50px; padding: 15px 50px; position: relative; text-align: center; text-transform: uppercase; }
.old-modal__header i, .old-modal__header__number { color: rgb(111, 140, 170); font-size: 14px; }
.old-modal__header__number { align-items: center; display: flex; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; height: 50px; position: absolute; right: 15px; top: 0px; }
.old-modal__header--with-back-button .old-modal__close { left: auto !important; right: 0px !important; }
.old-modal__body { overflow: hidden auto; flex: 1 1 auto; overscroll-behavior: none; }
.old-modal__body .match-list-headline--sticky { top: 0px; }
.old-modal__back, .old-modal__close { font-size: 14px; height: 50px; position: absolute; width: 50px; }
.old-modal__back, .old-modal__close { left: 0px; top: 0px; }
.old-modal__drag { display: none; }
.old-modal__description { color: rgb(111, 140, 170); font-size: 12px; text-transform: none; }
@media (min-width: 1024px) {
  .old-modal__backdrop { align-items: center; padding: 20px 0px; }
  .old-modal__container { border-radius: 12px; max-width: 375px; }
  .old-modal__container--TournamentScheme, .old-modal__container--TournamentWrapper { max-width: 980px !important; }
  :is(.old-modal__container--TournamentScheme, .old-modal__container--TournamentWrapper) .old-modal__header { font-size: 22px; }
  :is(.old-modal__container--TournamentScheme, .old-modal__container--TournamentWrapper) .old-modal__header__inner { align-items: center; display: flex; justify-content: center; }
  :is(.old-modal__container--TournamentScheme, .old-modal__container--TournamentWrapper) .old-modal__header__inner img { margin-right: 10px; }
  .old-modal__container--Standings, .old-modal__container--StandingsExtended { max-width: 475px; }
  .old-modal__container--LegalPage { max-width: 980px; }
  .old-modal__container--AuthTabs, .old-modal__container--SetupDefaultAvatar { max-width: 400px; }
  .old-modal__container--AccountDeletedMessage, .old-modal__container--DeleteMyAccount, .old-modal__container--SelectFavoriteBookmakers { max-width: 720px; }
  .old-modal__container--UserBadges, .old-modal__container--UserFollowsModal { max-width: none; }
  .old-modal__container--SeasonLeadersCompare { max-width: 720px; }
  .old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList { max-width: 600px; }
  :is(.old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList) .old-modal__header { font-size: 18px; }
  .old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription, .old-modal__container--UserContestOptionsList { max-width: 460px; }
  :is(.old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription, .old-modal__container--UserContestOptionsList) .old-modal__header { font-size: 20px; }
  :is(.old-modal__container--UserContestActionConfirmation, .old-modal__container--UserContestAddNewSeason, .old-modal__container--UserContestEditDescription, .old-modal__container--UserContestOptionsList) .old-modal__header i { display: inline-block; font-size: 16px; margin-top: 4px; }
  .old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList { background-color: rgb(245, 247, 249); }
  :is(.old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList) .old-modal__close { display: none; }
  :is(.old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList) .old-modal__header { padding: 32px 12px 16px; }
  :is(.old-modal__container--SetupDefaultAvatar, .old-modal__container--UserContestCreationModalList) .old-modal__body { border-radius: 0px; max-height: none; }
  .old-modal__container--ContestsUserPositions { max-width: 520px; }
  .old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications { border-radius: 12px 12px 0px 0px; overflow: hidden; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__header__inner { display: none; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__header { min-height: auto; padding: 0px; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__close { height: 32px; left: auto; right: 3px; top: 3px; width: 32px; z-index: 1; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__body { border-radius: 0px 0px 8px 8px; }
  .old-modal__close { left: auto; right: 0px; }
  .old-modal__close i { font-size: 16px; }
}
@media screen and (max-width: 1023px) {
  .old-modal__backdrop { padding-top: 33px; }
  .old-modal__backdrop.draggable-disabled { padding-top: 0px; }
  .old-modal__container { margin-top: auto; position: relative; }
  .old-modal__container--LegalPage { max-width: 375px; }
  .old-modal__container--UserFollowsModal .old-modal__body { background: rgb(225, 231, 237); }
  .old-modal__drag { display: block; height: 33px; left: 0px; position: absolute; right: 0px; top: -33px; }
  .old-modal__drag::after { background-color: rgba(225, 231, 237, 0.8); border-radius: 8px; content: ""; height: 5px; left: 0px; margin: auto; position: absolute; right: 0px; top: 20px; width: 80px; }
}
.is-desktop .old-modal__body { border-radius: 0px 0px 20px 20px; max-height: calc(-83px + 100vh); }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications, .old-modal__container--UserBadges, .old-modal__container--UserFollowsModal) { max-width: none; width: auto; }
.is-desktop .old-modal__container--EditFavoriteLeagues .old-modal__container-inner, .is-desktop .old-modal__container--EditFavoriteLeagues--UserBadges, .is-desktop .old-modal__container--EditFavoriteTeams .old-modal__container-inner, .is-desktop .old-modal__container--EditFavoriteTeams--UserBadges, .is-desktop .old-modal__container--EditNotifications .old-modal__container-inner, .is-desktop .old-modal__container--EditNotifications--UserBadges, .is-desktop .old-modal__container--UserBadges .old-modal__container-inner, .is-desktop .old-modal__container--UserBadges--UserBadges, .is-desktop .old-modal__container--UserFollowsModal .old-modal__container-inner, .is-desktop .old-modal__container--UserFollowsModal--UserBadges { border-radius: 8px; }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications, .old-modal__container--UserBadges, .old-modal__container--UserFollowsModal) .old-modal__header { min-height: 0px; padding: 0px; }
.is-desktop .old-modal__container--UserFollowsModal .old-modal__header__number, .is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications, .old-modal__container--UserBadges, .old-modal__container--UserFollowsModal) .old-modal__header__inner { display: none; }
.is-desktop .old-modal__container--UserBadges .old-modal__body { border-radius: 0px 0px 8px 8px; }
.is-desktop .old-modal__container--EditFavoriteTeams .old-separator { border-color: rgb(182, 197, 212); }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) { border-radius: 8px; display: flex; flex-direction: column; height: 780px; }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues .old-modal__body, .old-modal__container--EditFavoriteLeagues .old-modal__container-inner, .old-modal__container--EditFavoriteTeams .old-modal__body, .old-modal__container--EditFavoriteTeams .old-modal__container-inner, .old-modal__container--EditNotifications .old-modal__body, .old-modal__container--EditNotifications .old-modal__container-inner) { flex-grow: 1; max-height: 100%; }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__container-inner { display: flex; flex-direction: column; flex-grow: 1; max-height: 100%; }
.is-desktop :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal-columns-layout { height: 100%; }
.is-desktop .old-modal__container--EditNotifications { height: 576px; }
.is-mobile-or-tablet :is(.old-modal__container--UserContestActionConfirmation.old-modal__container, .old-modal__container--UserContestAddNewSeason.old-modal__container, .old-modal__container--UserContestDivisionList.old-modal__container, .old-modal__container--UserContestEditDescription.old-modal__container, .old-modal__container--UserContestOptionsList.old-modal__container) .old-modal__header { padding: 18px 50px 0px; }
.is-mobile-or-tablet :is(.old-modal__container--UserContestActionConfirmation.old-modal__container, .old-modal__container--UserContestAddNewSeason.old-modal__container, .old-modal__container--UserContestDivisionList.old-modal__container, .old-modal__container--UserContestEditDescription.old-modal__container, .old-modal__container--UserContestOptionsList.old-modal__container) .old-modal__heading { text-transform: uppercase; }
.is-mobile-or-tablet :is(.old-modal__container--UserContestActionConfirmation.old-modal__container, .old-modal__container--UserContestAddNewSeason.old-modal__container, .old-modal__container--UserContestDivisionList.old-modal__container, .old-modal__container--UserContestEditDescription.old-modal__container, .old-modal__container--UserContestOptionsList.old-modal__container) .old-modal__description { background-color: rgb(245, 247, 249); color: rgb(26, 49, 80); font: italic 700 14px / 1.43 "Montserrat", sans-serif; margin: 18px -50px 0px; text-align: left; }
.is-mobile-or-tablet :is(.old-modal__container--UserContestActionConfirmation.old-modal__container, .old-modal__container--UserContestAddNewSeason.old-modal__container, .old-modal__container--UserContestDivisionList.old-modal__container, .old-modal__container--UserContestEditDescription.old-modal__container, .old-modal__container--UserContestOptionsList.old-modal__container) .old-modal__description:not(:empty) { padding: 16px 13px 0px; }
.is-mobile-or-tablet :is(.old-modal__container--UserContestActionConfirmation.old-modal__container, .old-modal__container--UserContestAddNewSeason.old-modal__container, .old-modal__container--UserContestDivisionList.old-modal__container, .old-modal__container--UserContestEditDescription.old-modal__container, .old-modal__container--UserContestOptionsList.old-modal__container) .old-modal__body { background-color: rgb(245, 247, 249); border-radius: 0px; padding: 16px 13px; }
.is-mobile-or-tablet :is(.old-modal__container--EditFavoriteLeagues .old-modal-columns-layout__content, .old-modal__container--EditFavoriteLeagues .old-modal__body, .old-modal__container--EditFavoriteTeam .old-modal-columns-layout__content, .old-modal__container--EditFavoriteTeam .old-modal__body, .old-modal__container--EditFavoriteTeams .old-modal-columns-layout__content, .old-modal__container--EditFavoriteTeams .old-modal__body, .old-modal__container--EditNotifications .old-modal-columns-layout__content, .old-modal__container--EditNotifications .old-modal__body) .old-separator { border-color: rgb(182, 197, 212); }
.is-mobile-or-tablet :is(.old-modal__container--EditFavoriteLeagues .old-modal-columns-layout__content, .old-modal__container--EditFavoriteLeagues .old-modal__body, .old-modal__container--EditFavoriteTeams .old-modal-columns-layout__content, .old-modal__container--EditFavoriteTeams .old-modal__body, .old-modal__container--EditNotifications .old-modal-columns-layout__content, .old-modal__container--EditNotifications .old-modal__body) { background-color: rgb(245, 247, 249); }
@media (min-width: 1024px) {
  .old-modal__container-inner { max-height: calc(100dvh - 40px); }
  .old-modal__container-inner.mobile-full-height { height: calc(100dvh - 40px); }
}
@media (max-width: 1024px) {
  .old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications { display: flex; flex-direction: column; height: 100%; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__header__inner { display: block; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__header { font-size: 16px; line-height: 1.12; min-height: 40px; padding: 11px 50px 11px 16px; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__container-inner { flex-grow: 1; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal__body { border-radius: 0px; display: flex; flex-direction: column; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal-columns-layout { flex-grow: 1; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal-columns-layout__content { width: 100%; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal-columns-layout__content__inner { max-height: none; overflow: hidden; }
  :is(.old-modal__container--EditFavoriteLeagues, .old-modal__container--EditFavoriteTeams, .old-modal__container--EditNotifications) .old-modal-columns-layout__title { display: none; }
}
.loading-page { align-items: center; background: rgba(255, 255, 255, 0.8); display: flex; height: 100%; justify-content: center; left: 0px; opacity: 0; position: fixed; text-align: center; top: 0px; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; width: 100%; z-index: 15; }
.loading-page.show { opacity: 1; visibility: visible; }
.loader { animation: 0.7s ease-out 0s infinite normal none running loader; font-size: 0px; padding: 25px 0px; text-align: center; }
@keyframes loader { 
  0% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(0.7); }
  90% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}
.content-block + .content-block { border-top: 8px solid rgb(225, 231, 237); }
.o-scrollbar::-webkit-scrollbar { border-radius: 6px; height: 6px; width: 6px; }
.o-scrollbar::-webkit-scrollbar-thumb { background: rgba(182, 197, 212, 0.6); border-radius: 6px; }
.o-scrollbar::-webkit-scrollbar-corner, .o-scrollbar::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
.ps { overflow-anchor: none; touch-action: auto; overflow: hidden !important; }
.ps__rail-x, .ps__rail-y { display: none; }
.ps__rail-y { position: absolute; right: 0px; width: 10px; }
.ps--active-y > .ps__rail-y { background-color: rgba(0, 0, 0, 0); display: block; }
.ps__thumb-y { background-color: rgba(182, 197, 212, 0.6); border-radius: 6px; position: absolute; right: 2px; transition: background-color 0.2s linear, width 0.2s ease-in-out; width: 5px; }
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y { background-color: rgb(182, 197, 212); }
@supports (-ms-overflow-style:none) {
  .ps { overflow: auto !important; }
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
  .ps { overflow: auto !important; }
}
.header { background-color: rgb(26, 49, 80); height: 55px; left: 0px; position: fixed; right: 0px; top: 0px; z-index: 16; }
.no-scroll .header { right: var(--scrollbar-width); }
.header__bar { align-items: center; background: rgb(40, 62, 91); color: rgb(255, 255, 255); display: flex; font-size: 12px; height: 27px; justify-content: center; text-align: center; }
.header__bar span { background: rgb(255, 255, 255); border-radius: 20px; color: rgb(26, 49, 80); display: inline-block; font-family: "Montserrat", sans-serif; font-size: 10px; font-style: italic; font-weight: 700; margin-left: 10px; padding: 0px 10px; vertical-align: middle; }
.header__wrap { height: 55px; width: 100%; }
.header__inner, .header__wrap { align-items: center; display: flex; justify-content: space-between; }
.header__inner { position: relative; z-index: 2; }
.header__inner .search__toggle { justify-content: center; }
.header__content, .header__inner .search__toggle { align-items: center; display: flex; }
.header .logo-brand { margin-right: 15px; }
.header .logo-brand, .header .logo-brand > svg { height: 18px; width: 164px; }
.is-mobile-or-tablet .header { height: 55px; padding: 0px 10px 0px 0px; top: 0px; transition: 0.1s; }
.is-mobile-or-tablet .header .header__wrap { height: auto; }
.is-mobile-or-tablet .header .header__inner { display: grid; grid-template-columns: 40px auto 1fr; }
.is-mobile-or-tablet .header .logo-brand, .is-mobile-or-tablet .header .logo-brand > svg { height: 17px; width: 148px; }
.is-mobile-or-tablet .header .search__toggle { font-size: 15px; height: 28px; width: 28px; }
@media (max-width: 1199px) {
  .header { padding: 0px 0px 0px 4px; }
  .header__content { margin-left: auto; }
  .header::after, .header::before { margin-left: 235px; }
  .header .logo-brand { margin-right: 0px; }
}
@media (max-width: 991px) {
  .header { padding: 0px 15px 0px 4px; }
  .header::after, .header::before { margin-left: 129px; }
}
@media (max-width: 767px) {
  .header { border-bottom: 1px solid rgb(50, 74, 102); }
  .header__inner { height: 100%; justify-content: flex-start; width: 100%; }
  .header::after, .header::before { left: 58%; margin-left: 0px; }
  .header .logo-brand { flex: 0 0 148px; margin-left: 5px; margin-right: 0px; width: 148px; }
  .header__bar { color: rgb(111, 140, 170); font-size: 11px; height: 19px; left: 0px; position: absolute; top: 0px; width: 100%; }
  .header__bar span { background: rgb(25, 48, 80); color: rgb(111, 140, 170); font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; margin-left: 6px; text-transform: uppercase; }
}
@media (max-width: 359px) {
  .header .logo-brand { flex: 0 0 100px; margin-left: 0px; width: 100px; }
}
.footer { background-color: rgb(26, 49, 80); width: 100%; }
.footer > .container { flex-direction: column; }
.footer.fixed { bottom: 0px; left: 0px; position: fixed; right: 0px; }
.footer__award { background: rgb(0, 34, 71); border-top: 3px solid rgb(25, 177, 255); display: flex; justify-content: center; max-width: 100%; }
.footer__award-image { object-fit: cover; }
.footer__award-image:not(.isLoaded) { object-fit: fill; }
.footer__award-image--is-desktop { display: block; height: 60px; }
.footer__award-image--is-mobile { display: none; height: 80px; }
.footer__note { color: rgb(255, 255, 255); font-size: 10px; line-height: 1.5; margin-bottom: 10px; max-width: 325px; }
.footer__note a { color: rgb(0, 177, 255); }
.footer__note > img { margin-right: 10px; object-fit: contain; }
.footer__bottom-bar { padding: 8px 15px; text-align: center; }
.footer__bottom-bar .container { display: block; }
.footer__regulations-note { color: rgb(111, 140, 170); font-family: "Montserrat", sans-serif; font-size: 12px; font-style: italic; font-weight: 700; line-height: 1.22; margin-bottom: 8px; text-transform: uppercase; }
.site-highlights { background-color: rgb(255, 255, 255); padding: 12px 0px; width: 100%; }
.site-highlights ul { align-items: center; display: flex; list-style-type: none; padding: 0px; width: 100%; }
.site-highlights ul li { align-items: center; display: flex; flex: 1 0 auto; }
.site-highlights ul li:not(:first-child) { border-left: 1px dashed rgba(160, 180, 199, 0.5); padding-left: 30px; }
.site-highlights ul li > div { display: flex; flex-direction: column; }
.site-highlights ul li strong { color: rgb(26, 49, 80); font-size: 21px; line-height: 1; }
.site-highlights ul li span { color: rgb(111, 140, 170); font-size: 13px; }
.site-highlights ul li i { color: rgb(0, 177, 255); font-size: 36px; margin-right: 18px; }
.footer-links { align-items: center; border-bottom: 1px dashed rgba(165, 176, 189, 0.2); display: flex; flex-direction: column; justify-content: center; padding: 14px 42px; }
.footer-links .logo-brand { margin-right: 6px; max-width: 180px; }
.footer-links__left .copyright { text-align: left; }
.footer-links__logo-container { align-items: center; display: flex; margin-bottom: 17px; }
.footer-links__logo-container .language-selector { margin-left: 10px; }
.footer-links__logo-container--mobile { display: none; }
.footer-nav { display: flex; flex-flow: wrap; font-size: 13px; gap: 16px; justify-content: center; }
.footer-nav a { color: rgb(182, 197, 212); }
.footer-nav a:not(:last-child) { margin-right: 4px; }
.footer-nav :is(a:focus, a:hover) { color: rgba(255, 255, 255, 0.8); }
.footer-social { align-items: center; display: flex; }
.footer-social > strong { color: rgb(255, 255, 255); font-weight: 500; margin-right: 15px; text-transform: uppercase; }
.footer-social .socials__btn { --padding: 0 4px; }
.footer-bar { align-items: center; display: flex; justify-content: space-between; padding: 10px 32px 16px; text-align: center; }
.footer-bar .socials-tv { display: flex; justify-content: center; }
.footer-bar .socials-tv img { height: 22px; object-fit: contain; }
.footer-bar .footer-social--mobile { display: none; }
.footer-regulators { flex-flow: wrap; gap: 10px; justify-content: center; padding: 16px 25px 7px; }
.footer-regulators a { height: 35px; transition: opacity 0.2s; }
.footer-regulators :is(a:focus, a:hover) { color: rgb(0, 177, 255); opacity: 0.8; }
.footer-regulators img { height: 35px; object-fit: contain; }
.footer-regulators__notice { align-items: center; color: rgb(111, 140, 170); display: flex; font-size: 11px; line-height: 1.4; max-width: 245px; text-align: left; }
.footer-regulators__notice > a { flex-shrink: 0; margin-right: 10px; }
.footer-contact { align-items: center; background-color: rgb(225, 231, 236); display: flex; justify-content: space-between; padding: 15px; }
.footer-contact__inner { margin-right: 28px; }
.footer-contact__inner strong { color: rgb(26, 49, 80); display: block; font-size: 16px; }
.footer-contact__inner span { color: rgb(111, 140, 170); display: block; font-size: 13px; line-height: 1.1; }
.footer-contact__actions a { align-items: center; background-color: rgb(26, 49, 80); border-radius: 80px; color: rgb(255, 255, 255); display: flex; font-size: 12px; height: 40px; justify-content: space-between; padding: 0px 18px; position: relative; text-transform: uppercase; width: 145px; }
.footer-contact__actions a i { font-size: 28px; position: absolute; right: -8px; top: 50%; transform: translate(-50%, -50%); }
.footer-ad { color: rgb(182, 197, 212); font: italic 600 12px / 1.33 "Montserrat", sans-serif; padding: 16px 0px; text-align: center; }
.footer-ad .container { display: block; }
.footer-ad__pill { background: rgb(20, 42, 76); border-radius: 15px; color: rgb(255, 255, 255); display: inline-block; margin-left: 4px; padding: 0px 10px; vertical-align: middle; }
.footer__copyright--bottom { display: none; }
.footer-popular-links { border-top: 1px dashed rgba(165, 176, 189, 0.2); color: rgb(182, 197, 212); display: grid; font-size: 13px; gap: 32px; grid-template-columns: repeat(4, 178px); justify-content: center; margin: 20px 0px 15px; padding-top: 20px; width: 100%; }
.footer-popular-links--two-column { grid-template-columns: repeat(2, 178px); }
.footer-popular-links--three-column { grid-template-columns: repeat(3, 200px); }
.footer-popular-links--five-column { grid-template-columns: repeat(5, 155px); }
.footer-popular-links__list-wrapper { display: flex; flex-direction: column; }
.footer-popular-links__list--matches-grid { row-gap: 4px; }
.footer-popular-links__list-title { font-size: 14px; font-weight: 500; line-height: 1.2; margin-bottom: 12px; }
.footer-popular-links__list-item + .footer-popular-links__list-item { margin-top: 4px; }
.footer-popular-links :is(a.footer-popular-links__list-item-link, div.footer-popular-links__list-item-link) { color: rgb(182, 197, 212); line-height: 1.5; }
.footer-popular-links :is(a.footer-popular-links__list-item-link:focus, a.footer-popular-links__list-item-link:hover, div.footer-popular-links__list-item-link:focus, div.footer-popular-links__list-item-link:hover) { color: rgba(255, 255, 255, 0.8); }
@media (max-width: 1023.98px) {
  .footer-links { padding: 14px 0px; }
  .footer__copyright--bottom { display: block; }
  .footer > .container { z-index: 1; }
  .footer__award-image--is-desktop { display: none; }
  .footer__award-image--is-mobile, .footer__bottom-bar .copyright { display: block; }
  .footer-bar { flex-flow: column-reverse wrap; justify-content: center; }
  .footer-bar .footer-social--mobile { display: block; }
  .footer-bar .footer-social--mobile .socials__btn { --padding: 0 4px; }
  .footer-links__left, .footer-social { display: none; }
  .footer-links { flex-direction: column; margin-bottom: 22px; padding: 13px 0px 0px; }
  .footer-links__logo-container--mobile { display: block; }
  .footer-links__logo-container--mobile .logo-brand { margin-bottom: 10px; }
  .footer-links .language-selector { margin: auto; }
  .footer-links .language-selector__toggle { border: 1px solid rgb(27, 49, 79); }
  .footer-links .language-selector__toggle.expanded { border-bottom-color: rgba(0, 0, 0, 0); }
  .footer-links .language-selector__item { border-color: rgb(27, 49, 79); border-style: solid; border-width: 0px 1px; }
  .footer-links .language-selector__item:last-child { border-bottom: 1px solid rgb(27, 49, 79); }
  .footer-links .logo-brand { margin-bottom: 5px; }
  .footer-nav { display: grid; gap: 0px 30px; grid-template-columns: 200px 200px; justify-content: center; margin: 20px 0px 25px; padding: 0px 20px; width: 100%; }
  .footer-nav a { color: rgb(182, 197, 212); line-height: 1.5; margin-bottom: 6px; }
  .footer-nav a:not(:last-child) { margin-right: 0px; }
  .footer-social { flex-direction: column; margin: 0px auto; }
  .footer-social > strong { margin: 0px 0px 10px; }
  .site-highlights { padding: 0px; }
  .footer-award-small { display: none; }
  .footer-regulators { padding: 12px 5px; }
  .footer-popular-links { gap: 32px; grid-template-areas: "col-first col-third" "col-second col-fourth" "col-fifth col-fifth"; grid-template-columns: 200px 200px; margin: 0px; padding: 16px 20px; }
  .footer-popular-links--two-column { grid-template-areas: "col-first col-second"; }
  .footer-popular-links--three-column { grid-template-areas: "col-first col-second" "col-fifth col-fifth"; }
  .footer-popular-links__list-wrapper--mobile-col-first { grid-area: col-first; }
  .footer-popular-links__list-wrapper--mobile-col-second { grid-area: col-second; }
  .footer-popular-links__list-wrapper--mobile-col-third { grid-area: col-third; }
  .footer-popular-links__list-wrapper--mobile-col-fourth { grid-area: col-fourth; }
  .footer-popular-links__list-wrapper--mobile-col-fifth { grid-area: col-fifth; }
  .footer-popular-links__list--matches-grid { column-gap: 32px; grid-template-columns: 1fr 1fr; }
  .footer-popular-links__list-item--left { grid-column: 1; }
  .footer-popular-links__list-item--right { grid-column: 2; }
}
@media (max-width: 767.98px) {
  .footer-popular-links { gap: 32px 30px; grid-template-columns: 1fr 1fr; }
  .footer-popular-links__list--matches-grid { grid-template-columns: 1fr; }
  .footer-popular-links__list-item--left, .footer-popular-links__list-item--right { grid-column: 1; }
  .footer-nav { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px) {
  .footer-popular-links { gap: 32px 18px; }
  .footer-nav { gap: 0px 18px; }
}
.table { margin-bottom: 1.625em; overflow-x: auto; }
.table table { border-collapse: collapse !important; width: 100%; }
.table tbody { border: 1px solid rgb(225, 231, 237); }
.table tr td { min-width: auto; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(225, 231, 237) !important; border-image: none !important; padding: 15px !important; vertical-align: middle !important; }
.table tr td:nth-child(n+2) { padding-left: 0px; }
.old-accordion { background: rgb(245, 247, 249); border-radius: 8px; font-size: 16px; }
.old-accordion + .old-accordion { margin-top: 10px; }
.old-accordion__title { border-radius: 8px; color: rgb(26, 49, 80); font-family: "Montserrat", sans-serif; font-size: 16px; font-style: italic; font-weight: 700; margin: 0px; padding: 19px 15px 10px; position: relative; text-transform: none; transition: background-color 0.3s ease-in-out; }
.old-accordion__title__logo { border: 2px solid rgb(255, 255, 255); flex: 0 0 36px; margin: -8px 10px -8px -5px; }
.old-accordion__emoji { font-style: normal !important; }
.old-accordion__icon { color: rgb(0, 177, 255); flex: 0 0 20px; font-size: 20px; margin: -4px 10px -4px 0px; }
.old-accordion__body { display: none; padding: 0px 15px 24px; }
.old-accordion__body p:last-child { margin-bottom: 0px; }
.old-accordion.is-expandalbe .old-accordion__title { cursor: pointer; padding: 15px 42px 15px 15px; user-select: none; }
.old-accordion.is-expandalbe .old-accordion__title::after { background: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/chevron-down.svg") 0px 0px no-repeat; content: ""; height: 7px; margin-top: -3px; position: absolute; right: 14px; top: 50%; transition: 0.3s; width: 12px; }
.old-accordion--redesigned { background: rgb(255, 255, 255); border: 1px solid rgb(245, 247, 249); }
.old-accordion--redesigned + .old-accordion--redesigned { margin-top: 16px; }
.old-accordion--redesigned.active { background: rgb(245, 247, 249); }
.old-accordion--redesigned.is-expandalbe .old-accordion__toggle-icon { color: rgb(40, 62, 91); font-size: 24px; position: absolute; right: 24px; top: calc(50% - 13px); }
.old-accordion--redesigned.is-expandalbe .old-accordion__title { padding-right: 50px; }
.old-accordion--redesigned.is-expandalbe .old-accordion__title::after { content: none; }
.old-accordion.has-icon .old-accordion__title { align-items: center; display: flex; }
.old-accordion.active .old-accordion__body { animation: 0.3s ease 0s 1 normal none running accordionBodyFade; display: block; }
.old-accordion.active .old-accordion__title::after { transform: rotate(180deg); }
:is(.bookmaker-wrapper, .text-content) .old-accordion:not(.active):hover .old-accordion__title { background-color: rgb(225, 231, 237); }
.is-mobile-or-tablet .old-accordion--redesigned { background: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.is-mobile-or-tablet .old-accordion--redesigned.is-expandalbe .old-accordion__toggle-icon { color: rgb(40, 62, 91); right: 18px; }
.is-mobile-or-tablet .old-accordion--redesigned.is-expandalbe .old-accordion__title { padding-right: 44px; }
@keyframes accordionBodyFade { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.old-progressbar-container .old-progressbar__info { justify-content: space-between; width: 100%; }
.old-progressbar-container .old-progressbar__info span { font-size: 16px; }
.old-progressbar-container + .old-progressbar-container .old-progressbar-small div { background: rgb(26, 49, 80); }
.old-progressbar-container-vertical { background: rgb(245, 247, 249); }
.old-progressbar { background: rgb(0, 177, 255); border-radius: 8px; height: 10px; overflow: hidden; position: relative; width: 100%; }
.old-progressbar div { background: rgb(26, 49, 80); border-left: 5px solid rgb(255, 255, 255); inset: 0px 0px 0px auto; position: absolute; transform: skew(-30deg); z-index: 1; }
.old-progressbar-small { background: rgb(225, 231, 237); border-radius: 6px; display: block; height: 6px; overflow: hidden; position: relative; width: 100%; }
.old-progressbar-small div { background: rgb(0, 177, 255); inset: 0px 0px 0px auto; position: absolute; transform: skew(-30deg); z-index: 0; }
.old-progressbar-small + .old-progressbar-small div { background: rgb(26, 49, 80); }
.old-progressbar--left div { inset: 0px auto 0px 0px; position: absolute; transform: skew(150deg); z-index: 0; }
.old-progressbar--right div { inset: 0px 0px 0px auto; position: absolute; transform: skew(30deg); z-index: 0; }
.old-progressbar-container { border-radius: 8px; display: flex; flex-wrap: wrap; padding: 12px; text-align: center; }
.old-progressbar-container .subhead { width: 100%; }
.old-progressbar-container .old-progressbar-vertical { background: rgb(225, 231, 237); border-radius: 8px; height: 138px; justify-content: center; margin: 5px; width: 10px; }
.old-progressbar-container-vertical { justify-content: space-between; }
.old-progressbar-container-vertical .subhead { color: rgb(111, 140, 170); margin-bottom: 12px; }
.old-progressbar-holder { display: flex; flex-flow: column wrap; justify-content: center; }
.old-progressbar-holder span { color: rgb(111, 140, 170); font-size: 12px; width: 100%; }
.old-progressbar-holder .old-progressbar-holder__inner { display: flex; }
.old-progressbar-vertical { overflow: hidden; position: relative; }
.old-progressbar-vertical div { background: rgb(0, 177, 255); border-top: 5px solid rgb(255, 255, 255); inset: auto 0px 0px; position: absolute; transform: skew(0deg, 30deg); z-index: 1; }
.old-progressbar-vertical + .old-progressbar-vertical div { background: rgb(26, 49, 80); }
.odd { align-items: center; }
.odd, .odd__link { display: flex; flex-direction: column; }
.odd__link { background-color: rgb(245, 247, 249); border-radius: 8px; color: inherit; flex-shrink: 0; overflow: hidden; text-align: center; width: 100%; }
.odd__link--comparsion { align-items: center; font-weight: 500; height: 40px; justify-content: center; position: relative; transition: background-color 0.3s ease-in-out; }
.odd__link--comparsion > i { font-size: 9px; position: absolute; }
.odd__link--comparsion:hover { background-color: rgb(225, 231, 237); }
.odd__link--in-betslip { background-color: rgb(0, 177, 255); box-shadow: rgb(0, 177, 255) 0px 0px 0px 1px; }
.odd__link--in-betslip .odd__logo { background-color: rgb(255, 255, 255); }
.odd__link--in-betslip .odd__value { color: rgb(255, 255, 255); }
.odd__link--win { background-color: rgb(26, 49, 80); box-shadow: rgb(26, 49, 80) 0px 0px 0px 1px; }
.odd__link--win .odd__logo { background-color: rgb(255, 255, 255); }
.odd__link--win :is(.odd__meta, .odd__value) { color: rgb(255, 255, 255); transition: color 0.3s; }
.odd__link--inactive { opacity: 0.5; }
.odd__link--lost .odd__value { color: rgb(111, 140, 170); }
.odd__value { flex-direction: column; font-size: 13px; font-weight: 500; line-height: 13px; min-height: 26px; }
.odd__logo, .odd__value { align-items: center; display: flex; justify-content: center; }
.odd__logo { background-color: rgb(225, 231, 237); font-size: 0px; padding: 1px 3px; }
.odd__logo > img { height: 16px; width: 40px; }
.odd__meta { color: rgb(111, 140, 170); display: block; font-size: 11px; font-weight: 400; line-height: 1; }
.odd--hr { width: 100%; }
.odd--hr .odd__link { flex-direction: row; height: 36px; }
.odd--hr .odd__value { align-self: center; flex-grow: 1; }
@media (hover: hover) {
  .odd:not(.odd--hr) .odd__link--win:hover :is(.odd__meta, .odd__value) { color: rgb(26, 49, 80); }
}
.bookmaker-logo { align-items: center; border-radius: 50%; border-style: solid; border-width: 3px; display: flex; flex-direction: column; height: 100px; justify-content: center; position: relative; width: 100px; }
.skewed-badge { background-color: rgb(243, 60, 89); color: rgb(255, 255, 255); font: italic 700 10px / 1 "Montserrat", sans-serif; padding: 5px 10px 3px; text-align: center; text-transform: uppercase; transform: skewX(-15deg); }
.skewed-badge > div { transform: skewX(15deg); }
.zap-border { background-color: rgb(26, 49, 80); border-color: rgb(0, 177, 255); position: relative; }
.zap-border::after, .zap-border::before { background-color: inherit; border-right-width: 3px; border-right-style: solid; border-color: inherit; content: ""; position: absolute; right: -10px; transform: skewX(-12deg); width: 20px; z-index: 0; }
.zap-border::after { height: calc(50% + 3px); top: 0px; }
.zap-border::before { border-top-width: 3px; border-top-style: solid; border-color: inherit; bottom: 0px; height: 50%; }
.navigation .nav-dropdown { background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; box-shadow: rgba(26, 49, 80, 0.2) 0px 3px 20px; opacity: 0; padding: 10px; position: absolute; right: 0px; top: 100%; transform: translateY(20px); transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out; visibility: hidden; width: 220px; }
.nav-dropdown .nav-dropdown__item:hover > .nav-dropdown, .navigation > ul > li.active > .nav-dropdown { opacity: 1; transform: translateY(0px); visibility: visible; }
.nav-dropdown__item.has-dropdown:hover .nav-dropdown__arrow { transform: rotate(180deg); }
.nav-dropdown__item + .nav-dropdown__item { border-top: 1px solid rgb(245, 247, 249); }
.nav-dropdown__link { align-items: center; background: rgb(255, 255, 255); color: rgb(26, 49, 80); display: flex; font-size: 14px; font-weight: 500; height: 50px; line-height: 1.3; padding: 10px 16px 10px 9px; transition: background-color 0.2s ease-in-out; }
.nav-dropdown__link:hover { background: rgb(245, 247, 249); }
.nav-dropdown__arrow { margin-left: auto; transition: transform 0.2s; }
.nav-dropdown__icon { color: rgb(0, 177, 255); font-size: 20px; height: 20px; line-height: 1; margin-right: 9px; width: 20px; }
.nav-dropdown__icon img { vertical-align: top; }
.nav-dropdown .nav-dropdown { background: rgb(255, 255, 255); height: 100%; left: 100%; padding: 10px 7px; right: auto; top: 0px; width: 230px; }
.nav-dropdown .nav-dropdown__inner { max-height: 100%; overflow: auto; padding-right: 8px; }
.nav-dropdown .nav-dropdown__inner::-webkit-scrollbar { height: 45px; width: 8px; }
.nav-dropdown .nav-dropdown__inner::-webkit-scrollbar-thumb { background: rgb(0, 177, 255); border-radius: 10px; }
.nav-dropdown .nav-dropdown__inner::-webkit-scrollbar-track { background: rgb(225, 231, 237); border-radius: 10px; }
.nav-dropdown .nav-dropdown__inner { }
.nav-dropdown .nav-dropdown__inner::-webkit-scrollbar { border-radius: 8px; }
.navigation .nav-dropdown--bookies { width: 250px; }
@media (max-width: 767px) {
  .nav-dropdown__link { padding-left: 10px; padding-right: 10px; }
  .nav-dropdown__arrow { margin-left: auto; }
}
.text-content { --vertical-padding: 20px; padding: var(--vertical-padding) 15px; }
.text-content:last-child { padding-bottom: 32px; }
.text-content strong { font-weight: 500; }
.text-content__long { margin-top: 1.43em; }
.text-content .old-accordion__title { font-size: 16px; font-weight: 700; margin: 0px; padding-bottom: 10px; text-transform: none; }
.text-content .table-of-content { margin: 50px -15px; }
.text-content .table-of-content__title { font-size: 16px; font-weight: 700; text-transform: uppercase; }
@media (min-width: 768px) {
  .text-content { --vertical-padding: 32px; }
  .text-content .table-of-content { margin-left: 0px; margin-right: 0px; }
  .text-content--no-gutters, .text-content--no-gutters .table-of-content { padding-left: 0px; padding-right: 0px; }
}
.bg-success { background-color: rgb(43, 210, 153) !important; }
.bg-danger { background-color: rgb(243, 60, 89) !important; }
.bg-primary { background-color: rgb(0, 177, 255) !important; color: rgb(255, 255, 255); }
.bg-light { background-color: rgb(255, 255, 255) !important; color: rgb(26, 49, 80); }
.bg-grey-4 { background-color: rgb(225, 231, 237) !important; }
.bg-grey-5 { background-color: rgb(245, 247, 249) !important; }
.bg-secondary { background-color: rgb(26, 49, 80) !important; color: rgb(255, 255, 255); }
.bg-bookmaker { background: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/event-header-sm.webp") center top / cover no-repeat rgb(17, 41, 72); color: rgb(255, 255, 255); }
@media (min-width: 768px) {
  .is-full-width-desktop .bg-bookmaker { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/bookmaker-header-md.webp"); }
}
.color-primary { color: rgb(0, 177, 255) !important; }
.color-secondary { color: rgb(26, 49, 80) !important; }
.color-success { color: rgb(43, 210, 153) !important; }
.color-danger { color: rgb(243, 60, 89) !important; }
.color-warning { color: rgb(253, 185, 44) !important; }
.color-grey-2 { color: rgb(111, 140, 170) !important; }
.color-grey-3 { color: rgb(182, 197, 212) !important; }
.color-grey-4 { color: rgb(225, 231, 237) !important; }
.color-light { color: rgb(255, 255, 255) !important; }
.bg-dota-2 { background-color: rgb(17, 17, 17) !important; }
.bg-league-of-legends { background-color: rgb(13, 119, 189) !important; }
.bg-counter-strike-global-offensive { background-color: rgb(231, 145, 3) !important; }
.bg-star-craft-ii { background-color: rgb(5, 22, 46) !important; }
.bg-hearthstone { background-color: rgb(160, 184, 236) !important; }
.bg-heroes-of-the-storm { background-color: rgb(38, 27, 155) !important; }
.bg-smite { background-color: rgb(41, 71, 53) !important; }
.bg-call-of-duty { background-color: rgb(33, 33, 33) !important; }
.bg-street-fighter-v { background-color: rgb(252, 43, 6) !important; }
.bg-overwatch { background-color: rgb(208, 208, 208) !important; }
.bg-world-of-tanks { background-color: rgb(32, 32, 32) !important; }
.bg-fifa { background-color: rgb(232, 77, 89) !important; }
.d-flex { display: flex; }
.flex-grow { flex-grow: 1; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.align-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-space-between { justify-content: space-between; }
.justify-space-around { justify-content: space-around; }
.c4-html { --scrollbar-width: 0px; }
.muted { opacity: 0.6; }
.no-scroll { overscroll-behavior: none; padding-right: var(--scrollbar-width); overflow: hidden !important; }
.hidden-scrollbar { overflow: auto; scrollbar-width: none; }
.hidden-scrollbar::-webkit-scrollbar { height: 0px; width: 0px; }
.cursor-pointer { cursor: pointer; }
.cursor-grab { cursor: grab; }
.cursor-grabbing { cursor: grabbing; }
.prevent-clicks { pointer-events: none; }
.prevent-user-select { user-select: none; }
.uppercase { text-transform: uppercase; }
.uppercase-none { text-transform: none; }
.image-size-xs { height: 16px !important; width: 16px !important; }
.image-size-sm { height: 20px !important; width: 20px !important; }
.image-size-md { height: 28px !important; width: 28px !important; }
.image-size-lg { height: 36px !important; width: 36px !important; }
.image-size-xl { height: 50px !important; width: 50px !important; }
.u-circle { border-radius: 50%; }
.sr-only { display: inline-block; font-size: 0px; height: 1px; overflow: hidden; width: 1px; clip: rect(1px, 1px, 1px, 1px); border: 0px !important; margin: 0px !important; padding: 0px !important; position: absolute !important; }
.title { color: rgb(26, 49, 80); font: italic 700 18px / 1.71 "Montserrat", sans-serif; }
.title-3 { font: 500 14px / 1.36 "Roboto", sans-serif; }
.headline, .title-3 { text-transform: uppercase; }
.headline { font-size: 13px; font-weight: 500; line-height: 1.69; }
.subhead { font: 500 11px / 1 "Roboto", sans-serif; }
.caption, .subhead { text-transform: uppercase; }
.caption { font-size: 11px; }
.montseratBold { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.t-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t-uppercase { text-transform: uppercase; }
.t-capitalize { text-transform: capitalize; }
.t-pre-line { white-space: pre-line; }
.pop-out-quick-enter-active, .pop-out-quick-leave-active { transition: 0.4s; }
.pop-out-quick-enter, .pop-out-quick-leave-active { opacity: 0; transform: translateY(-7px); }
.expand-enter-active { height: auto; transform: translateZ(0px); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity; will-change: transform, opacity; }
.expand-enter, .expand-leave-to { height: 0px; opacity: 0; transform: translate3d(0px, -24px, 0px); }
.old-modal-enter, .old-modal-leave-active { opacity: 0; }
:is(.old-modal-enter, .old-modal-leave-active) .old-modal__container { transform: translateY(20px); }
@media (min-width: 768px) {
  :is(.old-modal-enter, .old-modal-leave-active) .old-modal__container { transform: translateY(-20px); }
}
.fade-enter-active, .fade-leave-active { transition: opacity 0.5s; }
.fade-enter, .fade-leave-to { opacity: 0; }
.fade-slide-top-enter-active { transition: 0.3s; }
.fade-slide-top-leave-active { transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.fade-slide-top-leave-to { opacity: 0; transform: translateY(-35px); }
.fade-slide-top-enter { opacity: 0; transform: translateY(35px); }
.fade-slide-bottom-enter-active { transition: 0.2s; }
.fade-slide-bottom-leave-active { transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
.fade-slide-bottom-leave-to { opacity: 0; transform: translateY(35px); }
.fade-slide-bottom-enter { opacity: 0; transform: translateY(-35px); }
.form-error-message { color: rgb(243, 60, 89); padding: 0px 5px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.logo-brand { display: inline-block; font-size: 0px; vertical-align: middle; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.language-selector { height: 28px; position: relative; width: 65px; }
.language-selector__toggle { align-items: center; background: rgb(40, 62, 91); border: 0px; border-radius: 14px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 12px; height: 100%; justify-content: space-between; line-height: 28px; padding: 0px 6px; text-transform: uppercase; transition: border-radius 0.3s; width: 100%; }
.language-selector__toggle:focus { outline: none 0px; }
.language-selector__toggle i { font-size: 10px; opacity: 0.5; }
.language-selector__toggle.expanded { border-radius: 14px 14px 0px 0px; }
.language-selector__toggle .language-selector__label { margin-left: 0px; }
.language-selector__flag img { display: block; height: 18px; width: 18px; }
.language-selector__dropdown { display: none; left: 0px; position: absolute; top: 100%; width: 100%; z-index: 2; }
.language-selector__dropdown.active { display: block; }
.language-selector__label { margin-left: 6px; }
.language-selector__item { align-items: center; background: rgb(40, 62, 91); border: 0px; color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 13px; justify-content: flex-start; line-height: 28px; padding: 0px 6px; text-align: left; text-transform: uppercase; width: 100%; }
.language-selector__item:last-child { border-radius: 0px 0px 14px 14px; padding-bottom: 3px; }
.language-selector__item:hover { color: rgb(0, 177, 255); }
.language-selector__item:active, .language-selector__item:focus { color: rgb(255, 255, 255); }
.language-selector--dropdown-top .language-selector__dropdown { bottom: 100%; top: auto; }
.language-selector--dropdown-top .language-selector__toggle.expanded { border-radius: 0px 0px 14px 14px; }
.language-selector--dropdown-top .language-selector__item:last-child { border-radius: 0px; }
.language-selector--dropdown-top .language-selector__item:first-child { border-radius: 14px 14px 0px 0px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.nav-secondary { color: rgb(255, 255, 255); flex: 1 1 auto; font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; line-height: 1.1; margin-left: 30px; }
:is(.nav-secondary--br, .nav-secondary--es, .nav-secondary--mx) .nav-secondary__link { padding: 0px 10px; }
.nav-secondary__list { display: flex; }
.nav-secondary__list-item { position: relative; }
:is(.nav-secondary__list-item:focus, .nav-secondary__list-item:hover) > .nav-secondary__dropdown { opacity: 1; visibility: visible; }
:is(.nav-secondary__list-item:focus, .nav-secondary__list-item:hover) .nav-secondary__link { color: rgb(255, 255, 255); }
:is(.nav-secondary__list-item:focus, .nav-secondary__list-item:hover) .nav-secondary__link::before { opacity: 1; }
.nav-secondary__link { align-items: center; color: inherit; cursor: pointer; display: flex; font-size: 13px; height: 55px; justify-content: center; padding: 0px 15px; position: relative; text-transform: uppercase; white-space: nowrap; }
.nav-secondary__link::before { background: rgb(40, 62, 91); inset: 0px; content: ""; opacity: 0; position: absolute; transform: skew(-18deg); transition: opacity 0.3s; z-index: -1; }
.nav-secondary__link:focus { color: rgb(255, 255, 255); }
.nav-secondary__link.nuxt-link-exact-active::before { border-top: 3px solid rgb(0, 177, 255); opacity: 1; }
.nav-secondary__dropdown { background: rgb(40, 62, 91); left: -10px; opacity: 0; position: absolute; top: 100%; transition: opacity 0.2s, visibility 0.2s; visibility: hidden; width: 280px; }
.nav-secondary__dropdown--limited-height { max-height: 550px; overflow: auto; }
.nav-secondary__dropdown--lvl-2 { border-left: 1px solid rgb(26, 49, 80); left: 100%; max-height: 430px; overflow: auto; top: 0px; }
.nav-secondary__dropdown-item { position: relative; }
.nav-secondary__dropdown-item + .nav-secondary__dropdown-item { border-top: 1px solid rgb(26, 49, 80); }
:is(.nav-secondary__dropdown-item:focus, .nav-secondary__dropdown-item:hover) > .nav-secondary__dropdown { opacity: 1; visibility: visible; }
:is(.nav-secondary__dropdown-item:focus, .nav-secondary__dropdown-item:hover) > .nav-secondary__dropdown-link { color: rgb(0, 177, 255); }
:is(.nav-secondary__dropdown-item:focus, .nav-secondary__dropdown-item:hover) > .nav-secondary__dropdown-link .nav-secondary__dropdown-link__arrow { transform: rotate(180deg); }
.nav-secondary__dropdown-link { align-items: center; color: inherit; cursor: pointer; display: flex; font-size: 14px; height: 40px; padding: 2px 12px 2px 2px; transition: color 0.2s; }
.nav-secondary__dropdown-link__text { padding-left: 10px; }
.nav-secondary__dropdown-link__image { align-items: center; background: rgb(26, 49, 80); border-radius: 8px; color: rgb(255, 255, 255); display: flex; flex: 0 0 36px; font-size: 22px; height: 36px; justify-content: center; width: 36px; }
.nav-secondary__dropdown-link__image img { height: 28px; width: 28px; }
.nav-secondary__dropdown-link__image--bm { border-radius: 50%; border-style: solid; border-width: 2px; }
.nav-secondary__dropdown-link__image--bm img { height: 9px; width: 27px; }
.nav-secondary__dropdown-link__image--country-flag { background: rgba(0, 0, 0, 0); border-radius: unset; flex-basis: content; padding-left: 10px; width: 18px; }
.nav-secondary__dropdown-link__image--country-flag img { height: 18px; width: 18px; }
.nav-secondary__dropdown-link__arrow { color: rgb(111, 140, 170); font-size: 16px; margin-top: -7px; position: absolute; right: 12px; top: 50%; transition: transform 0.2s; }
@media (max-width: 1550px) {
  .nav-secondary__dropdown--lvl-2 { left: auto; right: 100%; }
}
@media (max-width: 1199px) {
  .nav-secondary { margin-left: 10px; }
  .nav-secondary__link { font-size: 11px; padding: 0px 10px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.badge-new { margin-left: 8px; max-height: 15px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.header-utility-nav { height: 55px; }
.header-utility-nav__btn { transition: color 0.2s, background-color 0.2s; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.user-dropdown__avatar { height: 36px; width: 36px; }
.user-dropdown__avatar img { font-size: 0px; height: 100%; width: 100%; }
.user-dropdown__notifications { font-size: 8px; height: 16px; right: -5px; top: -5px; width: 16px; }
.user-dropdown__notifications--oversized { line-height: 14px; padding: 0px 3px; right: -8px; }
.user-dropdown__menu { opacity: 0; right: -8px; transform: translateY(-15px); transition: 0.3s; visibility: hidden; width: 220px; }
.user-dropdown__menu.active { opacity: 1; transform: translateY(0px); visibility: visible; }
.user-dropdown__menu::before { border-style: solid; border-width: 0px 6px 6px; border-left-color: rgba(0, 0, 0, 0); border-right-color: rgba(0, 0, 0, 0); bottom: 100%; color: rgb(255, 255, 255); content: ""; position: absolute; right: 20px; }
.user-dropdown__menu__link { height: 45px; padding: 0px 15px; }
.user-dropdown__menu__link__icon { flex: 0 0 20px; width: 20px; }
.user-dropdown__menu__link__text { flex: 1 1 0%; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.quick-links { scrollbar-width: none; }
.quick-links__inner::after, .quick-links__inner::before { align-self: stretch; content: ""; flex: 0 0 8px; }
.quick-links .scrollable-container__btn { background-color: rgb(15, 29, 46) !important; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.scrollable-container { position: relative; }
.scrollable-container__body { overflow: hidden; white-space: nowrap; scrollbar-width: none; scroll-behavior: smooth; }
.scrollable-container__body::-webkit-scrollbar { display: none; }
.scrollable-container__btn { display: none; opacity: 0; transition: 0.2s; z-index: 6; }
.scrollable-container__btn--prev { left: 5px; }
.scrollable-container__btn--next { right: 5px; }
.scrollable-container__btn--visible { display: flex; opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  .scrollable-container:hover .scrollable-container__btn { opacity: 0.8; }
  .scrollable-container:hover .scrollable-container__btn:hover { opacity: 1; }
  .scrollable-container--scrollable .scrollable-container__btn { display: flex; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.quick-link { --border-color: #e0e9f5; --border-hover-color: #c1d3eb; --background-start-color: #fff; --background-end-color: #84a8d7; --box-size: 32px; --link-width: 74px; --link-height: 70px; background: linear-gradient(95deg,var(--background-start-color) 0,color-mix(in srgb,var(--background-end-color) 20%,#0000) 100%); border: 1px solid var(--border-color); height: var(--link-height); min-width: var(--link-width); text-decoration: none; }
.quick-link--dark-gradient { --link-width: 72px; --link-height: 44px; --border-color: #84a8d74d; --background-start-color: #00b1ff33; --background-end-color: #0000; background: radial-gradient(97.57% 210.75% at .9% 2.98%,var(--background-start-color) 0,var(--background-end-color) 100%); transition: border-color 0.2s; }
.quick-link--dark-gradient .quick-link__box { background-color: inherit; box-shadow: none; max-height: 20px; }
.quick-link--dark-gradient.quick-link--active { --border-color: $white; background: rgb(255, 255, 255); }
.quick-link--dark { --border-color: #84a8d733; --border-hover-color: #ffffff80; --background-start-color: #84a8d733; --background-end-color: #0000; background: linear-gradient(115deg,var(--background-start-color) 0,color-mix(in srgb,var(--background-end-color) 20%,#0000) 95%); }
.quick-link--light-gradient { --border-color: #fff; background: linear-gradient(131.52deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.2) 97.98%); }
.quick-link--short-box { --link-height: 34px; --link-width: 44px; }
.quick-link--short-box::before { content: ""; inset: -6px; position: absolute; }
.quick-link:hover { border-color: var(--border-hover-color); }
.quick-link__box { background-color: currentcolor; box-shadow: color-mix(in srgb, currentcolor, rgba(0, 0, 0, 0)) 0px 0px 4px 0px; flex: 0 0 var(--box-size); height: var(--box-size); width: 100%; }
@media (min-width: 1024px) {
  .quick-link:not(.aside .quick-link) { --link-width: 150px; --link-height: 40px; }
  .quick-link:not(.aside .quick-link) .quick-link__box { width: var(--box-size); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.sub-header { --background: #fff; background-color: var(--background); }
@media (min-width: 1024px) {
  .sub-header { --background: #0000; }
  .sub-header__navigation { box-shadow: rgba(26, 49, 80, 0.2) 0px 0px 10px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.subnav { padding: 6px 8px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.subnav-list { gap: 14px 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.subnav-link { --bg: #f5f7f9; --border-color: #f5f7f9; --icon-color: #6f8caa; background: var(--bg); border: 1px solid var(--border-color); height: 32px; transition: border-color 0.2s, background 0.2s; width: 32px; }
.subnav-link::before { content: ""; inset: -5px 0px; position: absolute; }
.subnav-link:hover { --border-color: #b6c5d4; }
.subnav-link__icon { color: var(--icon-color); }
.subnav-link__media { height: 20px; width: 20px; }
.subnav-link__count { left: calc(100% - 12px); position: absolute; top: -2px; }
.subnav-link__live { font-size: 8px; height: 12px; line-height: 13px; margin-top: -8px; padding: 0px 4px; }
.subnav-link__live-icon { margin-top: -4px; }
.subnav-link.active { --bg: #fff; --border-color: #00b1ff; --icon-color: #00b1ff; box-shadow: rgba(0, 177, 255, 0.2) 0px 0px 8px 0px; }
@media (min-width: 1024px) {
  .subnav-link::before { display: none; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.subnav-link-more__link { --bg: #0000; --border-color: #0000; background: var(--bg); border: 1px solid var(--border-color); height: 32px; transition: border-color 0.2s, background 0.2s; }
.subnav-link-more__link::before { content: ""; inset: -5px 0px; position: absolute; }
.subnav-link-more__link:hover { --bg: #f5f7f9; --border-color: #b6c5d4; }
@media (min-width: 1024px) {
  .subnav-link-more::before { display: none; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.breadcrumb-bar { background: rgb(245, 247, 249); min-height: 40px; padding: 6px 0px; position: relative; z-index: 12; }
.breadcrumb-bar--no-breadcrumbs { min-height: 16px; }
.breadcrumb-bar .container { align-items: center; justify-content: space-between; min-height: 40px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.sidebar-leagues__current-category { margin-top: -4px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.sidebar-leagues-placeholder { filter: brightness(1.03); }
.sidebar-leagues-placeholder__boxes { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.sidebar-leagues-placeholder__box { height: 72px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-list-sub-nav { height: 44px; }
@media (min-width: 1024px) {
  .match-list-sub-nav { border-top-left-radius: 16px; height: 52px !important; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-list-filter-buttons__live-button .btn-group-item__btn { --btn-padding: 0 7px; }
.match-list-filter-buttons__live-button .btn-group-item__btn-icon { margin: 0px 0px 4px; }
.match-list-filter-buttons__live-button-label { font-size: 8px; height: 10px; margin-top: 12px; padding: 0px 3px; }
.match-list-filter-buttons__live-button-badge { left: 10px; top: -5px; }
.match-list-filter-buttons__by-time--hidden-icon .btn-group-item__btn-icon { display: none; }
.match-list-filter-buttons__by-time .btn-group-item__btn { --btn-padding: 0px 8px; }
.match-list-filter-buttons__by-time-label::after { content: attr(data-text); font-weight: 700; height: 0px; overflow: hidden; pointer-events: none; visibility: hidden; }
.match-list-filter-buttons__show-odds .toggle-switch__track { min-width: 40px; }
.match-list-filter-buttons__show-odds .toggle-switch__label { --label-margin: 6px; }
@media (min-width: 1024px) {
  .match-list-filter-buttons__by-time--hidden-icon .btn-group-item__btn-icon { display: block; }
}
.match-list-date-picker__backdrop { background-color: rgba(26, 49, 80, 0.6); display: none; height: 100%; left: 0px; position: fixed; top: 100px; transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 100%; z-index: 11; }
.match-list-date-picker__calendar { height: 44px; }
.match-list-date-picker__calendar-active input { background-color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; bottom: 0px; box-shadow: none; height: 0px; outline: none; position: absolute; right: 0px; width: 0px; }
@media (max-width: 1023.98px) {
  .pika-single { left: 0px !important; width: 100% !important; }
}
.pika-single { background: rgb(255, 255, 255); color: rgb(26, 49, 80); font-size: 14px; height: 308px; position: relative; width: 320px; z-index: 12; }
.pika-single.is-hidden { display: none; }
.pika-lendar { background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(26, 49, 80, 0.2) 0px 0px 10px; }
.pika-button, .pika-label, .pika-next, .pika-prev, .pika-table th, .pika-title { height: 44px; }
.pika-title { border-radius: 4px 4px 0px 0px; position: relative; text-align: center; }
.pika-label { align-items: center; display: inline-flex; padding: 5px 3px; }
.pika-title select { cursor: pointer; height: 44px; margin: 0px; opacity: 0; position: absolute; z-index: 11; }
.pika-next, .pika-prev { align-items: center; background: rgba(0, 0, 0, 0); border: 0px; color: rgb(26, 49, 80); cursor: pointer; display: flex; font-size: 0px; justify-content: center; outline: none; padding: 0px; }
.pika-prev { float: left; }
.pika-next { float: right; }
.pika-next::before, .pika-prev::before { font-family: Font-Oddspedia; font-size: 12px; line-height: 1; }
.pika-prev::before { content: ""; }
.pika-next::before { content: ""; }
.pika-next.is-disabled, .pika-prev.is-disabled { cursor: default; opacity: 0.2; }
.pika-table { border-collapse: initial; border-radius: 0px 0px 4px 4px; padding: 1px; }
.pika-table th { background: rgb(245, 247, 249); color: rgb(26, 49, 80); font-weight: 400; padding: 0px; text-align: center; }
.pika-table td + td { padding-left: 1px; }
.pika-table tr + tr td { padding-top: 1px; }
.pika-table abbr { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; cursor: help; text-decoration: none; }
.pika-button, .pika-next, .pika-prev { width: 44px; }
.pika-button { border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; color: rgb(26, 49, 80); cursor: pointer; font-family: inherit; font-size: 14px; outline: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; }
.is-today .pika-button { background: rgba(0, 0, 0, 0); border-color: rgb(26, 49, 80); color: rgb(26, 49, 80); }
.is-selected .pika-button { background-color: rgb(26, 49, 80); color: rgb(255, 255, 255); font-weight: 500; }
.is-outside-current-month .pika-button { color: rgb(111, 140, 170); opacity: 0.3; }
.is-disabled .pika-button { background: rgb(225, 231, 237); color: rgb(111, 140, 170); opacity: 0.3; }
.is-disabled .pika-button, .is-selection-disabled { cursor: default; pointer-events: none; }
@media (hover: hover) {
  .pika-button:hover { background-color: rgb(204, 240, 255); }
  .is-selected .pika-button:hover { border: 0px; color: rgb(26, 49, 80); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-head__see-all-button--dark { --btn-color: #fff; }
@media (min-width: 1024px) {
  .game-list-head { height: 40px !important; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-headline { height: 28px; }
.game-list-headline__sport-icon { box-shadow: rgb(255, 255, 255) 3px 0px 0px 0px; flex-shrink: 0; margin: 0px 8px 0px -2px; padding: 9px 12px 9px 2px; transform: skew(-20deg); }
.game-list-headline__sport-icon > div { transform: skew(20deg); }
.game-list-headline__sport-icon > div i { color: rgb(111, 140, 170); display: block; font-size: 18px; line-height: 1; }
.game-list-headline .breadcrumbs__link { font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game-list-headline .breadcrumbs__item + .breadcrumbs__item::before { margin: 0px 4px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-headline-actions .btn { --icon-font-size: 20px; }
@media (min-width: 576px) {
  .game-list-headline-actions .btn { --icon-font-size: 16px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-item { --background-color: #fff; --direction: column; --items-alignment: normal; --odds-wrapper-width: 100%; --odds-width: 100%; --bottom-section-padding-x: 8px; --date-status-gap: 4px; --date-status-direction: column-reverse; --right-section-margin-top: 0; background-color: var(--background-color); }
.game-list-item__in-play-indicator { border-radius: inherit; inset: 0px; }
.game-list-item__in-play-indicator::before { background-color: rgb(243, 61, 89); content: ""; height: 100%; position: absolute; width: 3px; }
.game-list-item .match-state-change-enter-active { animation: 0.8s ease-in-out 0s 3 normal none running match-state-blink; }
.game-list-item .match-state-change-enter-active .match-status { animation: 5s linear 2.4s 1 normal both running match-state-background-hold; background-color: rgb(254, 236, 238); border-radius: 8px; color: rgb(243, 61, 89); padding: 4px; }
.game-list-item--active { --background-color: #fafbfc; }
.game-list-item--active :is(.odd-box-with-market-and-outcome--disabled, .odd-box-with-market-and-outcome--lost) { --background-color: #fff; }
.game-list-item--active .game-list-item-probabilities--no-winning { --odd-background: #fff; }
.game-list-item--active .game-list-item-correct-score-probabilities__highest-score--lost { --background-color: #fff; }
.game-list-item--active .btn-pagination { --bg: #fff; }
.game-list-item--active .no-results-found-text-only__text { background-color: rgb(255, 255, 255); }
.game-list-item--active .correct-score-probability-matrix__cell--losing { --cell-background-color: #fff; }
.game-list-item--result-changed { animation: 1.5s ease-in-out 0s 1 normal none running game-list-item-row-highlight; }
.game-list-item--with-top-offset .game-list-item__right-section { margin-top: var(--right-section-margin-top); }
.game-list-item__match-row { align-items: var(--items-alignment); flex-direction: var(--direction); padding-top: 4px; }
.game-list-item__match-row .match-row__content { font-size: 14px; padding-left: 4px; }
.game-list-item__bottom-section { padding-bottom: 4px; padding-left: var(--bottom-section-padding-x); padding-right: var(--bottom-section-padding-x); }
.game-list-item .match-odds__no-odds { font-size: 10px !important; line-height: 120%; }
.game-list-item__livestream-trigger { height: 20px; transition: color 0.2s, background-color 0.2s; width: 20px; }
.game-list-item .game-list-odds-with-waynames--smaller-odd-label .match-list-item-american-market .odd-box-with-logo__label { font-size: 10px; text-align: center; }
.game-list-item .game-list-odds-with-waynames :is(.match-list-item-american-market, .match-odds) { width: var(--odds-wrapper-width); }
.game-list-item .game-list-odds-with-waynames :is(.bookmaker-link, .odd-box, .odd-box-with-logo, .skeleton-item-odds) { width: var(--odds-width); }
.game-list-item .team-names-stack { justify-content: center; min-height: var(--team-names-stack-min-height); gap: 4px !important; }
.game-list-item .team-names-stack .team-names-stack__logo { margin-right: 2px; }
.game-list-item .team-names-stack .team-names-stack__logo--reversed { margin-left: 2px; margin-right: 0px; }
.game-list-item .match-favourite-btn__button { margin-right: 0px; padding: 0px 6px; }
.game-list-item .match-favourite-btn__button-icon { font-size: 16px; }
.game-list-item .match-row :is(.match-state, .match-state-wrapper) { min-width: 0px; width: auto; }
.game-list-item .match-state { flex: 0 1 auto; max-width: none; }
.game-list-item .match-state :is(.match-date, .match-status, .match-timer) { font-size: 10px; line-height: 12px; }
.game-list-item .match-state .match-date__time { opacity: unset; }
.match-row .game-list-item__match-state { gap: 2px; }
.match-row .game-list-item__match-state .match-state { width: 36px; }
.match-row .game-list-item__match-state .match-state__date-and-status { align-items: center; display: inline-flex; flex-direction: var(--date-status-direction); gap: var(--date-status-gap); }
.match-row .game-list-item__match-state .match-state__date-and-special-status .match-date__time { display: none; }
.match-row .game-list-item__match-state :is(.match-date, .match-state-inner) { max-width: 100%; }
.match-row .game-list-item__match-state .match-limited-coverage-popover-btn { transform: none; }
.match-row .game-list-item__match-state .match-limited-coverage-popover__inner::after { left: -12px; top: 4px; }
.match-row .game-list-item__match-state .match-state-outer { display: inline-block; }
@media (max-width: 575.98px) {
  .game-list-item { --team-names-stack-min-height: 60px; }
  .game-list-item .skeleton-item-odds--sm { --height: 55px; }
  .game-list-item .game-list-item__bottom-section { padding-bottom: 8px; }
  .game-list-item .game-list-odds-with-waynames--american { height: 99px; }
}
@media (min-width: 576px) {
  .game-list-item { --direction: row; --items-alignment: center; --odds-wrapper-width: 100%; --odds-width: 56px; --bottom-section-padding-x: 0; --date-status-gap: 0; --date-status-direction: column-reverse; --right-section-margin-top: 10px; }
}
@media (min-width: 576px) and (max-width: 1023.98px) {
  .game-list-item { --team-names-stack-min-height: 71px; }
  .game-list-item .match-odds__no-odds { height: 52px !important; }
  .game-list-item .match-list-item-american-market__no-odds { --height: 52px; }
  .game-list-item .game-list-item__bottom-section { margin-left: 8px; }
  .game-list-item .game-list-odds-with-waynames--american { height: 123px; }
  .game-list-item .game-list-odds-with-waynames--american :is(.skeleton-item-odds--md, .skeleton-item-odds--sm) { --height: 52px; }
}
@media (max-width: 1023.98px) {
  .game-list-item .team-names-stack__logo img { height: 16px; width: 16px; }
}
@media (min-width: 1024px) {
  .game-list-item .match-favourite-btn__button { padding: 0px 8px; }
  .game-list-item .match-favourite-btn__button-icon { font-size: 20px; }
  .game-list-item .team-names-stack { gap: 6px !important; }
  .game-list-item .team-names-stack .team-names-stack__logo { margin-right: 8px; }
  .game-list-item .team-names-stack .team-names-stack__logo--reversed { margin-left: 8px; margin-right: 0px; }
  .game-list-item__match-row { flex-direction: column !important; }
  .game-list-item .match-row__content { width: 100%; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .game-list-item { --direction: column; --items-alignment: normal; --odds-wrapper-width: 100%; --odds-width: 100%; --bottom-section-padding-x: 8px; --date-status-gap: 4px; --date-status-direction: column-reverse; --right-section-margin-top: 0; --team-names-stack-min-height: 60px; }
  .game-list-item .skeleton-item-odds--sm { --height: 55px; }
  .game-list-item .game-list-item__bottom-section { padding-bottom: 8px; }
  .game-list-item .game-list-odds-with-waynames--american { height: 99px; }
}
@media (min-width: 1280px) {
  .game-list-item { --direction: row; --items-alignment: center; --odds-wrapper-width: 100%; --odds-width: 56px; --bottom-section-padding-x: 0; --date-status-gap: 0; --date-status-direction: column-reverse; --right-section-margin-top: 10px; }
  .game-list-item__match-row { flex-direction: row !important; }
  .game-list-item .match-row__content { width: auto; }
  .game-list-item { --team-names-stack-min-height: 71px; }
  .game-list-item .match-odds__no-odds { height: 52px !important; }
  .game-list-item .match-list-item-american-market__no-odds { --height: 52px; }
  .game-list-item .game-list-item__bottom-section { margin-left: 8px; }
  .game-list-item .game-list-odds-with-waynames--american { height: 123px; }
  .game-list-item .game-list-odds-with-waynames--american :is(.skeleton-item-odds--md, .skeleton-item-odds--sm) { --height: 52px; }
}
@keyframes game-list-item-row-highlight { 
  0%, 100% { background-color: var(--background-color); }
  50% { background-color: rgb(254, 236, 238); }
}
@keyframes match-state-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
@keyframes match-state-background-hold { 
  0%, 100% { background-color: rgb(254, 236, 238); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-row :is(.match-state, .match-state-wrapper) { min-width: 52px; white-space: normal; width: 52px; }
.match-row__content { align-items: center; display: flex; font-size: 14px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-state { color: rgb(26, 49, 80); flex: 0 0 57px; font-size: 12px; max-width: 57px; text-align: center; }
.match-state-outer { position: relative; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-status { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.match-status--inplay, .match-status--special { color: rgb(243, 61, 89); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-url--flex { align-items: center; display: flex; overflow: hidden; white-space: nowrap; width: 100%; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.team-names-stack__logo { margin-right: 12px; min-width: 20px; }
.team-names-stack__logo--reversed { margin-left: 12px; margin-right: 0px; }
.team-names-stack__score-change { animation: 3s linear 0s 1 normal none running team-names-stack-score-change; }
@keyframes team-names-stack-score-change { 
  0%, 99.999% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-score__team { width: 25px; }
.game-score--big-number { grid-template-columns: 30px; }
.game-score--reversed .game-score__team--away { grid-row: 1; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-score-result { height: 24px; width: 24px; }
@keyframes score-roll-up { 
  0% { opacity: 0; transform: translateY(100%); }
  35% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes score-highlight-blink { 
  0%, 100% { background-color: rgba(0, 0, 0, 0); color: inherit; font-weight: inherit; }
  50% { background-color: rgb(243, 61, 89); color: rgb(255, 255, 255); font-weight: 700; }
}
.game-score-result-highlight-enter-active { animation: 0.8s ease-out 0s 1 normal none running score-roll-up, 0.8s ease-in-out 0s 1 normal none running score-highlight-blink; }
.game-score-result-highlight-enter { opacity: 0; transform: translateY(100%); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-favourite-btn__button { --color: #b6c5d4; --hover-color: #00b1ff; color: var(--color); height: 100%; margin-right: -16px; padding: 0px 16px; }
.match-favourite-btn__button::before { content: ""; inset: -12px 0px; position: absolute; width: 100%; }
.match-favourite-btn__button.is-notifications-muted { opacity: 0.7; }
.match-favourite-btn__button.is-favourited { --color: #00b1ff; --hover-color: #0978c8; }
.match-favourite-btn__button:hover { color: var(--hover-color); }
.match-favourite-btn__button-icon { color: inherit; transition: color 0.2s; }
.match-list-item .match-favourite-btn__button { margin-right: -14px; padding-right: 14px; }
.match-list-item--with-odds .match-favourite-btn__button { margin-right: -12px; padding-right: 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-date { color: rgb(243, 61, 89); display: block; font-size: 12px; line-height: 16px; }
.match-date__time { color: rgb(26, 49, 80); opacity: 0.6; }
.match-date__status { color: rgb(243, 61, 89); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-smartbet-box { width: 120px; }
.game-smartbet-box__logo { height: 8px; width: 56px; }
.game-smartbet-box__content { min-height: 40px; padding: 0px 8px; transition: 0.2s; }
.game-smartbet-box__title { display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
.game-smartbet-box__team-name { word-break: break-all; }
.game-smartbet-box__tooltip { box-shadow: rgba(0, 177, 255, 0.2) 0px 0px 4px 0px; height: 16px; top: -8px; width: 64px; }
@media (min-width: 1024px) {
  .game-smartbet-box__content { min-height: 44px; }
}
@media (min-width: 1280px) {
  .game-smartbet-box__tooltip { top: -17px; }
  .game-smartbet-box__tooltip::after { background-color: rgb(0, 139, 199); bottom: -3px; content: ""; height: 6px; position: absolute; right: 22px; transform: rotate(45deg); width: 6px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-sets--reversed .game-set__team--away { grid-row: 1; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-set { grid-template-rows: repeat(2, 25px); row-gap: 2px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-add-tip-box { min-height: 40px; transition: 0.2s; width: 120px; }
.game-add-tip-box__content-text { max-width: 80px; }
@media (min-width: 1280px) {
  .game-add-tip-box { min-height: 44px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.ad-slot-main .ad-slot { min-height: 50px; min-width: 320px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.tips-hub-predictions { --body-padding: 12px; display: flex; }
.tips-hub-predictions--in-aside { display: none; }
.tips-hub-predictions__body { gap: 4px; padding: var(--body-padding); }
@media (min-width: 1024px) {
  .tips-hub-predictions:not(.tips-hub-predictions--in-aside) { display: none; }
  .tips-hub-predictions:not(.tips-hub-predictions--in-aside) .tips-hub-predictions__body { --body-padding: 8px 16px; }
  .tips-hub-predictions--in-aside { --body-padding: 16px 12px 0; border-top-right-radius: 8px; display: flex; overflow: hidden; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.matchup-powered-by__separator { flex: 1 0 30px; }
.matchup-powered-by__brand { flex-wrap: wrap; }
.matchup-powered-by__brand-text { overflow-wrap: anywhere; }
.matchup-powered-by__image, .matchup-powered-by__smartbet-logo { height: 10px; }
.matchup-powered-by__logo { height: 11px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.prediction-card__odd-full-width { min-width: 100%; }
.prediction-card__status-icon { position: absolute; right: -2px; top: -6px; }
.prediction-card--halflost, .prediction-card--halfwon, .prediction-card--lost, .prediction-card--pending, .prediction-card--won { border-style: solid; border-width: 1px; }
.prediction-card--pending { border-color: rgb(255, 211, 51); }
.prediction-card--won { border-color: rgb(35, 169, 124); }
.prediction-card--lost { border-color: rgb(243, 61, 89); }
.prediction-card--halfwon { border-color: rgb(35, 169, 124); border-style: dashed; }
.prediction-card--halflost { border-color: rgb(243, 61, 89); border-style: dashed; }
.prediction-card--has-bg-logo::before { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/o-sign.svg"); content: ""; height: 145px; left: 0px; opacity: 0.05; pointer-events: none; position: absolute; top: 0px; width: 245px; }
.prediction-card--dark .accordion-text-trim { --accordion-border-color: #0000; --accordion-bg: #0000; }
.prediction-card--dark .accordion-text-trim[open]:hover { --accordion-border-color: #0000; }
.prediction-card--dark .accordion-text-trim__body { padding: 0px; }
@media (min-width: 1024px) {
  :is(.prediction-card--halflost, .prediction-card--halfwon, .prediction-card--lost, .prediction-card--pending, .prediction-card--won) .prediction-card__head:not(.aside .prediction-card__head) { padding-right: 32px; }
  .prediction-card__head:not(.aside .prediction-card__head) .prediction-card__status-icon { top: 10px; }
  .prediction-card__odd-full-width:not(.aside .prediction-card__odd-full-width) { min-width: 0px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.tip-hub-prediction-card-header .match-date__time { color: rgb(255, 255, 255); opacity: 1; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.team-names-row__team { flex: 1 1 0%; }
.team-names-row__logo { min-width: 16px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.secondary-language-switcher--light .dropdown .dropdown__toggle { --bg-color: #fff; background-color: var(--bg-color); }
@media (hover: hover) {
  .secondary-language-switcher--light .dropdown:hover .dropdown__toggle { --bg-color: #f5f7f9; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.aside__default + .aside__fixed { display: none; }
.aside__fixed { height: calc(-55px + 100vh); left: 0px; position: sticky; top: 55px; transform: translateZ(0px); will-change: height, scroll-position; }
.aside__fixed__inner { height: 100%; position: relative; }
.aside__fixed__inner.ps .ps__thumb-y { right: 0px; }
.aside__fixed__inner.ps :is(.ps__rail-x, .ps__rail-y, .ps__thumb-x, .ps__thumb-y) { z-index: 15; }
.aside--profile { background: rgba(0, 0, 0, 0); border-left: 0px; margin-left: 10px; }
.aside--bookmaker .aside__content, .aside--bookmaker > div { height: 100%; }
.aside--no-border { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.aside .text-content { background-color: rgb(255, 255, 255); margin-bottom: 24px; padding: 20px 12px; }
.aside .unique-selling-points:first-child { margin-top: 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.aside__default + .aside__fixed { display: none; }
.aside__fixed { height: calc(-55px + 100vh); left: 0px; position: sticky; top: 55px; transform: translateZ(0px); will-change: height, scroll-position; }
.aside__fixed__inner { height: 100%; position: relative; }
.aside__fixed__inner.ps .ps__thumb-y { right: 0px; }
.aside__fixed__inner.ps :is(.ps__rail-x, .ps__rail-y, .ps__thumb-x, .ps__thumb-y) { z-index: 15; }
.aside--profile { background: rgba(0, 0, 0, 0); border-left: 0px; margin-left: 10px; }
.aside--bookmaker .aside__content, .aside--bookmaker > div { height: 100%; }
.aside--no-border { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.aside .text-content { background-color: rgb(255, 255, 255); margin-bottom: 24px; padding: 20px 12px; }
.aside .unique-selling-points:first-child { margin-top: 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-posts-list-placeholder { --item-size: 116px; }
.blog-posts-list-placeholder__header, .blog-posts-list-placeholder__image { filter: brightness(1.02); }
.blog-posts-list-placeholder__image { width: var(--item-size); }
.blog-posts-list-placeholder__content, .blog-posts-list-placeholder__image { --height: var(--item-size); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.commercial-sticky-banner__cta-bonus-code, .commercial-sticky-banner__cta-claim-button, .commercial-sticky-banner__header-text { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.commercial-sticky-banner { position: relative; z-index: 15; }
.commercial-sticky-banner__wrapper { bottom: 0px; left: 0px; padding-bottom: env(safe-area-inset-bottom); position: fixed; width: 100%; }
.commercial-sticky-banner__content { border-radius: 8px 8px 0px 0px; overflow: hidden; width: 100%; }
.commercial-sticky-banner__content--bottom-border { border-bottom: 2px solid rgb(225, 231, 237); }
.commercial-sticky-banner__content { animation-duration: 0.2s; animation-fill-mode: forwards; animation-name: commercial-sticky-banner; animation-timing-function: ease-in; }
.commercial-sticky-banner__header { align-items: center; display: flex; padding: 11px 16px; position: relative; }
.commercial-sticky-banner__header img { height: 25px; }
.commercial-sticky-banner__header-text { font-size: 14px; line-height: 1.2; margin: 0px 12px; }
.commercial-sticky-banner__header-action { bottom: 0px; display: flex; margin: auto 0px; position: absolute; right: 16px; top: 0px; }
.commercial-sticky-banner__header-action-btn { padding: 0px; }
.commercial-sticky-banner__body { background-color: rgb(245, 247, 249); padding: 10px 16px; }
.commercial-sticky-banner__body--collapsed { padding-bottom: 16px; }
.commercial-sticky-banner__cta { display: flex; gap: 4px; justify-content: center; padding-right: 0px; position: relative; }
.commercial-sticky-banner__cta-bonus-code, .commercial-sticky-banner__cta-claim-button { min-width: 178px; }
.commercial-sticky-banner__cta-bonus-code { align-items: center; background-color: rgb(255, 255, 255); border: 2px dashed rgb(225, 231, 237); border-radius: 8px; color: rgb(26, 49, 80); display: flex; font-size: 10px; height: 36px; justify-content: center; line-height: 1.5; overflow: hidden; padding: 10px 20px; }
.commercial-sticky-banner__cta-bonus-code:hover { color: rgb(9, 120, 200); }
.commercial-sticky-banner__cta-bonus-code--copied { color: rgb(0, 177, 255); cursor: default; }
.commercial-sticky-banner__cta-bonus-code--copied:hover { color: rgb(0, 177, 255); }
.commercial-sticky-banner__cta-bonus-code--not-required { color: rgb(111, 140, 170); padding: 2px 20px; }
.commercial-sticky-banner__cta-bonus-code--not-required:hover { color: rgb(111, 140, 170); }
.commercial-sticky-banner__cta-bonus-code span { max-width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.commercial-sticky-banner__cta-claim-button { align-items: center; background: linear-gradient(270deg, rgb(9, 120, 200) 0.96%, rgb(0, 177, 255) 100.96%); border-radius: 20px; color: rgb(255, 255, 255); display: flex; font-size: 14px; justify-content: center; line-height: 1.07; padding: 9px 24px; }
.commercial-sticky-banner__cta-claim-button:hover { opacity: 0.8; }
.commercial-sticky-banner__cta-tnc-button { color: rgb(111, 140, 170); font-size: 13px; margin: 6px; padding: 0px; }
.commercial-sticky-banner__tnc { border-top: 1px solid rgb(225, 231, 237); color: rgb(111, 140, 170); font-size: 10px; line-height: 1.5; margin-top: 10px; padding-top: 4px; }
.no-bottom-bar .commercial-sticky-banner__wrapper { animation-duration: 0.2s; animation-fill-mode: forwards; animation-name: commercial-sticky-banner; animation-timing-function: ease-in; background: rgb(245, 247, 249); border-radius: 10px 10px 0px 0px; }
.no-bottom-bar .commercial-sticky-banner__content { animation: auto ease 0s 1 normal none running none; }
.has-bottom-bar .commercial-sticky-banner__wrapper { bottom: 48px; }
.has-betslip .commercial-sticky-banner__wrapper { bottom: 40px; }
.has-bottom-bar.has-betslip .commercial-sticky-banner__wrapper { bottom: 84px; }
.has-commercial-sticky-banner .bottom-bar__nav { box-shadow: none; }
@media (max-width: 424px) {
  .commercial-sticky-banner__header-text { margin: 0px 20px 0px 12px; }
  .commercial-sticky-banner__cta { justify-content: unset; }
  .commercial-sticky-banner__cta-tnc-button { margin-right: 14px; }
  .commercial-sticky-banner__cta-bonus-code, .commercial-sticky-banner__cta-claim-button { flex-basis: 50%; min-width: unset; }
}
@media (min-width: 991px) {
  .commercial-sticky-banner__tnc { padding: 0px 64px; text-align: center; }
  .commercial-sticky-banner__header { justify-content: center; padding: 8px 16px; }
}
@keyframes commercial-sticky-banner { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.lead-magnet { background-position: 50% center; background-size: cover; }
.lead-magnet__input-wrapper { width: 100%; }
@media (min-width: 768px) {
  .lead-magnet__input-wrapper { width: 360px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.copyright { line-height: 1.3; }
.copyright p { color: rgb(111, 140, 170); font-size: 10px; margin-bottom: 0px; }
.copyright a { color: inherit; text-decoration: underline; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.socials-tv { color: rgb(110, 141, 170); }
.socials-tv, .socials-tv ul { align-items: center; display: flex; }
.socials-tv li + li { margin-left: 12px; }
.socials-tv__label { font-size: 11px; margin-right: 14px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.socials { margin: 0px -8px; }
.socials--sm { --size: 28px; }
.socials--md { --size: 36px; }
.socials img { height: var(--size); width: var(--size); }
.socials__btn { --padding: 8px; }
.socials__btn:hover .socials__image { box-shadow: rgba(0, 177, 255, 0.5) 0px 0px 4px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.trust-pilot-rating { --logo-height: 26px; }
.trust-pilot-rating__button { height: 22px; width: 22px; }
.trust-pilot-rating__logo { height: var(--logo-height); }
.trust-pilot-rating--card .trust-pilot-rating__logo-wrapper { background-color: rgb(1, 2, 48); }
.trust-pilot-rating--card .trust-pilot-rating__logo-wrapper::after, .trust-pilot-rating--card .trust-pilot-rating__logo-wrapper::before { background-color: inherit; content: ""; height: 50%; left: -5px; position: absolute; transform: skewX(-12deg); width: 20px; }
.trust-pilot-rating--card .trust-pilot-rating__logo-wrapper::after { top: 0px; }
.trust-pilot-rating--card .trust-pilot-rating__logo-wrapper::before { bottom: -1px; }
.trust-pilot-rating--compact { --logo-height: 20px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip { background: rgb(255, 255, 255); border-radius: 8px 0px 0px; display: flex; flex-direction: column; height: 100%; position: relative; transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; z-index: 1049; }
.betslip__drag { background-color: rgba(26, 49, 80, 0.6); height: 18px; left: 0px; position: absolute; right: 0px; top: -18px; }
.betslip__drag::after { background-color: rgba(225, 231, 237, 0.8); border-radius: 8px; content: ""; height: 5px; left: 0px; margin: auto; position: absolute; right: 0px; top: 7px; width: 80px; }
.betslip__head { flex: 0 0 auto; position: relative; }
.betslip__body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0px; }
.betslip__body > .info-pop-up { position: absolute; z-index: 50; }
.betslip__footer { flex: 0 0 auto; }
.betslip--bottom-bar { background-color: rgb(245, 247, 249); border-radius: 0px; bottom: 0px; left: 0px; position: fixed; transform: translateY(calc(100% - 40px)); width: 100%; }
.betslip--bottom-bar.active { border-radius: 8px 8px 0px 0px; padding-bottom: 18px; transform: translateY(18px); }
.betslip--bottom-bar.active .betslip-mini { border-radius: 8px 8px 0px 0px; z-index: 9001; }
.betslip--bottom-bar:not(.active) .betslip-mini { height: 40px; min-height: 40px; }
.betslip--bottom-bar:not(.active) .betslip-mini__heading { font-size: 15px; }
.betslip--bottom-bar:not(.active) .betslip-mini__odds { font-size: 11px; }
.betslip--bottom-bar:not(.active) .betslip-mini__icon__count { font-size: 14px; }
.betslip--bottom-bar .betslip-bar { background-color: rgb(245, 247, 249); padding-top: 8px; }
.betslip--bottom-bar .betslip__body > .info-pop-up { top: 55px; }
.betslip--sidebar { height: 100%; position: fixed; right: 0px; top: 0px; transform: translateY(calc(100% - 50px)); width: 320px; }
.betslip--sidebar.active { border-radius: 0px; box-shadow: rgba(112, 112, 112, 0.3) 0px 0px 30px 15px; transform: translateY(0px); z-index: 9999; }
.betslip--sidebar.active .betslip-mini { background-color: rgb(26, 49, 80); border-radius: 0px; margin-bottom: 34px; padding: 12px 10px 0px; position: relative; }
.betslip--sidebar.active .betslip-mini::after { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/betslip-header-bg.svg"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; content: ""; display: flex; height: 24px; left: 0px; margin-bottom: 10px; position: absolute; top: 100%; width: 100%; }
.betslip--sidebar .betslip-mini { border-radius: 8px 0px 0px; }
.betslip--sidebar .betslip-limited-coverage-bar { background-color: rgb(255, 255, 255); margin: 5px 0px 10px; }
.betslip--sidebar .betslip__body > .info-pop-up { top: 110px; }
.betslip--overlay::before { background-color: rgba(26, 49, 80, 0.5); inset: 0px; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 50; }
.betslip .o-scrollbar { overflow: hidden auto; }
.betslip .accumulator-bet-offer:first-child { border-top: 1px dashed rgb(225, 231, 237); }
.betslip .accumulator-bet-offer:last-child { border-bottom: 1px dashed rgb(225, 231, 237); }
.betslip .betslip-actions-wrapper, .betslip .betslip-multi-bet { padding: 15px 12px; }
.is-nav-open .betslip { z-index: 15; }
.is-mobile-or-tablet .betslip:not(.active) { bottom: env(safe-area-inset-bottom); }
.is-mobile-or-tablet .betslip:not(.active) .betslip-bar, .is-mobile-or-tablet .betslip:not(.active) :is(.betslip__body, .betslip__footer) { display: none; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip-mini__heading, .betslip-mini__icon__count, .betslip-mini__odds { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.betslip-mini { align-items: center; background-color: rgb(9, 120, 200); display: flex; height: 50px; min-height: 50px; padding: 12px 10px; width: 100%; }
.betslip-mini__heading { color: rgb(255, 255, 255); font-size: 18px; line-height: 1.22; margin-right: 5px; }
.betslip-mini__odds { color: rgb(255, 255, 255); font-size: 12px; line-height: 1.15; }
.betslip-mini__icon { margin-right: 6px; position: relative; }
.betslip-mini__icon i { font-size: 20px; }
.betslip-mini__icon__count { align-items: center; inset: 0px; display: flex; font-size: 14px; justify-content: center; line-height: 1.28; position: absolute; }
.betslip-mini__icon__count i { font-size: 10px; }
.betslip-mini__img { height: 24px; width: 20px; }
.betslip-mini__toggle { align-items: center; color: rgb(255, 255, 255); display: flex; font-size: 15px; height: 25px; justify-content: center; margin-left: auto; width: 25px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip-bar { align-items: center; display: flex; padding: 0px 12px 8px; }
.betslip-bar__item + .betslip-bar__item { margin-left: 12px; }
.betslip-bar__item { align-items: center; color: rgb(111, 140, 170); display: flex; margin: 0px; padding: 0px; }
.betslip-bar__item__text { font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; }
.betslip-bar__item__icon { align-items: center; display: flex; height: 16px; justify-content: center; width: 16px; }
.betslip-bar__item__icon--delete { margin-right: 6px; }
.betslip-bar__item__icon--no-margin { margin-right: 0px; }
.betslip-bar__item--clickable { transition: color 0.25s ease-in-out; }
.betslip-bar__item--clickable:hover { color: rgb(0, 177, 255); }
.betslip-bar__item--right { margin-left: auto !important; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
@media (min-width: 768px) {
  .global-bookmakers-dropdown .dropdown__menu { max-height: 355px; min-width: 350px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.cookie-popup { background-color: rgb(255, 255, 255); border-radius: 8px 8px 0px 0px; bottom: 0px; box-shadow: rgba(26, 49, 80, 0.1) 0px 10px 20px; font-size: 14px; font-weight: 400; left: 0px; margin-left: auto; padding: 16px; position: fixed; right: 0px; z-index: 100; }
.cookie-popup__disclaimer { color: rgb(111, 140, 170); margin-bottom: 15px; }
.cookie-popup__footer { display: flex; justify-content: flex-end; }
.cookie-btn { background-color: rgb(225, 231, 237); border-radius: 20px; font-family: "Montserrat", sans-serif; font-size: 16px; min-height: 40px; text-transform: none; width: 50%; }
.cookie-btn__primary { background-image: linear-gradient(90deg, rgb(0, 177, 255), rgb(9, 120, 200)); color: rgb(255, 255, 255); }
.cookie-btn:not(:last-of-type) { margin-right: 12px; }
@media (min-width: 767px) {
  .cookie-popup { border-radius: 8px; bottom: 30px; max-width: none; right: 30px; width: 440px; }
}
.is-mobile-or-tablet.has-betslip .cookie-popup { bottom: calc(45px + env(safe-area-inset-bottom)); }
.is-mobile-or-tablet.has-bottom-bar .cookie-popup { bottom: calc(48px + env(safe-area-inset-bottom)); }
.is-mobile-or-tablet.has-betslip.has-bottom-bar .cookie-popup, .is-mobile-or-tablet.has-bottom-bar.has-betslip .cookie-popup { bottom: calc(85px + env(safe-area-inset-bottom)); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.error-page-user-deleted__head :is(h1, p) { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.error-page-user-deleted { position: relative; width: 100%; }
.error-page-user-deleted__head { color: rgb(26, 49, 80); margin: 0px 0px 15px; text-align: center; text-transform: uppercase; }
.error-page-user-deleted__head h1 { font-size: 31px; line-height: 1.22; margin: 0px; }
.error-page-user-deleted__head p { font-size: 12px; line-height: 1.25; margin: 0px; }
.error-page-user-deleted__main__img { display: block; height: auto; margin: 0px auto; max-width: 330px; width: 100%; }
.error-page-user-deleted__actions { align-items: center; bottom: 15px; display: flex; justify-content: center; left: 0px; position: absolute; right: 0px; }
@media (min-width: 1024px) {
  .error-page-user-deleted__head h1 { font-size: 60px; line-height: 1; }
  .error-page-user-deleted__head p { font-size: 24px; line-height: 1.2; }
  .error-page-user-deleted__main__img { max-width: 690px; }
  .error-page-user-deleted__actions { bottom: 115px; }
}
@media (min-width: 1920px) {
  .error-page-user-deleted__head { margin: 50px 0px 30px; }
  .error-page-user-deleted__main__img { max-width: 780px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.error-page-default { padding-top: 26px; position: relative; text-align: center; width: 100%; }
.error-page-default::before { background: rgb(40, 62, 91); content: ""; height: 100vh; left: 50%; position: absolute; top: 774px; transform: skewY(4deg) translate(-50%); width: 4096px; }
.error-page-default::after { background: rgb(26, 49, 80); bottom: 0px; content: ""; height: 137px; left: 50%; position: absolute; transform: translateX(-50%); width: 100vw; }
.error-page-default__inner { overflow: hidden; padding-bottom: 137px; padding-top: 54px; position: relative; }
.error-page-default__head { margin-bottom: 56px; }
.error-page-default__head h1 { line-height: 1; margin: 0px 0px 25px; }
.error-page-default__head h1 img { max-width: 262px; }
.error-page-default__head h2 { font-size: 60px; font-weight: 700; line-height: 1; margin: 0px; text-transform: uppercase; }
.error-page-default__head h2 small { display: block; font-size: 24px; line-height: 1.33; }
.error-page-default__foot { color: rgb(255, 255, 255); font-size: 21px; line-height: 1.43; padding: 414px 0px 35px; position: relative; z-index: 1; }
.error-page-default__foot p { font-size: inherit; line-height: inherit; }
.error-page-default__foot a:hover { color: rgb(153, 224, 255); }
:is(.error-page-default--404, .error-page-default--410) .error-page-default__inner { padding-top: 0px; }
.error-page-default .error-message { color: rgb(243, 60, 89); }
@media (max-height: 700px) {
  .error-page-default::after { display: none; }
}
@media (max-width: 767px) {
  .error-page-default__inner { padding-bottom: 96px; padding-top: 25px; }
  .error-page-default::before { top: 437px; }
  .error-page-default::after { height: 96px; position: fixed; }
  .error-page-default__head { margin-bottom: 34px; }
  .error-page-default__head h1 img { max-width: 184px; }
  .error-page-default__head h2 { font-size: 40px; }
  .error-page-default__head h2 small { font-size: 18px; }
  .error-page-default__foot { font-size: 14px; line-height: 1.71; padding: 200px 0px 44px; }
}
.scene { height: 360px; left: 0px; margin: 0px auto; top: 340px; transform: translateX(-130px); width: 663px; }
.scene, .scene__door { position: absolute; right: 0px; }
.scene__door { top: 72px; }
.scene__keeper { opacity: 0; position: absolute; right: 102px; top: 103px; transform: translate3d(-72px, 40px, 0px) rotate(-30deg); transition: opacity 0.3s 1.3s, transform 1s 1.3s; }
.scene.animate .scene__keeper { opacity: 1; transform: translateZ(0px) rotate(0deg); }
.scene__ball { opacity: 0; position: absolute; right: 55px; top: 67px; transition: opacity 0.3s 0.7s; }
.scene__ball span { display: block; }
.scene.animate .scene__ball { animation: 1.5s ease-out 0.7s 1 normal none running move-ball-x; opacity: 1; }
.scene.animate .scene__ball span { animation: 1.5s ease-out 0.7s 1 normal none running move-ball-y; }
.scene.animate .scene__ball img { animation: 1.5s linear 0s infinite normal none running rotate; }
.scene__shooter { bottom: 56px; left: 0px; opacity: 0; position: absolute; transform: rotate(-65deg) translate3d(-150px, 50px, 0px); transition: transform 2s, opacity 0.4s; }
.scene.animate .scene__shooter { opacity: 1; transform: translateZ(0px); }
.scene__lines { height: 87px; left: 173px; position: absolute; top: 0px; width: 380px; }
.scene__line { opacity: 0; position: absolute; transition: opacity 0.6s 2.1s; }
.scene__line:first-child { left: 0px; top: 13px; }
.scene__line:nth-child(2) { right: 0px; top: 2px; transition-delay: 2.3s; }
.scene__line:nth-child(3) { right: 0px; top: 0px; transition-delay: 2.5s; }
.scene.animate .scene__line { opacity: 1; }
@media (max-width: 767px) {
  .scene { left: 50%; top: 80px; transform: scale(0.5) translateX(-100%); }
}
@keyframes move-ball-x { 
  0% { transform: translate3d(-482px, 0px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes move-ball-y { 
  0% { transform: translate3d(0px, -34px, 0px); }
  30% { transform: translate3d(0px, -48px, 0px); }
  45% { transform: translate3d(0px, -56px, 0px); }
  55% { transform: translate3d(0px, -48px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes rotate { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.league-standings-modal .modal__body { background: rgb(225, 231, 237); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.league-standings__close-btn { height: 40px; right: 0px; top: 0px; width: 40px; }
.section-body .league-standings__header-wrapper { margin: -12px -12px 0px; }
.section-body .league-standings__body-wrapper { padding: 12px 0px 0px !important; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.standings-table-advanced__tabs { flex: 0 0 134px; width: 134px; }
.standings-table-advanced__teams { width: 100%; }
.standings-table-advanced__teams .standings-table-row td:last-child .standings-table-row__cell-inner { border-bottom-right-radius: 0px; border-right: 1px solid rgb(225, 231, 237); border-top-right-radius: 0px; }
.standings-table-advanced__stats { flex: 0 0 210px; overflow: auto hidden; width: 210px; }
@media (min-width: 1024px) {
  .standings-table-advanced:not(.aside .standings-table-advanced) .standings-table-advanced__stats { flex: 0 0 auto; width: auto; }
  .standings-table-advanced:not(.aside .standings-table-advanced) .standings-table-row td:last-child .standings-table-row__cell-inner { border-right: 0px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.standings-table-row { --cell-height: 48px; }
.standings-table-row td { width: 0px; }
.standings-table-row td:first-child { min-width: 18px; }
.standings-table-row td:nth-child(2) { min-width: 21px; }
.standings-table-row td:nth-child(3) { width: auto; }
.standings-table-row td:last-child .standings-table-row__cell-inner { border-bottom-right-radius: 8px; border-top-right-radius: 8px; }
.standings-table-row__cell-inner { background: rgb(255, 255, 255); height: var(--cell-height); white-space: nowrap; }
.standings-table-row__live-indicator { left: 5px; top: 5px; }
.standings-table-row__points { color: rgb(9, 120, 200); }
.standings-table-row--collapsed .standings-table-row__cell-inner { --cell-height: 70px; }
.standings-table-row--group-stage .standings-table-row__cell-inner { --cell-height: 40px; }
.standings-table-row--highlighted { color: rgb(255, 255, 255); }
.standings-table-row--highlighted .standings-table-row__cell-inner { background: rgb(26, 49, 80); }
.standings-table-row--highlighted .standings-table-row__points { color: rgb(102, 209, 255); }
.standings-table-row--highlight-position .standings-table-row__cell-inner { background: rgb(229, 247, 255); border-color: rgb(0, 177, 255); border-style: solid; border-width: 1px 0px; }
.standings-table-row--highlight-position td:first-child .standings-table-row__cell-inner { border-left: 1px solid rgb(0, 177, 255); }
.standings-table-row--highlight-position td:last-child .standings-table-row__cell-inner { border-right: 1px solid rgb(0, 177, 255); }
.standings-table-row--dark-theme { color: rgb(255, 255, 255); }
.standings-table-row--dark-theme .standings-table-row__cell-inner { background: rgb(21, 40, 65); border-color: rgb(40, 62, 91); border-style: solid; border-width: 1px 0px; }
.standings-table-row--dark-theme .standings-table-row__points { color: rgb(255, 255, 255); }
.standings-table-row--dark-theme td:first-child .standings-table-row__cell-inner { border-left: 1px solid rgb(40, 62, 91); }
.standings-table-row--dark-theme td:last-child .standings-table-row__cell-inner { border-right: 1px solid rgb(40, 62, 91); }
.standings-table-row--dark-theme.standings-table-row--highlighted .standings-table-row__cell-inner { background: rgb(255, 255, 255); color: rgb(26, 49, 80); }
.standings-table-row--dark-theme.standings-table-row--highlighted .standings-table-row__points { color: rgb(26, 49, 80); }
@media (min-width: 1024px) {
  .standings-table-row--dark-theme .standings-table-row__points { color: rgb(102, 209, 255); }
}
@media (min-width: 576px) {
  .standings-table-row--collapsed .standings-table-row__cell-inner { height: 48px; }
  .standings-table-row--collapsed.standings-table-row--dark-theme .standings-table-row__cell-inner { height: 90px; }
}
.standings-outcome { --color: #0000; box-shadow: inset 4px 0 0 var(--color); }
.standings-outcome--success { --color: #2ad198; }
.standings-outcome--success-light { --color: #2ad19880; }
.standings-outcome--primary { --color: #00b1ff; }
.standings-outcome--primary-light { --color: #00b1ff80; }
.standings-outcome--danger { --color: #f33d59; }
.standings-outcome--secondary { --color: #1a3150; }
.standings-outcome--warning { --color: #fdb92c; }
.standings-outcome--grey { --color: #6f8caa; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.standings-team-info.masked-url:hover { color: rgb(0, 139, 199); }
.standings-team-info__inner { grid-template-columns: auto 1fr; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.team-link--clickable { transition: color 0.2s; }
.team-link.table__row { color: inherit; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.draggable-scroll-container { transform: translateZ(0px); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.standings-table + .standings-table { margin-top: 20px; }
.standings-table__form-toggle { width: 100px; }
@media (min-width: 576px) {
  .standings-table__tabs { width: 400px; }
  .aside .standings-table__tabs, .standings-table__tabs--full { width: 100%; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-waynames__item { flex-basis: 0px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.btools-odd__value { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; }
.btools-odd-mini__header, .btools-odd-mini__hide-all, .btools-odd-mini__show-all, .btools-odd__name { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; }
.btools-odd { align-items: center; background-color: rgb(225, 231, 237); border-radius: 8px; display: flex; flex-direction: row; margin: 0px 8px 5px; overflow: hidden; position: relative; }
.btools-odd__logo { background-color: rgb(255, 255, 255); border: 2px solid rgb(225, 231, 237); border-radius: 8px; height: 100%; margin-right: 15px; padding: 7px 20px; }
.btools-odd__logo img { height: 24px; max-height: 24px; max-width: 60px; width: 60px; }
.btools-odd__name { color: rgb(14, 32, 60); font-size: 13px; padding: 8px 0px; }
.btools-odd__value { color: rgb(14, 32, 60); font-size: 14px; margin: 0px 0px 0px auto; }
.btools-odd__value span { color: rgb(111, 140, 170); font-family: "Open Sans", sans-serif; font-size: 12px; margin-right: 4px; opacity: 0.5; }
.btools-odd__arrow { height: 10px; max-height: 10px; max-width: 18px; position: relative; right: -50px; top: 50%; transform: translateX(-50%); transition: transform 0.3s; width: 18px; z-index: 5; }
.btools-odd::after { align-self: stretch; background-color: rgb(0, 177, 255); clip-path: polygon(25% 0px, 100% 0px, 100% 100%, 0px 100%); content: ""; display: block; width: 55px; }
:is(.btools-odd:focus, .btools-odd:hover) .btools-odd__arrow { transform: translateX(-25%); }
.btools-odd-mini { margin-right: 10px; }
.btools-odd-mini:last-child { margin-right: 0px; }
.btools-odd-mini__header { color: rgb(111, 140, 170); font-size: 10px; margin-bottom: 3px; text-align: center; }
.btools-odd-mini__header span { text-transform: uppercase; }
.btools-odd-mini__value { background-color: rgb(255, 255, 255); border-top-left-radius: 8px; border-top-right-radius: 8px; color: rgb(14, 32, 60); font-size: 13px; font-weight: 500; line-height: 25px; text-align: center; }
.btools-odd-mini__logo { background-color: rgb(225, 231, 237); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; display: flex; justify-content: center; padding: 2px 5px; }
.btools-odd-mini__logo img { height: 16px; max-height: 16px; max-width: 40px; width: 40px; }
.btools-odd-mini__hide-all, .btools-odd-mini__show-all { font-size: 11px; margin-top: 4px; text-align: center; text-transform: uppercase; }
.btools-odd-mini__hide-all > a, .btools-odd-mini__show-all > a { text-decoration: none !important; }
:is(.btools-odd-mini__hide-all, .btools-odd-mini__show-all) > a:hover { color: rgb(0, 177, 255) !important; text-decoration: underline !important; }
:is(.btools-odd-mini__hide-all, .btools-odd-mini__show-all) > a:focus { color: rgb(0, 177, 255) !important; }
.btools-odd-mini__hide-all { position: relative; }
.btools-odd-mini__hide-all::after { background-color: rgb(225, 231, 237); bottom: -12px; clip-path: polygon(50% 0px, 0px 60%, 100% 60%); content: ""; display: block; height: 10px; left: 50%; position: absolute; transform: translateX(-50%); width: 10px; }
.btools-odd-mini__link-wrapper { border-radius: 8px; transition: box-shadow 0.2s ease-in-out; }
.btools-odd-mini__link-wrapper:hover { box-shadow: rgb(0, 177, 255) 0px 0px 0px 2px; cursor: pointer; }
.btools-odd-mini.active .btools-odd-mini__link-wrapper { box-shadow: rgb(0, 177, 255) 0px 0px 0px 2px; }
.old-modal__container .btools-odd { background-color: rgb(245, 247, 249); }
.old-modal__container .btools-odd__logo { border-color: rgb(245, 247, 249); }
.old-modal__container .btools-odd__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 374px) {
  .old-modal__container .btools-odd .btools-odd__name { display: none; }
}
.old-modal__container .btools-odd-mini__value { background-color: rgb(245, 247, 249); }
.old-modal__container .btools-odd-mini__logo { background-color: rgb(225, 231, 237); }
.old-modal__container .btools-odd:not(:last-child) { margin-bottom: 10px !important; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.bookmaker-link-options .tooltip__body { width: 300px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.smart-bet-performance__date-dropdown { width: 35%; }
.smart-bet-performance__league-dropdown { width: 65%; }
.smart-bet-performance__chart:not(:empty) { height: 180px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.matchup-analysis-chart { margin: 0px -12px -12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.matchup-odd-movement__line-chart { height: 140px; }
.matchup-odd-movement__odd-box { height: 60px; line-height: 16px; }
.matchup-odd-movement__odd-box--opening { color: rgb(9, 120, 200); }
.matchup-odd-movement__odd-box--highest { color: rgb(43, 210, 153); }
.matchup-odd-movement__odd-box--lowest { color: rgb(243, 60, 89); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.bookmaker-odd-full { align-items: center; background: rgb(245, 247, 249); border-radius: 8px; color: rgb(26, 49, 80); display: flex; overflow: hidden; }
.bookmaker-odd-full + .bookmaker-odd-full { margin-top: 10px; }
.bookmaker-odd-full__logo { align-items: center; background: rgb(255, 255, 255); border-radius: 8px; display: flex; flex: 0 0 100px; height: 36px; justify-content: center; margin: 2px 15px 2px 2px; text-align: center; }
.bookmaker-odd-full__title { font-size: 13px; line-height: 1.2; }
.bookmaker-odd-full__odd { font-size: 14px; font-weight: 500; margin-left: auto; }
.bookmaker-odd-full__odd span { color: rgba(111, 140, 170, 0.5); font-size: 12px; font-weight: 400; }
.bookmaker-odd-full__link { align-items: center; background: rgb(0, 177, 255); color: rgb(255, 255, 255); display: flex; font-size: 18px; height: 40px; justify-content: center; margin-left: 30px; padding-right: 4px; position: relative; width: 42px; }
.bookmaker-odd-full__link::before { background: linear-gradient(to right bottom, rgba(0, 0, 0, 0) 50%, rgb(0, 177, 255) 0px); content: ""; height: 100%; position: absolute; right: 100%; top: 0px; width: 16px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-odds--long .match-odds__no-odds { flex: 0 0 176px; width: 176px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-limited-coverage-popover-btn { left: calc(50% - 2px); padding: 5px; position: absolute; top: calc(100% - 9px); transform: translateX(-50%); z-index: 10; opacity: 1 !important; }
.match-limited-coverage-popover-btn__img { display: block; height: 12px; width: 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-limited-coverage-popover { background-color: rgb(255, 255, 255); border-radius: 8px; bottom: -33px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; color: rgb(26, 49, 80); font-size: 11px; left: 15px; padding: 6px 8px; position: absolute; white-space: nowrap; z-index: 10; }
.match-limited-coverage-popover__inner { position: relative; }
.match-limited-coverage-popover__inner::after { background-color: rgb(255, 255, 255); border-radius: 2px; content: ""; display: block; height: 10px; left: 0px; position: absolute; top: -10px; transform: rotate(45deg); width: 10px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.livestream-cover { --button-size: 55px; --bookie-logo-width: 48px; --bookie-logo-height: 27px; }
.livestream-cover::after { content: ""; display: inline-table; padding-top: 40.5%; }
.livestream-cover__image { animation: 30s linear 0s infinite normal none running livestreamCover; background: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/football-cover.webp") 50% center / cover no-repeat; }
.livestream-cover__image--ice-hockey { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/hockey-cover.webp"); }
.livestream-cover__image--tennis, .livestream-cover__image--tennis-hard { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/tennis-cover.webp"); }
.livestream-cover__image--tennis-clay { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/tennis-clay-cover.webp"); }
.livestream-cover__image--tennis-grass { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/tennis-grass-cover.webp"); }
.livestream-cover__image--basketball { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/basketball-cover.webp"); }
.livestream-cover__image--chess { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/chess-cover.webp"); }
.livestream-cover__image--cricket { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/cricket-cover.webp"); }
.livestream-cover__image--curling { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/curling-cover.webp"); }
.livestream-cover__image--darts { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/darts-cover.webp"); }
.livestream-cover__image--field-hockey { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/field-hockey-cover.webp"); }
.livestream-cover__image--floorball { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/floorball-cover.webp"); }
.livestream-cover__image--futsal { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/futsal-cover.webp"); }
.livestream-cover__image--mixed-martial-arts { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/mixed-martial-arts-cover.webp"); }
.livestream-cover__image--pesapallo { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/pesapallo-cover.webp"); }
.livestream-cover__image--rugby-league { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/rugby-league-cover.webp"); }
.livestream-cover__image--rugby-union { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/rugby-union-cover.webp"); }
.livestream-cover__image--snooker { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/snooker-cover.webp"); }
.livestream-cover__image--squash { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/squash-cover.webp"); }
.livestream-cover__image--table-tennis { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/table-tennis-cover.webp"); }
.livestream-cover__image--water-polo { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/water-polo-cover.webp"); }
.livestream-cover__image::before { background-color: rgb(21, 40, 65); inset: 0px; content: ""; opacity: 0.5; position: absolute; transition: background-color 0.2s, opacity 0.2s; }
.livestream-cover__button { background-color: rgba(10, 19, 31, 0.4); background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/icon-play.svg"); background-size: 100% 100%; font-size: var(--button-size); height: 1em; transition: background-color 0.2s; width: 1em; }
.livestream-cover__logo { height: var(--bookie-logo-height); width: var(--bookie-logo-width); }
.livestream-cover__logo-image { width: calc(var(--bookie-logo-width)*.84); }
@media (hover: hover) {
  .livestream-cover:hover .livestream-cover__image::before { opacity: 0.6; }
}
@keyframes livestreamCover { 
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.matchup-live-stream-bookmaker { min-height: 48px; transition: background-color 0.2s, color 0.2s; }
.matchup-live-stream-bookmaker__logo { border: 2px solid; }
.matchup-live-stream-bookmaker__bonus { right: 12px; top: -8px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.matchup-tv-channels__logo { height: 24px; object-fit: contain; width: 24px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.geo-tv-channels-row { box-shadow: rgba(26, 49, 80, 0.04) 0px 4px 4px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.tv-channels-list__channel { height: 24px; padding: 0px 6px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-timer { color: rgb(243, 61, 89); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-community-tip-box { width: 120px; }
.game-community-tip-box__content { min-height: 40px; padding: 0px 4px; transition: 0.2s; }
.game-community-tip-box__title { display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; }
.game-community-tip-box__team-name { word-break: break-all; }
.game-community-tip-box__tooltip { box-shadow: rgba(35, 169, 124, 0.2) 0px 0px 4px 0px; font-size: 8px; min-height: 12px; top: -8px; }
@media (min-width: 1024px) {
  .game-community-tip-box__content { min-height: 44px; }
}
@media (min-width: 1280px) {
  .game-community-tip-box__tooltip { top: -17px; }
  .game-community-tip-box__tooltip::after { background-color: rgb(35, 169, 124); bottom: -3px; content: ""; height: 6px; position: absolute; right: 22px; transform: rotate(45deg); width: 6px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-aggregate-score { color: rgb(111, 140, 170); font-size: 12px; margin-right: 10px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-set-score { grid-template-columns: 37px; grid-template-rows: repeat(2, 25px); row-gap: 2px; }
.game-set-score__team--home { grid-row: 1 / 2; }
.game-set-score__team--away { grid-row: 2 / 3; }
.game-set-score--with-serving-line { grid-template-columns: unset; min-width: 25px; }
.game-set-score--with-serving-line .game-set-score__team { grid-column: unset; grid-template-columns: unset; }
.game-set-score--reversed .game-set-score__team--home { grid-row: 2 / 3; }
.game-set-score--reversed .game-set-score__team--away { grid-row: 1 / 2; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.serving-line { background: rgb(43, 210, 153); border-radius: 2px; bottom: -1px; height: 2px; left: 3px; position: absolute; right: 4px; }
@keyframes hL3Nt1BF5iN6i0jQT5rnwA\=\= { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.nmRJHBm6yzqF2PhYL6fj6w\=\= { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.Z2RT9\+Flf1nctZKzhFESmg\=\= { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; }
.nmRJHBm6yzqF2PhYL6fj6w\=\= { appearance: none; cursor: pointer; display: inline-flex; min-height: 36px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: 0.2s; }
.nmRJHBm6yzqF2PhYL6fj6w\=\=, .YjveGXVGi-X1iGU35fCL4A\=\= { align-items: center; border-radius: 80px; justify-content: center; }
.YjveGXVGi-X1iGU35fCL4A\=\= { display: flex; font-size: 12px; height: 32px; transition: background-color 0.2s; width: 86px; }
.HuQOFzwrH4TFooBaQUjEiA\=\= { background-color: rgb(255, 255, 255); color: rgb(0, 177, 255); }
.FBEPZ-I7M00jen6AQ4By3A\=\=, .HuQOFzwrH4TFooBaQUjEiA\=\=._5ad3Zc0tts4KtBq8BXyFsQ\=\=, .HuQOFzwrH4TFooBaQUjEiA\=\=:focus, .HuQOFzwrH4TFooBaQUjEiA\=\=:hover { background-color: rgb(245, 247, 249); }
.FBEPZ-I7M00jen6AQ4By3A\=\= { color: rgb(0, 177, 255); }
.FBEPZ-I7M00jen6AQ4By3A\=\=:focus, .FBEPZ-I7M00jen6AQ4By3A\=\=:hover { background-color: rgb(225, 231, 237); }
.FBEPZ-I7M00jen6AQ4By3A\=\=._5ad3Zc0tts4KtBq8BXyFsQ\=\= { background-color: rgb(0, 177, 255); color: rgb(255, 255, 255); }
.mppZoNLImJVv4Q3sdIkJtw\=\= { background: rgb(40, 62, 91); color: rgb(255, 255, 255); }
.mppZoNLImJVv4Q3sdIkJtw\=\=._5ad3Zc0tts4KtBq8BXyFsQ\=\=, .mppZoNLImJVv4Q3sdIkJtw\=\=:focus, .mppZoNLImJVv4Q3sdIkJtw\=\=:hover { opacity: 0.8; }
.EviGd7M8h8qzpAstNZp\+UA\=\= { background-color: rgb(111, 140, 170); color: rgb(255, 255, 255); }
.EviGd7M8h8qzpAstNZp\+UA\=\=._5ad3Zc0tts4KtBq8BXyFsQ\=\=, .EviGd7M8h8qzpAstNZp\+UA\=\=:focus, .EviGd7M8h8qzpAstNZp\+UA\=\=:hover { opacity: 0.8; }
.W5upzuvB5yhjI85BTpd4GQ\=\= { background-color: rgb(0, 177, 255); color: rgb(255, 255, 255); }
.W5upzuvB5yhjI85BTpd4GQ\=\=._5ad3Zc0tts4KtBq8BXyFsQ\=\=, .W5upzuvB5yhjI85BTpd4GQ\=\=:focus, .W5upzuvB5yhjI85BTpd4GQ\=\=:hover { background-color: rgb(245, 247, 249); color: rgb(0, 177, 255); }
.nmRJHBm6yzqF2PhYL6fj6w\=\= { font-size: 12px; line-height: 1.17; overflow: hidden; padding: 11px 38px; width: 220px; }
._9I9t\+z79oSrzIxBtB4eRNA\=\= { background-color: rgb(0, 177, 255); border: 2px solid rgb(0, 177, 255); color: rgb(255, 255, 255); }
._9I9t\+z79oSrzIxBtB4eRNA\=\=:focus, ._9I9t\+z79oSrzIxBtB4eRNA\=\=:hover { background-color: rgb(97, 204, 252); border-color: rgb(97, 204, 252); color: rgb(255, 255, 255); }
.La1OwHsP\+oyqdFHc6DG1Dw\=\= { background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); color: rgb(0, 177, 255); }
.La1OwHsP\+oyqdFHc6DG1Dw\=\=:focus, .La1OwHsP\+oyqdFHc6DG1Dw\=\=:hover { background-color: rgb(245, 247, 249); border-color: rgb(245, 247, 249); color: rgb(0, 177, 255); }
.zvSY\+o7eLvtj9z0T-IVI6Q\=\= { background-color: rgb(243, 60, 89); border: 2px solid rgb(243, 60, 89); color: rgb(255, 255, 255); }
.zvSY\+o7eLvtj9z0T-IVI6Q\=\=:focus, .zvSY\+o7eLvtj9z0T-IVI6Q\=\=:hover { background-color: rgb(255, 255, 255); color: rgb(243, 60, 89); }
.p8OLK3VzlK2-3IICSgsWxg\=\= { margin: 0px auto; }
.Z2RT9\+Flf1nctZKzhFESmg\=\= { color: rgb(0, 177, 255); font-size: 13px; }
.zMTA9473w0gGxVpgMk4ljg\=\= { color: rgb(111, 140, 170); }
.lGseUub7h6sX\+cZgcwiGwA\=\=, .Z2RT9\+Flf1nctZKzhFESmg\=\=:hover { text-decoration: underline; }
.g9zu86d47LOaXLQ5R6wNSA\=\= { border-radius: 8px; font-size: 14px; height: 26px; padding: 0px 10px; transition: background-color 0.15s; white-space: nowrap; }
.EyPTcWncSRmRksPFLAtV0g\=\= { background-color: rgb(245, 247, 249); color: rgb(0, 177, 255); }
.EyPTcWncSRmRksPFLAtV0g\=\=:focus, .EyPTcWncSRmRksPFLAtV0g\=\=:hover { background-color: rgb(225, 231, 237); }
.q29xp5A0\+PSrPDxTfmmAng\=\= ._7BWde\+4YVnkD3I9Zd1nmQg\=\=:hover .jno4ix6Nd3i7089cNKgjYw\=\= { background: rgb(225, 231, 237); color: rgb(26, 49, 80); }
.q29xp5A0\+PSrPDxTfmmAng\=\= ._7BWde\+4YVnkD3I9Zd1nmQg\=\=:hover .gjXDhdYE3xVbDilQTqP19Q\=\= { background: rgb(0, 177, 255); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.push-notifications-settings__actions button, .push-notifications-settings__heading { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.push-notifications-settings { max-width: 375px; padding: 0px 18px 25px; position: relative; }
.push-notifications-settings__heading { color: rgb(26, 49, 80); font-size: 14px; line-height: 1.28; margin-bottom: 6px; text-align: center; text-transform: uppercase; }
.push-notifications-settings__description { color: rgb(111, 140, 170); font-size: 12px; line-height: 1.3; margin-bottom: 10px; text-align: center; }
.push-notifications-settings__description span > span { color: rgb(26, 49, 80); }
.push-notifications-settings__actions { display: flex; justify-content: center; margin: 38px 0px 0px; }
.push-notifications-settings__actions button { background-image: linear-gradient(90deg, rgb(0, 177, 255), rgb(9, 120, 200)); background-size: 100% auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 80px; color: rgb(255, 255, 255); font-size: 14px; min-height: 40px; opacity: 1; padding: 10px 38px; position: relative; text-transform: capitalize; transition: opacity 0.3s; width: 100%; z-index: 1; }
.push-notifications-settings__actions button::before { background-image: linear-gradient(90deg, rgb(9, 120, 200), rgb(9, 120, 200)); border-radius: inherit; content: ""; display: block; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: opacity 0.3s; width: 100%; z-index: -1; }
.push-notifications-settings__actions button:hover::before { opacity: 1; }
.push-notifications-settings__toggle-notifications { line-height: 1.17; margin: 0px 0px 13px 4px; }
.push-notifications-settings__wrapper .push-notifications-settings-item:last-child { border-bottom: 1px dashed rgb(225, 231, 237); }
.push-notifications-settings__set-default-btn { align-items: center; color: rgb(9, 120, 200); display: flex; font-size: 12px; gap: 8px; line-height: 1.17; padding: 13px 0px; }
.modal__container--PushNotificationsSettingsMatch .modal__header { font-size: 16px; line-height: 1.12; min-height: 40px; padding: 11px 50px 11px 16px; text-align: left; }
.modal__container--PushNotificationsSettingsMatch .modal__close { height: 32px; width: 32px; }
.league-follow-button__push-notifications-settings--centered .push-notifications-settings { max-width: none; }
.is-mobile-or-tablet .old-modal__container .push-notifications-settings { max-width: 100%; }
.old-modal__container .old-modal-columns-layout__aside .push-notifications-settings { padding: 15px 0px 20px; }
@media (max-width: 1023px) {
  .modal__container--PushNotificationsSettingsMatch .modal__close { left: auto; right: 3px; }
  .push-notifications-settings { padding: 0px 13px 19px; }
  .push-notifications-settings__actions { margin-top: 20px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.loader-overlay { inset: 0px; position: absolute; z-index: 9900; }
.loader-overlay-inner { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; }
.loader-overlay-inner::after { background: rgba(255, 255, 255, 0.15); content: ""; display: block; height: 100%; pointer-events: none; position: absolute; width: 100%; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.push-notifications-settings-item { align-items: center; border-top: 1px dashed rgb(225, 231, 237); display: flex; justify-content: space-between; padding: 10px 0px 10px 4px; width: 100%; }
.push-notifications-settings-item__text { color: rgb(26, 49, 80); font-size: 14px; line-height: 1.28; }
.push-notifications-settings-item__text-alt { color: rgb(111, 140, 170); font-size: 12px; line-height: 1.3; }
.push-notifications-settings-item__inner { display: flex; flex-direction: column; }
.push-notifications-settings-item .btn-with-bg-animation { left: 8px; position: relative; }
.push-notifications-settings-item .old-checkbox { background-color: rgb(255, 255, 255); transition: border-color 0.2s, background-color; }
.push-notifications-settings-item .old-checkbox--active { background-color: rgb(0, 177, 255); border-color: rgb(0, 177, 255); }
.push-notifications-settings-item .old-checkbox--active:hover { background-color: rgb(9, 120, 200); }
.push-notifications-settings-item :is(.old-checkbox--active:hover, .old-checkbox--clickable:hover) { border-color: rgb(9, 120, 200); }
.toggle { display: inline-block; }
.toggle__inner { align-items: center; cursor: pointer; display: flex; position: relative; }
.toggle__handle-container { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 237); border-radius: 14px; display: flex; padding: 0px 1px; transition: background-color 0.2s; }
.toggle__handle { border-radius: 50%; display: block; position: relative; transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.toggle__label { color: rgb(111, 140, 170); font-size: 12px; padding-left: 7px; user-select: none; }
.toggle input { opacity: 0; position: absolute; z-index: -1; }
input.checked + .toggle__handle-container .toggle__handle { background: rgb(255, 255, 255); }
.toggle--primary .toggle__handle-container { background-color: rgba(111, 140, 170, 0.5); border: 0px !important; }
.toggle--primary .toggle__handle { background: rgb(111, 140, 170); position: relative; }
.toggle--primary .toggle__handle::after { color: rgb(255, 255, 255); content: ""; display: block; font-family: Font-Oddspedia; font-size: 9px; left: 50%; opacity: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.toggle--primary input.checked + .toggle__handle-container { background-color: rgba(0, 177, 255, 0.5); }
.toggle--primary input.checked + .toggle__handle-container .toggle__handle { background-color: rgb(0, 177, 255); transform: translate3d(12px, 0px, 0px) !important; }
.toggle--primary input.checked + .toggle__handle-container .toggle__handle::after { opacity: 1; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.old-checkbox { align-items: center; border: 1px solid rgb(226, 231, 236); border-radius: 4px; display: flex; justify-content: center; }
.old-checkbox__icon { color: rgb(0, 177, 255); font-size: 13px; transform: scale(0); transition: transform 0.25s; }
.old-checkbox--active { background-color: rgb(0, 177, 255); border: 1px solid rgb(0, 177, 255); }
.old-checkbox--active .old-checkbox__icon { color: rgb(255, 255, 255); transform: scale(1); }
.old-checkbox--round { border-radius: 50%; }
.old-checkbox--clickable { cursor: pointer; }
.old-checkbox--disabled { background-color: rgba(225, 231, 237, 0.5); pointer-events: none; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.old-separator { border-width: 1px; width: 100%; }
.old-separator--dashed { border-style: dashed; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.message-dialog { padding: 24px 24px 40px; text-align: center; }
.message-dialog__icon { display: block; margin: 0px auto 32px; }
.message-dialog__title { font: italic 700 16px / 1.375 "Montserrat", sans-serif; margin-bottom: 16px; }
.message-dialog__meta { color: rgb(111, 140, 170); font-size: 16px; line-height: 1.375; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-list-winner-label { font-size: 8px; height: 16px; width: 16px; }
.match-list-winner-label--pen { padding: 0px 5px 0px 3px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-skeleton__sub-header { --filter: brightness(1.1); }
.game-list-skeleton__sub-header-image { animation: 0.8s ease-in-out 0s infinite normal none running skeleton-pulse; background-position: 0px 0px; background-repeat: no-repeat; background-size: 100% 100%; filter: var(--filter); height: 36px; }
.game-list-skeleton__filter { --height: 32px; }
.game-list-skeleton__header { --height: 36px; }
.game-list-skeleton .skeleton-item-header__headline { height: 44px; }
.game-list-skeleton .skeleton-item-header__game-header { --height: 28px; }
@media (min-width: 1024px) {
  .game-list-skeleton__sub-header { --filter: none; background-color: rgb(255, 255, 255); }
  .skeleton-item-header__headline { height: 48px !important; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.game-list-skeleton-item__teams { max-width: 300px; }
.game-list-skeleton-item__probability { --width: 270px; }
.game-list-skeleton-item .skeleton-item-odds { --height: 54px; }
.game-list-skeleton-item .skeleton-item-smart-bet { height: 54px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.table-of-content { background-color: rgb(245, 247, 249); color: rgb(26, 49, 80); font-size: 15px; line-height: 1.2; padding: 10px; position: relative; z-index: 1; }
.table-of-content__title { font-family: "Montserrat", sans-serif; font-size: 20px; font-style: italic; font-weight: 700; line-height: 1.22; padding: 7px 5px 20px; }
.table-of-content__list { counter-reset: counter 0; }
.table-of-content__list > li { display: flex; }
.table-of-content__list > li::before { align-items: center; background-color: rgb(26, 49, 80); border-radius: 8px 0px 0px 8px; color: rgb(255, 255, 255); counter-increment: counter 1; flex: 0 0 30px; font-family: "Montserrat", sans-serif; font-size: 15px; font-style: italic; font-weight: 500; justify-content: center; max-width: 30px; text-align: center; content: counter(counter) !important; display: flex !important; }
.table-of-content__list > li > a { align-items: center; align-self: center; background-color: rgb(255, 255, 255); border-radius: 0px 8px 8px 0px; color: rgb(26, 49, 80); display: flex; flex-grow: 1; justify-content: space-between; min-height: 50px; padding: 5px 10px 5px 15px; }
.table-of-content__list > li > a:hover { background-color: rgb(225, 231, 237); }
.table-of-content__list > li > a :is(i, strong) { font-style: inherit; font-weight: inherit; }
.table-of-content__list > li + li { margin-top: 10px; }
.table-of-content--bookmaker { background-color: rgb(255, 255, 255); border-radius: 0px; border-top: 8px solid rgb(225, 231, 237); margin: 0px; padding: 14px 10px; }
.table-of-content--bookmaker .table-of-content__title { font-size: 16px; padding: 0px 0px 20px; text-transform: uppercase; }
.table-of-content--bookmaker .table-of-content__list > li > a { background-color: rgb(245, 247, 249); }
.table-of-content--bookmaker .table-of-content__list > li > a:hover { background-color: rgb(225, 231, 237); }
@media (min-width: 768px) {
  .table-of-content { border-radius: 8px; margin: 70px 10px; padding: 20px; }
  .table-of-content--bookmaker { border-radius: 0px; margin: 0px; padding: 18px 16px 20px; }
  .table-of-content__title { font-size: 28px; }
  .table-of-content__list > li { position: relative; }
  .table-of-content__list > li > a { padding-left: 25px; }
  .table-of-content__list > li::before { flex-basis: 50px; font-size: 18px; max-width: 50px; text-indent: 5px; }
  .table-of-content__list > li::after { background-color: rgb(26, 49, 80); content: ""; height: 100%; left: 45px; position: absolute; transform: skewX(-9deg); width: 10px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.predictions-card-header { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/matchup-header.webp"); background-size: cover; }
.predictions-card-header__container { max-width: 35%; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.user-avatars-stack__image + .user-avatars-stack__image { margin-left: -5px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.meta-actions-modal .modal__body { display: flex; flex-direction: column; }
.meta-actions-modal .modal__body > div { display: flex; flex-direction: column; overflow: hidden; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
@media (min-width: 768px) {
  .meta-actions { height: 384px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.meta-actions-button { width: 100%; }
.meta-actions-button:hover .fo { color: rgb(9, 120, 200); }
@media (min-width: 768px) {
  .meta-actions-button { width: 188px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.user-avatar { border-radius: 50%; position: relative; }
.user-avatar--clickable:hover { cursor: pointer; }
.user-avatar__action-add { bottom: 0px; position: absolute; right: 0px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.avatar { background-position: 50% center; background-size: cover; border-radius: 50%; overflow: hidden; position: relative; }
.avatar::before { content: ""; display: block; padding-top: 100%; }
.avatar img { left: -9999px; opacity: 0; position: absolute; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.avatar-abbreviation { align-items: center; background: rgb(217, 243, 255); border-radius: 50%; color: rgb(0, 177, 255); display: flex; font-family: "Montserrat", sans-serif; font-size: 43px; font-style: italic; font-weight: 700; justify-content: center; line-height: 1; text-transform: uppercase; }
.avatar-abbreviation.large { font-size: 43px; }
.avatar-abbreviation.medium { font-size: 16px; }
.avatar-abbreviation.small { font-size: 15px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.sub-header-items { --item-row: 3; grid-template-columns: repeat(var(--item-row),1fr); }
@media (min-width: 576px) {
  .sub-header-items { --item-row: 4; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.link-box { --icon-color: #6f8caa; --border-color: #fff; --shadow: 0 4px 4px 0 #00b1ff0a; --width: 104px; --height: 108px; --media-size: 40px; --image-size: 48px; --media-margin-top: 16px; --icon-font-size: 32px; border-width: 1px; border-style: solid; border-image: none; border-color: var(--border-color); box-shadow: var(--shadow); height: var(--height); overflow-wrap: anywhere; transition: border-color 0.2s, box-shadow 0.2s; width: var(--width); }
.link-box--sm { --width: 84px; --height: 72px; --image-size: 28px; --media-size: 24px; --media-margin-top: 8px; }
.link-box__media { height: var(--media-size); margin-top: var(--media-margin-top); width: var(--media-size); }
.link-box__media--image { height: var(--image-size); margin-top: calc(var(--media-margin-top)/2); width: var(--image-size); }
.link-box__icon { color: var(--icon-color); font-size: var(--icon-font-size); transition: color 0.2s; }
.link-box__count { right: -5px; top: 0px; }
.link-box.active, .link-box:hover { --icon-color: #00b1ff; --border-color: #00b1ff; --shadow: 0 0 10px 0 #00b1ff80; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.ad-slot-header { background-color: rgb(225, 231, 237); }
.ad-slot-header .ad-slot { min-height: 50px; min-width: 320px; }
@media (min-width: 768px) {
  .ad-slot-header .ad-slot { min-height: 90px; min-width: 728px; }
}
.ad-slot-header + .breadcrumb-bar { padding-top: 0px !important; }
.is-desktop .ad-slot-header { background-color: rgb(245, 247, 249); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.old-breadcrumbs { flex: 1 1 0%; overflow: hidden; padding-left: 6px; }
.old-breadcrumbs ul { color: rgb(26, 49, 80); display: flex; font-size: 12px; list-style: outside none none; white-space: nowrap; }
.old-breadcrumbs li + li::before { content: "/"; display: inline-block; margin: 0px 6px; }
.old-breadcrumbs li:last-child { color: rgb(111, 140, 170); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.old-breadcrumbs li:last-child::before { color: rgb(26, 49, 80); }
.old-breadcrumbs li:last-child a { pointer-events: none; }
.old-breadcrumbs .masked-url, .old-breadcrumbs a { color: currentcolor; }
.old-breadcrumbs .masked-url:hover, .old-breadcrumbs a:hover { color: rgb(0, 177, 255); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.commercial-disclaimer { background-color: rgb(26, 49, 80); }
@media (min-width: 1024px) {
  .commercial-disclaimer { background-color: rgba(0, 0, 0, 0); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.related-articles__title { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.related-articles { border-top: 1px dashed rgb(208, 208, 208); margin-top: 45px; padding: 15px; }
.related-articles__title { color: rgb(26, 49, 80); font-size: 18px; margin-bottom: 15px; padding-left: 5px; text-transform: uppercase; }
@media (min-width: 768px) {
  .related-articles { padding: 30px 0px 15px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.link-list { display: grid; gap: 10px; grid-template-columns: 1fr; }
@media (min-width: 768px) {
  .link-list { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1024px) {
  .link-list { grid-template-columns: 1fr 1fr 1fr; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.link-list-item__button { align-items: center; background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px; color: rgb(26, 49, 80); display: flex; font-size: 12px; font-weight: 500; height: 50px; padding: 0px 10px; position: relative; text-transform: uppercase; transition: 0.3s; width: 100%; }
.link-list-item__button:hover { background-color: rgb(225, 231, 237); box-shadow: none; }
.bottom-bar-banner { background-color: rgba(255, 255, 255, 0.9); bottom: 0px; left: 0px; opacity: 0; position: fixed; right: 0px; text-align: center; transition: opacity 0.4s ease-in-out; z-index: 12; }
.bottom-bar-banner--loaded { opacity: 1; }
.bottom-bar-banner--hidden { visibility: hidden; }
.bottom-bar-banner__inner { display: inline-block; height: 100%; position: relative; }
.bottom-bar-banner__close { align-items: center; background-color: rgb(111, 140, 170); display: flex; justify-content: center; padding: 3px; position: absolute; right: 0px; top: 0px; z-index: 13; }
.bottom-bar-banner__close:hover { opacity: 0.8; }
.bottom-bar-banner__close::after { color: rgb(255, 255, 255); content: ""; font-family: Font-Oddspedia; font-size: 10px; }
@media (min-width: 768px) {
  .bottom-bar-banner__close { border-radius: 100px; right: -7px; top: -7px; }
}
.bottom-bar-banner__text { color: rgb(126, 153, 179); display: block; font-size: 9px; position: absolute; right: 0px; text-transform: uppercase; top: -15px; }
@media (min-width: 1280px) {
  .bottom-bar-banner__text { right: calc(100% + 12px); top: 10px; }
}
.bottom-bar-banner-wrapper { display: inline-block; position: relative; }
.bottom-bar-banner-iframe { height: 100%; overflow: hidden; width: 100%; }
.bottom-bar-banner .go-link { inset: 0px; position: absolute; }
.is-desktop .bottom-bar-banner { border-radius: 8px; margin-top: 30px; position: sticky; }
.is-desktop .bottom-bar-banner__inner { width: 100%; }
.is-desktop .bottom-bar-banner__close { padding: 7px; right: 10px; top: 10px; }
.is-mobile-or-tablet .bottom-bar-banner { bottom: 45px; }
.is-mobile-or-tablet.has-betslip .bottom-bar-banner { bottom: 85px; }
.is-mobile-or-tablet.no-bottom-bar .bottom-bar-banner { bottom: 0px; }
.is-mobile-or-tablet.no-bottom-bar.has-betslip .bottom-bar-banner { bottom: 40px; }
@media (min-width: 768px) {
  .is-mobile-or-tablet .bottom-bar-banner__text { right: 10px !important; }
}
.wrapper__inner > .bottom-bar-banner { margin: 0px auto; max-width: 1280px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip-max-limit-reached__heading { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; }
.betslip-max-limit-reached { align-items: center; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(26, 49, 80, 0.4) 0px 5px 20px; display: flex; flex-direction: column; margin: 10px; overflow: hidden; padding: 12px 22px 12px 16px; position: relative; }
.betslip-max-limit-reached__info { align-items: flex-end; background-color: rgb(225, 231, 237); border-radius: 50px; display: flex; height: 50px; justify-content: flex-start; padding: 5px 5px 5px 8px; position: absolute; right: -25px; top: -25px; width: 50px; }
.betslip-max-limit-reached__info i { color: rgb(111, 140, 170); font-size: 12px; }
.betslip-max-limit-reached__heading { font-size: 14px; line-height: 1.28; margin-bottom: 8px; }
.betslip-max-limit-reached__text { font-size: 14px; line-height: 1.28; }
.betslip .o-scrollbar { position: relative; }
.betslip .o-scrollbar .betslip-max-limit-reached { bottom: 10px; left: 0px; position: sticky; right: 0px; }
.betslip__head .betslip-max-limit-reached { bottom: calc(100% + 10px); margin: 0px; position: absolute; right: 10px; }
.is-mobile-or-tablet .betslip__head .betslip-max-limit-reached { bottom: calc(100% + 10px); left: 10px; }
.is-mobile-or-tablet.has-bottom-bar .betslip__head .betslip-max-limit-reached { bottom: calc(100% + 55px); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
@media (min-width: 768px) {
  .countries-dropdown-menu__grid { grid-template-columns: 1fr 1fr; }
  .countries-dropdown-menu__item { max-width: 110px; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip-limited-coverage-bar { align-items: center; background-color: rgb(245, 247, 249); display: flex; min-height: 40px; padding: 2px 10px 2px 0px; }
.betslip-limited-coverage-bar::before { align-self: stretch; background-color: rgb(253, 185, 44); content: ""; display: block; flex: 0 0 3px; margin-right: 10px; width: 3px; }
.betslip-limited-coverage-bar__icon { color: rgb(26, 49, 80); font-size: 16px; margin-right: 10px; }
.betslip-limited-coverage-bar__body { color: rgb(26, 49, 80); font-size: 13px; line-height: 1.15; }
.betslip-limited-coverage-bar__body button { color: rgb(0, 177, 255); margin: 0px; padding: 0px; }
.betslip-limited-coverage-bar__body button:hover { text-decoration: underline; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.info-pop-up--theme-primary .info-pop-up__heading { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.info-pop-up--theme-secondary .info-pop-up__heading { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; }
.info-pop-up { align-items: center; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; display: flex; flex-direction: column; justify-content: center; margin: 10px; position: relative; }
.info-pop-up--theme-primary { padding: 36px 15px 40px; }
.info-pop-up--theme-primary .info-pop-up__heading { color: rgb(26, 49, 80); font-size: 16px; line-height: 1.31; text-align: center; text-transform: uppercase; }
.info-pop-up--theme-primary .info-pop-up__body { color: rgb(26, 49, 80); font-size: 14px; line-height: 1.57; }
.info-pop-up--theme-secondary { padding: 36px 15px 20px; }
.info-pop-up--theme-secondary .info-pop-up__heading { color: rgb(26, 49, 80); font-size: 14px; line-height: 1.28; text-align: center; }
.info-pop-up--theme-secondary .info-pop-up__body { color: rgb(111, 140, 170); font-size: 14px; line-height: 1.28; text-align: center; }
.info-pop-up .info-pop-up__heading + .info-pop-up__body { margin-top: 20px; }
.info-pop-up__icon { align-items: center; display: flex; height: 50px; justify-content: center; left: 50%; position: absolute; top: -25px; transform: translateX(-50%); width: 50px; }
.info-pop-up__icon img { height: auto; max-width: 50px; width: 100%; }
.info-pop-up__icon--circle { background-color: rgb(245, 247, 249); border-radius: 50%; }
.info-pop-up__icon--circle img { max-width: 28px; }
.info-pop-up__close { align-items: center; color: rgb(111, 140, 170); display: flex; font-size: 16px; height: 36px; justify-content: center; position: absolute; right: 0px; top: 0px; width: 36px; }
.accumulator-bet-offer__odd { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 500; }
.accumulator-bet-offer__body__no-odds { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 600; }
.accumulator-bet-offer { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; padding: 0px 12px; width: 100%; }
.accumulator-bet-offer + .accumulator-bet-offer { border-top: 1px dashed rgb(225, 231, 237); }
.accumulator-bet-offer__content-container { display: flex; margin: 12px 0px 8px; }
.accumulator-bet-offer__body { align-self: center; flex: 0 1 auto; margin-right: auto; overflow: hidden; }
.accumulator-bet-offer__body__match-started { color: rgb(26, 49, 80); font-size: 11px; line-height: 1.63; }
.accumulator-bet-offer__body__odds-increased { color: rgb(43, 210, 153); font-size: 11px; line-height: 1.63; }
.accumulator-bet-offer__body__odds-decreased { color: rgb(243, 60, 89); font-size: 11px; line-height: 1.63; }
.accumulator-bet-offer__body__outcome { color: rgb(26, 49, 80); font-size: 16px; line-height: 1.31; }
.accumulator-bet-offer__body__market { color: rgb(111, 140, 170); font-size: 13px; line-height: 1.38; }
.accumulator-bet-offer__body__competitors { color: rgb(26, 49, 80); display: block; font-size: 13px; line-height: 1.38; }
.accumulator-bet-offer__body a.accumulator-bet-offer__body__competitors:hover { color: rgb(0, 177, 255); }
.accumulator-bet-offer__body__no-odds { color: rgb(26, 49, 80); font-size: 11px; line-height: 1.1; margin-top: 2px; }
.accumulator-bet-offer__body--disabled { opacity: 0.2; pointer-events: none; }
.accumulator-bet-offer__odd { align-items: center; align-self: flex-start; background-color: rgb(245, 247, 249); border-radius: 8px; color: rgb(26, 49, 80); display: flex; flex: 0 0 72px; font-size: 13px; height: 36px; justify-content: center; margin-left: 12px; position: relative; width: 72px; }
.accumulator-bet-offer__odd--up::before { color: rgb(43, 210, 153); content: ""; font-family: Font-Oddspedia; font-size: 9px; position: absolute; top: 3px; }
.accumulator-bet-offer__odd--down::before { bottom: 3px; color: rgb(243, 60, 89); content: ""; font-family: Font-Oddspedia; font-size: 9px; position: absolute; }
.accumulator-bet-offer__odd--disabled { opacity: 0.2; }
.accumulator-bet-offer__actions { align-self: flex-start; display: flex; flex: 0 0 auto; flex-direction: column; margin: 2px 0px 0px 12px; }
.accumulator-bet-offer__actions__checkbox { background-color: rgb(255, 255, 255); border: 1px solid rgb(245, 247, 249); border-radius: 4px; font-size: 11px; }
.accumulator-bet-offer__actions__checkbox, .accumulator-bet-offer__actions__close { align-items: center; color: rgb(111, 140, 170); display: flex; height: 20px; justify-content: center; padding: 0px; width: 20px; }
.accumulator-bet-offer__actions__close { font-size: 14px; }
.accumulator-bet-offer__actions__checkbox + .accumulator-bet-offer__actions__close { margin-top: 15px; }
.accumulator-bet-offer--disabled, .accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--no-odds, .accumulator-bet-offer--restricted, .accumulator-bet-offer--started { background-color: rgb(245, 247, 249); }
:is(.accumulator-bet-offer--disabled, .accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--no-odds, .accumulator-bet-offer--restricted, .accumulator-bet-offer--started) .accumulator-bet-offer__body__competitors, :is(.accumulator-bet-offer--disabled, .accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--no-odds, .accumulator-bet-offer--restricted, .accumulator-bet-offer--started) .accumulator-bet-offer__body__outcome { color: rgb(111, 140, 170); }
:is(.accumulator-bet-offer--disabled, .accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--no-odds, .accumulator-bet-offer--restricted, .accumulator-bet-offer--started) .accumulator-bet-offer__odd { background-color: rgb(225, 231, 237); color: rgb(111, 140, 170); }
:is(.accumulator-bet-offer--disabled, .accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--no-odds, .accumulator-bet-offer--restricted, .accumulator-bet-offer--started) .accumulator-bet-offer__actions__checkbox { border-color: rgb(225, 231, 237); }
.accumulator-bet-offer--restricted { position: relative; }
.accumulator-bet-offer--restricted::before { background-color: rgb(0, 177, 255); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 3px; }
:is(.accumulator-bet-offer--limited-coverage, .accumulator-bet-offer--started) .accumulator-bet-offer__odd { text-decoration: line-through; }
.accumulator-bet-offer--limited-coverage { padding-left: 0px; }
.accumulator-bet-offer--limited-coverage::before { align-self: stretch; background-color: rgb(253, 185, 44); content: ""; display: block; flex: 0 0 3px; margin-right: 9px; width: 3px; }
.accumulator-bet-offer--limited-coverage.accumulator-bet-offer--restricted { padding-left: 3px; position: relative; }
.accumulator-bet-offer--limited-coverage.accumulator-bet-offer--restricted::after { background-color: rgb(0, 177, 255); content: ""; display: block; flex: 0 0 3px; height: 100%; left: 0px; position: absolute; width: 3px; }
.accumulator-bet-offer--has-single-action .accumulator-bet-offer__actions { margin-top: 8px; }
.accumulator-bet-offer__notification-box { color: rgb(111, 140, 170); display: flex; font: 400 12px / 1.3 "Roboto", sans-serif; margin: 0px 0px 8px; }
.accumulator-bet-offer__notification { flex: 0 0 180px; margin: 0px; }
.accumulator-bet-offer__notification-value { margin-left: 8px; text-align: center; width: 72px; }
.accumulator-bet-offer__notification-value-max { color: rgb(225, 231, 237); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.betslip-options-restricted { align-items: center; background-color: rgb(245, 247, 249); border-top: 1px dashed rgb(225, 231, 237); display: flex; font-size: 14px; line-height: 1.3; min-height: 50px; padding-left: 0px; }
.betslip-options-restricted::before { align-self: stretch; background-color: rgb(0, 177, 255); content: ""; display: block; flex: 0 0 3px; margin-right: 9px; width: 3px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.create-tip-menu__header__label { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; }
.create-tip-menu-wrapper { background-color: rgba(26, 49, 80, 0.6); display: none; height: 100%; left: 0px; opacity: 0; position: fixed; top: 0px; width: 100%; will-change: opacity; z-index: 9998; }
.create-tip-menu-wrapper--open { animation-duration: 0.4s; animation-fill-mode: forwards; animation-name: open-create-tip-overlay; animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); display: block; }
.create-tip-menu-wrapper--open .create-tip-menu { animation-duration: 0.25s; animation-fill-mode: forwards; animation-name: open-create-tip-menu; animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); }
.create-tip-menu-container { height: 100%; position: relative; width: 100%; }
.create-tip-menu { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; height: 100%; position: absolute; right: 0px; top: 0px; transform: translateX(100%); width: 320px; will-change: transform, box-shadow; z-index: 9000; }
.create-tip-menu__header { align-items: center; background-color: rgb(0, 177, 255); display: flex; flex: 0 0 55px; height: 55px; justify-content: space-between; padding: 0px 14px; position: relative; z-index: 9001; }
.create-tip-menu__header::before { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/create-tip-header-bg.webp"); background-repeat: repeat; background-size: 100% 12px; bottom: -6px; content: ""; display: block; height: 12px; left: 0px; position: absolute; right: 0px; width: 100%; }
.create-tip-menu__header__label { color: rgb(255, 255, 255); font-size: 16px; text-transform: uppercase; }
.create-tip-menu__header__btn { color: rgb(255, 255, 255); font-size: 16px; height: 30px; margin: 0px; padding: 0px; width: 30px; }
.create-tip-menu__header__btn--hidden { visibility: hidden; }
.create-tip-menu__header__btn--back { transform: rotate(180deg); }
.create-tip-menu__header__btn--back .create-tip-menu__header__btn__icon { font-size: 18px; }
.create-tip-menu__body { flex: 1 1 auto; overflow: hidden auto; }
.create-tip-menu__body--overlay::before { background-color: rgba(26, 49, 80, 0.5); inset: 0px; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 50; }
@keyframes open-create-tip-menu { 
  100% { box-shadow: rgba(0, 0, 0, 0.16) -20px 0px 40px; transform: translateX(0px); }
}
@keyframes open-create-tip-overlay { 
  100% { opacity: 1; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.top-bookmaker-bonuses__header { min-height: 44px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.bonus-offer-variant-b { --top-labels-size: 20px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(245, 247, 249)); min-height: 102px; }
.bonus-offer-variant-b__exclusive-label, .bonus-offer-variant-b__rank { height: var(--top-labels-size); line-height: var(--top-labels-size); }
.bonus-offer-variant-b__rank { width: var(--top-labels-size); }
.bonus-offer-variant-b__top-section { left: -8px; top: -8px; }
.bonus-offer-variant-b__logo { border-width: 2px; }
.bonus-offer-variant-b__button, .bonus-offer-variant-b__promo-code { min-width: 112px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.discoverable-bg-img { left: 0px; max-height: 100%; object-fit: cover; object-position: center center; position: absolute; top: 0px; width: 100%; z-index: -1; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
@media (min-width: 1024px) {
  .search-competitions { max-height: calc(-123px + 100vh); overflow: auto; padding-right: 5px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.league-list-item--min-height { min-height: 32px; }
.league-list-item--spaced { padding: 4px 8px; }
.league-list-item--shortened .t-ellipsis { max-width: 165px; }
.league-list-item--interactive { font-weight: 500; transition: color 0.2s; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.league-list-dropdown__toggle--open { background-color: rgba(182, 197, 212, 0.25); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.popular-leagues { --items-per-row: 3; }
.popular-leagues__boxes { grid-template-columns: repeat(var(--items-per-row),minmax(0,1fr)); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.old-dropdown__search input { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; }
.old-dropdown { position: relative; }
.old-dropdown + .old-dropdown { margin-top: 5px; }
.old-dropdown.active .old-dropdown__content { height: auto; opacity: 1; transform: translateZ(0px); visibility: visible; }
.old-dropdown.active .old-dropdown__toggle { background: rgb(255, 255, 255); border-radius: 8px 8px 0px 0px; box-shadow: rgba(0, 0, 0, 0.05) 0px -5px 10px; }
.old-dropdown.active .old-dropdown__toggle__icon svg { perspective: 1000px; perspective-origin: 50% 50%; transform: rotateX(180deg); }
.old-dropdown__content { background: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; height: 0px; max-height: 279px; overflow-y: auto; position: absolute; right: 0px; top: 100%; transform: translate3d(0px, -24px, 0px); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity; visibility: hidden; width: 210px; will-change: transform, opacity; z-index: 7; }
.old-dropdown__content::-webkit-scrollbar { border-radius: 6px; height: 6px; width: 6px; }
.old-dropdown__content::-webkit-scrollbar-thumb { background: rgba(182, 197, 212, 0.6); border-radius: 8px; }
.old-dropdown__content::-webkit-scrollbar-corner, .old-dropdown__content::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0); }
.old-dropdown__content--full { width: 100%; }
.old-dropdown__toggle-text { color: rgb(26, 49, 80); font-size: 11px; font-weight: 500; text-transform: uppercase; }
.old-dropdown__toggle-current img { display: inline-block; height: auto; margin-right: 7px; max-width: none; vertical-align: middle; width: 16px; }
.old-dropdown__toggle-current + .old-dropdown__toggle-text { display: none; }
.old-dropdown__toggle { align-items: center; background: rgb(245, 247, 249); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; color: rgb(111, 140, 170); display: flex; flex-grow: 1; font-size: 13px; font-weight: 400; height: 36px; padding: 0px 25px 0px 15px; position: relative; width: 100%; z-index: 2; }
.old-dropdown__toggle__icon { align-items: center; bottom: 0px; color: rgb(111, 140, 170); display: flex; font-size: 0px; height: 24px; justify-content: center; margin: auto; position: absolute; right: 0px; top: 0px; width: 24px; }
.old-dropdown__toggle__icon svg { height: 100%; transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); width: 100%; will-change: transform; }
.old-dropdown__toggle__icon i { font-size: 18px; }
.old-dropdown__toggle > i:first-child { color: rgb(0, 177, 255); }
.old-dropdown__toggle-icon { inset: 50% 15px auto auto; font-size: 7px; position: absolute; transform: translateY(-50%); z-index: 0; }
.old-dropdown__search { display: block; margin: 10px 5px; position: relative; }
.old-dropdown__search input { background: rgb(245, 247, 249); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 20px; box-shadow: none; color: rgb(111, 140, 170); font-size: 12px; height: 36px; outline: none; padding: 10px 10px 10px 36px; width: 100%; }
.old-dropdown__search input::placeholder { color: rgb(111, 140, 170); }
.old-dropdown__search .fo-magnify { font-size: 16px; left: 12px; position: absolute; top: calc(50% - 9px); }
.old-dropdown__list-item { color: rgb(111, 140, 170); cursor: pointer; display: block; font-size: 12px; padding: 12px 29px 12px 10px; position: relative; text-align: left; width: 100%; }
.old-dropdown__list-item + .old-dropdown__list-item { border-top: 1px solid rgb(225, 231, 237); }
.old-dropdown__list-item::after { border-bottom: 2px solid rgb(0, 177, 255); border-right: 2px solid rgb(0, 177, 255); content: ""; display: inline-block; height: 10px; opacity: 0; position: absolute; right: 15px; top: calc(50% - 5px); transform: rotate(45deg); transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 6px; }
.old-dropdown__list-item.active, .old-dropdown__list-item:focus, .old-dropdown__list-item:hover { color: rgb(0, 177, 255); }
.old-dropdown__list-item.active::after { opacity: 1; visibility: visible; }
.old-dropdown__list-icon { display: inline-block; font-size: 16px; height: auto; margin-right: 7px; max-width: none; vertical-align: bottom; width: 16px; }
.old-dropdown--small .old-dropdown__toggle { font-weight: 500; padding: 0px 30px 0px 10px; }
.old-dropdown--small .old-dropdown__toggle__icon { height: 18px; width: 18px; }
.old-dropdown--small .old-dropdown__list-item { padding: 10px; }
.old-dropdown--small .old-dropdown__list-item::after { right: 9px; top: calc(50% - 7px); }
.old-dropdown--uppercase, .old-dropdown--uppercase .old-dropdown__toggle { text-transform: uppercase; }
.old-dropdown--light { color: rgb(111, 140, 170); }
.old-dropdown--light .old-dropdown__list, .old-dropdown--light .old-dropdown__toggle { background-color: rgb(255, 255, 255); }
.old-dropdown--light .old-dropdown__list .old-dropdown__list-item + .old-dropdown__list-item { border-color: rgb(245, 247, 249); }
.old-dropdown--passive .old-dropdown__toggle { display: none; }
.old-dropdown--passive .old-dropdown__content { box-shadow: none; display: block; height: auto; left: auto; margin-top: 2px; max-height: 280px; opacity: 1; position: relative; right: auto; top: auto; transform: none; visibility: visible; width: auto; }
.old-dropdown--relative .old-dropdown__content { box-shadow: none; display: block; left: auto; max-height: none; position: relative; right: auto; top: auto; }
.old-dropdown--dark { color: rgb(182, 197, 212); }
.old-dropdown--dark .old-dropdown__content, .old-dropdown--dark .old-dropdown__toggle, .old-dropdown--dark.active .old-dropdown__toggle { background: rgb(40, 62, 91); }
.old-dropdown--dark .old-dropdown__list-item + .old-dropdown__list-item { border-color: rgb(26, 49, 80); }
.old-dropdown--rounded .old-dropdown__toggle { border-radius: 20px; }
.old-dropdown--rounded .old-dropdown__toggle__icon { right: 10px; }
.old-dropdown--rounded.active .old-dropdown__toggle { border-radius: 20px 20px 0px 0px; }
.old-dropdown--rounded.active .old-dropdown__content { border-radius: 0px 0px 20px 20px; }
@media (max-width: 1200px) {
  .old-dropdown__search input { background-color: rgb(255, 255, 255); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.leagues-by-category-dropdown__toggle--open { background-color: rgba(182, 197, 212, 0.25); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.video-preview { margin: 15px 15px 0px; }
.video-preview--aside { margin: 0px 20px 20px; }
.video-preview--aside-content { margin: 0px 0px 25px; }
.old-modal__container--VideoPreview { max-width: 800px; }
.old-modal__container--VideoPreview .video-preview { margin: 0px 10px 10px; }
.old-modal__container--VideoPreview .video-preview-thumb { margin-bottom: 15px; }
.video-preview-thumb { border-radius: 12px; overflow: hidden; padding-top: 56.25%; position: relative; }
.video-preview-thumb__image { background-color: rgb(26, 49, 80); border-radius: 12px; cursor: pointer; left: 0px; padding-top: 56.25%; position: absolute; top: 0px; width: 100%; }
.video-preview-thumb__image::after { color: rgb(255, 255, 255); content: ""; display: block; font-family: Font-Oddspedia; font-size: 70px; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); transition: color 0.3s, background-color 0.3s; z-index: 1; }
.video-preview-thumb__image:hover::after { color: rgb(102, 209, 255); }
.video-preview-thumb__iframe, .video-preview-thumb__image > img { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-poll-overview { min-height: 331px; }
.match-poll-overview__placeholder { margin-bottom: 20px; min-height: 331px; }
.match-poll-overview__placeholder > svg { height: auto; width: 100%; }
.match-poll-overview .carousel-slide { flex-basis: 100%; visibility: visible; width: 100%; }
.match-poll-overview .carousel-pagination { background-color: rgb(225, 231, 237); display: flex; margin-top: 10px; padding: 7px; position: relative; z-index: 1; }
.match-poll-overview .carousel-pagination__dots { margin-top: 0px !important; }
.match-poll-overview .carousel-navigation::before { background-color: rgb(245, 247, 249); bottom: 0px; content: ""; height: 36px; position: absolute; width: 100%; z-index: 0; }
.match-poll-overview .carousel-navigation--disabled { pointer-events: none; }
.match-poll-overview .carousel-navigation__button { border-radius: 50%; bottom: 0px; font-size: 12px; height: 36px; transition: background-color 0.2s; width: 36px; z-index: 2; background-color: rgba(255, 255, 255, 0.7) !important; color: rgb(9, 25, 46) !important; top: auto !important; transform: none !important; }
.match-poll-overview .carousel-navigation__button:hover { background-color: rgb(225, 231, 237); }
.match-poll-overview .carousel-navigation__button--prev { text-indent: -1px; }
.match-poll-overview .carousel-navigation__button--next { text-indent: 1px; }
.match-poll-overview .carousel-pagination__dot { box-shadow: 0px 0px 0px 1px inset; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-poll-overview-item { background-color: rgb(245, 247, 249); border-radius: 8px; }
.match-poll-overview-item__header { background-color: rgb(255, 255, 255); border-radius: 8px 8px 0px 0px; font-size: 14px; font-weight: 700; line-height: 20px; padding: 10px; }
.match-poll-overview-item__body { padding: 0px 10px 10px; }
.match-poll-overview-item__poll { align-items: center; display: flex; justify-content: space-between; margin-bottom: 10px; min-height: 47px; padding: 0px 5px; }
.match-poll-overview-item__poll__action { align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 237); border-radius: 20px; color: rgb(26, 49, 80); display: flex; flex-grow: 1; font-size: 13px; font-weight: 500; justify-content: space-between; margin: 0px 5px; min-width: calc(33.33% - 10px); padding: 1px 15px 1px 1px; text-transform: uppercase; transition: background-color 0.2s; }
.match-poll-overview-item__poll__action:hover { background-color: rgb(225, 231, 237); }
.match-poll-overview-item__poll__action__icon { align-items: center; border-radius: 50%; color: rgb(111, 140, 170); display: flex; font-size: 14px; height: 36px; justify-content: center; padding: 4px; width: 36px; }
.match-poll-overview-item__poll .who-will-win-results { flex-grow: 1; margin-left: 10px; margin-right: 10px; }
.match-poll-overview-item .who-will-win-calculator { margin-bottom: 10px; }
.match-poll-overview-item__hook { border-radius: 0px 0px 8px 8px; cursor: pointer; font-size: 9px; height: 35px; margin: 0px -10px -10px; padding-left: 15px; position: relative; }
.match-poll-overview-item__hook > span { opacity: 0.7; }
.match-poll-overview-item__hook > img { height: 24px; left: 0px; margin: auto; position: absolute; right: 0px; width: 60px; }
.match-poll-overview-item__hook__icon { background-color: inherit; border-bottom-right-radius: 8px; height: 35px; position: relative; width: 48px; }
.match-poll-overview-item__hook__icon > svg { border-bottom-right-radius: 8px; }
.match-poll-overview-item__hook__icon > span { background-color: inherit; border: 2px solid; font-size: 18px; height: 26px; left: 50%; line-height: 22px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 26px; }
.match-poll-overview-item__tooltip { background-color: rgb(255, 255, 255); border: 1px solid rgb(225, 231, 237); border-radius: 8px; margin: 23px 0px 0px; padding: 10px 12px; position: relative; }
.match-poll-overview-item__tooltip::before { background-color: inherit; border-radius: 2px; box-shadow: rgb(225, 231, 237) 1px 1px 0px inset; content: ""; height: 12px; position: absolute; right: 10px; top: -6px; transform: rotate(45deg); width: 12px; }
.match-poll-overview-item__tooltip__title { font-size: 13px; line-height: 1.3; margin-bottom: 10px; }
.match-poll-overview-item__tooltip .bonus-box-cta { max-width: 250px; width: 100%; }
.match-poll-overview-item__tnc { display: block; font-size: 11px; margin-top: 10px; }
@media (max-width: 1023px) {
  .match-poll-overview-item__poll { padding: 0px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.who-will-win-match { padding: 10px 10px 15px; }
.who-will-win-match__breadcrumbs { color: rgb(111, 140, 170); font-size: 11px; line-height: 18px; margin-bottom: 5px; text-align: center; }
.who-will-win-match__breadcrumbs > a { color: rgb(111, 140, 170); }
.who-will-win-match__breadcrumbs > a:hover { color: rgb(0, 177, 255); }
.who-will-win-match__match { display: grid; grid-template-columns: 1fr minmax(90px, 145px) 1fr; column-gap: 10px; }
.who-will-win-match__match__date { font-size: 11px; line-height: 1.3; }
.who-will-win-match__match__date > span { display: block; }
.who-will-win-match__match__date__counter { font-size: 20px; font-weight: 500; }
.who-will-win-match__match__logo { display: block; height: 65px; margin: 0px auto 5px; width: 65px; }
.who-will-win-match__match__name { color: rgb(26, 49, 80); display: inline-block; font-size: 12px; line-height: 1.2; min-height: 30px; }
.who-will-win-match__match__score { color: rgb(26, 49, 80); font: italic 700 30px / 40px "Montserrat", sans-serif; white-space: nowrap; }
.who-will-win-match__match__no-result { background-color: rgb(182, 197, 212); border-radius: 8px; color: rgb(255, 255, 255); display: block; font-size: 10px; letter-spacing: 0.1em; line-height: 1.3; margin-bottom: 10px; padding: 7px 0px; text-transform: uppercase; }
@media (max-width: 374px) {
  .who-will-win-match__match { grid-template-columns: 65px 1fr 65px; column-gap: 5px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.bonus-box-cta { align-items: center; border: 1px dashed rgb(208, 215, 222); border-radius: 20px; display: inline-flex; text-align: center; }
.bonus-box-cta--dark { background-color: rgb(245, 247, 249); }
.bonus-box-cta__code:not(.bonus-box-cta__code--inside-go-link) { flex-basis: 50%; max-width: 50%; }
.bonus-box-cta__code { font-size: 9px; line-height: 1.2; }
.bonus-box-cta__code.active { cursor: pointer; }
.bonus-box-cta__code__icon { font-size: 14px; margin-left: 13px; }
.bonus-box-cta__code > textarea { background-color: rgba(0, 0, 0, 0); border: 0px; cursor: pointer; display: block; font: italic 700 10px / 3.4 "Montserrat", sans-serif; resize: none; width: 100%; }
.bonus-box-cta__code > textarea:focus { outline: none; }
.bonus-box-cta .old-btn { flex-basis: 70%; height: 40px; margin: -3px -3px -3px 0px; }
@media (min-width: 768px) {
  .bookmakers-overview-list .bonus-box-cta { max-width: 100% !important; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.carousel-slide { backface-visibility: hidden; flex-grow: 0; flex-shrink: 0; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; }
.carousel-slide--adjustable-height { display: table; flex-basis: auto; width: 100%; }
.carousel-slide--flex-basis-inherited { flex-basis: inherit; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.carousel { display: flex; flex-direction: column; position: relative; }
.carousel--reverse { flex-direction: column-reverse; }
.carousel__wrapper { overflow: hidden; position: relative; width: 100%; }
.carousel__inner { backface-visibility: hidden; display: flex; flex-direction: row; }
.carousel__inner--center { justify-content: center; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.carousel-navigation__button { appearance: none; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-sizing: border-box; color: rgb(0, 0, 0); cursor: pointer; outline: none; padding: 0px; position: absolute; text-decoration: none; top: 50%; }
.carousel-navigation__button:focus { outline: rgb(173, 216, 230) solid 1px; }
.carousel-navigation__button--next { right: 0px; transform: translateY(-50%) translateX(100%); }
.carousel-navigation__button--prev { left: 0px; transform: translateY(-50%) translateX(-100%); }
.carousel-navigation__button--disabled { cursor: default; opacity: 0.5; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.carousel-pagination { text-align: center; width: 100%; }
.carousel-pagination--top-overlay { position: absolute; top: 0px; }
.carousel-pagination--bottom-overlay { bottom: 0px; position: absolute; }
.carousel-pagination__dots { display: inline-block; margin: 0px auto; padding: 0px; }
.carousel-pagination__dot { appearance: none; background-clip: content-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 100%; box-sizing: initial; cursor: pointer; display: inline-block; outline: none; padding: 0px; }
.carousel-pagination__dot:focus { outline: rgb(173, 216, 230) solid 1px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.aside .boost-bet__content-wrapper, .boost-bet__content-wrapper { max-width: 45%; }
@media (min-width: 576px) {
  .boost-bet__content-wrapper { max-width: none; }
}
@media (min-width: 768px) {
  .boost-bet__body--with-border { border-right: 1px solid rgb(225, 231, 237); }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-card-header { background-image: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/matchup-header.webp"); background-size: cover; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.boost-bet-markets__item { --dot-size: 8px; --dot-from-top: calc(0.6em - var(--dot-size)/2); }
.boost-bet-markets__item:last-child .boost-bet-markets__line { display: none; }
.boost-bet-markets__line { bottom: calc((var(--dot-from-top) + 4px)*-1); left: 50%; position: absolute; top: calc(var(--dot-from-top) + var(--dot-size)); transform: translateX(-50%); }
.boost-bet-markets__dot { height: 8px; margin-top: var(--dot-from-top); min-width: 8px; width: 8px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-posts-list__header { min-height: 44px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-icon--sport { color: rgb(0, 177, 255); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-posts-list-item { --thumbnail-size: 116px; --title-line-clamp: 2; }
.blog-posts-list-item__thumbnail { min-height: var(--thumbnail-size); object-fit: cover; width: var(--thumbnail-size); }
.blog-posts-list-item__excerpt, .blog-posts-list-item__title { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.blog-posts-list-item__title { -webkit-line-clamp: var(--title-line-clamp); }
.blog-posts-list-item__excerpt { -webkit-line-clamp: 2; }
.blog-posts-list-item .blog-trending-hot-icon { left: 6px; top: 6px; }
@media (min-width: 768px) {
  .blog-posts-list-item { --title-line-clamp: 3; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-card-meta__separator { --size: 12px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post__head { margin-bottom: 45px; overflow: hidden; position: relative; }
.blog-post__head__bg { height: 520px; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; }
.blog-post__head__bg::before { background: url("https://keobongdahomnay.uk/wp-content/uploads/2026/11/blog-post-head-logo.svg") 0px 0px / 100% 100% no-repeat; content: ""; height: 404px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 210px; }
.blog-post__head__bg img { height: 100%; width: 100%; }
.blog-post__head__content { margin: auto; max-width: 1030px; padding: 30px 15px 0px; position: relative; z-index: 2; }
.blog-post__head__content--short { padding-bottom: 32px; }
.blog-post__content { color: rgb(26, 49, 80); font-size: 18px; line-height: 1.5556; }
.blog-post__content :is(h1, h2, h3, h4, h5, h6) { font-family: "Montserrat", sans-serif; font-style: italic; font-weight: 700; line-height: 1.25; margin-bottom: 20px; text-transform: none; }
.blog-post__content h1 { font-size: 36px; }
.blog-post__content h2 { font-size: 32px; }
.blog-post__content h3 { font-size: 28px; }
.blog-post__content h4 { font-size: 24px; }
.blog-post__content h5 { font-size: 18px; }
.blog-post__content h6 { font-size: 16px; }
.blog-post__content hr:not(.blog-post-highlight-bar hr):not(.stars-rating__list):not(.short-code-bookmakers-promo-table hr):not(.bookmaker-mini-review-info):not(.shortcode-bookmaker-mini-review__content hr), .blog-post__content ol:not(.blog-post-highlight-bar ol):not(.stars-rating__list):not(.short-code-bookmakers-promo-table ol):not(.bookmaker-mini-review-info):not(.shortcode-bookmaker-mini-review__content ol), .blog-post__content p:not(.blog-post-highlight-bar p):not(.stars-rating__list):not(.short-code-bookmakers-promo-table p):not(.bookmaker-mini-review-info):not(.shortcode-bookmaker-mini-review__content p), .blog-post__content table:not(.blog-post-highlight-bar table):not(.stars-rating__list):not(.short-code-bookmakers-promo-table table):not(.bookmaker-mini-review-info):not(.shortcode-bookmaker-mini-review__content table), .blog-post__content ul:not(.blog-post-highlight-bar ul):not(.stars-rating__list):not(.short-code-bookmakers-promo-table ul):not(.bookmaker-mini-review-info):not(.shortcode-bookmaker-mini-review__content ul) { margin-bottom: 36px; }
.blog-post__content p strong { font-weight: 500; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) { font-size: 14px; line-height: 1.2; width: 100%; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) :is(td, th) { height: 45px; padding: 5px; text-align: left; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) :is(td:first-child, th:first-child) { padding-left: 15px; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) :is(td:last-child, th:last-child) { padding-right: 15px; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) th { background: rgb(225, 231, 237); font-weight: 500; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) td:first-child { border-left: 1px solid rgb(225, 231, 237); }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) td:last-child { border-right: 1px solid rgb(225, 231, 237); }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) tbody tr:nth-child(2n+1) td { background: rgb(255, 255, 255); }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) tbody tr:first-child td { border-top: 1px solid rgb(225, 231, 237); }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) tbody tr:last-child td { border-bottom: 1px solid rgb(225, 231, 237); }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) p { margin-bottom: 0px; }
.blog-post__content table:not(.acca-calculator-fold__table):not(.short-code-bookmakers-promo-table table) b { font-weight: 500; }
.blog-post__content p + :is(ol, ul) { margin-top: -25px; }
.blog-post__content ul { list-style-type: disc; padding-left: 1.5em; }
.blog-post__content :is(ol, ul) strong { font-weight: 500; }
.blog-post__content ol { counter-reset: item-counter 0; list-style: none; padding-left: 8px; }
.blog-post__content ol li::before { content: counter(item-counter) "."; counter-increment: item-counter 1; margin-right: 6px; }
.blog-post__content .bookmaker-mini-review-links, .blog-post__content .bookmaker-mini-review__content, .blog-post__content .commercial-bookmakers-bonus, .blog-post__content .shortcode-bookmaker-mini-review__content ul, .blog-post__content .top-bookmakers-by-sport-item__list { list-style-type: none; padding-left: 0px; }
.blog-post__content .bookmaker-mini-review { background-color: rgb(255, 255, 255); border-radius: 0px 0px 8px 8px; margin-top: 18px; padding: 16px 16px 30px; position: relative; }
.blog-post__content .bookmaker-mini-review::before { background-color: inherit; clip-path: polygon(50% 0px, 50% 35%, 100% 0px, 100% 100%, 0px 100%, 0px 35%); content: ""; height: 36px; left: 0px; position: absolute; top: -18px; width: 100%; }
.blog-post__content .bookmaker-mini-review__card { background-color: inherit; padding: 0px; }
.blog-post__content .top-bookmakers-by-sport-item__content :is(h2, h3, h4) { font-size: 22px; line-height: 1.18; }
.blog-post__content .blog-post-text-content + .post-expand-text:not(.post-expand-text--expanded) { margin-top: -36px; }
.blog-post__content .post-expand-text { margin-bottom: 36px; }
.blog-post__content .post-expand-text__link { text-align: left; }
.blog-post__content .short-code-bookmakers-promo-table { margin: 24px 0px; }
.blog-post .old-breadcrumbs { margin-bottom: 14px; }
.blog-post .old-breadcrumbs ul { color: rgb(255, 255, 255); justify-content: center; }
.blog-post .old-breadcrumbs li:last-child::before { color: rgb(255, 255, 255); }
.blog-post.blog-article-preview { background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px; }
.blog-post .table-wrapper { overflow-x: auto; }
.blog-article-preview .blog-post__head { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px; }
@media (max-width: 767px) {
  .blog-post { background: rgb(255, 255, 255); }
  .blog-post__head { margin-bottom: 0px; }
  .blog-post__head__bg { display: none; }
  .blog-post__head__content { max-width: none; padding: 10px 15px 0px; }
  .blog-post__content { font-size: 16px; line-height: 1.625; padding: 27px 0px; }
  .blog-post__content :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 10px; }
  .blog-post__content h1 { font-size: 24px; }
  .blog-post__content h2 { font-size: 20px; line-height: 1.4; }
  .blog-post__content h3 { font-size: 18px; }
  .blog-post__content h4 { font-size: 17px; }
  .blog-post__content h5 { font-size: 16px; }
  .blog-post__content h6 { font-size: 14px; }
  .blog-post__content hr, .blog-post__content ol, .blog-post__content p, .blog-post__content table:not(.short-code-bookmakers-promo-table table), .blog-post__content ul:not(.stars-rating__list) { margin-bottom: 28px; }
  .blog-post__content p + :is(ol, ul) { margin-top: -20px; }
  .blog-post__content .bookmaker-mini-review { background-color: rgb(245, 247, 249); border-radius: 0px; margin-left: -15px; margin-right: -15px; padding-left: 30px; padding-right: 30px; }
  .blog-post__content .top-bookmakers-by-sport-item__content :is(h2, h3, h4) { font-size: 16px; line-height: 1.25; }
  .blog-post__content .blog-post-text-content + .post-expand-text:not(.post-expand-text--expanded) { margin-top: -28px; }
  .blog-post__content .post-expand-text { margin-bottom: 28px; }
  .blog-post__content .short-code-bookmakers-promo-table { margin: 24px 0px; }
  .blog-post .old-breadcrumbs { display: block; margin-bottom: 10px; padding-left: 0px; }
  .blog-post .old-breadcrumbs li:last-child::before, .blog-post .old-breadcrumbs ul { color: rgb(26, 49, 80); }
  .blog-post__citations { border-top: 8px solid rgb(225, 231, 237); padding: 15px 0px 10px; }
  .blog-post__citations .post-citations { padding: 0px; }
}
.aside--BlogArticlePreview .blog-post { background: rgb(255, 255, 255); }
.aside--BlogArticlePreview .blog-post__head { margin-bottom: 0px; }
.aside--BlogArticlePreview .blog-post__head__bg { display: none; }
.aside--BlogArticlePreview .blog-post__head__content { max-width: none; padding: 10px 15px 0px; }
.aside--BlogArticlePreview .blog-post__content { font-size: 16px; line-height: 1.625; padding: 27px 0px; }
.aside--BlogArticlePreview .blog-post__content :is(h1, h2, h3, h4, h5, h6) { margin-bottom: 10px; }
.aside--BlogArticlePreview .blog-post__content h1 { font-size: 24px; }
.aside--BlogArticlePreview .blog-post__content h2 { font-size: 20px; line-height: 1.4; }
.aside--BlogArticlePreview .blog-post__content h3 { font-size: 18px; }
.aside--BlogArticlePreview .blog-post__content h4 { font-size: 17px; }
.aside--BlogArticlePreview .blog-post__content h5 { font-size: 16px; }
.aside--BlogArticlePreview .blog-post__content h6 { font-size: 14px; }
.aside--BlogArticlePreview .blog-post__content hr, .aside--BlogArticlePreview .blog-post__content ol, .aside--BlogArticlePreview .blog-post__content p, .aside--BlogArticlePreview .blog-post__content table:not(.short-code-bookmakers-promo-table table), .aside--BlogArticlePreview .blog-post__content ul:not(.stars-rating__list) { margin-bottom: 28px; }
.aside--BlogArticlePreview .blog-post__content p + :is(ol, ul) { margin-top: -20px; }
.aside--BlogArticlePreview .blog-post__content .bookmaker-mini-review { background-color: rgb(245, 247, 249); border-radius: 0px; margin-left: -15px; margin-right: -15px; padding-left: 30px; padding-right: 30px; }
.aside--BlogArticlePreview .blog-post__content .top-bookmakers-by-sport-item__content :is(h2, h3, h4) { font-size: 16px; line-height: 1.25; }
.aside--BlogArticlePreview .blog-post__content .blog-post-text-content + .post-expand-text:not(.post-expand-text--expanded) { margin-top: -28px; }
.aside--BlogArticlePreview .blog-post__content .post-expand-text { margin-bottom: 28px; }
.aside--BlogArticlePreview .blog-post__content .short-code-bookmakers-promo-table { margin: 24px 0px; }
.aside--BlogArticlePreview .blog-post .old-breadcrumbs { display: block; margin-bottom: 10px; padding-left: 0px; }
.aside--BlogArticlePreview .blog-post .old-breadcrumbs li:last-child::before, .aside--BlogArticlePreview .blog-post .old-breadcrumbs ul { color: rgb(26, 49, 80); }
.aside--BlogArticlePreview .blog-post__citations { border-top: 8px solid rgb(225, 231, 237); padding: 15px 0px 10px; }
.aside--BlogArticlePreview .blog-post__citations .post-citations { padding: 0px; }
.aside--BlogArticlePreview :is(.blog-post-title, .old-breadcrumbs) { padding-right: 45px; }
.aside--BlogArticlePreview :is(.news-article-buttons__close, .news-article-buttons__expand) { margin: 15px; }
@media (min-width: 1024px) {
  .top-bookmakers-by-sport-item__bookmaker { padding-left: 24px; padding-right: 24px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-title { color: rgb(255, 255, 255); font-family: "Montserrat", sans-serif; font-size: 40px; font-style: italic; font-weight: 700; line-height: 1.2; margin-bottom: 16px; text-align: center; }
@media (max-width: 767px) {
  .blog-post-title { color: rgb(26, 49, 80); font-size: 22px; line-height: 1.1818; text-align: left; }
}
.aside--BlogArticlePreview .blog-post-title { color: rgb(26, 49, 80); font-size: 22px; line-height: 1.1818; text-align: left; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.news-article-buttons__close, .news-article-buttons__expand { color: rgb(111, 140, 170); font-size: 20px; padding: 5px; position: absolute; top: 0px; transition: color 0.2s; }
.news-article-buttons__close:hover, .news-article-buttons__expand:hover { color: rgb(0, 177, 255); cursor: pointer; }
.news-article-buttons__close { right: -10px; }
.news-article-buttons__expand { right: 20px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-meta { align-items: center; color: rgb(255, 255, 255); display: flex; font-size: 12px; justify-content: center; line-height: 1.5; margin-bottom: 16px; }
.blog-post-meta__author { display: flex; }
.blog-post-meta__author__name { color: rgb(0, 177, 255); margin-left: 4px; }
.blog-post-meta__author__name:hover { color: inherit; }
.blog-post-meta__date { color: rgb(182, 197, 212); }
.blog-post-meta__separator { margin-right: 8px; }
.blog-post-meta__separator + .blog-post-meta__separator { padding-left: 9px; position: relative; }
.blog-post-meta__separator + .blog-post-meta__separator::before { background-color: rgb(217, 217, 217); bottom: 0px; content: ""; height: 14px; left: 0px; margin: auto; position: absolute; top: 0px; width: 1px; }
@media (max-width: 767px) {
  .blog-post-meta { color: rgb(111, 140, 170); flex-wrap: wrap; justify-content: flex-start; }
  .blog-post-meta__separator { margin-right: 4px; }
  .blog-post-meta__separator + .blog-post-meta__separator { padding-left: 5px; }
}
.aside--BlogArticlePreview .blog-post-meta { color: rgb(111, 140, 170); flex-wrap: wrap; justify-content: flex-start; }
.aside--BlogArticlePreview .blog-post-meta__separator { margin-right: 4px; }
.aside--BlogArticlePreview .blog-post-meta__separator + .aside--BlogArticlePreview .blog-post-meta__separator { padding-left: 5px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-table-of-content { display: grid; grid-template-columns: auto; justify-content: center; margin: 0px auto 40px; }
.blog-post-table-of-content__list-item { line-height: 1.2; margin-left: 26px; position: relative; }
.blog-post-table-of-content__list-item + .blog-post-table-of-content__list-item { margin-top: 15px; }
.blog-post-table-of-content__list-item::before { background-color: rgb(0, 177, 255); border-radius: 8px; content: ""; height: 4px; left: -26px; position: absolute; top: 8px; width: 14px; }
.blog-post-table-of-content--two-column { gap: 15px 53px; grid-template-columns: auto auto; }
.blog-post-table-of-content--two-column .blog-post-table-of-content__list-item { margin-top: 0px; }
.blog-post-table-of-content__link { color: rgb(255, 255, 255); font-size: 16px; line-height: 1.2; }
.blog-post-table-of-content__link:hover { color: rgb(255, 255, 255); opacity: 0.7; }
.blog-post-table-of-content__link:focus { color: rgb(255, 255, 255); }
@media (max-width: 767px) {
  .blog-post-table-of-content { gap: 12px 0px; grid-template-columns: 1fr; margin: 0px 0px 16px; max-width: 100%; }
  .blog-post-table-of-content__link { color: rgb(111, 140, 170); font-size: 13px; }
  .blog-post-table-of-content__link:focus { color: rgb(111, 140, 170); opacity: 1; }
  .blog-post-table-of-content__list-item + .blog-post-table-of-content__list-item { margin-top: 0px; }
  .blog-post-table-of-content__list-item::before { top: 8px; }
}
.aside--BlogArticlePreview .blog-post-table-of-content { gap: 12px 0px; grid-template-columns: 1fr; margin: 0px 0px 16px; max-width: 100%; }
.aside--BlogArticlePreview .blog-post-table-of-content__link { color: rgb(111, 140, 170); font-size: 13px; }
.aside--BlogArticlePreview .blog-post-table-of-content__link:focus { color: rgb(111, 140, 170); opacity: 1; }
.aside--BlogArticlePreview .blog-post-table-of-content__list-item + .aside--BlogArticlePreview .blog-post-table-of-content__list-item { margin-top: 0px; }
.aside--BlogArticlePreview .blog-post-table-of-content__list-item::before { top: 8px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-head-image { border-radius: 8px; margin-bottom: 15px; overflow: hidden; position: relative; text-align: center; }
.blog-post-head-image img { width: 100%; }
.blog-post-head-image__caption { background: rgba(26, 49, 80, 0.5); bottom: 0px; color: rgb(255, 255, 255); font-size: 9px; left: 0px; line-height: 1.2222; padding: 10px; position: absolute; text-align: left; width: 100%; }
@media (max-width: 767px) {
  .blog-post-head-image { border-radius: 0px; margin: 0px -15px; }
  .blog-post-head-image__caption { padding: 5px 10px; }
}
.aside--BlogArticlePreview .blog-post-head-image { border-radius: 0px; margin: 0px -15px; }
.aside--BlogArticlePreview .blog-post-head-image__caption { padding: 5px 10px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-head-actions { background: rgb(255, 255, 255); border-radius: 8px; flex-direction: column; justify-content: space-between; }
.blog-post-head-actions, .blog-post-head-actions__left, .blog-post-head-actions__player, .blog-post-head-actions__right { align-items: center; display: flex; }
.blog-post-head-actions__player::after { background: rgb(225, 231, 237); content: ""; display: block; height: 18px; margin: 0px 20px; width: 1px; }
.blog-post-head-actions .audio-player { background: rgb(225, 231, 237); color: rgb(111, 140, 170); }
.blog-post-head-actions .audio-player__action { background: rgb(182, 197, 212); color: rgb(255, 255, 255); }
.blog-post-head-actions .audio-player__action::after { border-top-color: rgb(182, 197, 212); }
.blog-post-head-actions .reactions-meta__actions { border-left: 1px solid rgb(225, 231, 237); margin-left: 15px; padding-left: 15px; }
.blog-post-head-actions .reactions-meta .user-avatars-stack { position: static; }
.blog-post-head-actions .blog-post-socials-items li + li { margin-left: 10px; }
.blog-post-head-actions .audio-player { background: rgba(0, 0, 0, 0); padding-right: 0px; }
.blog-post-head-actions .audio-player__wrapper { height: auto; }
.blog-post-head-actions :is(.audio-player__label, .audio-player__timeline, .audio-player__timer) { display: none; }
.blog-post-head-actions .audio-player__action { background: rgb(245, 247, 249); border-radius: 59%; color: rgb(111, 140, 170); flex: 0 0 40px; height: 40px; margin-right: 0px; text-indent: 1px; width: 40px; }
.blog-post-head-actions .audio-player__action::after { display: none; }
@media (max-width: 767px) {
  .blog-post-head-actions { border-bottom: 1px dashed rgb(225, 231, 237); border-radius: 0px; margin: 0px -15px; }
  .blog-post-head-actions__top { padding: 0px 10px; }
  .blog-post-head-actions .blog-post-socials-items { display: none; }
  .blog-post-head-actions__player { margin-right: 8px; }
  .blog-post-head-actions__player::after { display: none; }
}
.aside--BlogArticlePreview .blog-post-head-actions { border-bottom: 1px dashed rgb(225, 231, 237); border-radius: 0px; margin: 0px -15px; }
.aside--BlogArticlePreview .blog-post-head-actions__top { padding: 0px 10px; }
.aside--BlogArticlePreview .blog-post-head-actions .blog-post-socials-items { display: none; }
.aside--BlogArticlePreview .blog-post-head-actions__player { margin-right: 8px; }
.aside--BlogArticlePreview .blog-post-head-actions__player::after { display: none; }
@media (min-width: 768px) {
  .blog-post-head-actions { flex-direction: row; padding: 0px 15px; }
}
.reactions-meta { align-items: center; color: rgb(111, 140, 170); display: flex; font-size: 13px; line-height: 24px; min-height: 24px; }
.reactions-meta__actions { align-items: center; display: flex; margin-left: auto; }
.reactions-meta__item { align-items: center; display: flex; font-size: 12px; padding: 0px; position: relative; transition: color 0.2s; }
.reactions-meta__item--share { margin-left: 30px; position: relative; }
.reactions-meta__item--share::before { background-color: rgb(225, 231, 237); content: ""; display: block; height: 100%; left: -15px; position: absolute; top: 0px; width: 1px; }
.reactions-meta__item i { margin-right: 6px; }
.reactions-meta__item .reactions-meta__comment-icon { margin-right: 9px; }
.reactions-meta__item .reactions-meta__support-icon { color: rgb(111, 140, 170); height: 20px; width: 20px; }
.reactions-meta__item .reactions-meta__support-icon::after, .reactions-meta__item .reactions-meta__support-icon::before { height: 16px; left: 0px; position: absolute; top: 0px; width: 16px; }
.reactions-meta__item .reactions-meta__support-icon::after { color: rgb(0, 177, 255); content: ""; font-family: Font-Oddspedia; opacity: 1; position: absolute; transform: scale(0); transform-origin: 50% 50%; transition: none; }
.reactions-meta__item .btn-with-bg-animation { margin: -10px 0px -10px -10px; }
.reactions-meta__item.active, .reactions-meta__item.active .reactions-meta__support-icon, .reactions-meta__item:hover { color: rgb(0, 177, 255); }
.reactions-meta__item.active .reactions-meta__support-icon::before { content: ""; font-family: Font-Oddspedia; }
.reactions-meta__item.active .reactions-meta__support-icon::after { opacity: 0; transform: scale(1.75); transition: transform 0.6s, opacity 0.4s 0.2s; }
.reactions-meta .user-avatars-stack { left: 40px; margin-right: 4px; position: absolute; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.add-google-preferred-source__image { height: 40px; width: 127px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.audio-player { align-items: center; background-color: rgba(26, 49, 80, 0.5); border-radius: 8px; color: rgb(255, 255, 255); display: flex; font-size: 12px; justify-content: space-between; padding-right: 10px; width: 100%; }
.audio-player__wrapper { display: inline-flex; height: 36px; max-width: 350px; overflow: hidden; }
.audio-player__action { background-color: rgba(26, 49, 80, 0.6); border-radius: 8px 0px 0px 8px; flex: 0 0 36px; font-size: 14px; height: 36px; line-height: 36px; margin-right: 16px; padding: 0px; position: relative; text-indent: 2px; width: 36px; }
.audio-player__action > i::before { line-height: inherit; }
.audio-player__action::after { border-color: rgba(26, 49, 80, 0.6) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 36px 8px 0px 0px; content: ""; height: 0px; position: absolute; right: -8px; top: 0px; width: 0px; }
.audio-player__icon--pause { transform: rotate(90deg); }
.audio-player__label { font: italic 700 12px / 1 "Montserrat", sans-serif; margin-right: 16px; }
.audio-player__timeline { appearance: none; background-color: rgb(182, 197, 212); background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); background-repeat: no-repeat; background-size: 0px 100%; border-radius: 3px; display: block; flex-basis: 100%; flex-grow: 1; height: 6px; max-width: 100%; }
.audio-player__timeline::-webkit-slider-thumb { appearance: none; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; cursor: pointer; height: 12px; width: 12px; }
.audio-player__timeline::-webkit-slider-runnable-track { appearance: none; background-color: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: none; }
.audio-player__timer { margin-left: 10px; text-align: right; width: 34px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-socials-items ul { display: flex; justify-content: center; }
.blog-post-socials-items li + li { margin-left: 16px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.btn-circle-icon { align-items: center; display: flex; padding: 0px; }
.btn-circle-icon__icon { align-items: center; border-radius: 50%; display: flex; font-size: 14px; height: 40px; justify-content: center; overflow: hidden; width: 40px; }
.btn-circle-icon__text { color: rgb(111, 140, 170); font-size: 13px; line-height: 1.2; margin-left: 11px; text-align: left; transition: color 0.2s; }
.btn-circle-icon--white .btn-circle-icon__icon { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 6px; color: rgb(0, 177, 255); }
.btn-circle-icon--white:hover .btn-circle-icon__icon { background-color: rgb(0, 177, 255); box-shadow: none; color: rgb(255, 255, 255); }
.btn-circle-icon--grey-2 .btn-circle-icon__icon { background: rgb(111, 140, 170); }
.btn-circle-icon--grey-2 .btn-circle-icon__icon i { color: rgb(255, 255, 255); }
.btn-circle-icon--grey-2 .btn-circle-icon__text { color: rgb(26, 49, 80); font-weight: 500; }
.btn-circle-icon--grey-2 .btn-circle-icon--with-background { background-color: rgb(245, 247, 249); }
.btn-circle-icon--grey-4.btn-circle-icon--with-text:hover .btn-circle-icon__text { color: rgb(0, 177, 255); }
.btn-circle-icon--grey-4 .btn-circle-icon__icon { background: rgb(225, 231, 237); }
.btn-circle-icon--grey-4 .btn-circle-icon__icon i { color: rgb(111, 140, 170); }
.btn-circle-icon--grey-4 .btn-circle-icon__text { color: rgb(111, 140, 170); font-weight: 400; }
.btn-circle-icon--grey-4 .btn-circle-icon--with-background { background-color: rgb(245, 247, 249); }
.btn-circle-icon--grey-5 .btn-circle-icon__icon { background: rgb(245, 247, 249); }
.btn-circle-icon--grey-5 .btn-circle-icon__icon i { color: rgb(111, 140, 170); }
.btn-circle-icon--with-text { padding-right: 20px; }
.btn-circle-icon--rounded { background-color: rgb(245, 247, 249); border-radius: 80px; }
.focus-highlight .btn-circle-icon--white:focus .btn-circle-icon__icon { background-color: rgb(0, 177, 255); box-shadow: none; color: rgb(255, 255, 255); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-shell { margin: auto; max-width: 820px; padding: 0px 10px; }
@media (max-width: 767px) {
  .blog-post-shell { padding: 0px 15px; }
}
.aside--BlogArticlePreview .blog-post-shell { padding: 0px 15px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-tags { margin-bottom: 17px; }
.blog-post-tags__inner { align-items: center; border-color: rgb(182, 197, 212); border-style: dashed; border-width: 1px 0px; display: flex; justify-content: space-between; min-height: 76px; padding: 15px 0px; }
.blog-post-tags__title { font-family: "Montserrat", sans-serif; font-size: 18px; font-style: italic; font-weight: 700; line-height: 1.2189; margin-bottom: 0px; text-transform: uppercase; }
.blog-post-tags__items { align-items: center; display: flex; flex-flow: wrap; }
.blog-post-tags__item { margin: 2px; }
.blog-post-tags__item-link { background: rgb(255, 255, 255); border-radius: 8px; color: rgb(0, 177, 255); display: block; font-size: 12px; line-height: 1.5; padding: 4px 8px; }
@media (max-width: 767px) {
  .blog-post-tags { border-top: 8px solid rgb(225, 231, 237); margin-bottom: 0px; padding: 15px 0px 10px; }
  .blog-post-tags__inner { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; min-height: 0px; padding: 0px; }
  .blog-post-tags__title { font-size: 14px; line-height: 1.3077; margin-bottom: 13px; }
  .blog-post-tags__item-link { background: rgb(245, 247, 249); }
}
.aside--BlogArticlePreview .blog-post-tags { border-top: 8px solid rgb(225, 231, 237); margin-bottom: 0px; padding: 15px 0px 10px; }
.aside--BlogArticlePreview .blog-post-tags__inner { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; display: block; min-height: 0px; padding: 0px; }
.aside--BlogArticlePreview .blog-post-tags__title { font-size: 14px; line-height: 1.3077; margin-bottom: 13px; }
.aside--BlogArticlePreview .blog-post-tags__item-link { background: rgb(245, 247, 249); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.post-citations { counter-reset: counter 0; margin: 25px 0px; }
.post-citations__bar { border-bottom: 1px dashed rgb(132, 167, 199); display: flex; justify-content: space-between; margin-bottom: 25px; padding-bottom: 25px; }
.post-citations__note { font: italic 700 13px / 1.38 "Montserrat", sans-serif; }
.post-citations__meta { font-size: 13px; font-style: italic; line-height: 1.3; white-space: nowrap; }
.post-citations__subtitle { font: italic 700 14px / 1.14 "Montserrat", sans-serif; margin-bottom: 10px; }
.post-citations__list { font-size: 13px; font-style: italic; line-height: 1.23; margin-left: 20px; }
.post-citations__list li { margin-bottom: 5px; padding-left: 15px; position: relative; }
.post-citations__list li::before { content: counter(counter) "."; counter-increment: counter 1; left: 0px; position: absolute; top: 0px; }
@media (max-width: 767px) {
  .post-citations { background: rgb(255, 255, 255); margin: 0px; padding: 15px; }
  .post-citations__bar { display: block; margin-bottom: 15px; padding-bottom: 15px; }
  .post-citations__note { font-size: 11px; margin-bottom: 15px; }
  .post-citations__meta { font-size: 10px; }
  .post-citations__subtitle { font-size: 11px; }
  .post-citations__list { font-size: 10px; margin-left: 0px; }
  .post-citations__list li { margin-bottom: 10px; }
}
.aside--BlogArticlePreview .post-citations { background: rgb(255, 255, 255); margin: 0px; padding: 15px; }
.aside--BlogArticlePreview .post-citations__bar { display: block; margin-bottom: 15px; padding-bottom: 15px; }
.aside--BlogArticlePreview .post-citations__note { font-size: 11px; margin-bottom: 15px; }
.aside--BlogArticlePreview .post-citations__meta { font-size: 10px; }
.aside--BlogArticlePreview .post-citations__subtitle { font-size: 11px; }
.aside--BlogArticlePreview .post-citations__list { font-size: 10px; margin-left: 0px; }
.aside--BlogArticlePreview .post-citations__list li { margin-bottom: 10px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-socials__inner { padding: 24px 0px 27px; }
.blog-post-socials__title { font-family: "Montserrat", sans-serif; font-size: 18px; font-style: italic; font-weight: 700; line-height: 1.2189; margin-bottom: 16px; text-align: center; text-transform: none; }
@media (max-width: 767px) {
  .blog-post-socials { border-top: 8px solid rgb(225, 231, 237); }
  .blog-post-socials__inner { padding: 23px 0px 13px; }
}
.aside--BlogArticlePreview .blog-post-socials { border-top: 8px solid rgb(225, 231, 237); }
.aside--BlogArticlePreview .blog-post-socials__inner { padding: 23px 0px 13px; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.blog-post-author { margin-top: 30px; }
.blog-post-author__inner { background: rgb(255, 255, 255); padding: 20px; position: relative; }
.blog-post-author__inner::before { background: rgb(255, 255, 255); bottom: 100%; clip-path: polygon(0px 100%, 50% 0px, 50% 60%, 100% 0px, 100% 100%); content: ""; height: 30px; left: 0px; position: absolute; width: 100%; }
.blog-post-author__head { justify-content: space-between; margin-bottom: 20px; }
.blog-post-author__head, .blog-post-author__head__content { align-items: center; display: flex; }
.blog-post-author__head__content__inner { flex: 1 1 0%; }
.blog-post-author__avatar { border-radius: 50%; margin-right: 8px; }
.blog-post-author__name { align-items: center; display: flex; font-size: 14px; font-weight: 500; line-height: 1.5714; }
.blog-post-author__name img { margin-left: 4px; }
.blog-post-author__role { color: rgb(111, 140, 170); font-size: 11px; line-height: 1.1718; }
.blog-post-author__entry { color: rgb(111, 140, 170); font-size: 14px; line-height: 1.5714; margin-bottom: 12px; }
.blog-post-author__actions { font-size: 12px; line-height: 2; }
.blog-post-author__actions a { color: rgb(0, 177, 255); }
.blog-post-author__actions a:hover { text-decoration: underline; }
.blog-post-author__socials ul { align-items: center; display: flex; }
.blog-post-author__socials li + li { margin-left: 5px; }
@media (max-width: 767px) {
  .blog-post-author { background: rgb(245, 247, 249); padding: 20px 0px; position: relative; }
  .blog-post-author::before { background: rgb(245, 247, 249); bottom: 100%; clip-path: polygon(0px 100%, 50% 0px, 50% 60%, 100% 0px, 100% 100%); content: ""; height: 20px; left: 0px; margin-bottom: -1px; position: absolute; width: 100%; }
  .blog-post-author__inner { background: rgba(0, 0, 0, 0); padding: 0px; }
  .blog-post-author__inner::before { display: none; }
  .blog-post-author__name { font-size: 12px; }
  .blog-post-author__entry { color: rgb(26, 49, 80); margin-bottom: 12px; }
  .blog-post-author__actions, .blog-post-author__entry { font-size: 16px; line-height: 1.5; }
}
.aside--BlogArticlePreview .blog-post-author { background: rgb(245, 247, 249); padding: 20px 0px; position: relative; }
.aside--BlogArticlePreview .blog-post-author::before { background: rgb(245, 247, 249); bottom: 100%; clip-path: polygon(0px 100%, 50% 0px, 50% 60%, 100% 0px, 100% 100%); content: ""; height: 20px; left: 0px; margin-bottom: -1px; position: absolute; width: 100%; }
.aside--BlogArticlePreview .blog-post-author__inner { background: rgba(0, 0, 0, 0); padding: 0px; }
.aside--BlogArticlePreview .blog-post-author__inner::before { display: none; }
.aside--BlogArticlePreview .blog-post-author__name { font-size: 12px; }
.aside--BlogArticlePreview .blog-post-author__entry { color: rgb(26, 49, 80); font-size: 16px; line-height: 1.5; margin-bottom: 12px; }
.aside--BlogArticlePreview .blog-post-author__actions { font-size: 16px; line-height: 1.5; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.no-articles-found { margin: 30px 0px 10px; text-align: center; }
.no-articles-found__icon { margin-bottom: 10px; }
.no-articles-found__icon img { height: 93px; width: 177px; }
.no-articles-found__message { color: rgb(111, 140, 170); font-size: 13px; text-transform: capitalize; }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.tv-guide-banner { background-position: 50% center; background-repeat: no-repeat; background-size: 100% 100%; height: 48px; }
.tv-guide-banner__badge { top: -5px; }
@media (min-width: 1024px) {
  .tv-guide-banner { height: 52px; }
}
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.social-callout--gradient-border { background: linear-gradient(90deg, rgb(0, 177, 255), rgb(9, 120, 200)); padding: 2px; }
.social-callout--gradient-border .social-callout__inner { border-radius: 6px; }
.social-callout__brand { background: linear-gradient(90deg, rgb(0, 177, 255), rgb(9, 120, 200)) text; -webkit-text-fill-color: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); }
@keyframes skeleton-pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}
.match-card-header-match__content { min-width: 0px; }
.match-card-header-match__team, .match-card-header-match__time { flex: 1 1 0%; }
.match-card-header-match__team-name { min-width: 0px; }
@media (min-width: 768px) {
  .match-card-header-match__team, .match-card-header-match__time { flex: 0 0 auto; }
  .aside :is(.match-card-header-match__team, .match-card-header-match__time) { flex: 1 1 0%; }
}