xgs-root {
        min-height: 100%;
        flex: 1;
      }

      .ngx-spinner {
        left: auto !important;
        right: 10px !important;
      }
    
    
      [_nghost-serverApp-c2071628769] {
        position: relative;
        display: block;
        pointer-events: none;
      }

      [_nghost-serverApp-c2071628769]
        .ngx-spinner[_ngcontent-serverApp-c2071628769] {
        transition: 0.35s linear all;
        display: block;
        position: absolute;
        top: 5px;
        left: 0px;
      }

      [_nghost-serverApp-c2071628769]
        .ngx-spinner[_ngcontent-serverApp-c2071628769]
        .ngx-spinner-icon[_ngcontent-serverApp-c2071628769] {
        width: 14px;
        height: 14px;
        border: solid 2px transparent;
        border-top-color: inherit;
        border-left-color: inherit;
        border-radius: 50%;
        -webkit-animation: _ngcontent-serverApp-c2071628769_loading-bar-spinner
          0.4s linear infinite;
        animation: _ngcontent-serverApp-c2071628769_loading-bar-spinner 0.4s
          linear infinite;
      }

      [_nghost-serverApp-c2071628769]
        .ngx-bar[_ngcontent-serverApp-c2071628769] {
        transition: width 0.35s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 1px;
      }

      [dir="rtl"]
        [_nghost-serverApp-c2071628769]
        .ngx-bar[_ngcontent-serverApp-c2071628769] {
        right: 0;
        left: unset;
      }

      [fixed="true"][_nghost-serverApp-c2071628769] {
        z-index: 10002;
      }

      [fixed="true"][_nghost-serverApp-c2071628769]
        .ngx-bar[_ngcontent-serverApp-c2071628769] {
        position: fixed;
      }

      [fixed="true"][_nghost-serverApp-c2071628769]
        .ngx-spinner[_ngcontent-serverApp-c2071628769] {
        position: fixed;
        top: 10px;
        left: 10px;
      }

      [dir="rtl"]
        [fixed="true"][_nghost-serverApp-c2071628769]
        .ngx-spinner[_ngcontent-serverApp-c2071628769] {
        right: 10px;
        left: unset;
      }

      @-webkit-keyframes _ngcontent-serverApp-c2071628769_loading-bar-spinner {
        0% {
          transform: rotate(0);
        }

        to {
          transform: rotate(360deg);
        }
      }

      @keyframes _ngcontent-serverApp-c2071628769_loading-bar-spinner {
        0% {
          transform: rotate(0);
        }

        to {
          transform: rotate(360deg);
        }
      }
    
    
      [_nghost-serverApp-c2629737257] {
        display: none;
        position: fixed;
        background: #fff;
        bottom: 0;
        height: 52px;
        z-index: 250;
        left: 0;
        width: 100%;
        border-top: 2px solid #e9ecef;
        max-height: 9vh;
      }

      @media screen and (max-width: 640px) {
        [_nghost-serverApp-c2629737257] {
          display: block;
        }
      }

      .xgs-menu-bar[_ngcontent-serverApp-c2629737257] {
        display: flex;
        height: 100%;
      }

      .xgs-menu-bar-item[_ngcontent-serverApp-c2629737257] {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 1vh;
      }

      .xgs-menu-bar-item[_ngcontent-serverApp-c2629737257]
        img[_ngcontent-serverApp-c2629737257]
        + img[_ngcontent-serverApp-c2629737257] {
        display: none;
      }

      .xgs-menu-bar-item.-active[_ngcontent-serverApp-c2629737257]
        img[_ngcontent-serverApp-c2629737257] {
        display: none;
      }

      .xgs-menu-bar-item.-active[_ngcontent-serverApp-c2629737257]
        img[_ngcontent-serverApp-c2629737257]
        + img[_ngcontent-serverApp-c2629737257] {
        display: inline-block;
      }

      .xgs-menu-bar-item_text[_ngcontent-serverApp-c2629737257] {
        font-size: 10px;
        margin-top: 3px;
      }
    
    
      .xgs-footer {
        color: #fff;
        padding: 30px 0;
      }

      .xgs-footer_container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .xgs-ad-wrapper .xgs-footer {
        background: linear-gradient(135deg, #8b0000 0%, #000000 100%);
        padding: 30px;
        margin-bottom: 30px;
        position: relative;
        z-index: 200;
      }

      @media screen and (max-width: 640px) {
        .xgs-footer {
          padding: 20px 10px;
        }
      }

      .xgs-footer hr {
        height: 1px;
        width: 100%;
        border: none;
        background: rgba(255, 255, 255, 0.1);
      }

      .xgs-footer-menu {
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 30px;
      }

      @media screen and (max-width: 880px) {
        .xgs-footer-menu {
          gap: 8px 20px;
        }
      }

      @media screen and (max-width: 640px) {
        .xgs-footer-menu {
          justify-content: center;
          flex: 1;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-footer-menu {
          font-size: 12px;
          gap: 8px 10px;
        }
      }

      .xgs-footer-menu_link {
        padding: 3px 0;
        white-space: nowrap;
        position: relative;
        display: inline-block;
      }

      .xgs-footer-menu_link:before {
        content: "";
        position: absolute;
        height: 0;
        color: inherit;
        border-bottom: 1px solid;
        width: 100%;
        left: 0;
        transition:
          opacity 0.05s linear,
          bottom 0.1s 0.1s;
        opacity: 0;
        bottom: 7px;
      }

      .xgs-footer-menu_link:hover:before {
        width: 100%;
        left: 0;
        bottom: 0;
        opacity: 1;
        transition:
          opacity 0.1s linear,
          bottom 0.2s;
      }
    
    
      .xgs-account-menu {
        position: relative;
        display: flex;
        align-items: center;
        cursor: default;
        white-space: nowrap;
      }

      .xgs-account-menu_username {
        display: inline-block;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    
    
      xgs-mobile-menu .btn-circle-icon {
        font-size: 21px;
      }

      .xgs-mobile-menu-overlay {
        position: fixed;
        width: 100vw;
        height: 100%;
        background: linear-gradient(135deg, #8b0000 0%, #000000 100%);
        left: 0;
        top: 0;
        overflow: hidden;
        display: flex;
        justify-content: center;
        padding-top: 54px;
      }

      @media screen and (max-width: 880px) {
        .xgs-mobile-menu-overlay {
          padding-top: 80px;
        }
      }

      @media screen and (max-width: 640px) {
        .xgs-mobile-menu-overlay {
          padding-top: 54px;
        }
      }

      .xgs-mobile-menu_footer {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        margin-top: auto;
        padding-top: 30px;
        width: 100%;
        margin-bottom: 30px;
      }

      .xgs-mobile-languages {
        margin: 25px 0;
        width: 100%;
        display: flex;
        justify-content: center;
      }

      .xgs-mobile-menu-container {
        height: 100%;
        max-height: 100%;
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        border-top: 1px solid rgba(248, 249, 250, 0.2);
        display: flex;
        flex-direction: column;
      }

      .xgs-mobile-menu {
        font-size: 16px;
        text-align: right;
        width: 100%;
      }

      .xgs-mobile-menu_item {
        cursor: pointer;
        width: 100%;
        display: flex;
        margin-right: 10px;
        padding: 15px 10px;
        align-items: center;
        justify-content: flex-end;
      }

      .xgs-mobile-menu_item.-active {
        font-weight: 700;
      }

      .xgs-mobile-menu_item i {
        transform: translateY(2px);
        display: inline-block;
      }

      .xgs-mobile-menu > li {
        border-bottom: 1px solid rgba(248, 249, 250, 0.2);
      }

      .xgs-mobile-menu > li ul {
        border-top: 1px solid rgba(248, 249, 250, 0.2);
        background: rgba(0, 0, 0, 0.1);
        overflow: hidden;
      }

      .xgs-mobile-menu > li li {
        font-size: 15px;
        border-bottom: 1px solid rgba(248, 249, 250, 0.05);
        margin: 0 10px;
      }

      .xgs-mobile-menu > li li .xgs-mobile-menu_item {
        padding: 10px;
      }

      .xgs-mobile-menu > li li > a {
        margin-right: 10px;
      }

      .xgs-mobile-menu > li li:last-child {
        border: none;
      }
    
    
      .xgs-language-suggestion-popup {
        display: block;
        padding: 20px;
        z-index: 1000;
        position: absolute;
        top: 85px;
        left: 0;
        max-width: calc(100vw - 20px);
      }

      @media screen and (max-width: 640px) {
        .xgs-language-suggestion-popup {
          left: 10px;
          top: 59px;
        }
      }

      @media screen and (max-width: 350px) {
        .xgs-language-suggestion-popup {
          right: 10px;
        }
      }

      .xgs-language-suggestion-popup .btn-dark {
        background-color: #42484f;
      }

      .xgs-language-suggestion-popup .btn-dark:hover {
        background-color: #3b4146;
      }

      .xgs-language-suggestion-popup:after {
        bottom: 100%;
        left: 20px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: #0000;
        border-bottom-color: #495057;
        border-width: 5px;
        margin-left: -5px;
        transition: border-bottom-color 0.2s linear;
      }

      @media screen and (max-width: 640px) {
        .xgs-language-suggestion-popup:after {
          left: 15px;
        }
      }
    
    
      xgs-hamburger-btn {
        display: flex;
        align-items: center;
      }

      .hamburger {
        padding: 10px 0;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        font-size: 0;
        overflow: visible;
        display: inline-block;
        position: relative;
        z-index: 2;
      }

      .hamburger:hover {
        opacity: 1;
      }

      .hamburger:hover .hamburger_inner {
        background: #dae0e5;
      }

      .hamburger:hover .hamburger_inner:before,
      .hamburger:hover .hamburger_inner:after {
        background: #dae0e5;
      }

      .hamburger.-active .hamburger_inner {
        transform: rotate(45deg);
        transition-delay: 0.18s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }

      .hamburger.-active .hamburger_inner:before {
        top: 0;
        opacity: 0;
        transition:
          top 0.15s ease,
          opacity 0.15s 0.18s ease;
      }

      .hamburger.-active .hamburger_inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition:
          bottom 0.15s ease,
          transform 0.15s 0.18s cubic-bezier(0.215, 0.61, 0.355, 1);
      }

      .hamburger .hamburger_box {
        width: 24px;
        height: 20px;
        display: inline-block;
        position: relative;
      }

      .hamburger .hamburger_inner {
        display: block;
        top: 50%;
        width: 100%;
        height: 2px;
        background-color: #f8f9fa;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }

      .hamburger .hamburger_inner:before,
      .hamburger .hamburger_inner:after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: #f8f9fa;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.2s;
        transition-timing-function: ease;
      }

      .hamburger .hamburger_inner:before {
        top: -8px;
        transition:
          top 0.15s 0.18s ease,
          opacity 0.15s ease;
      }

      .hamburger .hamburger_inner:after {
        bottom: -8px;
        transition:
          bottom 0.15s 0.18s ease,
          transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
    
    
      mat-icon,
      mat-icon.mat-primary,
      mat-icon.mat-accent,
      mat-icon.mat-warn {
        color: var(--mat-icon-color);
      }

      .mat-icon {
        -webkit-user-select: none;
        user-select: none;
        background-repeat: no-repeat;
        display: inline-block;
        fill: currentColor;
        height: 24px;
        width: 24px;
        overflow: hidden;
      }

      .mat-icon.mat-icon-inline {
        font-size: inherit;
        height: inherit;
        line-height: inherit;
        width: inherit;
      }

      .mat-icon.mat-ligature-font[fontIcon]::before {
        content: attr(fontIcon);
      }

      [dir="rtl"] .mat-icon-rtl-mirror {
        transform: scale(-1, 1);
      }

      .mat-form-field:not(.mat-form-field-appearance-legacy)
        .mat-form-field-prefix
        .mat-icon,
      .mat-form-field:not(.mat-form-field-appearance-legacy)
        .mat-form-field-suffix
        .mat-icon {
        display: block;
      }

      .mat-form-field:not(.mat-form-field-appearance-legacy)
        .mat-form-field-prefix
        .mat-icon-button
        .mat-icon,
      .mat-form-field:not(.mat-form-field-appearance-legacy)
        .mat-form-field-suffix
        .mat-icon-button
        .mat-icon {
        margin: auto;
      }
    
    
      .xgs-language-flag {
        border-radius: 50%;
      }

      @media screen and (max-width: 640px) {
        .xgs-language-flag {
          width: 22px;
          height: 22px;
        }
      }
    
    
      .social-block {
        display: flex;
        width: 100%;
        justify-content: flex-end;
      }

      @media screen and (max-width: 880px) {
        .social-block {
          margin-left: 5px;
        }
      }

      .social-block li {
        margin-left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      @media screen and (max-width: 880px) {
        .social-block li {
          margin: 0 12px;
        }
      }

      @media screen and (max-width: 768px) {
        .social-block li {
          margin: 0 10px;
        }
      }

      .social-block mat-icon {
        width: 24px;
        height: 24px;
      }

      .social-link {
        display: inline-flex;
        position: relative;
        z-index: 1;
      }

      .social-link:before {
        content: "";
        position: absolute;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.15);
        top: 50%;
        left: 50%;
        width: 160%;
        height: 160%;
        transform: translate(-50%, -50%) scale(0.5);
        z-index: -1;
        opacity: 0;
        transition: all 0.2s linear;
      }

      @media screen and (max-width: 880px) {
        .social-link:before {
          opacity: 1;
          transform: translate(-50%, -50%) scale(1);
        }
      }

      .social-link:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    
    
      .xgs-hero > *:last-child {
        display: block;
        margin-bottom: 40px;
      }

      @media screen and (max-width: 640px) {
        .xgs-hero > *:last-child {
          margin-bottom: 30px;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-hero {
          margin-top: -20px;
        }
      }
    
    
      [_nghost-serverApp-c1208934601] {
        display: flex;
        min-height: 100%;
        flex: 1;
        background: #fff;
      }
    
    
      @media screen and (max-width: 640px) {
        .xgs-premium-prediction-ribbon[_ngcontent-serverApp-c2507127094] {
          min-height: 230px;
        }
      }

      .xgs-premium-prediction-ribbon_text[_ngcontent-serverApp-c2507127094] {
        font-size: 24px;
      }

      @media screen and (max-width: 768px) {
        .xgs-premium-prediction-ribbon_text[_ngcontent-serverApp-c2507127094] {
          font-size: 20px;
        }
      }

      @media screen and (max-width: 640px) {
        .xgs-premium-prediction-ribbon_text[_ngcontent-serverApp-c2507127094] {
          font-size: 18px;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-premium-prediction-ribbon_text[_ngcontent-serverApp-c2507127094] {
          font-size: 17px;
        }
      }

      .xgs-premium-prediction-ribbon_badge[_ngcontent-serverApp-c2507127094] {
        width: 110px;
      }

      @media screen and (max-width: 768px) {
        .xgs-premium-prediction-ribbon_badge[_ngcontent-serverApp-c2507127094] {
          width: 90px;
        }
      }

      @media screen and (max-width: 640px) {
        .xgs-premium-prediction-ribbon_badge[_ngcontent-serverApp-c2507127094] {
          width: 80px;
        }
      }

      @media screen and (max-width: 350px) {
        .xgs-premium-prediction-ribbon_badge[_ngcontent-serverApp-c2507127094] {
          width: 60px;
        }
      }
    
    
      @media screen and (max-width: 640px) {
        xgs-category-forecasts-gallery .xgs-scroll-arrow {
          box-shadow: none;
          color: #2d7581;
        }
      }

      .xgs-category-forecasts-gallery-container {
        margin: -10px 0;
        padding: 10px 0;
        overflow: auto;
        max-width: 100vw;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
      }

      .xgs-category-forecasts-gallery-container::-webkit-scrollbar {
        display: none;
      }

      @media screen and (max-width: 480px) {
        .xgs-category-forecasts-gallery-container {
          margin: -10px;
          padding: 10px;
        }
      }

      .xgs-category-forecasts-gallery {
        display: flex;
      }

      @media screen and (max-width: 640px) {
        .xgs-category-forecasts-gallery {
          width: 120%;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-category-forecasts-gallery {
          width: 160%;
        }
      }

      .xgs-category-forecasts-gallery_icon {
        display: none;
        width: 45px;
        height: 45px;
        margin-top: 10px;
      }

      @media screen and (max-width: 480px) {
        .xgs-category-forecasts-gallery_icon {
          height: 35px;
          width: 35px;
        }
      }

      .xgs-category-forecasts-gallery_card {
        width: 25%;
        height: 150px;
        display: flex;
        align-items: flex-end;
        margin-right: 10px;
        background-color: #221c37;
        background-size: 100%;
        overflow: hidden;
      }

      .xgs-category-forecasts-gallery_card:hover {
        background-size: 103%;
      }

      @media screen and (max-width: 1340px) {
        .xgs-category-forecasts-gallery_card {
          height: 140px;
          background-size: cover;
        }

        .xgs-category-forecasts-gallery_card:hover {
          background-size: cover;
        }
      }

      @media screen and (max-width: 1024px) {
        .xgs-category-forecasts-gallery_card {
          height: 140px;
        }
      }

      @media screen and (max-width: 880px) {
        .xgs-category-forecasts-gallery_card {
          height: 130px;
        }
      }

      @media screen and (max-width: 768px) {
        .xgs-category-forecasts-gallery_card {
          height: 120px;
          padding: 12px;
        }
      }

      @media screen and (max-width: 640px) {
        .xgs-category-forecasts-gallery_card {
          background: none !important;
          color: #534f59;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          box-shadow: none;
          border: 1px solid #e9ecef;
          margin: 0;
          border-radius: 0;
        }

        .xgs-category-forecasts-gallery_card .xgs-image-card_title {
          background: transparent;
          flex: none;
          padding: 0;
          margin: 0;
        }

        .xgs-category-forecasts-gallery_card:hover {
          box-shadow: none;
        }

        .xgs-category-forecasts-gallery_card:not(:first-child) {
          border-left: none;
        }

        .xgs-category-forecasts-gallery_card:before {
          display: none;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-category-forecasts-gallery_card {
          height: 100px;
        }
      }

      .xgs-category-forecasts-gallery_card:last-child {
        margin-right: 0 !important;
      }
    
    
      xgs-article {
        display: block;
      }

      xgs-article.-highlighted {
        margin: 0 -30px;
      }

      @media screen and (max-width: 1340px) {
        xgs-article.-highlighted {
          margin: 0 -25px;
        }
      }

      @media screen and (max-width: 880px) {
        xgs-article.-highlighted {
          margin: 0 -20px;
        }
      }

      @media screen and (max-width: 640px) {
        xgs-article.-highlighted {
          margin: 0 -10px;
        }
      }

      .xgs-article {
        padding: 30px 0;
      }

      @media screen and (max-width: 1024px) {
        .xgs-article {
          padding: 20px 0;
        }
      }

      @media screen and (max-width: 768px) {
        .xgs-article {
          padding: 0 0 10px;
        }
      }

      .xgs-article.-highlighted {
        background-color: #2aa6ae0d;
        padding: 50px 0;
      }

      @media screen and (max-width: 768px) {
        .xgs-article.-highlighted {
          padding: 40px 0;
        }
      }

      @media screen and (max-width: 768px) {
        .xgs-article.-highlighted {
          padding: 30px 0;
        }
      }

      .xgs-article_title {
        font-size: 28px;
        font-family:
          Roboto Condensed,
          Arial Narrow,
          sans-serif;
        margin: 0 0 0.6em;
        line-height: 1.2;
        font-weight: 700;
      }

      @media screen and (max-width: 640px) {
        .xgs-article_title {
          font-size: 25px;
        }
      }

      .xgs-article_image {
        margin-bottom: 1em;
      }

      .xgs-article_image img {
        border-radius: 4px;
        max-width: 100%;
        width: 100%;
        height: auto;
      }

      .xgs-article_date {
        margin-top: -0.8em;
        color: #a4a7ad;
      }

      .xgs-article_content {
        padding: 0 30px;
      }

      @media screen and (max-width: 768px) {
        .xgs-article_content {
          padding: 0;
        }
      }

      .xgs-article_content.-reduced {
        padding: 0;
      }

      .xgs-article_content.-reduced .xgs-article_title {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        display: block !important;
      }

      .xgs-article_content.-reduced .text-content p,
      .xgs-article_content.-reduced .text-content ul,
      .xgs-article_content.-reduced .text-content ol,
      .xgs-article_content.-reduced .text-content h1,
      .xgs-article_content.-reduced .text-content h2,
      .xgs-article_content.-reduced .text-content h3,
      .xgs-article_content.-reduced .text-content h4,
      .xgs-article_content.-reduced .text-content h5,
      .xgs-article_content.-reduced .text-content h6 {
        max-width: 700px;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
      }

      .xgs-article_content.-large .xgs-article_title {
        font-size: 32px;
      }

      @media screen and (max-width: 640px) {
        .xgs-article_content.-large .xgs-article_title {
          font-size: 27px;
        }
      }

      .xgs-article_content.-large .text-content {
        font-size: 18px;
      }

      @media screen and (max-width: 768px) {
        .xgs-article_content.-large .text-content {
          font-size: 17px;
        }
      }

      .xgs-article .xgs-scroll-content {
        margin-right: 25px;
        padding-left: 25px;
      }
    
    
      xgs-sidebar {
        display: block;
        width: 340px;
        background: #fff;
        box-shadow: 0 10px 20px 10px #0000000d;
        z-index: 100;
      }

      @media screen and (max-width: 1340px) {
        xgs-sidebar {
          width: 280px;
        }
      }

      @media screen and (max-width: 1100px) {
        xgs-sidebar {
          display: none;
        }
      }
    
    
      xgs-fixtures-period-toggle {
        display: flex;
      }
    
    
      .sidebar-tournaments {
        margin-left: -15px;
        margin-right: -15px;
        border-top: 1px solid #e9ecef;
      }

      .sidebar-tournaments_link {
        display: flex;
        align-items: center;
        padding: 7px 15px;
        border-bottom: 1px solid #e9ecef;
        justify-content: space-between;
        cursor: pointer;
        border-left: 3px solid transparent;
      }

      .sidebar-tournaments_link.-active {
        border-left: 3px solid #2d7581;
        cursor: default;
        transition: border 0.3s linear;
      }

      .sidebar-tournaments_link.-active:hover {
        box-shadow: none;
      }

      .sidebar-tournaments_link:hover {
        box-shadow: 0 0 10px #00000014;
      }

      .sidebar-tournaments_link:hover .ft-chevron-right {
        transform: translate(4px);
      }

      .sidebar-tournaments_link img {
        width: 32px;
        height: 32px;
        margin-right: 10px;
      }

      .sidebar-tournaments_link .ft-chevron-right {
        font-size: 22px;
        transition: all 0.1s linear;
      }
    
    
      .mat-button-toggle-standalone,
      .mat-button-toggle-group {
        --mat-legacy-button-toggle-height: 36px;
        --mat-legacy-button-toggle-shape: 2px;
        --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
        position: relative;
        display: inline-flex;
        flex-direction: row;
        white-space: nowrap;
        overflow: hidden;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        transform: translateZ(0);
        border-radius: var(--mat-legacy-button-toggle-shape);
      }

      .mat-button-toggle-standalone:not([class*="mat-elevation-z"]),
      .mat-button-toggle-group: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);
      }

      .cdk-high-contrast-active .mat-button-toggle-standalone,
      .cdk-high-contrast-active .mat-button-toggle-group {
        outline: solid 1px;
      }

      .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
      .mat-button-toggle-group-appearance-standard {
        --mat-standard-button-toggle-shape: 4px;
        --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
        --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
        border-radius: var(--mat-standard-button-toggle-shape);
        border: solid 1px var(--mat-standard-button-toggle-divider-color);
      }

      .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not(
          [class*="mat-elevation-z"]
        ),
      .mat-button-toggle-group-appearance-standard:not(
        [class*="mat-elevation-z"]
      ) {
        box-shadow: none;
      }

      .cdk-high-contrast-active
        .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
      .cdk-high-contrast-active .mat-button-toggle-group-appearance-standard {
        outline: 0;
      }

      .mat-button-toggle-vertical {
        flex-direction: column;
      }

      .mat-button-toggle-vertical .mat-button-toggle-label-content {
        display: block;
      }

      .mat-button-toggle {
        white-space: nowrap;
        position: relative;
        color: var(--mat-legacy-button-toggle-text-color);
        font-family: var(--mat-legacy-button-toggle-text-font);
      }

      .mat-button-toggle.cdk-keyboard-focused .mat-button-toggle-focus-overlay {
        opacity: var(--mat-legacy-button-toggle-focus-state-layer-opacity);
      }

      .mat-button-toggle .mat-icon svg {
        vertical-align: top;
      }

      .mat-button-toggle-checked {
        color: var(--mat-legacy-button-toggle-selected-state-text-color);
        background-color: var(
          --mat-legacy-button-toggle-selected-state-background-color
        );
      }

      .mat-button-toggle-disabled {
        color: var(--mat-legacy-button-toggle-disabled-state-text-color);
        background-color: var(
          --mat-legacy-button-toggle-disabled-state-background-color
        );
      }

      .mat-button-toggle-disabled.mat-button-toggle-checked {
        background-color: var(
          --mat-legacy-button-toggle-disabled-selected-state-background-color
        );
      }

      .mat-button-toggle-appearance-standard {
        --mat-standard-button-toggle-shape: 4px;
        --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
        --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
        color: var(--mat-standard-button-toggle-text-color);
        background-color: var(--mat-standard-button-toggle-background-color);
        font-family: var(--mat-standard-button-toggle-text-font);
      }

      .mat-button-toggle-group-appearance-standard
        .mat-button-toggle-appearance-standard
        + .mat-button-toggle-appearance-standard {
        border-left: solid 1px var(--mat-standard-button-toggle-divider-color);
      }

      [dir="rtl"]
        .mat-button-toggle-group-appearance-standard
        .mat-button-toggle-appearance-standard
        + .mat-button-toggle-appearance-standard {
        border-left: none;
        border-right: solid 1px var(--mat-standard-button-toggle-divider-color);
      }

      .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical
        .mat-button-toggle-appearance-standard
        + .mat-button-toggle-appearance-standard {
        border-left: none;
        border-right: none;
        border-top: solid 1px var(--mat-standard-button-toggle-divider-color);
      }

      .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
        color: var(--mat-standard-button-toggle-selected-state-text-color);
        background-color: var(
          --mat-standard-button-toggle-selected-state-background-color
        );
      }

      .mat-button-toggle-appearance-standard.mat-button-toggle-disabled {
        color: var(--mat-standard-button-toggle-disabled-state-text-color);
        background-color: var(
          --mat-standard-button-toggle-disabled-state-background-color
        );
      }

      .mat-button-toggle-appearance-standard.mat-button-toggle-disabled.mat-button-toggle-checked {
        color: var(
          --mat-standard-button-toggle-disabled-selected-state-text-color
        );
        background-color: var(
          --mat-standard-button-toggle-disabled-selected-state-background-color
        );
      }

      .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
        background-color: var(--mat-standard-button-toggle-state-layer-color);
      }

      .mat-button-toggle-appearance-standard:not(
          .mat-button-toggle-disabled
        ):hover
        .mat-button-toggle-focus-overlay {
        opacity: var(--mat-standard-button-toggle-hover-state-layer-opacity);
      }

      .mat-button-toggle-appearance-standard.cdk-keyboard-focused:not(
          .mat-button-toggle-disabled
        )
        .mat-button-toggle-focus-overlay {
        opacity: var(--mat-standard-button-toggle-focus-state-layer-opacity);
      }

      @media (hover: none) {
        .mat-button-toggle-appearance-standard:not(
            .mat-button-toggle-disabled
          ):hover
          .mat-button-toggle-focus-overlay {
          display: none;
        }
      }

      .mat-button-toggle-label-content {
        -webkit-user-select: none;
        user-select: none;
        display: inline-block;
        padding: 0 16px;
        line-height: var(--mat-legacy-button-toggle-height);
        position: relative;
      }

      .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
        padding: 0 12px;
        line-height: var(--mat-standard-button-toggle-height);
      }

      .mat-button-toggle-label-content > * {
        vertical-align: middle;
      }

      .mat-button-toggle-focus-overlay {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        border-radius: inherit;
        pointer-events: none;
        opacity: 0;
        background-color: var(--mat-legacy-button-toggle-state-layer-color);
      }

      .cdk-high-contrast-active
        .mat-button-toggle-checked
        .mat-button-toggle-focus-overlay {
        border-bottom: solid 500px;
        opacity: 0.5;
        height: 0;
      }

      .cdk-high-contrast-active
        .mat-button-toggle-checked:hover
        .mat-button-toggle-focus-overlay {
        opacity: 0.6;
      }

      .cdk-high-contrast-active
        .mat-button-toggle-checked.mat-button-toggle-appearance-standard
        .mat-button-toggle-focus-overlay {
        border-bottom: solid 500px;
      }

      .mat-button-toggle .mat-button-toggle-ripple {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        pointer-events: none;
      }

      .mat-button-toggle-button {
        border: 0;
        background: none;
        color: inherit;
        padding: 0;
        margin: 0;
        font: inherit;
        outline: none;
        width: 100%;
        cursor: pointer;
      }

      .mat-button-toggle-disabled .mat-button-toggle-button {
        cursor: default;
      }

      .mat-button-toggle-button::-moz-focus-inner {
        border: 0;
      }
    
    
      .mat-progress-spinner {
        display: block;
        position: relative;
        overflow: hidden;
      }

      .mat-progress-spinner svg {
        position: absolute;
        transform: rotate(-90deg);
        top: 0;
        left: 0;
        transform-origin: center;
        overflow: visible;
      }

      .mat-progress-spinner circle {
        fill: rgba(0, 0, 0, 0);
        transition: stroke-dashoffset 225ms linear;
      }

      .cdk-high-contrast-active .mat-progress-spinner circle {
        stroke: CanvasText;
      }

      .mat-progress-spinner[mode="indeterminate"] svg {
        animation: mat-progress-spinner-linear-rotate 2000ms linear infinite;
      }

      .mat-progress-spinner[mode="indeterminate"] circle {
        transition-property: stroke;
        animation-duration: 4000ms;
        animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
        animation-iteration-count: infinite;
      }

      .mat-progress-spinner._mat-animation-noopable svg,
      .mat-progress-spinner._mat-animation-noopable circle {
        animation: none;
        transition: none;
      }

      @keyframes mat-progress-spinner-linear-rotate {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      @keyframes mat-progress-spinner-stroke-rotate-100 {
        0% {
          stroke-dashoffset: 268.606171575px;
          transform: rotate(0);
        }

        12.5% {
          stroke-dashoffset: 56.5486677px;
          transform: rotate(0);
        }

        12.5001% {
          stroke-dashoffset: 56.5486677px;
          transform: rotateX(180deg) rotate(72.5deg);
        }

        25% {
          stroke-dashoffset: 268.606171575px;
          transform: rotateX(180deg) rotate(72.5deg);
        }

        25.0001% {
          stroke-dashoffset: 268.606171575px;
          transform: rotate(270deg);
        }

        37.5% {
          stroke-dashoffset: 56.5486677px;
          transform: rotate(270deg);
        }

        37.5001% {
          stroke-dashoffset: 56.5486677px;
          transform: rotateX(180deg) rotate(161.5deg);
        }

        50% {
          stroke-dashoffset: 268.606171575px;
          transform: rotateX(180deg) rotate(161.5deg);
        }

        50.0001% {
          stroke-dashoffset: 268.606171575px;
          transform: rotate(180deg);
        }

        62.5% {
          stroke-dashoffset: 56.5486677px;
          transform: rotate(180deg);
        }

        62.5001% {
          stroke-dashoffset: 56.5486677px;
          transform: rotateX(180deg) rotate(251.5deg);
        }

        75% {
          stroke-dashoffset: 268.606171575px;
          transform: rotateX(180deg) rotate(251.5deg);
        }

        75.0001% {
          stroke-dashoffset: 268.606171575px;
          transform: rotate(90deg);
        }

        87.5% {
          stroke-dashoffset: 56.5486677px;
          transform: rotate(90deg);
        }

        87.5001% {
          stroke-dashoffset: 56.5486677px;
          transform: rotateX(180deg) rotate(341.5deg);
        }

        100% {
          stroke-dashoffset: 268.606171575px;
          transform: rotateX(180deg) rotate(341.5deg);
        }
      }
    
    
      @keyframes mat-progress-spinner-stroke-rotate-50 {
        0% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotate(0);
        }

        12.5% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotate(0);
        }

        12.5001% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotateX(180deg) rotate(72.5deg);
        }

        25% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotateX(180deg) rotate(72.5deg);
        }

        25.0001% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotate(270deg);
        }

        37.5% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotate(270deg);
        }

        37.5001% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotateX(180deg) rotate(161.5deg);
        }

        50% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotateX(180deg) rotate(161.5deg);
        }

        50.0001% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotate(180deg);
        }

        62.5% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotate(180deg);
        }

        62.5001% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotateX(180deg) rotate(251.5deg);
        }

        75% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotateX(180deg) rotate(251.5deg);
        }

        75.0001% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotate(90deg);
        }

        87.5% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotate(90deg);
        }

        87.5001% {
          stroke-dashoffset: 25.132741228718345;
          transform: rotateX(180deg) rotate(341.5deg);
        }

        100% {
          stroke-dashoffset: 119.38052083641213;
          transform: rotateX(180deg) rotate(341.5deg);
        }
      }
    
    
      @charset "UTF-8";
      @media (hover: hover) {
        .xgs-public-forecast-fixture:hover .xgs-mark-group {
          opacity: 0;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-public-forecast-fixture .xgs-mark .text-xs-tiny {
          font-size: 11px !important;
        }
      }

      .xgs-public-forecast-fixture_odd {
        display: flex;
      }

      .xgs-public-forecast-fixture-score {
        text-align: center;
        position: relative;
        background: linear-gradient(90deg, #2aa6ae 0%, #a04c7e);
        border-radius: 2px;
        overflow: hidden;
      }

      .xgs-public-forecast-fixture-score_label {
        content: "\41f\440\43e\433\43d\43e\437";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        color: #fff;
      }

      @media screen and (max-width: 640px) {
        .xgs-public-forecast-fixture-score_label {
          font-size: 11px;
        }
      }

      @media screen and (max-width: 480px) {
        .xgs-public-forecast-fixture-score_label {
          font-size: 10px;
        }
      }

      .xgs-public-forecast-fixture-score .xgs-mark-group {
        position: relative;
        z-index: 1;
        transition: opacity 0.3s ease-out;
      }

      @media (hover: hover) {
        .xgs-public-forecast-fixture:hover
          .xgs-public-forecast-fixture-score
          .xgs-mark-group {
          opacity: 0;
        }
      }

      .xgs-public-forecast-fixture-score .xgs-mark-group .xgs-mark strong {
        transition: transform 0.3s linear;
        display: inline-block;
      }

      @media (hover: hover) {
        .xgs-public-forecast-fixture:hover
          .xgs-public-forecast-fixture-score
          .xgs-mark-group
          .xgs-mark
          strong {
          transform: translate(-150%);
        }
      }

      @media (hover: hover) {
        .xgs-public-forecast-fixture:hover
          .xgs-public-forecast-fixture-score
          .xgs-mark-group
          .xgs-mark:first-child
          strong {
          transform: translate(150%);
        }
      }
    
    
      xgs-tournament-label {
        display: flex;
        align-items: center;
      }

      .xgs-tournament-label-logo {
        width: 32px;
        position: relative;
      }

      @media screen and (max-width: 640px) {
        .xgs-tournament-label-logo {
          width: 24px;
        }
      }

      .xgs-tournament-label-logo img {
        position: absolute;
        width: 100%;
        height: 32px;
        transform: translateY(-50%);
        top: 50%;
      }

      @media screen and (max-width: 640px) {
        .xgs-tournament-label-logo img {
          height: 24px;
        }
      }