﻿
.obg-app-root-content {
    background-color: var(--mat-sidenav-content-background-color);
    color: var(--mat-sidenav-content-text-color);
}

.obg-app-root-left-menu, .obg-app-root-right-menu {
    width: 304px;
    height: 100%;
    background-color: var(--mat-sidenav-container-background-color);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.obg-app-root-left-menu {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

.obg-app-root-right-menu {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

.obg-app-root-left-menu-open {
    transform: translate3d(0, 0, 0);
}

.obg-app-root-right-menu-open {
    transform: translate3d(0, 0, 0);
}

.obg-app-root-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

input.mat-input-server {
    pointer-events: none;
}

.obg-m-menu {
    display: block;
}

.obg-m-menu .obg-m-beta-badge {
    width: 100%;
}

.obg-m-menu .scrollable-content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: block;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
}

.obg-m-menu .scrollable-content > mat-nav-list:last-of-type {
    padding-bottom: 50px;
}

.obg-m-menu .mat-nav-list {
    padding-top: 0;
}

.obg-m-menu .mat-subheader {
    display: flex;
    font-weight: bold;
}

.obg-m-menu .mat-subheader .mat-badge {
    margin-left: auto;
    margin-right: 32px;
}

.obg-m-menu .mat-subheader[matsubheader]:first-child {
    margin-top: 0;
}

.obg-m-menu .mat-subheader .ico-chevron-right {
    font-size: 2rem;
}

.obg-m-menu .mat-subheader.expanded .ico-chevron-right {
    transform: rotate(90deg);
}

.obg-m-menu obg-accordion-content .obg-m-menu-item:last-child .menu-item-content {
    border-bottom: none;
}

.obg-m-menu [menu-footer] {
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
    display: block;
    width: 100%;
}

.app-m-lobby-selector-container {
    display: block;
}

.app-m-lobby-selector-container mat-toolbar {
    max-height: 56px;
}

.app-m-lobby-selector-container mat-toolbar a {
    display: flex;
    justify-content: center;
    width: inherit;
}

.app-m-lobby-selector-container .obg-m-beta-badge {
    width: 100%;
    padding: 16px;
}

.app-m-lobby-selector-container [class^=ico-] {
    font-size: 2.8rem;
}

.app-m-lobby-selector-container .obg-product-selector-item {
    min-width: 86.8571428571px;
}

@media (max-width: 340px) {
    .app-m-lobby-selector-container .obg-product-selector-item {
        min-width: 75.4285714286px;
    }
}

.app-m-lobby-selector-container .obg-product-selector-item:last-child {
    border-right: 0;
}

.app-m-lobby-selector-container .lobby-selector-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    border-top: var(--lobby-selector-list-border-top-color);
    background: var(--lobby-selector-list-bg-color);
}

.app-m-lobby-selector-container .lobby-selector-list-title {
    padding-left: 8px;
}

.app-m-lobby-selector-container .lobby-selector-list mat-nav-list {
    flex: 1;
    padding: 0;
}

.app-m-lobby-selector-container .mat-toolbar {
    background: var(--lobby-selector-toolbar-menu-bg-color);
}

.app-m-lobby-selector-container .mat-toolbar.contextual-menu {
    background: var(--lobby-selector-toolbar-contextual-menu-bg-color);
}

.app-m-lobby-selector-container img {
    height: var(--lobby-selector-toolbar-logo-height);
    width: var(--lobby-selector-toolbar-logo-width);
}

.app-m-lobby-selector-container .obg-product-selector {
    border-top: var(--lobby-selector-product-item-border-color);
    border-bottom: var(--lobby-selector-product-item-border-color);
}

.app-m-lobby-selector-container .obg-product-selector .obg-product-selector-item {
    border-right: var(--lobby-selector-product-item-border-color);
}

.app-m-lobby-selector-container .mat-nav-list .mat-list-item {
    background-color: var(--lobby-selector-list-item-bg-color);
    color: var(--lobby-selector-list-item-text-color);
    border-bottom: var(--lobby-selector-list-item-border-color);
}

.app-m-lobby-selector-container .mat-nav-list .mat-list-item[mat-list-item]:hover {
    background: var(--lobby-selector-list-item-bg-color);
}

.obg-m-sm-user-summary .user-summary-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--user-summary-bg-color);
    color: var(--user-summary-header-text-color);
}

.obg-m-sm-user-summary .user-summary-container-unauthenticated {
    padding: 16px;
}

.obg-m-sm-user-summary a {
    width: 100%;
}

.obg-m-sm-user-summary-label {
    margin: 13px 8px 13px 0;
}

.obg-m-sm-user-summary .obg-m-funds-overview {
    width: 100%;
}

.obg-m-sm-user-summary .obg-m-funds-overview .obg-m-kyc-notification {
    height: auto;
    margin-bottom: 15px;
}

.obg-m-sm-user-summary obg-accordion {
    color: var(--user-summary-text-color);
}

.obg-m-sm-user-summary-label {
    text-transform: var(--user-summary-title-text-transform, uppercase);
}

.mat-button .mat-button-focus-overlay, .mat-icon-button .mat-button-focus-overlay {
    opacity: 0
}

.mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
    opacity: .04
}

@media (hover: none) {
    .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay, .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
        opacity: 0
    }
}

.mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible
}

.mat-button::-moz-focus-inner, .mat-icon-button::-moz-focus-inner, .mat-stroked-button::-moz-focus-inner, .mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-button.mat-button-disabled, .mat-icon-button.mat-button-disabled, .mat-stroked-button.mat-button-disabled, .mat-flat-button.mat-button-disabled {
    cursor: default
}

.mat-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-button.cdk-program-focused .mat-button-focus-overlay, .mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-icon-button.cdk-program-focused .mat-button-focus-overlay, .mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay, .mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-button::-moz-focus-inner, .mat-icon-button::-moz-focus-inner, .mat-stroked-button::-moz-focus-inner, .mat-flat-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button.mat-button-disabled {
    cursor: default
}

.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay, .mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-raised-button::-moz-focus-inner {
    border: 0
}

.mat-raised-button._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-stroked-button {
    border: 1px solid currentColor;
    padding: 0 15px;
    line-height: 34px
}

.mat-stroked-button .mat-button-ripple.mat-ripple, .mat-stroked-button .mat-button-focus-overlay {
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px
}

.mat-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 0;
    flex-shrink: 0
}

.mat-fab::-moz-focus-inner {
    border: 0
}

.mat-fab.mat-button-disabled {
    cursor: default
}

.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay, .mat-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-fab::-moz-focus-inner {
    border: 0
}

.mat-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-fab .mat-button-wrapper {
    padding: 16px 0;
    display: inline-block;
    line-height: 24px
}

.mat-mini-fab {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0;
    flex-shrink: 0
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

.mat-mini-fab.mat-button-disabled {
    cursor: default
}

.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay, .mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
    opacity: .12
}

.mat-mini-fab::-moz-focus-inner {
    border: 0
}

.mat-mini-fab._mat-animation-noopable {
    transition: none !important;
    animation: none !important
}

.mat-mini-fab .mat-button-wrapper {
    padding: 8px 0;
    display: inline-block;
    line-height: 24px
}

.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%
}

.mat-icon-button i, .mat-icon-button .mat-icon {
    line-height: 24px
}

.mat-button-ripple.mat-ripple, .mat-button-focus-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit
}

.mat-button-ripple.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-button-focus-overlay {
    opacity: 0;
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)
}

._mat-animation-noopable .mat-button-focus-overlay {
    transition: none
}

.mat-button-ripple-round {
    border-radius: 50%;
    z-index: 1
}

.mat-button .mat-button-wrapper > *, .mat-flat-button .mat-button-wrapper > *, .mat-stroked-button .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > *, .mat-icon-button .mat-button-wrapper > *, .mat-fab .mat-button-wrapper > *, .mat-mini-fab .mat-button-wrapper > * {
    vertical-align: middle
}

.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button, .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: inherit;
    width: 2.5em;
    height: 2.5em
}

.mat-flat-button::before, .mat-raised-button::before, .mat-fab::before, .mat-mini-fab::before {
    margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1)
}

.mat-stroked-button::before {
    margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 3px) * -1)
}

.cdk-high-contrast-active .mat-button, .cdk-high-contrast-active .mat-flat-button, .cdk-high-contrast-active .mat-raised-button, .cdk-high-contrast-active .mat-icon-button, .cdk-high-contrast-active .mat-fab, .cdk-high-contrast-active .mat-mini-fab {
    outline: solid 1px
}

.mat-datepicker-toggle .mat-mdc-button-base {
    width: 40px;
    height: 40px;
    padding: 8px 0
}

.mat-datepicker-actions .mat-button-base + .mat-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-datepicker-actions .mat-button-base + .mat-button-base {
    margin-left: 0;
    margin-right: 8px
}


.app-core-layout {

}

.app-core-layout .site-navigation-top {
    display: block;
    height: 48px;
}

.app-core-layout .content {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch;
}

.app-core-layout.disable-overflow-scrolling .content {
    -webkit-overflow-scrolling: auto;
}

.app-core-navbar {
    position: sticky;
    top: 0;
    z-index: 100;
    display: block;
    width: 100vw;
}

.app-core-navbar .mat-toolbar-multiple-rows {
    min-height: 56px;
}

.app-core-navbar-right-buttons {
    display: flex;
    align-items: center;
}

.app-core-navbar-right-buttons .mat-badge + .mat-badge {
    margin-left: 2px;
}

.app-core-navbar .mat-toolbar-row {
    height: 56px;
    width: 100vw;
}

.app-core-navbar .mat-toolbar-row.menu-toolbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-core-navbar .menu-container {
    display: flex;
    align-items: center;
}

.app-core-navbar .register-login-toolbar-row {
    height: 32px;
    margin-bottom: 8px;
}

.app-core-navbar .register-login-row {
    width: 100%;
}

.app-core-navbar .register-login-row div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.app-core-navbar .register-login-row a {
    width: 50%;
}

.app-core-navbar .register-login-integrated {
    width: 100%;
    text-align: right;
}

.app-core-navbar .register-login-integrated a {
    margin: 8px;
    margin-right: 6px;
}

.app-core-navbar .register-login-integrated .mat-stroked-button {
    min-width: auto;
}

.app-core-navbar a {
    pointer-events: auto;
}

.app-core-navbar .logo {
    margin-top: 4px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
    text-align: center;
}

.app-core-navbar .ico-search {
    font-size: 1.8rem;
    display: inline-block;
    margin-bottom: 4px;
}

.app-core-navbar .ico-filter-2 {
    font-size: 1.8rem;
    display: inline-block;
}

.app-core-navbar .mat-badge {
    margin-right: 8px;
}

.app-core-navbar .mat-badge:last-child {
    margin-right: 0;
}

.app-core-navbar .mat-icon-button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-core-navbar .mat-icon-button img {
    width: 25px;
    margin-left: var(--core-navbar-button-image-margin-left);
}

.app-core-navbar .mat-icon-button.mat-badge-small .mat-badge-content {
    border-radius: 5px;
    font-size: 8px;
    right: 0;
    top: 4px;
}

.app-core-navbar .btn-chevron-visible::after {
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

.app-core-navbar .sitemap-sportsbook {
    color: #ffffff;
    font: var(--paragraphs-small);
    padding-bottom: 40px;
}

.app-core-navbar.app-core-navbar-v2 {
    background-image: var(--header);
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar,
.app-core-navbar.app-core-navbar-v2 .mat-icon-button {
    background-color: unset;
}

.app-core-navbar.app-core-navbar-v2 .obg-dga-regulatory-items-container, .app-core-navbar.app-core-navbar-v2 obg-timer {
    background-color: unset;
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar-row {
    height: auto;
    flex-wrap: wrap;
    padding: 4px 8px;
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar-multiple-rows {
    min-height: 48px;
}

.app-core-navbar.app-core-navbar-v2 .ico-menu,
.app-core-navbar.app-core-navbar-v2 .ico-profile {
    line-height: 1.8;
}

.app-core-navbar.app-core-navbar-v2 .logo {
    position: static;
    text-align: left;
    margin-right: 8px;
    margin-top: 0px;
    margin-left: 9px;
    width: auto;
    flex: 9999 1 78px;
}

.app-core-navbar.app-core-navbar-v2 .logo a {
    display: flex;
    align-items: center;
    height: 40px;
}

.app-core-navbar.app-core-navbar-v2 .logo img {
    max-height: 32px;
    width: auto;
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated {
    display: flex;
    flex: 1 1;
    margin-left: 1px;
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated > .register-login-buttons-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(min-content, 1fr));
    flex-grow: 1;
    column-gap: 8px;
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated .mat-button-base {
    text-transform: none;
    padding: 0 16px;
    margin: 0;
    width: 100%;
    border-radius: 4px;
}

.app-core-navbar.app-core-navbar-v2 obg-app-balance-button::after {
    content: "";
    height: 24px;
    margin-right: 8px;
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 4px;
}

.obg-regulatory-bar {
    font-size: 14px;
}

.obg-m-home {
    display: block;
    min-height: 90vh;
}

.mat-toolbar {
    background: var(--mat-toolbar-container-background-color);
    color: var(--mat-toolbar-container-text-color)
}

.mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 {
    font-family: var(--mat-toolbar-title-text-font);
    font-size: var(--mat-toolbar-title-text-size);
    line-height: var(--mat-toolbar-title-text-line-height);
    font-weight: var(--mat-toolbar-title-text-weight);
    letter-spacing: var(--mat-toolbar-title-text-tracking);
    margin: 0
}

.cdk-high-contrast-active .mat-toolbar {
    outline: solid 1px
}

.mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar .mat-mdc-button-base.mat-mdc-button-base.mat-unthemed {
    --mdc-text-button-label-text-color: inherit;
    --mdc-outlined-button-label-text-color: inherit
}

.mat-toolbar-row, .mat-toolbar-single-row {
    display: flex;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    height: var(--mat-toolbar-standard-height)
}

@media (max-width: 599px) {
    .mat-toolbar-row, .mat-toolbar-single-row {
        height: var(--mat-toolbar-mobile-height)
    }
}

.mat-toolbar-multiple-rows {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    min-height: var(--mat-toolbar-standard-height)
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: var(--mat-toolbar-mobile-height)
    }
}

.app-register-login-buttons a.mat-button-base {
    height: 32px;
    padding: 0 5px;
    line-height: 32px;
}

.app-register-login-buttons a.mat-button-base.mat-stroked-button {
    margin-right: 8px;
}

.app-register-login-buttons a.mat-button-base.mat-flat-button {
    padding-top: 1px;
}


.obg-footer {
    display: block;
    width: 100%;
    min-width: 305px;
    padding-bottom: env(safe-area-inset-bottom);
}

.obg-footer .obg-icon-list {
    display: flex;
    padding: 16px 0;
    text-align: center;
}

.obg-footer .obg-footer-container footer > .obg-icon-list {
    display: block;
}

.obg-footer .obg-footer-container footer > .obg-icon-list a,
.obg-footer .obg-footer-container footer > .obg-icon-list span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.6%;
}

.obg-footer .obg-footer-container footer > .obg-icon-list .icon-list-container {
    display: flex;
    max-width: 1440px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.obg-footer .obg-footer-container footer > .obg-icon-list .icon-list-title {
    width: 100%;
}

.obg-footer .obg-compact-breadcrumb {
    display: inline-block;
    width: 100%;
    padding: 10px 28px;
}

.obg-footer .icon-list-title {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}

.obg-footer .obg-footer-hgc-regulation-container {
    display: flex;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--on-alternate-surface-low);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.obg-footer .obg-footer-hgc-regulation-container p {
    font-family: Verdana, Arial, sans-serif;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: center;
    margin: 0;
}

.obg-footer .obg-footer-hgc-regulation-container p::after {
    content: "\a";
    white-space: pre;
}

.obg-footer .obg-footer-regulation-icon-list.intrinsic-size img {
    height: unset;
    width: unset;
    max-width: unset;
    max-height: unset;
}

.obg-footer .obg-footer-regulation-icon-list.intrinsic-size.obg-icon-list a, .obg-footer .obg-footer-regulation-icon-list.intrinsic-size.obg-icon-list span {
    width: unset;
}

.obg-footer-other-links > div, .obg-footer-awards > div, .obg-footer-licenses > div, .obg-footer-product-info > div {
    padding: 24px 40px;
}

.obg-footer-mobile-menu > div {
    padding: 0 12px;
}

.obg-footer > .obg-icon-list {
    padding: 24px 40px;
}

.obg-footer-other-links .obg-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 24px 40px;
}

.obg-footer-other-links .obg-menu-item {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    height: 36px;
    margin: 0 7px 10px;
    padding: 8px 10px;
    outline: 0;
    border-radius: 2px;
    border: none;
}

.obg-footer-other-links .obg-menu-item i + span {
    padding-left: 10px;
}

.obg-footer-other-links button {
    text-align: left;
}

.obg-footer-other-links a,
.obg-footer-other-links button {
    transition: background-color 0.2s ease-in-out;
}

.obg-footer-licenses div {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
}

.obg-footer-licenses div > a {
    text-align: center;
    padding-right: 30px;
    min-width: 180px;
}

.obg-footer-licenses div p a:hover {
    text-decoration: underline;
}

.obg-footer-licenses img {
    max-width: 180px;
    width: 100%;
}

.obg-footer-licenses p {
    line-height: 1.8;
}

.obg-footer-product-info > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0 auto;
    justify-content: flex-start;
}

.obg-footer .obg-menu-item-list {
    width: 16.6%;
    padding: 20px 16px;
}

.obg-footer .obg-menu-item-list .item-list-title {
    margin-bottom: 5px;
}

.obg-footer-seo-content {
    display: flex;
}

.obg-footer-seo-content > .obg-page-seo-content-container {
    margin: 40px 0;
    max-width: 1440px;
}

@media only screen and (max-width: 767px) {
    .obg-footer-seo-content > .obg-page-seo-content-container {
        display: none;
    }
}

.obg-footer-seo-content > .obg-page-seo-content-container:empty {
    margin: 0;
}

.obg-footer-responsible-gaming-container {
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    padding: 24px 40px;
    margin: 0 auto;
}

.obg-footer-responsible-gaming-image img {
    max-width: 120px;
}

.obg-footer-responsible-gaming .obg-menu {
    text-align: right;
    justify-content: flex-end;
    width: 100%;
}

.obg-footer-responsible-gaming .obg-menu a {
    position: relative;
}

.obg-footer-responsible-gaming .obg-menu a:not(:last-child)::after {
    content: " | ";
    display: inline-block;
    padding: 0px 5px;
}

.obg-footer-responsible-gaming .obg-menu a:hover {
    text-decoration: underline;
}

.obg-footer-responsible-gaming .obg-icon-list {
    border: 0;
    flex-wrap: wrap;
}

.obg-footer-responsible-gaming .icon-list-title {
    padding: 5px;
    margin-bottom: 0;
    width: -moz-fit-content;
    width: fit-content;
}

.obg-footer-responsible-gaming .icon-list-title a:hover {
    text-decoration: underline;
}

.obg-footer-responsible-gaming .copyright {
    text-align: right;
    width: 100%;
}

.obg-footer-responsible-gaming .obg-footer-responsible-gaming-icon-list .icon-list-container {
    display: flex;
    margin-left: 8px;
}

.obg-footer-responsible-gaming-content-description, .obg-footer-responsible-gaming-content-mobile {
    max-width: 1440px;
    margin: 0 auto;
}

.obg-footer-responsible-gaming-content-description a:hover, .obg-footer-responsible-gaming-content-mobile a:hover {
    text-decoration: underline;
}

.obg-footer-responsible-gaming-content-description {
    padding: 24px 40px;
}

.obg-footer-responsible-gaming-content-mobile {
    text-align: center;
    padding: 16px 32px;
}

.obg-footer-medium .obg-footer-container a:hover, .obg-footer-small .obg-footer-container a:hover {
    text-decoration: initial;
}

.obg-footer-medium .obg-footer-container .obg-icon-list, .obg-footer-small .obg-footer-container .obg-icon-list {
    padding: 8px 16px;
}

.obg-footer-medium .obg-footer-container .obg-icon-list a, .obg-footer-small .obg-footer-container .obg-icon-list a {
    transition: none;
}

.obg-footer-medium .obg-footer-container .obg-icon-list a:hover, .obg-footer-small .obg-footer-container .obg-icon-list a:hover {
    transform: initial;
}

.obg-footer-medium .obg-footer-container .obg-icon-list img, .obg-footer-small .obg-footer-container .obg-icon-list img {
    margin: 4px;
}

.obg-footer-medium .obg-footer-container .obg-icon-list .icon-list-title, .obg-footer-small .obg-footer-container .obg-icon-list .icon-list-title {
    margin-bottom: 16px;
    max-width: 100%;
}

.obg-footer-medium .obg-footer-container .obg-icon-list .icon-list-container, .obg-footer-small .obg-footer-container .obg-icon-list .icon-list-container {
    flex-wrap: wrap;
    max-width: 100%;
}

.obg-footer-medium .obg-footer-container .obg-menu-item-list, .obg-footer-small .obg-footer-container .obg-menu-item-list {
    width: 100%;
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses div, .obg-footer-small .obg-footer-container .obg-footer-licenses div {
    flex-direction: column;
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses a, .obg-footer-small .obg-footer-container .obg-footer-licenses a {
    justify-content: center;
    padding: 20px 0;
    max-width: 100%;
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses p, .obg-footer-small .obg-footer-container .obg-footer-licenses p {
    text-align: center;
}

.obg-footer-medium .obg-footer-container .obg-menu, .obg-footer-small .obg-footer-container .obg-menu {
    text-align: center;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming {
    padding: 16px;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-icon-list, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-icon-list {
    justify-content: center;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .copyright, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .copyright {
    text-align: center;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .icon-list-title, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .icon-list-title {
    margin-bottom: 12px;
    width: 100%;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .icon-list-container, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .icon-list-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-menu, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-menu {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 16px;
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-menu a, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-menu a {
    padding: 5px 0;
}

.obg-footer-medium .obg-footer-container .obg-footer-regulation-icon-list, .obg-footer-small .obg-footer-container .obg-footer-regulation-icon-list {
    border-bottom: none;
    padding-bottom: 0;
}

.obg-footer-small .obg-footer-container footer > .obg-icon-list a,
.obg-footer-small .obg-footer-container footer > .obg-icon-list span {
    width: 33%;
}

.obg-footer-small .obg-footer-other-links .obg-menu {
    flex-direction: column;
}

.obg-footer-small .obg-footer-other-links .obg-menu-item {
    margin-left: auto;
    margin-right: auto;
}

.obg-footer-medium .obg-footer-container footer > .obg-icon-list a,
.obg-footer-medium .obg-footer-container footer > .obg-icon-list span {
    width: 25%;
}

.obg-footer-last-login-content {
    padding: 24px 40px;
    text-align: center;
}

.obg-footer-last-login-content p {
    margin: 0;
}

.obg-footer-awards-content {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
}

.obg-footer-awards-content .obg-icon-list {
    border: 0;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.obg-footer-awards-content .obg-icon-list span:only-child {
    margin-left: 0px;
}

.obg-footer-awards-content .obg-icon-list span {
    margin-left: 20px;
}

.obg-footer-awards-content .obg-icon-list span img {
    max-height: 88px;
    max-width: 180px;
    width: 100%;
}

.obg-footer .obg-footer-responsible-gaming-info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
}

.obg-footer .obg-footer-responsible-gaming-info-header {
    margin: auto;
    color: #fff;
    text-align: center;
    font: var(--paragraphs-lead-bold);
}

@media (max-width: 560px) {
    .obg-footer .obg-footer-responsible-gaming-info-header {
        font-size: 14px;
    }
}

.obg-footer .obg-footer-responsible-gaming-info-text {
    margin: auto;
    color: #fff;
    text-align: center;
    font: var(--paragraphs-regular-bold);
}

@media (max-width: 560px) {
    .obg-footer .obg-footer-responsible-gaming-info-text {
        font-size: 12px;
    }
}

.home-page-v2.obg-footer .obg-icon-list {
    border-bottom: none;
}

.home-page-v2.obg-footer .obg-footer-container a.flag-item {
    border: none;
}

.home-page-v2.obg-footer .obg-footer-other-links > div, .home-page-v2.obg-footer .obg-footer-licenses > div, .home-page-v2.obg-footer .obg-footer-product-info > div {
    border-bottom: none;
}

.home-page-v2.obg-footer .obg-footer-seo-content, .home-page-v2.obg-footer .obg-footer-responsible-gaming, .home-page-v2.obg-footer .obg-footer-responsible-gaming-content, .home-page-v2.obg-footer .obg-footer-product-info, .home-page-v2.obg-footer .obg-footer-licenses, .home-page-v2.obg-footer .obg-footer-last-login, .home-page-v2.obg-footer .obg-footer-awards {
    border-bottom: none;
}

.obg-compact-breadcrumb ol {
    padding: 0;
    margin: 0;
}

.obg-compact-breadcrumb li {
    display: inline-block;
}

.obg-compact-breadcrumb a,
.obg-compact-breadcrumb span:not(.ico-chevron-right) {
    text-decoration: underline;
}

.obg-compact-breadcrumb .ico-chevron-right {
    margin: 0 8px;
}

obg-language-selector {
    display: block;
}

obg-language-selector [obgAccordionHeader] {
    padding: 0;
}

obg-language-selector [obgAccordionHeader] .ico-arrow-down {
    font-size: 2.8rem;
    transition: transform 200ms;
}

obg-language-selector [obgAccordionHeader].expanded .ico-arrow-down {
    transform: rotate(180deg);
}

obg-language-selector .image-container {
    display: inline-flex;
    margin: auto 10px auto 0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}

obg-language-selector .flag-item {
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
    background-color: transparent;
    padding: 13px 8px 13px 16px;
}

obg-language-selector .flag-item.current {
    display: flex;
    justify-content: space-between;
}

obg-language-selector .flag-item.current .flag-name {
    flex: auto;
}

obg-language-selector obg-accordion-content {
    padding-bottom: 4px;
}

obg-language-selector obg-accordion-content .flag-item {
    width: 49%;
    font-weight: bold;
}

obg-footer-license [obgaccordionheader] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

obg-footer-license [obgaccordionheader].expanded [class^=ico-] {
    transform: rotate(180deg);
}

obg-footer-license [obgaccordionheader] [class^=ico-] {
    transition: transform 200ms;
}

obg-footer-license [obgaccordionheader] span {
    padding: 0 4px;
}

obg-footer-license obg-accordion-content {
    padding: 0 16px;
}

obg-footer-license obg-accordion-content p {
    padding: 16px;
    margin: 0;
    text-align: center;
}

[obgAccordionHeader], obg-accordion-header {
    display: block;
    transition: transform 200ms;
    touch-action: manipulation;
    contain: content;
}

obg-accordion, obg-accordion-content {
    display: block;
}

.obg-accordion-content {
    contain: content;
    overflow: hidden;
}

.obg-accordion-content.disable-contain-content {
    contain: none;
    transform: none;
    overflow: visible;
}

.obg-accordion-content-expanded-animation {
    animation: expand-animation 200ms ease-in;
    max-height: 20000px;
}

.obg-accordion-content-collapsed-animation {
    animation: collapse-animation 200ms ease-out;
    max-height: 0;
}

@keyframes expand-animation {
    0% {
        max-height: 0;
    }
    50% {
        max-height: 60px;
    }
    100% {
        max-height: 20000px;
    }
}

@keyframes collapse-animation {
    0% {
        max-height: 20000px;
    }
    50% {
        max-height: 60px;
    }
    100% {
        max-height: 0;
    }
}

.obg-m-home-page-v2 {
    display: block;
    background-color: var(--home-page-v2-bg-color, var(--surface));
}

.obg-m-home-page-v2 .btn-color-override {
    background-color: var(--home-btn-override-background-color, var(--secondary));
    color: var(--home-btn-override-color, var(--on-secondary));
}

.obg-m-home-page-v2 .sponsorship-content {
    width: 50%;
    padding: var(--spacing-xlarge) 40px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(60% - 48px);
        padding: var(--spacing-large) var(--spacing-xlarge);
        min-height: 280px;
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(100% - 75px);
        padding: var(--spacing-medium);
        min-height: 208px;
    }
}

.obg-m-home-page-v2 .sponsorship-content-title, .obg-m-home-page-v2 .sponsorship-content-info {
    margin: 0;
    color: var(--on-alternate-surface-hi);
}

.obg-m-home-page-v2 .sponsorship-content-title {
    margin-bottom: var(--spacing-small);
    font: var(--sponsorship-banner-title-font, var(--headline-lead));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-md, var(--headline-regular));
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-sm, var(--headline-small));
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-xs, var(--headline-tiny));
    }
}

.obg-m-home-page-v2 .sponsorship-content-info {
    margin-bottom: var(--spacing-large);
    font: var(--sponsorship-banner-info-font, var(--paragraphs-lead));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-info {
        margin-bottom: var(--spacing-medium);
        font: var(--sponsorship-banner-info-font-md, var(--paragraphs-regular));
    }
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
    margin: auto 0 0;
    padding-top: var(--spacing-small);
    color: var(--on-alternate-surface-hi);
    font: var(--sponsorship-banner-terms-and-conditions-font, var(--paragraphs-regular));
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions a {
    text-decoration: none;
    color: var(--sponsorship-banner-terms-and-conditions-link-text-color, var(--primary-interaction-medium));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
        font: var(--sponsorship-banner-terms-and-conditions-font-md, var(--paragraphs-tiny));
    }
}

.obg-m-home-page-v2 .main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 1190px;
    min-height: 288px;
    margin: 0 auto;
    padding: 40px 16px;
    color: var(--action-banner-text-color,);
}

@media only screen and (min-width: 768px) {
    .obg-m-home-page-v2 .main-banner-content {
        min-height: 400px;
    }
}

@media only screen and (min-width: 1331px) {
    .obg-m-home-page-v2 .main-banner-content {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .obg-m-home-page-v2 .main-banner-content {
        min-height: 344px;
        padding: 16px;
    }
}

.obg-m-home-page-v2 .main-banner-content-title, .obg-m-home-page-v2 .main-banner-content-info {
    max-width: 586px;
    margin: 0 0 8px;
}

.obg-m-home-page-v2 .main-banner-content-title {
    display: block;
    margin: 16px 0 8px;
    font: var(--main-banner-title-font, var(--headline-lead));
    color: var(--main-banner-title-text-color, var(--on-alternate-surface-hi));
    text-transform: var(--action-banner-title-text-transform, none);
}

.obg-m-home-page-v2 .main-banner-content-info {
    margin-bottom: 24px;
    font: var(--main-banner-info-font, var(--paragraphs-regular));
    color: var(--main-banner-info-text-color, var(--on-alternate-surface-hi));
}

.obg-m-home-page-v2 .main-banner-content button[type=submit] {
    width: max-content;
    border-radius: 4px;
    min-height: 40px;
    min-width: 125px;
    font: var(--main-banner-button-font, var(--paragraphs-lead-bold));
    color: var(--main-banner-button-text-color, var(--on-secondary));
    background-color: var(--main-banner-button-background-color, var(--secondary));
}

@media only screen and (min-width: 768px) {
    .obg-m-home-page-v2 .main-banner-content button[type=submit] {
        margin-bottom: 16px;
    }
}

.obg-m-home-page-v2 .main-banner-content button[type=submit]:hover {
    background-color: var(--main-banner-button-background-color-hover, var(--secondary-interaction-medium));
}

.container {
    max-width: 1190px;
    margin: 0 auto;
}

.container.seo-section {
    padding: var(--spacing-medium) 0 var(--spacing-xlarge);
}

@media only screen and (max-width: 1189px) {
    .container.seo-section {
        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-xlarge);
    }
}

.container.sponsorship button[type=submit] {
    height: 56px;
    width: max-content;
    min-width: 129px;
    font: var(--container-sponsorship-button-font, var(--paragraphs-regular-bold));
    color: var(--container-sponsorship-button-text-color, var(--on-secondary));
    background-color: var(--container-sponsorship-button-bg-color, var(--secondary));
    border-radius: var(--border-radius-small);
}

@media only screen and (max-width: 767px) {
    .container.sponsorship button[type=submit] {
        height: 48px;
        min-width: 103px;
    }
}

@media only screen and (max-width: 567px) {
    .container.sponsorship button[type=submit] {
        height: var(--spacing-xlarge);
        min-width: 78px;
    }
}

.container.sponsorship button[type=submit]:hover {
    background-color: var(--container-sponsorship-button-bg-color-hover, var(--secondary-interaction-medium));
}

.container.sponsorship-cta section {
    padding-top: var(--spacing-medium);
}

@media only screen and (min-width: 1024px) {
    .container.sponsorship-cta section {
        margin: 0 auto;
        max-width: 1190px;
    }
}

.container.sponsorship-cta section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 1189px) {
    .container.sponsorship-cta section div[class*=preview-section] {
        padding: 0 16px;
    }
}

.container.sponsorship-cta section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi));
}

@media only screen and (max-width: 767px) {
    .container.sponsorship-cta section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small));
    }
}

.container.sponsorship-cta section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent);
}

.container.sponsorship-cta section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color);
}

.container.sponsorship-cta section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low));
}

.container.sponsorship-cta section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low));
}

.container.sponsorship-cta section .mat-button-focus-overlay {
    display: none;
}

.container.sponsorship-cta section .preview-items-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: scroll;
    margin: 24px 0 0;
    padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
    .container.sponsorship-cta section .preview-items-wrapper {
        gap: 16px;
    }
}

@media only screen and (min-width: 1331px) {
    .container.sponsorship-cta section .preview-items-wrapper {
        overflow-x: unset;
        flex-wrap: wrap;
    }
}

.promotion {
    padding: 16px 0;
}

.play-with-us,
.reassurance {
    padding: 16px 0;
}

@media only screen and (max-width: 1189px) {
    .play-with-us,
    .reassurance {
        padding: 16px;
    }
}

.responsive {
    padding: 16px 0;
}

@media only screen and (max-width: 1189px) {
    .responsive {
        padding: 16px;
    }
}

.lobby-selector {
    margin-bottom: 16px;
}

.obg-m-main-banner-v2 .main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1190px;
    max-height: 400px;
    margin: 0 auto;
    padding: 0 var(--spacing-medium);
}

@media only screen and (max-width: 1023px) {
    .obg-m-main-banner-v2 .main-banner-content {
        padding: var(--spacing-medium);
    }
}

@media only screen and (max-width: 940px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 296px;
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 328px;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 453px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 272px;
    }
}

.obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media only screen and (max-width: 1023px) {
    .obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
        grid-template-columns: 3fr 2fr;
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
        grid-template-columns: 3fr 1fr;
    }
}

.obg-m-main-banner-v2 .main-banner-content-title {
    margin: 0;
    font: var(--main-banner-v2-title-font, var(--headline-lead));
    text-transform: var(--main-banner-v2-title-text-transform, none);
}

@media only screen and (max-width: 940px) {
    .obg-m-main-banner-v2 .main-banner-content-title {
        font: var(--main-banner-v2-title-md-font, var(--headline-regular));
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content-title {
        font: var(--main-banner-v2-title-sm-font, var(--headline-small));
    }
}

.obg-m-main-banner-v2 .main-banner-content-info {
    margin: var(--spacing-small) 0 0;
    font: var(--main-banner-v2-info-font, var(--paragraphs-regular));
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content-info {
        font: var(--main-banner-v2-info-font, var(--paragraphs-small));
    }
}

.obg-m-main-banner-v2 .main-banner-content button[type=submit] {
    width: max-content;
    border-radius: var(--border-radius-small);
    padding: 14px var(--spacing-medium);
    font: var(--main-banner-v2-button-font, var(--paragraphs-regular-bold));
    color: var(--main-banner-v2-button-text-color, var(--on-secondary));
    background-color: var(--main-banner-v2-button-background-color, var(--secondary));
    margin-top: var(--spacing-large);
}

@media only screen and (min-width: 768px) {
    .obg-m-main-banner-v2 .main-banner-content button[type=submit] {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    .obg-m-main-banner-v2 .main-banner-content button[type=submit] {
        font: var(--main-banner-v2-button-font, var(--paragraphs-small-bold));
        padding: var(--spacing-small) var(--spacing-medium);
    }
}

.obg-m-main-banner-v2 .main-banner-content button[type=submit]:hover {
    background-color: var(--main-banner-v2-button-background-color-hover, var(--secondary-interaction-medium));
}

.carousel-media-banner-wrapper {
    padding-top: var(--spacing-medium);
}

@media only screen and (min-width: 1024px) {
    .carousel-media-banner-wrapper {
        margin-left: var(--spacing-medium);
        margin-right: var(--spacing-medium);
    }
}

.obg-product-selector-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obg-product-selector {
    display: flex;
    flex: 1;
    overflow-x: scroll;
    text-align: center;
}

.obg-product-selector-item {
    flex: 1;
    min-width: 85px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.obg-product-selector-item:last-child {
    border-right: 0;
}

.obg-product-selector-item.active {
    border-bottom: 0;
}

.obg-product-selector-item.active::after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.obg-product-selector-label, .obg-product-selector-icon {
    display: block;
}

.promotion {
    padding: var(--spacing-medium) 0;
}

.promotion offers-cards_collection_v2:not(:defined) {
    display: block;
    min-height: var(--offers-cards-collection-min-height);
}

@media only screen and (max-width: 567px) {
    .promotion offers-cards_collection_v2:not(:defined) {
        min-height: var(--offers-cards-collection-small-min-height);
    }
}

.obg-m-home-page-v2 .sponsorship-content {
    width: 50%;
    padding: var(--spacing-xlarge) 40px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(60% - 48px);
        padding: var(--spacing-large) var(--spacing-xlarge);
        min-height: 280px;
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(100% - 75px);
        padding: var(--spacing-medium);
        min-height: 208px;
    }
}

.obg-m-home-page-v2 .sponsorship-content-title, .obg-m-home-page-v2 .sponsorship-content-info {
    margin: 0;
    color: var(--on-alternate-surface-hi);
}

.obg-m-home-page-v2 .sponsorship-content-title {
    margin-bottom: var(--spacing-small);
    font: var(--sponsorship-banner-title-font, var(--headline-lead));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-md, var(--headline-regular));
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-sm, var(--headline-small));
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-xs, var(--headline-tiny));
    }
}

.obg-m-home-page-v2 .sponsorship-content-info {
    margin-bottom: var(--spacing-large);
    font: var(--sponsorship-banner-info-font, var(--paragraphs-lead));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-info {
        margin-bottom: var(--spacing-medium);
        font: var(--sponsorship-banner-info-font-md, var(--paragraphs-regular));
    }
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
    margin: auto 0 0;
    padding-top: var(--spacing-small);
    color: var(--on-alternate-surface-hi);
    font: var(--sponsorship-banner-terms-and-conditions-font, var(--paragraphs-regular));
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions a {
    text-decoration: none;
    color: var(--sponsorship-banner-terms-and-conditions-link-text-color, var(--primary-interaction-medium));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
        font: var(--sponsorship-banner-terms-and-conditions-font-md, var(--paragraphs-tiny));
    }
}

.obg-m-home-page-v2 .sponsorship button[type=submit] {
    height: 56px;
    width: max-content;
    min-width: 129px;
    font: var(--container-sponsorship-button-font, var(--paragraphs-regular-bold));
    color: var(--container-sponsorship-button-text-color, var(--on-secondary));
    background-color: var(--container-sponsorship-button-bg-color, var(--secondary));
    border-radius: var(--border-radius-small);
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship button[type=submit] {
        height: 48px;
        min-width: 103px;
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship button[type=submit] {
        height: var(--spacing-xlarge);
        min-width: 78px;
    }
}

.obg-m-home-page-v2 .sponsorship button[type=submit]:hover {
    background-color: var(--container-sponsorship-button-bg-color-hover, var(--secondary-interaction-medium));
}

.obg-m-home-page-v2 .sponsorship-cta section {
    padding-top: var(--spacing-medium);
}

@media only screen and (min-width: 1024px) {
    .obg-m-home-page-v2 .sponsorship-cta section {
        margin: 0 auto;
        max-width: 1190px;
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 1189px) {
    .obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] {
        padding: 0 16px;
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi));
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small));
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent);
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color);
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low));
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low));
}

.obg-m-preview-section section {
    padding: 16px 0;
}

@media only screen and (min-width: 1024px) {
    .obg-m-preview-section section {
        margin: 0 auto;
        max-width: 1190px;
    }
}

.obg-m-preview-section section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-section section div[class*=preview-section] {
        padding: 0 16px;
    }
}

.obg-m-preview-section section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi));
}

@media only screen and (max-width: 767px) {
    .obg-m-preview-section section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small));
    }
}

.obg-m-preview-section section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent);
}

.obg-m-preview-section section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color);
}

.obg-m-preview-section section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low));
}

.obg-m-preview-section section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low));
}

.obg-m-preview-section section .mat-button-focus-overlay {
    display: none;
}

.obg-m-preview-section section .preview-items-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin: 24px 0 0;
    padding-bottom: 16px;
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-section section .preview-items-wrapper {
        gap: 16px;
    }
}

.obg-m-preview-section section .preview-items-wrapper_gaming-thumbnail {
    display: flex;
}

.obg-m-preview-section section .mobile-text {
    text-transform: uppercase;
}

.obg-m-preview-section section .overflow {
    overflow-x: auto;
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-section section .gaming-carousel-parent-container {
        padding-left: 16px;
    }
}

.obg-m-preview-section section .game-thumbnail {
    cursor: pointer;
}

.obg-m-play-with-us-section-v2 .title {
    color: var(--play-with-us-section-title-text-color, var(--on-surface-hi));
    font: var(--play-with-us-section-title-font, var(--headline-regular));
    margin: 0 0 var(--spacing-large) 0;
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .title {
        font: var(--play-with-us-section-title-font, var(--headline-small));
    }
}

.obg-m-play-with-us-section-v2 .play-with-us-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-medium);
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .play-with-us-section {
        grid-template-columns: 1fr;
    }
}

.obg-m-play-with-us-section-v2 .play-with-us-card {
    display: flex;
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .play-with-us-card {
        min-height: 152px;
    }
}

.obg-m-faq-section-wrapper-container {
    display: flex;
    flex-direction: column;
    max-width: 1190px;
    width: 100%;
    padding: var(--spacing-medium) 0;
}

@media only screen and (max-width: 1189px) {
    .obg-m-faq-section-wrapper-container {
        padding: var(--spacing-medium);
    }
}

.obg-m-faq-section-wrapper .head {
    color: var(--faq-section-wrapper-head-text-color, var(--on-surface-hi));
    font: var(--faq-section-wrapper-head-text-font, var(--headline-regular));
    margin: 0 0 var(--spacing-large);
}

@media only screen and (max-width: 767px) {
    .obg-m-faq-section-wrapper .head {
        font: var(--faq-section-wrapper-head-text-font, var(--headline-small));
    }
}

.obg-m-faq-section-wrapper-content p {
    margin: unset;
}

.obg-m-faq-section-wrapper-content a {
    color: var(--faq-section-wrapper-content-link-color, var(--primary));
    font: var(--faq-section-wrapper-content-link-font, var(--paragraphs-regular));
}

seo-section {
    padding: var(--spacing-medium) 0 var(--spacing-xlarge);
}

@media only screen and (max-width: 1189px) {
    seo-section {
        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-xlarge);
    }
}

.obg-icon-list {
    display: block;
}

.obg-icon-list .icon-list-title {
    padding: 10px 0;
}

.obg-lazy-image {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.obg-lazy-image img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: inherit;
}

.obg-m-preview-item-component {
    flex-shrink: 0;
}

.obg-m-preview-item-component .ng-lazyloading {
    height: 1px;
}

.obg-m-preview-item-component a {
    display: block;
}

.obg-m-preview-item-component:last-of-type {
    padding-right: 0;
}

.obg-m-preview-item-component:first-of-type {
    padding-left: 0;
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-item-component:last-of-type {
        padding-right: 16px;
    }

    .obg-m-preview-item-component:first-of-type {
        padding-left: 16px;
    }
}

.obg-m-preview-item-component .preview-item-image {
    position: relative;
    border-radius: 8px;
    height: 100%;
    width: 100%;
}

.obg-m-preview-item-component .preview-item-image img {
    height: 100%;
    width: 100%;
}

.obg-m-preview-item-component .preview-item-caption,
.obg-m-preview-item-component .preview-item-caption-secondary {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.obg-m-preview-item-component .preview-item-caption {
    margin: var(--spacing-small) 0 0;
    color: var(--preview-item-caption-font-color, var(--on-surface-hi));
    font: var(--preview-item-caption-font, var(--paragraphs-regular));
    line-height: 1.45;
}

.obg-m-preview-item-component .preview-item-caption-secondary {
    font: var(--preview-item-secondary-caption-font, var(--paragraphs-small));
    color: var(--preview-item-caption-secondary-font-color, var(--on-surface-low));
    line-height: 1.34;
}

.obg-m-preview-item-component .obg-preview-item-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSlots\.quick-links {
    width: 158px;
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSlots\.quick-links {
        width: 185px;
    }
}

.obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
    width: 158px;
}

@media only screen and (min-width: 568px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
        width: 241px;
    }
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
        width: 285px;
    }
}

.obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSlots\.quick-links {
    height: 158px;
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSlots\.quick-links {
        height: 185px;
    }
}

.obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
    height: 88px;
}

@media only screen and (min-width: 568px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
        height: 135px;
    }
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
        height: 160px;
    }
}

.mat-subheader {
    display: flex;
    box-sizing: border-box;
    padding: 16px;
    align-items: center
}

.mat-list-base .mat-subheader {
    margin: 0
}

button.mat-list-item, button.mat-list-option {
    padding: 0;
    width: 100%;
    background: none;
    color: inherit;
    border: none;
    outline: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-align: left
}

[dir=rtl] button.mat-list-item, [dir=rtl] button.mat-list-option {
    text-align: right
}

button.mat-list-item::-moz-focus-inner, button.mat-list-option::-moz-focus-inner {
    border: 0
}

.mat-list-base {
    padding-top: 8px;
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mat-list-base .mat-subheader {
    height: 48px;
    line-height: 16px
}

.mat-list-base .mat-subheader:first-child {
    margin-top: -8px
}

.mat-list-base .mat-list-item, .mat-list-base .mat-list-option {
    display: block;
    height: 48px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0
}

.mat-list-base .mat-list-item .mat-list-item-content, .mat-list-base .mat-list-option .mat-list-item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    height: inherit
}

.mat-list-base .mat-list-item .mat-list-item-content-reverse, .mat-list-base .mat-list-option .mat-list-item-content-reverse {
    display: flex;
    align-items: center;
    padding: 0 16px;
    flex-direction: row-reverse;
    justify-content: space-around
}

.mat-list-base .mat-list-item .mat-list-item-ripple, .mat-list-base .mat-list-option .mat-list-item-ripple {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar, .mat-list-base .mat-list-option.mat-list-item-with-avatar {
    height: 56px
}

.mat-list-base .mat-list-item.mat-2-line, .mat-list-base .mat-list-option.mat-2-line {
    height: 72px
}

.mat-list-base .mat-list-item.mat-3-line, .mat-list-base .mat-list-option.mat-3-line {
    height: 88px
}

.mat-list-base .mat-list-item.mat-multi-line, .mat-list-base .mat-list-option.mat-multi-line {
    height: auto
}

.mat-list-base .mat-list-item.mat-multi-line .mat-list-item-content, .mat-list-base .mat-list-option.mat-multi-line .mat-list-item-content {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-list-base .mat-list-item .mat-list-text, .mat-list-base .mat-list-option .mat-list-text {
    display: flex;
    flex-direction: column;
    flex: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}

.mat-list-base .mat-list-item .mat-list-text > *, .mat-list-base .mat-list-option .mat-list-text > * {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit
}

.mat-list-base .mat-list-item .mat-list-text:empty, .mat-list-base .mat-list-option .mat-list-text:empty {
    display: none
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text, .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 0
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text, .mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 16px
}

.mat-list-base .mat-list-item .mat-list-avatar, .mat-list-base .mat-list-option .mat-list-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover
}

.mat-list-base .mat-list-item .mat-list-avatar ~ .mat-divider-inset, .mat-list-base .mat-list-option .mat-list-avatar ~ .mat-divider-inset {
    margin-left: 72px;
    width: calc(100% - 72px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-avatar ~ .mat-divider-inset, [dir=rtl] .mat-list-base .mat-list-option .mat-list-avatar ~ .mat-divider-inset {
    margin-left: auto;
    margin-right: 72px
}

.mat-list-base .mat-list-item .mat-list-icon, .mat-list-base .mat-list-option .mat-list-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    font-size: 24px;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 4px
}

.mat-list-base .mat-list-item .mat-list-icon ~ .mat-divider-inset, .mat-list-base .mat-list-option .mat-list-icon ~ .mat-divider-inset {
    margin-left: 64px;
    width: calc(100% - 64px)
}

[dir=rtl] .mat-list-base .mat-list-item .mat-list-icon ~ .mat-divider-inset, [dir=rtl] .mat-list-base .mat-list-option .mat-list-icon ~ .mat-divider-inset {
    margin-left: auto;
    margin-right: 64px
}

.mat-list-base .mat-list-item .mat-divider, .mat-list-base .mat-list-option .mat-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0
}

[dir=rtl] .mat-list-base .mat-list-item .mat-divider, [dir=rtl] .mat-list-base .mat-list-option .mat-divider {
    margin-left: auto;
    margin-right: 0
}

.mat-list-base .mat-list-item .mat-divider.mat-divider-inset, .mat-list-base .mat-list-option .mat-divider.mat-divider-inset {
    position: absolute
}

.mat-list-base[dense] {
    padding-top: 4px;
    display: block
}

.mat-list-base[dense] .mat-subheader {
    height: 40px;
    line-height: 8px
}

.mat-list-base[dense] .mat-subheader:first-child {
    margin-top: -4px
}

.mat-list-base[dense] .mat-list-item, .mat-list-base[dense] .mat-list-option {
    display: block;
    height: 40px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content, .mat-list-base[dense] .mat-list-option .mat-list-item-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative;
    height: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-item-content-reverse, .mat-list-base[dense] .mat-list-option .mat-list-item-content-reverse {
    display: flex;
    align-items: center;
    padding: 0 16px;
    flex-direction: row-reverse;
    justify-content: space-around
}

.mat-list-base[dense] .mat-list-item .mat-list-item-ripple, .mat-list-base[dense] .mat-list-option .mat-list-item-ripple {
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar, .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar {
    height: 48px
}

.mat-list-base[dense] .mat-list-item.mat-2-line, .mat-list-base[dense] .mat-list-option.mat-2-line {
    height: 60px
}

.mat-list-base[dense] .mat-list-item.mat-3-line, .mat-list-base[dense] .mat-list-option.mat-3-line {
    height: 76px
}

.mat-list-base[dense] .mat-list-item.mat-multi-line, .mat-list-base[dense] .mat-list-option.mat-multi-line {
    height: auto
}

.mat-list-base[dense] .mat-list-item.mat-multi-line .mat-list-item-content, .mat-list-base[dense] .mat-list-option.mat-multi-line .mat-list-item-content {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-text, .mat-list-base[dense] .mat-list-option .mat-list-text {
    display: flex;
    flex-direction: column;
    flex: auto;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0
}

.mat-list-base[dense] .mat-list-item .mat-list-text > *, .mat-list-base[dense] .mat-list-option .mat-list-text > * {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit
}

.mat-list-base[dense] .mat-list-item .mat-list-text:empty, .mat-list-base[dense] .mat-list-option .mat-list-text:empty {
    display: none
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 0
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-item.mat-list-option .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar .mat-list-item-content-reverse .mat-list-text, [dir=rtl] .mat-list-base[dense] .mat-list-option.mat-list-option .mat-list-item-content-reverse .mat-list-text {
    padding-right: 0;
    padding-left: 16px
}

.mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base[dense] .mat-list-item.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content-reverse .mat-list-text, .mat-list-base[dense] .mat-list-option.mat-list-item-with-avatar.mat-list-option .mat-list-item-content .mat-list-text {
    padding-right: 16px;
    padding-left: 16px
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar, .mat-list-base[dense] .mat-list-option .mat-list-avatar {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover
}

.mat-list-base[dense] .mat-list-item .mat-list-avatar ~ .mat-divider-inset, .mat-list-base[dense] .mat-list-option .mat-list-avatar ~ .mat-divider-inset {
    margin-left: 68px;
    width: calc(100% - 68px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-avatar ~ .mat-divider-inset, [dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-avatar ~ .mat-divider-inset {
    margin-left: auto;
    margin-right: 68px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon, .mat-list-base[dense] .mat-list-option .mat-list-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    font-size: 20px;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 4px
}

.mat-list-base[dense] .mat-list-item .mat-list-icon ~ .mat-divider-inset, .mat-list-base[dense] .mat-list-option .mat-list-icon ~ .mat-divider-inset {
    margin-left: 60px;
    width: calc(100% - 60px)
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-list-icon ~ .mat-divider-inset, [dir=rtl] .mat-list-base[dense] .mat-list-option .mat-list-icon ~ .mat-divider-inset {
    margin-left: auto;
    margin-right: 60px
}

.mat-list-base[dense] .mat-list-item .mat-divider, .mat-list-base[dense] .mat-list-option .mat-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0
}

[dir=rtl] .mat-list-base[dense] .mat-list-item .mat-divider, [dir=rtl] .mat-list-base[dense] .mat-list-option .mat-divider {
    margin-left: auto;
    margin-right: 0
}

.mat-list-base[dense] .mat-list-item .mat-divider.mat-divider-inset, .mat-list-base[dense] .mat-list-option .mat-divider.mat-divider-inset {
    position: absolute
}

.mat-nav-list a {
    text-decoration: none;
    color: inherit
}

.mat-nav-list .mat-list-item {
    cursor: pointer;
    outline: none
}

mat-action-list .mat-list-item {
    cursor: pointer;
    outline: inherit
}

.mat-list-option:not(.mat-list-item-disabled) {
    cursor: pointer;
    outline: none
}

.mat-list-item-disabled {
    pointer-events: none
}

.cdk-high-contrast-active .mat-list-item-disabled {
    opacity: .5
}

.cdk-high-contrast-active :host .mat-list-item-disabled {
    opacity: .5
}

.cdk-high-contrast-active .mat-list-option:hover, .cdk-high-contrast-active .mat-nav-list .mat-list-item:hover, .cdk-high-contrast-active mat-action-list .mat-list-item:hover {
    outline: dotted 1px;
    z-index: 1
}

.cdk-high-contrast-active .mat-list-single-selected-option::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 10px;
    height: 0;
    border-bottom: solid 10px;
    border-radius: 10px
}

.cdk-high-contrast-active [dir=rtl] .mat-list-single-selected-option::after {
    right: auto;
    left: 16px
}

@media (hover: none) {
    .mat-list-option:not(.mat-list-single-selected-option):not(.mat-list-item-disabled):hover, .mat-nav-list .mat-list-item:not(.mat-list-item-disabled):hover, .mat-action-list .mat-list-item:not(.mat-list-item-disabled):hover {
        background: none
    }
}

.obg-m-beta-badge {
    display: block;
}

.obg-m-beta-badge-content {
    text-align: right;
    padding: 12px 0;
}

.obg-m-beta-badge .badge-content {
    border-radius: 2px;
    display: inline;
    padding: 1px 4px;
    text-transform: uppercase;
}

.obg-m-beta-badge .old-site-link {
    background: transparent;
    cursor: pointer;
    border: none;
    margin-left: 10px;
    line-height: 0.5;
}

.obg-m-beta-badge .old-site-link:active, .obg-m-beta-badge .old-site-link:focus {
    outline: none;
}

.obg-m-beta-badge .beta-badge-back {
    position: relative;
    top: 2px;
}

.obg-m-menu-item .menu-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.obg-m-menu-item .menu-item-content .mat-badge {
    margin-left: auto;
    margin-right: 22px;
}

.obg-m-menu-item .menu-item-content .ico-alert {
    margin: 0 8px;
}

.obg-m-menu-item .menu-item-content-icon {
    line-height: initial;
    min-height: 2.4rem;
}

.obg-m-menu-item .menu-item-content-title {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    /* stylelint-disable */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    /* stylelint-enable */
}

.obg-m-menu-item .menu-item-content img {
    height: 24px;
}

.obg-m-menu-item .menu-item-content-right-text {
    border-radius: 11px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
}

.obg-m-menu-item .menu-command-title {
    margin-right: 8px;
    text-align: right;
    width: 100%;
}

.obg-icon-inline {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 1em;
    min-height: 1em
}

.obg-icon-inline-colored {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.obg-icon-inline-monochrome {
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}


.obg-menu {
    display: block;
}

.obg-menu-header {
    margin: 17px 5px 7px;
}

.obg-menu .icon {
    margin-right: 10px;
}

.obg-menu .obg-menu-item {
    cursor: pointer;
}

.obg-menu-item-list {
    display: block;
}

.obg-menu-item-list-vertical {
    display: flex;
    flex-direction: column;
}

body {
    --gaming-black: #000000;
    --gaming-white: #ffffff;
    --gaming-red: #f23E53;
    --gaming-green: #72C61D;
    --gaming-blue: #6EB8FF;
    --gaming-yellow: #FFB800;
    --gaming-white-alpha: 255, 255, 255;
    --gaming-black-alpha: 0, 0, 0;
    --fds-gaming-live-yellow: #FFB800;
    --fds-gaming-live-blue: #6EB8FF;
    --fds-gaming-live-green: #72C61D;
    --fds-gaming-live-red: #F23E53;
    --fds-gaming-live-gray: #636A75;
    --fds-gaming-live-white: #FFFFFF;
    --fds-gaming-thumbnail-display: #2E2F3C;
    --fds-on-gaming-thumbnail-display: #FFFFFF;
    --fds-on--gaming-ribbon-default: #FFFFFF;
    --fds-gaming-ribbon-default: #2E2F3C;
    --fds-on--gaming-ribbon-new: #FFFFFF;
    --fds-gaming-ribbon-new: #72C61D;
    --fds-on--gaming-ribbon-exclusive: #FFFFFF;
    --fds-gaming-ribbon-exclusive: #F23E53;
    --fds-on--gaming-ribbon-hot: #FFFFFF;
    --fds-gaming-ribbon-hot: #F23E53;
    --gaming-display-xsmall: normal 700 10px/20px Montserrat;
    --gaming-display-small: normal 700 12px/20px Montserrat;
    --gaming-display-medium: normal 700 14px/24px Montserrat;
    --gaming-display-large: normal 700 16px/20px Montserrat;
    --gaming-display-xlarge: normal 700 18px/20px Montserrat;
    --gaming-display-xxlarge: normal 700 20px/24px Montserrat;
    --fds-gaming-live-yellow: #FFB800;
    --fds-gaming-live-blue: #6EB8FF;
    --fds-gaming-live-green: #72C61D;
    --fds-gaming-live-red: #F23E53;
    --fds-gaming-live-gray: #636A75;
    --fds-gaming-live-white: #FFFFFF;
    --fds-on-gaming-thumbnail-display: #FFFFFF;
    --fds-gaming-thumbnail-display: #2E2F3C;
    --fds-on-gaming-ribbon-default: #FFFFFF;
    --fds-gaming-ribbon-default: #2E2F3C;
    --fds-on-gaming-ribbon-new: #FFFFFF;
    --fds-gaming-ribbon-new: #72C61D;
    --fds-on-gaming-ribbon-exclusive: #FFFFFF;
    --fds-gaming-ribbon-exclusive: #F23E53;
    --fds-on-gaming-ribbon-hot: #FFFFFF;
    --fds-gaming-ribbon-hot: #F23E53;
    --fds-gaming-display-xsmall: normal 700 10px/20px OpenSans;
    --fds-gaming-display-small: normal 700 12px/20px OpenSans;
    --fds-gaming-display-medium: normal 700 14px/24px OpenSans;
    --fds-gaming-xsmall: normal 700 10px/20px Montserrat;
    --fds-gaming-small: normal 700 12px/20px Montserrat;
    --fds-gaming-large: normal 700 16px/20px Montserrat;
}

.no-scroll, .no-scroll body {
    overflow: hidden;
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat"),
    url("/maxi/fonts/Montserrat-Bold.woff2") format("woff2");
}


.obg-app-root-content {
    background-color: var(--mat-sidenav-content-background-color);
    color: var(--mat-sidenav-content-text-color)
}

.obg-app-root-left-menu, .obg-app-root-right-menu {
    width: 304px;
    height: 100%;
    background-color: var(--mat-sidenav-container-background-color);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    transition: transform .4s cubic-bezier(.25, .8, .25, 1)
}

.obg-app-root-left-menu {
    left: 0;
    transform: translate3d(-100%, 0, 0)
}

.obg-app-root-right-menu {
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.obg-app-root-left-menu-open, .obg-app-root-right-menu-open {
    transform: translateZ(0)
}

.obg-app-root-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0009;
    z-index: 100
}

input.mat-input-server {
    pointer-events: none
}


.obg-m-menu {
    display: block
}

.obg-m-menu .obg-m-beta-badge {
    width: 100%
}

.obg-m-menu .scrollable-content {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    display: block;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto
}

.obg-m-menu .scrollable-content > mat-nav-list:last-of-type {
    padding-bottom: 50px
}

.obg-m-menu .mat-nav-list {
    padding-top: 0
}

.obg-m-menu .mat-subheader {
    display: flex;
    font-weight: 700
}

.obg-m-menu .mat-subheader .mat-badge {
    margin-left: auto;
    margin-right: 32px
}

.obg-m-menu .mat-subheader[matsubheader]:first-child {
    margin-top: 0
}

.obg-m-menu .mat-subheader .ico-chevron-right {
    font-size: 2rem
}

.obg-m-menu .mat-subheader.expanded .ico-chevron-right {
    transform: rotate(90deg)
}

.obg-m-menu obg-accordion-content .obg-m-menu-item:last-child .menu-item-content {
    border-bottom: none
}

.obg-m-menu [menu-footer] {
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
    display: block;
    width: 100%
}


.app-m-lobby-selector-container {
    display: block
}

.app-m-lobby-selector-container mat-toolbar {
    max-height: 56px
}

.app-m-lobby-selector-container mat-toolbar a {
    display: flex;
    justify-content: center;
    width: inherit
}

.app-m-lobby-selector-container .obg-m-beta-badge {
    width: 100%;
    padding: 16px
}

.app-m-lobby-selector-container [class^=ico-] {
    font-size: 2.8rem
}

.app-m-lobby-selector-container .obg-product-selector-item {
    min-width: 86.8571428571px
}

@media (max-width: 340px) {
    .app-m-lobby-selector-container .obg-product-selector-item {
        min-width: 75.4285714286px
    }
}

.app-m-lobby-selector-container .obg-product-selector-item:last-child {
    border-right: 0
}

.app-m-lobby-selector-container .lobby-selector-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 10;
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    border-top: var(--lobby-selector-list-border-top-color);
    background: var(--lobby-selector-list-bg-color)
}

.app-m-lobby-selector-container .lobby-selector-list-title {
    padding-left: 8px
}

.app-m-lobby-selector-container .lobby-selector-list mat-nav-list {
    flex: 1;
    padding: 0
}

.app-m-lobby-selector-container .mat-toolbar {
    background: var(--lobby-selector-toolbar-menu-bg-color)
}

.app-m-lobby-selector-container .mat-toolbar.contextual-menu {
    background: var(--lobby-selector-toolbar-contextual-menu-bg-color)
}

.app-m-lobby-selector-container img {
    height: var(--lobby-selector-toolbar-logo-height);
    width: var(--lobby-selector-toolbar-logo-width)
}

.app-m-lobby-selector-container .obg-product-selector {
    border-top: var(--lobby-selector-product-item-border-color);
    border-bottom: var(--lobby-selector-product-item-border-color)
}

.app-m-lobby-selector-container .obg-product-selector .obg-product-selector-item {
    border-right: var(--lobby-selector-product-item-border-color)
}

.app-m-lobby-selector-container .mat-nav-list .mat-list-item {
    background-color: var(--lobby-selector-list-item-bg-color);
    color: var(--lobby-selector-list-item-text-color);
    border-bottom: var(--lobby-selector-list-item-border-color)
}

.app-m-lobby-selector-container .mat-nav-list .mat-list-item[mat-list-item]:hover {
    background: var(--lobby-selector-list-item-bg-color)
}


.obg-m-sm-user-summary .user-summary-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--user-summary-bg-color);
    color: var(--user-summary-header-text-color)
}

.obg-m-sm-user-summary .user-summary-container-unauthenticated {
    padding: 16px
}

.obg-m-sm-user-summary a {
    width: 100%
}

.obg-m-sm-user-summary-label {
    margin: 13px 8px 13px 0
}

.obg-m-sm-user-summary .obg-m-funds-overview {
    width: 100%
}

.obg-m-sm-user-summary .obg-m-funds-overview .obg-m-kyc-notification {
    height: auto;
    margin-bottom: 15px
}

.obg-m-sm-user-summary obg-accordion {
    color: var(--user-summary-text-color)
}

.obg-m-sm-user-summary-label {
    text-transform: var(--user-summary-title-text-transform, uppercase)
}


.obg-m-menu-item .menu-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.obg-m-menu-item .menu-item-content .mat-badge {
    margin-left: auto;
    margin-right: 22px
}

.obg-m-menu-item .menu-item-content .ico-alert {
    margin: 0 8px
}

.obg-m-menu-item .menu-item-content-icon {
    line-height: initial;
    min-height: 2.4rem
}

.obg-m-menu-item .menu-item-content-title {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center
}

.obg-m-menu-item .menu-item-content img {
    height: 24px
}

.obg-m-menu-item .menu-item-content-right-text {
    border-radius: 11px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px
}

.obg-m-menu-item .menu-command-title {
    margin-right: 8px;
    text-align: right;
    width: 100%
}


.obg-m-beta-badge {
    display: block
}

.obg-m-beta-badge-content {
    text-align: right;
    padding: 12px 0
}

.obg-m-beta-badge .badge-content {
    border-radius: 2px;
    display: inline;
    padding: 1px 4px;
    text-transform: uppercase
}

.obg-m-beta-badge .old-site-link {
    background: transparent;
    cursor: pointer;
    border: none;
    margin-left: 10px;
    line-height: .5
}

.obg-m-beta-badge .old-site-link:active, .obg-m-beta-badge .old-site-link:focus {
    outline: none
}

.obg-m-beta-badge .beta-badge-back {
    position: relative;
    top: 2px
}


.bDULrrmGwQcX {
    display: none;
    position: absolute;
    left: -9999px;
}

.QXhUJpDXTrpE {
    display: inline;
}

.VJXffsGVJhVG {
    display: none;
}

@keyframes mat-progress-spinner-stroke-rotate-40 {
    0% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotate(0);
    }
    12.5% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotate(0);
    }
    12.5001% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotateX(180deg) rotate(72.5deg);
    }
    25% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotateX(180deg) rotate(72.5deg);
    }

    25.0001% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotate(270deg);
    }
    37.5% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotate(270deg);
    }
    37.5001% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotateX(180deg) rotate(161.5deg);
    }
    50% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotateX(180deg) rotate(161.5deg);
    }

    50.0001% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotate(180deg);
    }
    62.5% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotate(180deg);
    }
    62.5001% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotateX(180deg) rotate(251.5deg);
    }
    75% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotateX(180deg) rotate(251.5deg);
    }

    75.0001% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotate(90deg);
    }
    87.5% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotate(90deg);
    }
    87.5001% {
        stroke-dashoffset: 18.84955592153876;
        transform: rotateX(180deg) rotate(341.5deg);
    }
    100% {
        stroke-dashoffset: 89.5353906273091;
        transform: rotateX(180deg) rotate(341.5deg);
    }
}


.app-core-layout .site-navigation-top {
    display: block;
    height: 48px
}

.app-core-layout .content {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
    will-change: scroll-position;
    -webkit-overflow-scrolling: touch
}

.app-core-layout.disable-overflow-scrolling .content {
    -webkit-overflow-scrolling: auto
}


.app-core-navbar {
    position: sticky;
    top: 0;
    z-index: 100;
    display: block;
    width: 100vw
}

.app-core-navbar .mat-toolbar-multiple-rows {
    min-height: 56px
}

.app-core-navbar-right-buttons {
    display: flex;
    align-items: center
}

.app-core-navbar-right-buttons .mat-badge + .mat-badge {
    margin-left: 2px
}

.app-core-navbar .mat-toolbar-row {
    height: 56px;
    width: 100vw
}

.app-core-navbar .mat-toolbar-row.menu-toolbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.app-core-navbar .menu-container {
    display: flex;
    align-items: center
}

.app-core-navbar .register-login-toolbar-row {
    height: 32px;
    margin-bottom: 8px
}

.app-core-navbar .register-login-row {
    width: 100%
}

.app-core-navbar .register-login-row div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.app-core-navbar .register-login-row a {
    width: 50%
}

.app-core-navbar .register-login-integrated {
    width: 100%;
    text-align: right
}

.app-core-navbar .register-login-integrated a {
    margin: 8px 6px 8px 8px
}

.app-core-navbar .register-login-integrated .mat-stroked-button {
    min-width: auto
}

.app-core-navbar a {
    pointer-events: auto
}

.app-core-navbar .logo {
    margin-top: 4px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    pointer-events: none;
    text-align: center
}

.app-core-navbar .ico-search {
    font-size: 1.8rem;
    display: inline-block;
    margin-bottom: 4px
}

.app-core-navbar .ico-filter-2 {
    font-size: 1.8rem;
    display: inline-block
}

.app-core-navbar .mat-badge {
    margin-right: 8px
}

.app-core-navbar .mat-badge:last-child {
    margin-right: 0
}

.app-core-navbar .mat-icon-button {
    background-color: transparent;
    width: 40px;
    height: 40px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.app-core-navbar .mat-icon-button img {
    width: 25px;
    margin-left: var(--core-navbar-button-image-margin-left)
}

.app-core-navbar .mat-icon-button.mat-badge-small .mat-badge-content {
    border-radius: 5px;
    font-size: 8px;
    right: 0;
    top: 4px
}

.app-core-navbar .btn-chevron-visible:after {
    bottom: -8px;
    left: 50%;
    transform: translate(-50%)
}

.app-core-navbar .sitemap-sportsbook {
    color: #fff;
    font: var(--paragraphs-small);
    padding-bottom: 40px
}

.app-core-navbar.app-core-navbar-v2 {
    background-image: var(--header)
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar, .app-core-navbar.app-core-navbar-v2 .mat-icon-button {
    background-color: unset
}

.app-core-navbar.app-core-navbar-v2 .obg-dga-regulatory-items-container, .app-core-navbar.app-core-navbar-v2 obg-timer {
    background-color: unset
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar-row {
    height: auto;
    flex-wrap: wrap;
    padding: 4px 8px
}

.app-core-navbar.app-core-navbar-v2 .mat-toolbar-multiple-rows {
    min-height: 48px
}

.app-core-navbar.app-core-navbar-v2 .ico-menu, .app-core-navbar.app-core-navbar-v2 .ico-profile {
    line-height: 1.8
}

.app-core-navbar.app-core-navbar-v2 .logo {
    position: static;
    text-align: left;
    margin-right: 8px;
    margin-top: 0;
    margin-left: 9px;
    width: auto;
    flex: 9999 1 78px
}

.app-core-navbar.app-core-navbar-v2 .logo a {
    display: flex;
    align-items: center;
    height: 40px
}

.app-core-navbar.app-core-navbar-v2 .logo img {
    max-height: 32px;
    width: auto
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated {
    display: flex;
    flex: 1 1;
    margin-left: 1px
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated > .register-login-buttons-container {
    display: grid;
    grid-template-columns:repeat(2, minmax(min-content, 1fr));
    flex-grow: 1;
    column-gap: 8px
}

.app-core-navbar.app-core-navbar-v2 .register-login-integrated .mat-button-base {
    text-transform: none;
    padding: 0 16px;
    margin: 0;
    width: 100%;
    border-radius: 4px
}

.app-core-navbar.app-core-navbar-v2 obg-app-balance-button:after {
    content: "";
    height: 24px;
    margin-right: 8px;
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 4px
}


.obg-regulatory-bar {
    font-size: 14px
}


.obg-m-home {
    display: block;
    min-height: 90vh
}


.obg-app-bottom-drawer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--spacing-medium) var(--spacing-small)
}

.obg-app-bottom-drawer-content-logo {
    margin-bottom: var(--spacing-small)
}

.obg-app-bottom-drawer-content-headline {
    font: var(--headline-small);
    text-align: center;
    margin: 0 0 var(--spacing-medium) 0
}

.obg-app-bottom-drawer-content-continue, .obg-app-bottom-drawer-content-dismiss {
    font: var(--paragraphs-regular-bold);
    width: 100%;
    padding: var(--spacing-medium)
}

.obg-app-bottom-drawer-content-continue {
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: var(--border-radius-small);
    margin-bottom: var(--spacing-small)
}

.obg-app-bottom-drawer-content-dismiss {
    background-color: transparent;
    color: var(--primary)
}


.app-register-login-buttons a.mat-button-base {
    height: 32px;
    padding: 0 5px;
    line-height: 32px
}

.app-register-login-buttons a.mat-button-base.mat-stroked-button {
    margin-right: 8px
}

.app-register-login-buttons a.mat-button-base.mat-flat-button {
    padding-top: 1px
}


.obg-footer {
    display: block;
    width: 100%;
    min-width: 305px;
    padding-bottom: env(safe-area-inset-bottom)
}

.obg-footer .obg-icon-list {
    display: flex;
    padding: 16px 0;
    text-align: center
}

.obg-footer .obg-footer-container footer > .obg-icon-list {
    display: block
}

.obg-footer .obg-footer-container footer > .obg-icon-list a, .obg-footer .obg-footer-container footer > .obg-icon-list span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16.6%
}

.obg-footer .obg-footer-container footer > .obg-icon-list .icon-list-container {
    display: flex;
    max-width: 1440px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto
}

.obg-footer .obg-footer-container footer > .obg-icon-list .icon-list-title {
    width: 100%
}

.obg-footer .obg-compact-breadcrumb {
    display: inline-block;
    width: 100%;
    padding: 10px 28px
}

.obg-footer .icon-list-title {
    width: 100%;
    padding: 0;
    margin-bottom: 25px
}

.obg-footer .obg-footer-hgc-regulation-container {
    display: flex;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--on-alternate-surface-low);
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.obg-footer .obg-footer-hgc-regulation-container p {
    font-family: Verdana, Arial, sans-serif;
    white-space: pre-wrap;
    word-break: break-word;
    text-align: center;
    margin: 0
}

.obg-footer .obg-footer-hgc-regulation-container p:after {
    content: "\a";
    white-space: pre
}

.obg-footer .obg-footer-regulation-icon-list.intrinsic-size img {
    height: unset;
    width: unset;
    max-width: unset;
    max-height: unset
}

.obg-footer .obg-footer-regulation-icon-list.intrinsic-size.obg-icon-list a, .obg-footer .obg-footer-regulation-icon-list.intrinsic-size.obg-icon-list span {
    width: unset
}

.obg-footer-other-links > div, .obg-footer-awards > div, .obg-footer-licenses > div, .obg-footer-product-info > div {
    padding: 24px 40px
}

.obg-footer-mobile-menu > div {
    padding: 0 12px
}

.obg-footer > .obg-icon-list {
    padding: 24px 40px
}

.obg-footer-other-links .obg-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 24px 40px
}

.obg-footer-other-links .obg-menu-item {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    cursor: pointer;
    height: 36px;
    margin: 0 7px 10px;
    padding: 8px 10px;
    outline: 0;
    border-radius: 2px;
    border: none
}

.obg-footer-other-links .obg-menu-item i + span {
    padding-left: 10px
}

.obg-footer-other-links button {
    text-align: left
}

.obg-footer-other-links a, .obg-footer-other-links button {
    transition: background-color .2s ease-in-out
}

.obg-footer-licenses div {
    max-width: 1440px;
    margin: 0 auto;
    display: flex
}

.obg-footer-licenses div > a {
    text-align: center;
    padding-right: 30px;
    min-width: 180px
}

.obg-footer-licenses div p a:hover {
    text-decoration: underline
}

.obg-footer-licenses img {
    max-width: 180px;
    width: 100%
}

.obg-footer-licenses p {
    line-height: 1.8
}

.obg-footer-product-info > div {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0 auto;
    justify-content: flex-start
}

.obg-footer .obg-menu-item-list {
    width: 16.6%;
    padding: 20px 16px
}

.obg-footer .obg-menu-item-list .item-list-title {
    margin-bottom: 5px
}

.obg-footer-seo-content {
    display: flex
}

.obg-footer-seo-content > .obg-page-seo-content-container {
    margin: 40px 0;
    max-width: 1440px
}

@media only screen and (max-width: 767px) {
    .obg-footer-seo-content > .obg-page-seo-content-container {
        display: none
    }
}

.obg-footer-seo-content > .obg-page-seo-content-container:empty {
    margin: 0
}

.obg-footer-responsible-gaming-container {
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    width: 100%;
    padding: 24px 40px;
    margin: 0 auto
}

.obg-footer-responsible-gaming-image img {
    max-width: 120px
}

.obg-footer-responsible-gaming .obg-menu {
    text-align: right;
    justify-content: flex-end;
    width: 100%
}

.obg-footer-responsible-gaming .obg-menu a {
    position: relative
}

.obg-footer-responsible-gaming .obg-menu a:not(:last-child):after {
    content: " | ";
    display: inline-block;
    padding: 0 5px
}

.obg-footer-responsible-gaming .obg-menu a:hover {
    text-decoration: underline
}

.obg-footer-responsible-gaming .obg-icon-list {
    border: 0;
    flex-wrap: wrap
}

.obg-footer-responsible-gaming .icon-list-title {
    padding: 5px;
    margin-bottom: 0;
    width: fit-content
}

.obg-footer-responsible-gaming .icon-list-title a:hover {
    text-decoration: underline
}

.obg-footer-responsible-gaming .copyright {
    text-align: right;
    width: 100%
}

.obg-footer-responsible-gaming .obg-footer-responsible-gaming-icon-list .icon-list-container {
    display: flex;
    margin-left: 8px
}

.obg-footer-responsible-gaming-content-description, .obg-footer-responsible-gaming-content-mobile {
    max-width: 1440px;
    margin: 0 auto
}

.obg-footer-responsible-gaming-content-description a:hover, .obg-footer-responsible-gaming-content-mobile a:hover {
    text-decoration: underline
}

.obg-footer-responsible-gaming-content-description {
    padding: 24px 40px
}

.obg-footer-responsible-gaming-content-mobile {
    text-align: center;
    padding: 16px 32px
}

.obg-footer-medium .obg-footer-container a:hover, .obg-footer-small .obg-footer-container a:hover {
    text-decoration: initial
}

.obg-footer-medium .obg-footer-container .obg-icon-list, .obg-footer-small .obg-footer-container .obg-icon-list {
    padding: 8px 16px
}

.obg-footer-medium .obg-footer-container .obg-icon-list a, .obg-footer-small .obg-footer-container .obg-icon-list a {
    transition: none
}

.obg-footer-medium .obg-footer-container .obg-icon-list a:hover, .obg-footer-small .obg-footer-container .obg-icon-list a:hover {
    transform: initial
}

.obg-footer-medium .obg-footer-container .obg-icon-list img, .obg-footer-small .obg-footer-container .obg-icon-list img {
    margin: 4px
}

.obg-footer-medium .obg-footer-container .obg-icon-list .icon-list-title, .obg-footer-small .obg-footer-container .obg-icon-list .icon-list-title {
    margin-bottom: 16px;
    max-width: 100%
}

.obg-footer-medium .obg-footer-container .obg-icon-list .icon-list-container, .obg-footer-small .obg-footer-container .obg-icon-list .icon-list-container {
    flex-wrap: wrap;
    max-width: 100%
}

.obg-footer-medium .obg-footer-container .obg-menu-item-list, .obg-footer-small .obg-footer-container .obg-menu-item-list {
    width: 100%
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses div, .obg-footer-small .obg-footer-container .obg-footer-licenses div {
    flex-direction: column
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses a, .obg-footer-small .obg-footer-container .obg-footer-licenses a {
    justify-content: center;
    padding: 20px 0;
    max-width: 100%
}

.obg-footer-medium .obg-footer-container .obg-footer-licenses p, .obg-footer-small .obg-footer-container .obg-footer-licenses p, .obg-footer-medium .obg-footer-container .obg-menu, .obg-footer-small .obg-footer-container .obg-menu {
    text-align: center
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming {
    padding: 16px
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-icon-list, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-icon-list {
    justify-content: center
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .copyright, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .copyright {
    text-align: center
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .icon-list-title, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .icon-list-title {
    margin-bottom: 12px;
    width: 100%
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .icon-list-container, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .icon-list-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-menu, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-menu {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 16px
}

.obg-footer-medium .obg-footer-container .obg-footer-responsible-gaming .obg-menu a, .obg-footer-small .obg-footer-container .obg-footer-responsible-gaming .obg-menu a {
    padding: 5px 0
}

.obg-footer-medium .obg-footer-container .obg-footer-regulation-icon-list, .obg-footer-small .obg-footer-container .obg-footer-regulation-icon-list {
    border-bottom: none;
    padding-bottom: 0
}

.obg-footer-small .obg-footer-container footer > .obg-icon-list a, .obg-footer-small .obg-footer-container footer > .obg-icon-list span {
    width: 33%
}

.obg-footer-small .obg-footer-other-links .obg-menu {
    flex-direction: column
}

.obg-footer-small .obg-footer-other-links .obg-menu-item {
    margin-left: auto;
    margin-right: auto
}

.obg-footer-medium .obg-footer-container footer > .obg-icon-list a, .obg-footer-medium .obg-footer-container footer > .obg-icon-list span {
    width: 25%
}

.obg-footer-last-login-content {
    padding: 24px 40px;
    text-align: center
}

.obg-footer-last-login-content p {
    margin: 0
}

.obg-footer-awards-content {
    max-width: 1440px;
    margin: 0 auto;
    display: flex
}

.obg-footer-awards-content .obg-icon-list {
    border: 0;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%
}

.obg-footer-awards-content .obg-icon-list span:only-child {
    margin-left: 0
}

.obg-footer-awards-content .obg-icon-list span {
    margin-left: 20px
}

.obg-footer-awards-content .obg-icon-list span img {
    max-height: 88px;
    max-width: 180px;
    width: 100%
}

.obg-footer .obg-footer-responsible-gaming-info-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px
}

.obg-footer .obg-footer-responsible-gaming-info-header {
    margin: auto;
    color: #fff;
    text-align: center;
    font: var(--paragraphs-lead-bold)
}

@media (max-width: 560px) {
    .obg-footer .obg-footer-responsible-gaming-info-header {
        font-size: 14px
    }
}

.obg-footer .obg-footer-responsible-gaming-info-text {
    margin: auto;
    color: #fff;
    text-align: center;
    font: var(--paragraphs-regular-bold)
}

@media (max-width: 560px) {
    .obg-footer .obg-footer-responsible-gaming-info-text {
        font-size: 12px
    }
}


.home-page-v2.obg-footer .obg-icon-list {
    border-bottom: none
}

.home-page-v2.obg-footer .obg-footer-container a.flag-item {
    border: none
}

.home-page-v2.obg-footer .obg-footer-other-links > div, .home-page-v2.obg-footer .obg-footer-licenses > div, .home-page-v2.obg-footer .obg-footer-product-info > div {
    border-bottom: none
}

.home-page-v2.obg-footer .obg-footer-seo-content, .home-page-v2.obg-footer .obg-footer-responsible-gaming, .home-page-v2.obg-footer .obg-footer-responsible-gaming-content, .home-page-v2.obg-footer .obg-footer-product-info, .home-page-v2.obg-footer .obg-footer-licenses, .home-page-v2.obg-footer .obg-footer-last-login, .home-page-v2.obg-footer .obg-footer-awards {
    border-bottom: none
}


.obg-compact-breadcrumb ol {
    padding: 0;
    margin: 0
}

.obg-compact-breadcrumb li {
    display: inline-block
}

.obg-compact-breadcrumb a, .obg-compact-breadcrumb span:not(.ico-chevron-right) {
    text-decoration: underline
}

.obg-compact-breadcrumb .ico-chevron-right {
    margin: 0 8px
}


obg-language-selector {
    display: block
}

obg-language-selector [obgAccordionHeader] {
    padding: 0
}

obg-language-selector [obgAccordionHeader] .ico-arrow-down {
    font-size: 2.8rem;
    transition: transform .2s
}

obg-language-selector [obgAccordionHeader].expanded .ico-arrow-down {
    transform: rotate(180deg)
}

obg-language-selector .image-container {
    display: inline-flex;
    margin: auto 10px auto 0;
    border-radius: 50%;
    width: 24px;
    height: 24px
}

obg-language-selector .flag-item {
    display: inline-flex;
    align-items: center;
    font-size: 1.6rem;
    background-color: transparent;
    padding: 13px 8px 13px 16px
}

obg-language-selector .flag-item.current {
    display: flex;
    justify-content: space-between
}

obg-language-selector .flag-item.current .flag-name {
    flex: auto
}

obg-language-selector obg-accordion-content {
    padding-bottom: 4px
}

obg-language-selector obg-accordion-content .flag-item {
    width: 49%;
    font-weight: 700
}


.obg-icon-list {
    display: block
}

.obg-icon-list .icon-list-title {
    padding: 10px 0
}


obg-footer-license [obgaccordionheader] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px
}

obg-footer-license [obgaccordionheader].expanded [class^=ico-] {
    transform: rotate(180deg)
}

obg-footer-license [obgaccordionheader] [class^=ico-] {
    transition: transform .2s
}

obg-footer-license [obgaccordionheader] span {
    padding: 0 4px
}

obg-footer-license obg-accordion-content {
    padding: 0 16px
}

obg-footer-license obg-accordion-content p {
    padding: 16px;
    margin: 0;
    text-align: center
}


[obgAccordionHeader], obg-accordion-header {
    display: block;
    transition: transform .2s;
    touch-action: manipulation;
    contain: content
}

obg-accordion, obg-accordion-content {
    display: block
}

.obg-accordion-content {
    contain: content;
    overflow: hidden
}

.obg-accordion-content.disable-contain-content {
    contain: none;
    transform: none;
    overflow: visible
}

.obg-accordion-content-expanded-animation {
    animation: expand-animation .2s ease-in;
    max-height: 20000px
}

.obg-accordion-content-collapsed-animation {
    animation: collapse-animation .2s ease-out;
    max-height: 0
}

@keyframes expand-animation {
    0% {
        max-height: 0
    }
    50% {
        max-height: 60px
    }
    to {
        max-height: 20000px
    }
}

@keyframes collapse-animation {
    0% {
        max-height: 20000px
    }
    50% {
        max-height: 60px
    }
    to {
        max-height: 0
    }
}


.obg-menu {
    display: block
}

.obg-menu-header {
    margin: 17px 5px 7px
}

.obg-menu .icon {
    margin-right: 10px
}

.obg-menu .obg-menu-item {
    cursor: pointer
}


.obg-lazy-image {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.obg-lazy-image img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: inherit
}


.obg-m-home-page-v2 {
    display: block;
    background-color: var(--home-page-v2-bg-color, var(--surface))
}

.obg-m-home-page-v2 .btn-color-override {
    background-color: var(--home-btn-override-background-color, var(--secondary));
    color: var(--home-btn-override-color, var(--on-secondary))
}

.obg-m-home-page-v2 .sponsorship-content {
    width: 50%;
    padding: var(--spacing-xlarge) 40px;
    min-height: 296px;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(60% - 48px);
        padding: var(--spacing-large) var(--spacing-xlarge);
        min-height: 280px
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(100% - 75px);
        padding: var(--spacing-medium);
        min-height: 208px
    }
}

.obg-m-home-page-v2 .sponsorship-content-title, .obg-m-home-page-v2 .sponsorship-content-info {
    margin: 0;
    color: var(--on-alternate-surface-hi)
}

.obg-m-home-page-v2 .sponsorship-content-title {
    margin-bottom: var(--spacing-small);
    font: var(--sponsorship-banner-title-font, var(--headline-lead))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-md, var(--headline-regular))
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-sm, var(--headline-small))
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-xs, var(--headline-tiny))
    }
}

.obg-m-home-page-v2 .sponsorship-content-info {
    margin-bottom: var(--spacing-large);
    font: var(--sponsorship-banner-info-font, var(--paragraphs-lead))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-info {
        margin-bottom: var(--spacing-medium);
        font: var(--sponsorship-banner-info-font-md, var(--paragraphs-regular))
    }
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
    margin: auto 0 0;
    padding-top: var(--spacing-small);
    color: var(--on-alternate-surface-hi);
    font: var(--sponsorship-banner-terms-and-conditions-font, var(--paragraphs-regular))
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions a {
    text-decoration: none;
    color: var(--sponsorship-banner-terms-and-conditions-link-text-color, var(--primary-interaction-medium))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
        font: var(--sponsorship-banner-terms-and-conditions-font-md, var(--paragraphs-tiny))
    }
}

.obg-m-home-page-v2 .main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 1190px;
    min-height: 288px;
    margin: 0 auto;
    padding: 40px 16px;
    color: var(--action-banner-text-color,)
}

@media only screen and (min-width: 768px) {
    .obg-m-home-page-v2 .main-banner-content {
        min-height: 400px
    }
}

@media only screen and (min-width: 1331px) {
    .obg-m-home-page-v2 .main-banner-content {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 1023px) {
    .obg-m-home-page-v2 .main-banner-content {
        min-height: 344px;
        padding: 16px
    }
}

.obg-m-home-page-v2 .main-banner-content-title, .obg-m-home-page-v2 .main-banner-content-info {
    max-width: 586px;
    margin: 0 0 8px
}

.obg-m-home-page-v2 .main-banner-content-title {
    display: block;
    margin: 16px 0 8px;
    font: var(--main-banner-title-font, var(--headline-lead));
    color: var(--main-banner-title-text-color, var(--on-alternate-surface-hi));
    text-transform: var(--action-banner-title-text-transform, none)
}

.obg-m-home-page-v2 .main-banner-content-info {
    margin-bottom: 24px;
    font: var(--main-banner-info-font, var(--paragraphs-regular));
    color: var(--main-banner-info-text-color, var(--on-alternate-surface-hi))
}

.obg-m-home-page-v2 .main-banner-content button[type=submit] {
    width: max-content;
    border-radius: 4px;
    min-height: 40px;
    min-width: 125px;
    font: var(--main-banner-button-font, var(--paragraphs-lead-bold));
    color: var(--main-banner-button-text-color, var(--on-secondary));
    background-color: var(--main-banner-button-background-color, var(--secondary))
}

@media only screen and (min-width: 768px) {
    .obg-m-home-page-v2 .main-banner-content button[type=submit] {
        margin-bottom: 16px
    }
}

.obg-m-home-page-v2 .main-banner-content button[type=submit]:hover {
    background-color: var(--main-banner-button-background-color-hover, var(--secondary-interaction-medium))
}

.container {
    max-width: 1190px;
    margin: 0 auto
}

.container.seo-section {
    padding: var(--spacing-medium) 0 var(--spacing-xlarge)
}

@media only screen and (max-width: 1189px) {
    .container.seo-section {
        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-xlarge)
    }
}

.container.sponsorship button[type=submit] {
    height: 56px;
    width: max-content;
    min-width: 129px;
    font: var(--container-sponsorship-button-font, var(--paragraphs-regular-bold));
    color: var(--container-sponsorship-button-text-color, var(--on-secondary));
    background-color: var(--container-sponsorship-button-bg-color, var(--secondary));
    border-radius: var(--border-radius-small)
}

@media only screen and (max-width: 767px) {
    .container.sponsorship button[type=submit] {
        height: 48px;
        min-width: 103px
    }
}

@media only screen and (max-width: 567px) {
    .container.sponsorship button[type=submit] {
        height: var(--spacing-xlarge);
        min-width: 78px
    }
}

.container.sponsorship button[type=submit]:hover {
    background-color: var(--container-sponsorship-button-bg-color-hover, var(--secondary-interaction-medium))
}

.container.sponsorship-cta section {
    padding-top: var(--spacing-medium)
}

@media only screen and (min-width: 1024px) {
    .container.sponsorship-cta section {
        margin: 0 auto;
        max-width: 1190px
    }
}

.container.sponsorship-cta section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 1189px) {
    .container.sponsorship-cta section div[class*=preview-section] {
        padding: 0 16px
    }
}

.container.sponsorship-cta section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi))
}

@media only screen and (max-width: 767px) {
    .container.sponsorship-cta section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small))
    }
}

.container.sponsorship-cta section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent)
}

.container.sponsorship-cta section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color)
}

.container.sponsorship-cta section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low))
}

.container.sponsorship-cta section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low))
}

.container.sponsorship-cta section .mat-button-focus-overlay {
    display: none
}

.container.sponsorship-cta section .preview-items-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    overflow-x: scroll;
    margin: 24px 0 0;
    padding-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .container.sponsorship-cta section .preview-items-wrapper {
        gap: 16px
    }
}

@media only screen and (min-width: 1331px) {
    .container.sponsorship-cta section .preview-items-wrapper {
        overflow-x: unset;
        flex-wrap: wrap
    }
}

.promotion, .play-with-us, .reassurance {
    padding: 16px 0
}

@media only screen and (max-width: 1189px) {
    .play-with-us, .reassurance {
        padding: 16px
    }
}

.responsive {
    padding: 16px 0
}

@media only screen and (max-width: 1189px) {
    .responsive {
        padding: 16px
    }
}

.lobby-selector {
    margin-bottom: 16px
}

.obg-m-main-banner-v2 .main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 1190px;
    max-height: 400px;
    margin: 0 auto;
    padding: 0 var(--spacing-medium)
}

@media only screen and (max-width: 1023px) {
    .obg-m-main-banner-v2 .main-banner-content {
        padding: var(--spacing-medium)
    }
}

@media only screen and (max-width: 940px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 296px
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 328px;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 453px) {
    .obg-m-main-banner-v2 .main-banner-content {
        min-height: 272px
    }
}

.obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
    max-width: 100%;
    display: grid;
    grid-template-columns:1fr 1fr
}

@media only screen and (max-width: 1023px) {
    .obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
        grid-template-columns:3fr 2fr
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-main-banner-v2 .main-banner-content-title, .obg-m-main-banner-v2 .main-banner-content-info {
        grid-template-columns:3fr 1fr
    }
}

.obg-m-main-banner-v2 .main-banner-content-title {
    margin: 0;
    font: var(--main-banner-v2-title-font, var(--headline-lead));
    text-transform: var(--main-banner-v2-title-text-transform, none)
}

@media only screen and (max-width: 940px) {
    .obg-m-main-banner-v2 .main-banner-content-title {
        font: var(--main-banner-v2-title-md-font, var(--headline-regular))
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content-title {
        font: var(--main-banner-v2-title-sm-font, var(--headline-small))
    }
}

.obg-m-main-banner-v2 .main-banner-content-info {
    margin: var(--spacing-small) 0 0;
    font: var(--main-banner-v2-info-font, var(--paragraphs-regular))
}

@media only screen and (max-width: 567px) {
    .obg-m-main-banner-v2 .main-banner-content-info {
        font: var(--main-banner-v2-info-font, var(--paragraphs-small))
    }
}

.obg-m-main-banner-v2 .main-banner-content button[type=submit] {
    width: max-content;
    border-radius: var(--border-radius-small);
    padding: 14px var(--spacing-medium);
    font: var(--main-banner-v2-button-font, var(--paragraphs-regular-bold));
    color: var(--main-banner-v2-button-text-color, var(--on-secondary));
    background-color: var(--main-banner-v2-button-background-color, var(--secondary));
    margin-top: var(--spacing-large)
}

@media only screen and (min-width: 768px) {
    .obg-m-main-banner-v2 .main-banner-content button[type=submit] {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 768px) {
    .obg-m-main-banner-v2 .main-banner-content button[type=submit] {
        font: var(--main-banner-v2-button-font, var(--paragraphs-small-bold));
        padding: var(--spacing-small) var(--spacing-medium)
    }
}

.obg-m-main-banner-v2 .main-banner-content button[type=submit]:hover {
    background-color: var(--main-banner-v2-button-background-color-hover, var(--secondary-interaction-medium))
}


.carousel-media-banner-wrapper {
    padding-top: var(--spacing-medium)
}

@media only screen and (min-width: 1024px) {
    .carousel-media-banner-wrapper {
        margin-left: var(--spacing-medium);
        margin-right: var(--spacing-medium)
    }
}


.obg-product-selector-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.obg-product-selector {
    display: flex;
    flex: 1;
    overflow-x: scroll;
    text-align: center
}

.obg-product-selector-item {
    flex: 1;
    min-width: 85px;
    height: 100%;
    position: relative;
    overflow: hidden
}

.obg-product-selector-item:last-child {
    border-right: 0
}

.obg-product-selector-item.active {
    border-bottom: 0
}

.obg-product-selector-item.active:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.obg-product-selector-label, .obg-product-selector-icon {
    display: block
}


.promotion {
    padding: var(--spacing-medium) 0
}

.promotion offers-cards_collection_v2:not(:defined) {
    display: block;
    min-height: var(--offers-cards-collection-min-height)
}

@media only screen and (max-width: 567px) {
    .promotion offers-cards_collection_v2:not(:defined) {
        min-height: var(--offers-cards-collection-small-min-height)
    }
}


.obg-m-home-page-v2 .sponsorship-content {
    width: 50%;
    padding: var(--spacing-xlarge) 40px;
    min-height: 296px;
    display: flex;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(60% - 48px);
        padding: var(--spacing-large) var(--spacing-xlarge);
        min-height: 280px
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content {
        width: calc(100% - 75px);
        padding: var(--spacing-medium);
        min-height: 208px
    }
}

.obg-m-home-page-v2 .sponsorship-content-title, .obg-m-home-page-v2 .sponsorship-content-info {
    margin: 0;
    color: var(--on-alternate-surface-hi)
}

.obg-m-home-page-v2 .sponsorship-content-title {
    margin-bottom: var(--spacing-small);
    font: var(--sponsorship-banner-title-font, var(--headline-lead))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-md, var(--headline-regular))
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-sm, var(--headline-small))
    }
}

@media only screen and (max-width: 367px) {
    .obg-m-home-page-v2 .sponsorship-content-title {
        font: var(--sponsorship-banner-title-font-xs, var(--headline-tiny))
    }
}

.obg-m-home-page-v2 .sponsorship-content-info {
    margin-bottom: var(--spacing-large);
    font: var(--sponsorship-banner-info-font, var(--paragraphs-lead))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-info {
        margin-bottom: var(--spacing-medium);
        font: var(--sponsorship-banner-info-font-md, var(--paragraphs-regular))
    }
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
    margin: auto 0 0;
    padding-top: var(--spacing-small);
    color: var(--on-alternate-surface-hi);
    font: var(--sponsorship-banner-terms-and-conditions-font, var(--paragraphs-regular))
}

.obg-m-home-page-v2 .sponsorship-content-terms-and-conditions a {
    text-decoration: none;
    color: var(--sponsorship-banner-terms-and-conditions-link-text-color, var(--primary-interaction-medium))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-content-terms-and-conditions {
        font: var(--sponsorship-banner-terms-and-conditions-font-md, var(--paragraphs-tiny))
    }
}

.obg-m-home-page-v2 .sponsorship button[type=submit] {
    height: 56px;
    width: max-content;
    min-width: 129px;
    font: var(--container-sponsorship-button-font, var(--paragraphs-regular-bold));
    color: var(--container-sponsorship-button-text-color, var(--on-secondary));
    background-color: var(--container-sponsorship-button-bg-color, var(--secondary));
    border-radius: var(--border-radius-small)
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship button[type=submit] {
        height: 48px;
        min-width: 103px
    }
}

@media only screen and (max-width: 567px) {
    .obg-m-home-page-v2 .sponsorship button[type=submit] {
        height: var(--spacing-xlarge);
        min-width: 78px
    }
}

.obg-m-home-page-v2 .sponsorship button[type=submit]:hover {
    background-color: var(--container-sponsorship-button-bg-color-hover, var(--secondary-interaction-medium))
}

.obg-m-home-page-v2 .sponsorship-cta section {
    padding-top: var(--spacing-medium)
}

@media only screen and (min-width: 1024px) {
    .obg-m-home-page-v2 .sponsorship-cta section {
        margin: 0 auto;
        max-width: 1190px
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 1189px) {
    .obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] {
        padding: 0 16px
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi))
}

@media only screen and (max-width: 767px) {
    .obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small))
    }
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent)
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color)
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low))
}

.obg-m-home-page-v2 .sponsorship-cta section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low))
}


.obg-m-preview-section section {
    padding: 16px 0
}

@media only screen and (min-width: 1024px) {
    .obg-m-preview-section section {
        margin: 0 auto;
        max-width: 1190px
    }
}

.obg-m-preview-section section div[class*=preview-section] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-section section div[class*=preview-section] {
        padding: 0 16px
    }
}

.obg-m-preview-section section div[class*=preview-section] h2 {
    margin: 0;
    font: var(--preview-section-title-font, var(--headline-regular));
    color: var(--preview-section-title-font-color, var(--on-surface-hi))
}

@media only screen and (max-width: 767px) {
    .obg-m-preview-section section div[class*=preview-section] h2 {
        font: var(--preview-section-title-font, var(--headline-small))
    }
}

.obg-m-preview-section section div[class*=preview-section] a {
    font: var(--preview-section-cta-font, var(--paragraphs-small-bold));
    color: var(--preview-section-cta-text-color, var(--on-surface-color));
    padding: var(--spacing-small) var(--spacing-medium);
    border: 1px solid var(--preview-section-cta-border-color, var(--primary));
    border-radius: var(--border-radius-small);
    background-color: var(--preview-section-cta-bg-color, transparent)
}

.obg-m-preview-section section div[class*=preview-section] a.btn-border-override {
    border-color: var(--site-preview-section-stroked-button-border-color)
}

.obg-m-preview-section section div[class*=preview-section] a.btn-border-override:hover {
    background-color: var(--site-preview-section-stroked-button-bg-color-hover, var(--primary-interaction-low))
}

.obg-m-preview-section section div[class*=preview-section] a:hover {
    background-color: var(--preview-section-cta-bg-color-hover, var(--primary-interaction-low))
}

.obg-m-preview-section section .mat-button-focus-overlay {
    display: none
}

.obg-m-preview-section section .preview-items-wrapper {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    margin: 24px 0 0;
    padding-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-section section .preview-items-wrapper {
        gap: 16px
    }
}

.obg-m-preview-section section .preview-items-wrapper_gaming-thumbnail {
    display: flex
}

.obg-m-preview-section section .mobile-text {
    text-transform: uppercase
}

.obg-m-preview-section section .overflow {
    overflow-x: auto
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-section section .gaming-carousel-parent-container {
        padding-left: 16px
    }
}

.obg-m-preview-section section .game-thumbnail {
    cursor: pointer
}


.obg-m-preview-item-component {
    flex-shrink: 0
}

.obg-m-preview-item-component .ng-lazyloading {
    height: 1px
}

.obg-m-preview-item-component a {
    display: block
}

.obg-m-preview-item-component:last-of-type {
    padding-right: 0
}

.obg-m-preview-item-component:first-of-type {
    padding-left: 0
}

@media only screen and (max-width: 1189px) {
    .obg-m-preview-item-component:last-of-type {
        padding-right: 16px
    }

    .obg-m-preview-item-component:first-of-type {
        padding-left: 16px
    }
}

.obg-m-preview-item-component .preview-item-image {
    position: relative;
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.obg-m-preview-item-component .preview-item-image img {
    height: 100%;
    width: 100%
}

.obg-m-preview-item-component .preview-item-caption, .obg-m-preview-item-component .preview-item-caption-secondary {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.obg-m-preview-item-component .preview-item-caption {
    margin: var(--spacing-small) 0 0;
    color: var(--preview-item-caption-font-color, var(--on-surface-hi));
    font: var(--preview-item-caption-font, var(--paragraphs-regular));
    line-height: 1.45
}

.obg-m-preview-item-component .preview-item-caption-secondary {
    font: var(--preview-item-secondary-caption-font, var(--paragraphs-small));
    color: var(--preview-item-caption-secondary-font-color, var(--on-surface-low));
    line-height: 1.34
}

.obg-m-preview-item-component .obg-preview-item-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSlots\.quick-links {
    width: 158px
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-HomepageSlots\.quick-links {
        width: 185px
    }
}

.obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
    width: 158px
}

@media only screen and (min-width: 568px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
        width: 241px
    }
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-HomepageLiveCasino\.quick-links {
        width: 285px
    }
}

.obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSlots\.quick-links {
    height: 158px
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageCasino\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSportsbook\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageNewGames\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageArcade\.quick-links, .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageSlots\.quick-links {
        height: 185px
    }
}

.obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
    height: 88px
}

@media only screen and (min-width: 568px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
        height: 135px
    }
}

@media only screen and (min-width: 768px) {
    .obg-m-preview-item-component .obg-preview-item-image-wrapper-HomepageLiveCasino\.quick-links {
        height: 160px
    }
}


.obg-m-play-with-us-section-v2 .title {
    color: var(--play-with-us-section-title-text-color, var(--on-surface-hi));
    font: var(--play-with-us-section-title-font, var(--headline-regular));
    margin: 0 0 var(--spacing-large) 0
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .title {
        font: var(--play-with-us-section-title-font, var(--headline-small))
    }
}

.obg-m-play-with-us-section-v2 .play-with-us-section {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: var(--spacing-medium)
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .play-with-us-section {
        grid-template-columns:1fr
    }
}

.obg-m-play-with-us-section-v2 .play-with-us-card {
    display: flex
}

@media only screen and (max-width: 767px) {
    .obg-m-play-with-us-section-v2 .play-with-us-card {
        min-height: 152px
    }
}


.obg-m-faq-section-wrapper-container {
    display: flex;
    flex-direction: column;
    max-width: 1190px;
    width: 100%;
    padding: var(--spacing-medium) 0
}

@media only screen and (max-width: 1189px) {
    .obg-m-faq-section-wrapper-container {
        padding: var(--spacing-medium)
    }
}

.obg-m-faq-section-wrapper .head {
    color: var(--faq-section-wrapper-head-text-color, var(--on-surface-hi));
    font: var(--faq-section-wrapper-head-text-font, var(--headline-regular));
    margin: 0 0 var(--spacing-large)
}

@media only screen and (max-width: 767px) {
    .obg-m-faq-section-wrapper .head {
        font: var(--faq-section-wrapper-head-text-font, var(--headline-small))
    }
}

.obg-m-faq-section-wrapper-content p {
    margin: unset
}

.obg-m-faq-section-wrapper-content a {
    color: var(--faq-section-wrapper-content-link-color, var(--primary));
    font: var(--faq-section-wrapper-content-link-font, var(--paragraphs-regular))
}


seo-section {
    padding: var(--spacing-medium) 0 var(--spacing-xlarge)
}

@media only screen and (max-width: 1189px) {
    seo-section {
        padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-xlarge)
    }
}


.obg-mobile-menu-item-list {
    display: block
}

.obg-mobile-menu-item-list a {
    line-height: 2.8
}

.obg-mobile-menu-item-list-vertical {
    display: flex;
    flex-direction: column
}

.obg-mobile-menu-item-list .mat-expansion-panel-body {
    display: flex;
    flex-direction: column;
    margin: 0
}

.obg-mobile-menu-item-list .mat-expansion-panel-header {
    padding: 0 16px
}

.obg-mobile-menu-item-list:not(:last-child) {
    border-bottom-width: 1px;
    border-bottom-style: solid
}


.mat-expansion-panel {
    --mat-expansion-container-shape: 4px;
    box-sizing: content-box;
    display: block;
    margin: 0;
    overflow: hidden;
    transition: margin 225ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: var(--mat-expansion-container-background-color);
    color: var(--mat-expansion-container-text-color);
    border-radius: var(--mat-expansion-container-shape)
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
}

.mat-accordion .mat-expansion-panel:not(.mat-expanded), .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
    border-radius: 0
}

.mat-accordion .mat-expansion-panel:first-of-type {
    border-top-right-radius: var(--mat-expansion-container-shape);
    border-top-left-radius: var(--mat-expansion-container-shape)
}

.mat-accordion .mat-expansion-panel:last-of-type {
    border-bottom-right-radius: var(--mat-expansion-container-shape);
    border-bottom-left-radius: var(--mat-expansion-container-shape)
}

.cdk-high-contrast-active .mat-expansion-panel {
    outline: solid 1px
}

.mat-expansion-panel.ng-animate-disabled, .ng-animate-disabled .mat-expansion-panel, .mat-expansion-panel._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-content {
    display: flex;
    flex-direction: column;
    overflow: visible;
    font-family: var(--mat-expansion-container-text-font);
    font-size: var(--mat-expansion-container-text-size);
    font-weight: var(--mat-expansion-container-text-weight);
    line-height: var(--mat-expansion-container-text-line-height);
    letter-spacing: var(--mat-expansion-container-text-tracking)
}

.mat-expansion-panel-content[style*="visibility: hidden"] * {
    visibility: hidden !important
}

.mat-expansion-panel-body {
    padding: 0 24px 16px
}

.mat-expansion-panel-spacing {
    margin: 16px 0
}

.mat-accordion > .mat-expansion-panel-spacing:first-child, .mat-accordion > *:first-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-top: 0
}

.mat-accordion > .mat-expansion-panel-spacing:last-child, .mat-accordion > *:last-child:not(.mat-expansion-panel) .mat-expansion-panel-spacing {
    margin-bottom: 0
}

.mat-action-row {
    border-top-style: solid;
    border-top-width: 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 16px 8px 16px 24px;
    border-top-color: var(--mat-expansion-actions-divider-color)
}

.mat-action-row .mat-button-base, .mat-action-row .mat-mdc-button-base {
    margin-left: 8px
}

[dir=rtl] .mat-action-row .mat-button-base, [dir=rtl] .mat-action-row .mat-mdc-button-base {
    margin-left: 0;
    margin-right: 8px
}

.mat-expansion-panel-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 24px;
    border-radius: inherit;
    transition: height 225ms cubic-bezier(0.4, 0, 0.2, 1);
    height: var(--mat-expansion-header-collapsed-state-height);
    font-family: var(--mat-expansion-header-text-font);
    font-size: var(--mat-expansion-header-text-size);
    font-weight: var(--mat-expansion-header-text-weight);
    line-height: var(--mat-expansion-header-text-line-height);
    letter-spacing: var(--mat-expansion-header-text-tracking)
}

.mat-expansion-panel-header.mat-expanded {
    height: var(--mat-expansion-header-expanded-state-height)
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: var(--mat-expansion-header-disabled-state-text-color)
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
    cursor: pointer
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
    background: var(--mat-expansion-header-hover-state-layer-color)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover {
        background: var(--mat-expansion-container-background-color)
    }
}

.mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused {
    background: var(--mat-expansion-header-focus-state-layer-color)
}

.mat-expansion-panel-header._mat-animation-noopable {
    transition: none
}

.mat-expansion-panel-header:focus, .mat-expansion-panel-header:hover {
    outline: none
}

.mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel-header.mat-expanded:hover {
    background: inherit
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before {
    flex-direction: row-reverse
}

.mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 16px 0 0
}

[dir=rtl] .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator {
    margin: 0 0 0 16px
}

.mat-content {
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden
}

.mat-content.mat-content-hide-toggle {
    margin-right: 8px
}

[dir=rtl] .mat-content.mat-content-hide-toggle {
    margin-right: 0;
    margin-left: 8px
}

.mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-left: 24px;
    margin-right: 0
}

[dir=rtl] .mat-expansion-toggle-indicator-before .mat-content.mat-content-hide-toggle {
    margin-right: 24px;
    margin-left: 0
}

.mat-expansion-panel-header-title {
    color: var(--mat-expansion-header-text-color)
}

.mat-expansion-panel-header-title, .mat-expansion-panel-header-description {
    display: flex;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 16px;
    align-items: center
}

[dir=rtl] .mat-expansion-panel-header-title, [dir=rtl] .mat-expansion-panel-header-description {
    margin-right: 0;
    margin-left: 16px
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header-description {
    flex-grow: 2;
    color: var(--mat-expansion-header-description-color)
}

.mat-expansion-indicator::after {
    border-style: solid;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    vertical-align: middle;
    color: var(--mat-expansion-header-indicator-color)
}

.cdk-high-contrast-active .mat-expansion-panel-content {
    border-top: 1px solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}