<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*!
Theme Name: Sports Hunter
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sports-hunter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sports Hunter is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body {
    margin: 0;
    background: white;
    transition: all ease .5s;
    opacity: 0
}

body.dark-mode {
    background: #0b171f
}

html * {
    font-family: "Poppins",sans-serif;
    box-sizing: border-box;
    transition: background ease .5s
}

.container {
    max-width: 1395px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}

header {
    padding: 10px 0;
    position: relative;
    z-index: 1
}

.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-main .site-logo {
    max-width: 50%;
    width: 100%
}

.header-main .site-logo img {
    max-height: 60px;
    width: auto
}

.mobile-sports {
    display: none
}

.teams .teams-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 22px 10px;
    justify-content: flex-start;
    overflow: auto;
    flex-direction: column;
    height: 100vh;
    border-radius: 5px;
    background: #efeff1
}

.teams .teams-main img {
    max-width: 36px;
    width: 100%;
    height: auto;
    aspect-ratio: 1
}

.teams {
    max-width: 20%;
    width: 100%
}

.site-mode {
    max-width: 88px;
    width: 100%;
    display: flex
}

.mobile-sports svg path {
    fill: black
}

body.dark-mode .mobile-sports svg path {
    fill: white
}

.site-mode img {
    width: 100%
}

.matches .matches-main {
    display: flex;
    justify-content: space-between;
    gap: 60px
}

.matches .matches-main .live-matches {
    width: 100%
}

.matches .matches-main .live-scores {
    max-width: calc(23% - 30px);
    width: 100%
}

.matches .matches-main .live-channels h2 {
    color: #121627;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 12px
}

section.matches {
    padding: 80px 0 140px
}

.matches .matches-main .live-channels-main {
    display: flex;
    padding: 20px 40px;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #efefef;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)
}

.matches .matches-main .live-channels-main .channel-card {
    max-width: 155px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 33px
}

.matches .matches-main .live-channels-main .channel-card a {
    color: #121627;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 7px 16px;
    border: 1px solid #121627
}

a.watch-btn::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlBsYXkgQnV0dG9uIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNjQ2XzExMDE1KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik02IDAuNUMyLjY4NjM0IDAuNSAwIDMuMTg2MjkgMCA2LjVDMCA5LjgxMzcxIDIuNjg2MzQgMTIuNSA2IDEyLjVDOS4zMTM2NiAxMi41IDEyIDkuODEzNzEgMTIgNi41QzEyIDMuMTg2MjkgOS4zMTM2NiAwLjUgNiAwLjVaTTguMDczNzUgNi44MTgwNUw1LjA3Mzc1IDguNjkzMDVDNS4wMTMwNSA4LjczMDk1IDQuOTQ0MDIgOC43NSA0Ljg3NSA4Ljc1QzQuODEyNDcgOC43NSA0Ljc0OTg0IDguNzM0NDQgNC42OTMxNyA4LjcwMjk0QzQuNTczOTcgOC42MzY4NCA0LjUgOC41MTE0MSA0LjUgOC4zNzVWNC42MjVDNC41IDQuNDg4NTkgNC41NzM5NyA0LjM2MzE2IDQuNjkzMTcgNC4yOTcwNkM0LjgxMjM4IDQuMjMwNTkgNC45NTgxMyA0LjIzNDYyIDUuMDczNzUgNC4zMDY5NUw4LjA3Mzc1IDYuMTgxOTVDOC4xODMzNCA2LjI1MDYyIDguMjUgNi4zNzA3NCA4LjI1IDYuNUM4LjI1IDYuNjI5MjYgOC4xODMzNCA2Ljc0OTQgOC4wNzM3NSA2LjgxODA1WiIgZmlsbD0iI0U0RTRFNyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY0Nl8xMTAxNSI+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC41KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=");
    max-width: 12px;
    width: 100%;
    display: block;
    aspect-ratio: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

a.watch-btn {
    display: flex;
    gap: 6px;
    max-width: 117px;
    width: 100%;
    border-radius: 2px
}

.matches .matches-main :is(.live-matches-today,.other-sports) {
    padding: 20px 16px;
    border-radius: 5px;
    background: #efeff1
}

.match-scroller {
    --row-height: 122px;
    max-height: calc(var(--row-height) * 7);
    overflow: auto;
}

.match-scroller::-webkit-scrollbar {
  width: 7px;
}

.match-scroller::-webkit-scrollbar-track {
  background: transparent;
  border: 1px solid transparent;
}

.match-scroller::-webkit-scrollbar-thumb {
  background: #7777;
  border-radius: 50px;
  border: 1px solid transparent;
}

.match-scroller::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.matches .matches-main .live-matches-main h2 {
    color: #121627;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: fit-content;
}

.matches .matches-main .live-matches-main h3 {
    color: #121627;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px
}

.matches .matches-main .live-matches-main .single-live-match {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 16px;
    background: #efefef;
    height: var(--row-height);
}

.matches .matches-main .live-matches-main .single-live-match .league-logo {
    max-width: 30px;
    height: auto;
    width: 100%;
    aspect-ratio: 1
}

.matches .matches-main .live-matches-main .single-live-match .league-logo img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    display: block
}

.matches .matches-main .live-matches-main .single-live-match-scores {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 70%;
    width: 100%;
    justify-content: center
}

.matches .matches-main .live-matches-main .single-live-match-scores.skeleton-loader {
    height: 35px;
    display: block;
}

.match-card-links {
    display: flex;
    max-width: 30%;
    width: 100%;
    justify-content: flex-end;
    gap: 8px;
    align-items: center
}

.match-card-links .hd-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    border-radius: 2px;
    background: var(--primary);
    padding: 7px 12px
}

.matches .matches-main .live-matches-main .single-live-match:not(:last-of-type) {
    margin-bottom: 20px
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #121627;
    max-width: 40%;
    width: 100%
}

.matches .matches-main .live-matches-main .single-live-match-scores .versus {
    color: black;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.matches .matches-main .live-matches-main .single-live-match .live-match-score {
    color: #121627;
    font-size: 14px;
    font-weight: 400;
    line-height: normal
}

.matches .matches-main .live-matches-main .single-live-match .match-time {
    color: #121627;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: max-content
}

.matches .matches-main .live-matches-main .single-live-match a.watch-btn {
    color: #e4e4e7;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 7px 16px;
    background: black;
    max-width: 43%;
    width: 100%
}

.matches .matches-main .live-matches-main .live-matches-tomorrow {
    margin-bottom: 60px
}

.live-matches-today {
    margin-bottom: 16px
}

.matches .matches-main .live-scores h2 {
    color: #121627;
    font-family: "Inter",serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 45px
}

.matches .matches-main .live-scores .single-score :is(.team-1,.team-2) {
    color: #121627;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.matches .matches-main .live-scores .single-score {
    padding-bottom: 20px;
    border-bottom: 1px solid #a1a1aa;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.matches .matches-main .live-scores .single-score:not(:last-of-type) {
    margin-bottom: 20px
}

footer {
    padding: 30px 0;
    background: #efeff1
}

footer p {
    text-align: center;
    max-width: 1126px;
    margin: 0 auto;
    color: black;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

footer p b {
    color: black;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 26px
}

footer .container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

section.versus-team {
    padding: 14px 0 60px
}

.versus-team-main {
    padding: 13px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #efefef;
    margin-bottom: 16px
}

.versus-team-main :is(.home-team,.away-team) {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 40%;
    width: 100%
}

.versus-team-main :is(.home-team,.away-team) img {
    max-width: 60px;
    width: 100%;
    padding: 5px;
    aspect-ratio: 1;
    height: auto;
    object-fit: contain
}

.single-channels .versus-team-main :is(.home-team,.away-team) img {
    background: white
}

.versus-team-main :is(.home-team,.away-team) span {
    display: block;
    min-width: max-content;
    color: black;
    text-align: right;
    font-size: 16px;
    font-weight: 400
}

.versus-team-main .home-team {
    justify-content: flex-end
}

.versus-team-main .versus {
    color: #a885ff;
    font-family: "Inter",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.streaming .streaming-links {
    display: flex;
    gap: 26px;
    justify-content: center;
    border-radius: 5px 5px 0 0;
    background: #efeff1;
    padding: 8px
}

.streaming .streaming-links div {
    display: flex;
    gap: 14px;
    align-items: center
}

.streaming .streaming-links .simple-links a {
    color: #121627;
    text-decoration: none;
    padding: 4px 12px;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid #101c24
}

.streaming .streaming-links .hd-links a {
    gap: 8px;
    padding: 4px 10px;
    border: 1px solid var(--primary);
    background: var(--primary);
    color: #fff;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none
}

.streaming .streaming-links .hd-links .link a {
    display: flex;
    align-items: center
}

.streaming .streaming-links .hd-links .link a svg path {
    fill: #121627
}

.alternate-links {
    width: 100%
}

.alternate-links table {
    width: 100%;
    border-collapse: collapse
}

.alternate-links table th {
    color: white;
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    padding: 10px 20px;
    background: #101c24
}

.alternate-links table td {
    color: white;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 8px 20px;
    border: 0
}

.alternate-links table tbody tr {
    background: rgba(16,28,36,0.6)
}

.alternate-links table td .watch-btn {
    color: black;
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 9px;
    text-decoration: none;
    background: white;
    gap: 2px;
    width: auto;
    justify-content: center
}

.streaming-player iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.alternate-links-main {
    overflow: auto;
    max-height: 200px;
    padding: 0 33px
}

.site-mode label {
    position: relative;
    display: block;
    width: 88px;
    height: 42px;
    background: rgba(239,239,239,0.6);
    border-radius: 200px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.site-mode label::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 6px;
    left: 5px;
    border-radius: 180px;
    box-shadow: -3px -3px 10px #00000040,3px 3px 20px #00000040;
    transition: all .3s ease-in-out;
    background: white url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z' /%3E%3C/svg%3E%0A") no-repeat center;
    background-size: 22px;
}

.site-mode input {
    width: 0;
    height: 0;
    visibility: hidden;
    margin: 0 !important
}

.site-mode input:checked+label::after {
    left: 53px;
    background-color: #2b2d42;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z' /%3E%3C/svg%3E%0A");
}

.site-mode .background {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: #fff;
    z-index: -1;
    transition: all .3s ease-in-out
}

.site-mode input:checked+label+.background {
    background: #242424
}

.site-mode label i {
    position: absolute;
    width: 30px;
    top: 12px;
    z-index: 5;
    font-size: 18px
}

.site-mode label .sun {
    position: absolute;
    width: 30px;
    left: 11px;
    color: var(--primary);
    transition: all .3s ease-in-out
}

.site-mode label .moon {
    left: 61px;
    color: #5d5d5d;
    transition: all .3s ease-in-out;
    display: none
}

.site-mode input:checked+label .sun {
    color: #5d5d5d
}

.site-mode input:checked+label .moon {
    color: #fff
}

.site-mode input:checked+label .moon {
    display: block
}

.site-mode input:checked+label .sun {
    display: none
}

.matches .matches-main .live-channels-main .channel-card a::before {
    filter: invert(1)
}

body.dark-mode :is(.teams .teams-main,.matches .matches-main .live-channels-main,.matches .matches-main .live-matches-main .single-live-match,.versus-team-main,.site-content .issues,.master-sports .master-single,.live-channels,.matches .matches-main .live-matches-today,.matches .matches-main .other-sports,.streaming-chat,.buy-plan .buy-plan-main) {
    border-radius: 5px;
    background: #122029
}

body.dark-mode :is(.matches .matches-main .live-channels h2,.matches.matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team),.matches .matches-main .live-matches-main h2,.matches .matches-main .live-matches-main h3,.matches .matches-main .live-matches-main .single-live-match .live-match-score,.matches .matches-main .live-matches-main .single-live-match .match-time,.matches .matches-main .live-scores h2,.matches .matches-main .live-scores .single-score :is(.team-1,.team-2),.matches .matches-main .live-channels-main .channel-card a,.streaming .streaming-links .simple-links a,.streaming .streaming-links .hd-links a,.site-content .issues,.master-sports .master-single p,.live-channels,.teams .teams-main h2,.teams .teams-main .single-team p,.versus-team-main :is(.home-team,.away-team) span,.versus-team-main .match-time .versus,.versus-team-main .match-time .date,.versus-team-main .match-time .time,.buy-plan p,.buy-plan .share-btn,.single-content h2,.single-content p,.streaming-chat h2,.other-sport-title,.website-content,footer p,footer p b,.single-content,.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) span,.match-grid,.action-btn) {
    color: white
}

body.dark-mode .matches .matches-main .live-channels-main .channel-card a::before {
    filter: invert(0)
}

body.dark-mode .matches .matches-main .live-channels-main .channel-card a {
    border-color: #e4e4e7
}

body.dark-mode .streaming .streaming-links .hd-links .link a svg path {
    fill: #e4e4e7
}

.home-team.no-match {
    justify-content: center
}

.player-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #122029;
    border-radius: 0 0 5px 5px;
    text-align: center;
    color: white;
    padding: 10px
}

.player-overlay h2 {
    margin: 0 auto 20px !important;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    max-width: 497px;
    width: 100%
}

span.live {
    background: red;
    color: white;
    padding: 0 10px;
    border-radius: 5px;
    margin-bottom: 5px
}

.player-overlay span {
    display: block;
    background: #245ee5;
    color: white;
    padding: 18px 30px;
    font-size: 18px;
    margin-top: 37px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5)
}

.streaming-player {
    position: relative;
    margin-bottom: 17px
}

section.main-page&gt;.container {
    display: flex;
    gap: 16px;
    align-items: flex-start
}

.main-page .site-content {
    max-width: 18%;
    width: 100%
}

.main-page .main-page-content {
    max-width: 62%;
    width: 100%
}

.site-content .issues {
    padding: 16px 12px;
    background: #efefef
}

.site-content .issues h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin: 0 0 10px 0
}

.site-content .issues-content {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3
}

.site-content .issues-content ul {
    padding-left: 15px
}

.master-sports {
    margin-top: 10px;
    margin-bottom: 18px
}

.master-sports .master-main {
    display: flex;
    gap: 14px;
    justify-content: flex-start
}

.master-sports .master-single {
    max-width: 183px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 8px;
    text-decoration: none;
    border-radius: 5px;
    background: #efeff1
}

.master-sports .master-single img {
    max-width: 36px;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    height: auto
}

.master-sports .master-single p {
    margin: 0;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: #121627
}

.live-channels {
    padding: 22px 10px;
    margin-bottom: 16px;
    border-radius: 5px;
    background: #efeff1
}

.live-channels h2 {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .72px;
    margin: 0 0 26px 0;
    text-transform: uppercase
}

.live-channels img {
    display: block;
    max-width: 60px;
    width: 100%;
    max-height: 60px;
    height: 100%;
    padding: 5px;
    background: white;
    aspect-ratio: 1;
    object-fit: contain
}

.live-channels-main {
    text-align: center
}

.live-channels-main .channel-card:not(:last-of-type) {
    margin-bottom: 18px
}

.live-channels-main .channel-card {
    display: block;
    width: fit-content;
    margin-inline:auto}

.teams .teams-main h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .72px;
    width: 100%;
    margin: 0 0 22px 0
}

.teams .teams-main .single-team {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none
}

.teams .teams-main .single-team p {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: pre;
    color: black
}

.matches .matches-main .live-matches-main .single-live-match-scores .date {
    color: black;
    font-size: 10px;
    font-weight: 400;
    text-align: center
}

.matches .matches-main .live-matches-main .single-live-match-scores .time {
    color: black;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.matches .matches-main .live-matches-main .single-live-match-scores .home-team {
    justify-content: flex-end
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) img {
    max-width: 32px;
    width: 100%
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team,.away-team) span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.home-team) span {
    text-align: right
}

body.dark-mode .matches .matches-main .live-matches-main .single-live-match:nth-of-type(odd) {
    background: #101c24 !important
}

.matches .matches-main .live-matches-main .single-live-match:nth-of-type(odd) {
    background: white
}

body.dark-mode .matches .matches-main .live-matches-main .single-live-match-scores :is(.versus,.date,.time) {
    color: white
}

body.dark-mode .matches .matches-main .live-matches-main .single-live-match a.watch-btn {
    background: white;
    color: black
}

body.dark-mode .matches .matches-main .live-matches-main .single-live-match a::before {
    filter: invert(1)
}

section.main-page {
    margin-bottom: 50px
}

.website-content {
    /* margin-top: 30px; */
    color: black;
    white-space: pre-line
}

.single-content {
    color: black;
    white-space: pre-line
}

.website-content h2 {
    font-size: 24px !important;
    font-weight: 700 !important
}

.website-content h3 {
    font-size: 20px !important;
    font-weight: 700 !important
}

.website-content p {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 16px 0
}

body.dark-mode .website-content p {
    color: white
}

.live-matches-today h2 img {
    max-width: 36px;
    max-height: 36px;
}

.matches .matches-main .live-matches-main .live-matches-today.skeleton h2 img {
    opacity: 0;
}

.matches .matches-main .live-matches-main .single-live-match a {
    text-decoration: none
}

.streaming-chat {
    max-width: 23%;
    width: 100%;
    border-radius: 5px;
    background: #e1e1e1
}

.main-single {
    max-width: 55%;
    width: 100%
}

.versus-team-main .match-time {
    display: flex;
    flex-direction: column;
    align-items: center
}

.versus-team-main .match-time .versus {
    color: black;
    text-align: center;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

.versus-team-main .match-time .date {
    color: black;
    font-size: 12px;
    font-weight: 400
}

.versus-team-main .match-time .time {
    color: black;
    font-size: 16px;
    font-weight: 500
}

.player-overlay a {
    color: #000;
    text-align: center;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 6px 16px;
    background: white;
    border-radius: 2px
}

.buy-plan .buy-plan-main {
    border-radius: 5px;
    background: #efeff1;
    padding: 23px 20px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between
}

.buy-plan .buy-button {
    padding: 7px 14px;
    background: var(--primary);
    display: flex;
    align-items: center;
    color: #fff;
    font-family: "Poppins",sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .56px;
    gap: 6px;
    text-decoration: none
}

.buy-plan p {
    color: black;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .56px;
    margin-right: auto;
    flex: 1;
    text-align: center
}

.buy-plan .share-btn {
    color: black;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 10px
}

.single-title-hidden {
	display: none;
}

.single-content h2 {
    color: black;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 8px
}

.single-content p {
    color: black;
    font-size: 14px;
    font-weight: 400
}

.streaming-chat h2 {
    color: black;
    font-family: "Poppins",sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .64px;
    text-align: center;
    background: #efeff1;
    margin: 0;
    border-radius: 5px 5px 0 0;
    padding: 10px
}

.buy-plan .share-btn svg path {
    fill: black
}

body.dark-mode :is(.streaming .streaming-links,.streaming-chat h2) {
    background: #101c24
}

body.dark-mode .buy-plan .share-btn svg path {
    fill: white
}

.alternate-links table td:nth-of-type(2) {
    color: var(--primary)
}

footer .container a {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600
}

.alternate-links table td .watch-btn::before {
    filter: invert(1)
}

body.dark-mode footer {
    background: black
}

.share {
    position: relative
}

.social {
    position: absolute;
    bottom: calc(100% + 10px);
    display: flex;
    background: #ff7a01;
    border-radius: 5px;
    right: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    transition: all ease .5s
}

.social a {
    display: block;
    max-width: 32px;
    width: 100%;
    max-height: 32px;
    min-width: 32px
}

.social.active {
    max-height: 100vh;
    padding: 20px
}

.streaming .streaming-links .simple-links a.active {
    color: white;
    background: #101c24;
    border: 1px solid #101c24
}

body.dark-mode .streaming .streaming-links .simple-links a.active {
    background: white;
    color: black !important
}

body.dark-mode .streaming .streaming-links .simple-links a {
    border-color: white
}

body.dark-mode .live-matches-today {
    color: white
}

body.dark-mode .teams .teams-main {
    color: white
}

.header-main {
    gap: 14px
}

.header-dropdown {
    margin-left: auto;
    position: relative
}

.option-selected {
    background: #efeff1;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    border: 0
}

.option-selected::after,.option-selected::before {
    content: "";
    display: block
}

.option-selected::after {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_9_37' fill='white'%3E%3Cpath d='M0.119819 0.939163C0.279555 0.777114 0.538592 0.777086 0.698356 0.939191L4.4999 4.79587L8.30164 0.939163C8.46138 0.777114 8.72041 0.777086 8.88018 0.939191C9.03994 1.10127 9.03994 1.36403 8.88018 1.5261L4.78916 5.67625C4.71244 5.75408 4.60839 5.7978 4.4999 5.7978C4.39141 5.7978 4.28734 5.75405 4.21065 5.67622L0.119846 1.52608C-0.0399446 1.36403 -0.0399446 1.10124 0.119819 0.939163Z'/%3E%3C/mask%3E%3Cpath d='M0.119819 0.939163C0.279555 0.777114 0.538592 0.777086 0.698356 0.939191L4.4999 4.79587L8.30164 0.939163C8.46138 0.777114 8.72041 0.777086 8.88018 0.939191C9.03994 1.10127 9.03994 1.36403 8.88018 1.5261L4.78916 5.67625C4.71244 5.75408 4.60839 5.7978 4.4999 5.7978C4.39141 5.7978 4.28734 5.75405 4.21065 5.67622L0.119846 1.52608C-0.0399446 1.36403 -0.0399446 1.10124 0.119819 0.939163Z' fill='white'/%3E%3Cpath d='M0.119819 0.939163L7.9537 8.66123L7.9537 8.66123L0.119819 0.939163ZM0.698356 0.939191L-7.13561 8.66117L-7.13618 8.66059L0.698356 0.939191ZM4.4999 4.79587L12.3337 12.518L4.49974 20.4653L-3.33406 12.5178L4.4999 4.79587ZM8.30164 0.939163L16.1355 8.66123L16.1354 8.66131L8.30164 0.939163ZM8.88018 0.939191L1.0463 8.66126L1.04564 8.66059L8.88018 0.939191ZM8.88018 1.5261L16.7141 9.24817L16.714 9.24827L8.88018 1.5261ZM4.78916 5.67625L-3.04472 -2.04581L-3.04462 -2.04592L4.78916 5.67625ZM4.21065 5.67622L12.0446 -2.04574L12.0459 -2.04445L4.21065 5.67622ZM0.119846 1.52608L7.95241 -6.19733L7.95383 -6.19588L0.119846 1.52608ZM-7.71406 -6.7829C-3.2465 -11.3152 4.06442 -11.3162 8.5329 -6.78221L-7.13618 8.66059C-2.98724 12.8703 3.80561 12.8694 7.9537 8.66123L-7.71406 -6.7829ZM8.53232 -6.78279L12.3339 -2.92611L-3.33406 12.5178L-7.13561 8.66117L8.53232 -6.78279ZM-3.3339 -2.92628L0.467842 -6.78299L16.1354 8.66131L12.3337 12.518L-3.3339 -2.92628ZM0.467759 -6.7829C4.93532 -11.3152 12.2462 -11.3162 16.7147 -6.78221L1.04564 8.66059C5.19458 12.8703 11.9874 12.8694 16.1355 8.66123L0.467759 -6.7829ZM16.7141 -6.78288C21.0953 -2.33818 21.0953 4.80348 16.7141 9.24817L1.0463 -6.19596C-3.01543 -2.07542 -3.01543 4.54072 1.0463 8.66126L16.7141 -6.78288ZM16.714 9.24827L12.6229 13.3984L-3.04462 -2.04592L1.0464 -6.19607L16.714 9.24827ZM12.623 13.3983C10.4958 15.5564 7.57687 16.7978 4.4999 16.7978V-5.2022C1.63991 -5.2022 -1.07087 -4.04825 -3.04472 -2.04581L12.623 13.3983ZM4.4999 16.7978C1.42217 16.7978 -1.4973 15.5558 -3.62461 13.3969L12.0459 -2.04445C10.072 -4.04767 7.36065 -5.2022 4.4999 -5.2022V16.7978ZM-3.62334 13.3982L-7.71414 9.24804L7.95383 -6.19588L12.0446 -2.04574L-3.62334 13.3982ZM-7.71272 9.24948C-12.096 4.80424 -12.0951 -2.33846 -7.71406 -6.7829L7.9537 8.66123C12.0152 4.54094 12.0161 -2.07618 7.95241 -6.19733L-7.71272 9.24948Z' fill='white' mask='url(%23path-1-inside-1_9_37)'/%3E%3C/svg%3E%0A");
    width: 9px;
    height: 4.98px;
    filter: invert(1);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.option-selected::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 0.845375C4.24962 0.845375 0 5.07744 0 10.3077C0 15.5373 4.24891 19.77 9.5 19.77C14.7504 19.77 19 15.538 19 10.3077C19 5.07814 14.7511 0.845375 9.5 0.845375ZM10.2422 18.2575V17.577C10.2422 17.1687 9.90991 16.8377 9.5 16.8377C9.09009 16.8377 8.75781 17.1687 8.75781 17.577V18.2575C4.92215 17.909 1.86838 14.8669 1.51855 11.047H2.20185C2.61176 11.047 2.94404 10.716 2.94404 10.3077C2.94404 9.89942 2.61176 9.56847 2.20185 9.56847H1.51855C1.86842 5.74801 4.92271 2.70635 8.75781 2.35787V3.03846C8.75781 3.44674 9.09009 3.7777 9.5 3.7777C9.90991 3.7777 10.2422 3.44674 10.2422 3.03846V2.35787C14.0778 2.70639 17.1316 5.74856 17.4814 9.56847H16.7982C16.3882 9.56847 16.056 9.89942 16.056 10.3077C16.056 10.716 16.3882 11.047 16.7982 11.047H17.4814C17.1316 14.8674 14.0773 17.9091 10.2422 18.2575ZM12.9441 12.6927C13.2339 12.9814 13.2339 13.4494 12.9441 13.7381C12.6542 14.0268 12.1843 14.0268 11.8945 13.7381L8.9752 10.8304C8.836 10.6918 8.75781 10.5038 8.75781 10.3077V5.94616C8.75781 5.53788 9.09009 5.20692 9.5 5.20692C9.90991 5.20692 10.2422 5.53788 10.2422 5.94616V10.0015L12.9441 12.6927Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 19px;
    aspect-ratio: 1/1;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1)
}

.header-date {
    padding: 2px 10px;
    border-radius: 5px;
    background: white;
    font-weight: 700;
    order: 1
}

.header-timezone {
    font-size: 16px;
    color: black
}

.header-date {
    font-size: 18px;
    color: black
}

.dropdown-collapse {
    position: absolute;
    background: #1b3444;
    width: 100%;
    top: calc(100% + 15px);
    border-radius: 5px;
    padding: 8px;
    color: white
}

.dropdown-list,.dropdown-collapse {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 338px;
    overflow: auto
}

.dropdown-list {
    padding-right: 4px
}

.dropdown-item {
    padding: 8px 10px;
    background: #1d1d1d;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dropdown-item::after {
    content: attr(data-time);
    background: #647682;
    padding: 3px 8px;
    border-radius: 5px
}

.dropdown-list::-webkit-scrollbar {
    width: 8px
}

.dropdown-list::-webkit-scrollbar-thumb {
    background: white;
    border: 2px solid #1b3444;
    border-radius: 50px
}

.dropdown-list::-webkit-scrollbar-thumb:hover {
    background: #555
}

.dropdown-filter {
    padding: 5px 10px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    background: #647682;
    color: white;
    font-size: 12px
}

.dropdown-filter::placeholder {
    color: #ffffff85
}

.dropdown-collapse {
    transition: all .5s;
    transform: translateY(-15px);
    opacity: 0;
    visibility: hidden;
    box-shadow: 1px 3px 6px rgba(0,0,0,0.3)
}

.dropdown-collapse.visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.header-main .site-logo {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: black
}

body.dark-mode .header-main .site-logo span {
    color: white
}

.other-sport-title {
    display: block;
    padding-top: 12px;
    font-size: 20px;
    padding-left: 20px;
    font-weight: 600
}

.matches .matches-main .live-matches-main .single-live-match-scores :is(.versus,.date) {
    font-size: 12px
}

.matches .matches-main .live-matches-main .single-live-match:not(:last-of-type) {
    margin-bottom: 0
}

.mobile-sports svg {
    cursor: pointer
}

.single-content.single-mobile-content {
    display: none
}

.team-cards {
    display: flex;
    flex-direction: column;
    gap: 12px
}

p.buy-mobile {
    display: none
}

body.dark-mode .option-selected {
    background: #1b3444
}

body.dark-mode .header-date {
    background: #1d1d1d;
    color: white
}

body.dark-mode .header-timezone {
    color: white
}

body.dark-mode .option-selected::before {
    filter: unset
}

body.dark-mode .option-selected::after {
    filter: unset
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team {
    justify-content: start;
    gap: 45px
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team :is(.home-team,.away-team) {
    max-width: unset;
    flex: 1
}

.matches .matches-main .live-matches-main .single-live-match-scores.no-team .versus {
    display: none
}

:is(body.racing,body.mma) .main-page&gt;.container .teams {
    display: none
}

:is(body.racing,body.mma) .main-page&gt;.container {
    justify-content: center
}

.static-player {
    aspect-ratio: 1.87;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 5px;
    margin-bottom: 20px;
    text-decoration: none;
    align-items: center
}

.static-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 30px;
    background: rgba(16,28,35,0.59);
    width: 100%
}

.static-header h3 {
    margin: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal
}

.static-header span {
    color: red;
    text-align: right;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px
}

.static-header span::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: red;
    border-radius: 50%;
    animation: breathing 1.5s linear infinite
}

@keyframes breathing {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.static-footer {
    padding: 5px 20px;
    background: rgba(16,28,35,0.59)
}

.static-footer svg {
    display: block;
    width: 100%
}

.static-player&gt;svg:hover circle {
    fill: var(--primary)
}

.static-player&gt;svg:hover path {
    fill: white;
    stroke: var(--primary)
}

.not-found-matches {
    color: #777;
    background: #101c23;
    padding: 20px 30px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 0
}

.modal-content {
    position: fixed;
    inset: 0;
    margin: auto;
    height: fit-content;
    padding: 10px
}

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 999999
}

.modal-image {
    width: fit-content;
    margin: auto;
    position: relative
}

.modal-content a {
    display: block;
    padding: 15px;
    border-radius: 20px;
    background: #000;
    border: 1px solid #323030;
    width: fit-content;
    margin: auto
}

.modal-content img {
    display: block;
    border-radius: 10px;
    width: 800px;
    max-width: 100%
}

.modal-content .close {
    position: absolute;
    inset: 25px 25px auto auto;
    padding: 5px;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.1)
}

.modal-content .close svg {
    width: 20px;
    display: block;
    aspect-ratio: 1/1;
    stroke: white
}

@media only screen and (max-width: 1200px) {
    .match-scroller {
        --row-height: 147.5px;
    }
    
    .matches .matches-main .live-matches-main .single-live-match {
        flex-direction:column
    }

    .matches .matches-main .live-matches-main .single-live-match a.watch-btn {
        max-width: 90px
    }

    .match-card-links {
        margin-top: 20px;
        justify-content: center
    }

    .matches .matches-main .live-matches-main .single-live-match-scores {
        max-width: 100%
    }
}

@media only screen and (max-width: 991px) {
    .teams-slider {
        overflow:auto;
        width: 100%
    }

    .live-channels-main .channel-card.channel-card.channel-card {
        margin: 0
    }

    .live-channels-main .channel-card {
        min-width: 40px
    }

    .live-channels-overflow {
        width: 100%;
        overflow: auto
    }

    .main-single {
        max-width: 100%
    }

    .streaming-chat {
        display: none
    }

    .single-content.single-mobile-content {
        display: block
    }

    .main-single .single-content {
        display: none
    }

    .single-content.single-mobile-content {
        order: 3
    }

    .mobile-sports svg.close {
        display: none
    }

    .mobile-sports.open svg.close {
        display: block
    }

    .mobile-sports.open svg.open {
        display: none
    }

    .master-sports .container {
        padding: 0
    }

    .master-sports .master-main {
        flex-direction: column;
        gap: 20px
    }

    .master-sports .master-single {
        background: transparent !important;
        padding: 0;
        gap: 15px;
        justify-content: flex-start
    }

    .master-sports .master-single img {
        max-width: 28px
    }

    .master-sports .master-single p {
        font-size: 12px
    }

    .master-sports.active {
        max-height: 100vh;
        padding: 16px 20px
    }

    .header-main {
        flex-wrap: wrap;
        gap: 14px
    }

    .mobile-sports {
        display: flex;
        order: 4;
        max-width: calc(50% - 7px);
        width: 100%;
        justify-content: flex-end
    }

    .header-dropdown {
        order: 0;
        margin-left: 0 !important;
        max-width: calc(50% - 7px);
        width: 100%
    }

    .site-mode {
        order: 1;
        max-width: calc(50% - 7px);
        width: 100%;
        justify-content: flex-end
    }

    .header-main .site-logo {
        order: 3;
        max-width: calc(50% - 7px)
    }

    .header-main .site-logo img {
        display: block;
        max-height: 40px;
        width: auto
    }

    .header-main .site-logo span {
        font-size: 24px
    }

    .live-channels h2 {
        text-align: left;
        margin-bottom: 20px
    }

    .live-matches-main .website-content {
        display: none
    }

    .website-content.mobile-website-content {
        display: block;
        order: 4;
        margin-bottom: 60px
    }

    .live-matches-today {
        margin-top: 20px !important;
        margin-bottom: 0;
    }

    .matches .matches-main .other-sports {
        margin-top: 20px;
        margin-bottom: 24px
    }

    body.dark-mode .master-sports {
        background: #112029
    }

    .master-sports {
        position: absolute;
        right: 0;
        top: 146px;
        background: white;
        margin: 0;
        max-width: 133px;
        width: 100%;
        transition: all ease .5s;
        max-height: 0;
        padding: 0 20px;
        overflow: hidden
    }

    .main-page .main-page-content {
        order: 0;
        max-width: 100%;
        display: contents;
    }

    .main-page .main-page-content .matches {
        width: 100%;
    }

    .website-content.mobile-website-content {
        order: 5;
    }

    section.main-page&gt;.container {
        flex-direction: column
    }

    .teams {
        height: 113px;
        order: 2;
        max-width: 100%
    }

    section.main-page&gt;.container&gt;.site-content {
        display: contents
    }

    .live-channels-main {
        display: flex;
        gap: 8px
    }

    .teams-slider {
        overflow: auto;
        width: 100%
    }

    .teams .teams-main {
        height: auto;
        gap: 20px;
        overflow: unset
    }

    .teams .teams-main .team-cards {
        display: flex;
        gap: 16px;
        flex-direction: row
    }

    .teams .teams-main .single-team {
        min-width: max-content
    }

    .teams .teams-main h2 {
        margin: 0
    }

    .live-channels {
        height: 148px;
        order: 1;
        margin-bottom: 0;
        width: 100%
    }

    .site-content .issues {
        order: 4
    }

    .matches .matches-main {
        flex-direction: column;
        align-items: center
    }

    .matches .matches-main .live-matches {
        max-width: 100%
    }

    .matches .matches-main .live-scores {
        max-width: 500px
    }
}

@media only screen and (max-width: 767px) {
    body:has(#single-team) footer {
        padding-bottom:80px
    }

    #single-team .teams {
        display: none
    }

    .matches .matches-main .live-matches-main h2 {
        font-size: 16px
    }

    .live-matches-today h2 img {
        max-width: 25px;
        max-height: 25px;
        height: auto;
        aspect-ratio: 1/1;
    }

    .other-sport-title {
        font-size: 16px
    }

    .live-channels h2 {
        font-size: 16px
    }

    .teams .teams-main h2 {
        font-size: 16px
    }

    .site-content .issues h2 {
        font-size: 16px
    }

    .single-content h2 {
        font-size: 18px
    }

    .not-found-matches {
        font-size: 13px;
        padding: 15px 20px
    }

    .single-content.single-mobile-content {
        font-size: 12px
    }

    .streaming .streaming-links div {
        gap: 8px
    }

    .player-overlay a {
        font-size: 10px
    }

    .static-header {
        padding: 4px 8px
    }

    .static-header h3 {
        font-size: 10px
    }

    .static-header span {
        font-size: 12px
    }

    .static-player&gt;svg {
        max-width: 36px
    }

    p.buy-mobile {
        display: block
    }

    .buy-plan {
        display: flex;
        align-items: center;
        margin-bottom: 26px;
        gap: 12px;
        justify-content: center
    }

    .buy-plan-main p {
        display: none
    }

    .buy-plan p {
        max-width: 142px;
        font-size: 10px
    }

    .buy-plan .buy-plan-main {
        gap: 12px;
        width: 100%;
        padding: 9px
    }

    .buy-plan .buy-button {
        padding: 6px 8px;
        font-size: 10px
    }

    .buy-plan .share-btn svg {
        max-width: 15px
    }

    .buy-plan .share-btn {
        font-size: 10px;
        gap: 8px
    }

    .buy-plan .buy-button svg {
        max-width: 13px
    }

    .versus-team-main .match-time {
        order: 0;
        flex-direction: row-reverse;
        gap: 5px
    }

    .versus-team-main .home-team {
        flex-direction: row-reverse;
        justify-content: flex-end !important
    }

    .versus-team-main .match-time .versus {
        display: none
    }

    .mobile-sports {
        max-width: calc(30% - 7px)
    }

    .header-main .site-logo span {
        font-size: 20px
    }

    .header-timezone {
        font-size: 12px
    }

    .header-date {
        font-size: 12px
    }

    .option-selected {
        gap: 5px
    }

    .option-selected::before {
        width: 13px;
        background-size: contain
    }

    .matches .matches-main .live-matches-main .single-live-match-scores {
        display: contents
    }

    .matches .matches-main .live-matches-main .single-live-match .match-time {
        order: 0;
        flex-direction: row-reverse;
        align-items: center;
        gap: 5px
    }

    span.live {
        margin: 0
    }

    .matches .matches-main .live-matches-main .single-live-match a.watch-btn {
        order: 1;
        margin: 0
    }

    .matches .matches-main .live-matches-main .single-live-match-scores .home-team {
        order: 2;
        flex-direction: row-reverse;
        width: 100%;
        max-width: 100%
    }

    .matches .matches-main .live-matches-main .single-live-match-scores .away-team {
        order: 3;
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .matches .matches-main .live-matches-main .single-live-match {
        flex-direction: row;
        flex-wrap: wrap;
        background: white;
        height: var(--row-height);
    }

    .matches .matches-main .live-matches-main .single-live-match .match-time .versus {
        display: none
    }

    .matches .matches-main .live-matches-main .single-live-match:not(:last-of-type) {
        margin-bottom: 8px
    }

    body.dark-mode .matches .matches-main .live-matches-main .single-live-match {
        background: #101c24;
        gap: 15px
    }

    .matches .matches-main .live-matches-main .single-live-match a.watch-btn {
        padding: 4px 10px;
        max-width: 71px;
        font-size: 10px
    }

    .matches .matches-main .live-matches-main .single-live-match a.hd-btn {
        padding: 3px 10px
    }

    .match-card-links {
        margin: 0 0 0 auto;
        max-width: 42%;
        flex-direction: row-reverse;
        justify-content: flex-start
    }

    .website-content.mobile-website-content {
        font-size: 12px
    }

    .website-content h2 {
        font-size: 18px !important
    }

    .website-content h3 {
        font-size: 16px !important
    }

    .teams .teams-main img {
        max-width: 25px
    }

    .matches .matches-main .live-channels-main {
        justify-content: center
    }

    .versus-team-main {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start
    }

    .versus-team-main :is(.home-team,.away-team) img {
        max-width: 24px
    }

    .versus-team-main .home-team {
        justify-content: center
    }

    .versus-team-main :is(.home-team,.away-team) {
        justify-content: flex-start;
        order: 1
    }

    .versus-team-main :is(.home-team,.away-team) span {
        font-size: 12px
    }

    .versus-team-main .versus {
        font-size: 18px
    }

    .streaming .streaming-links {
        flex-direction: row;
        align-items: center;
        gap: 8px
    }
}

@media only screen and (max-width: 576px) {
    .modal-content a {
        padding:10px
    }

    .modal-content .close {
        inset: 15px 15px auto auto
    }

    .matches .matches-main .live-matches-main .single-live-match {
        gap: 16px;
        padding: 12px
    }

    .matches .matches-main :is(.live-matches-today,.other-sports) {
        padding: 20px 12px
    }

    .header-main .site-logo {
        max-width: calc(70% - 7px)
    }

    .header-main .site-logo img {
        max-height: 35px
    }

    .site-mode {
        max-width: 70px
    }

    .streaming .streaming-links .simple-links a {
        font-size: 10px;
        padding: 2px 6px
    }

    .player-overlay h2 {
        font-size: 10px;
        max-width: 220px
    }

    .streaming .streaming-links .hd-links a {
        font-size: 10px
    }

    .site-mode label {
        width: 70px;
        height: 35px
    }

    .site-mode label::after {
        width: 25px;
        height: 25px
    }

    .site-mode label .sun {
        font-size: 13px;
        left: 11px;
        top: 11px
    }

    .site-mode label .moon {
        left: 49px;
        font-size: 12px;
        top: 11px
    }

    .site-mode input:checked+label::after {
        left: 40px
    }
}

.away-team[href="#"] {
    pointer-events: none
}

.match-loader {
    border-radius: 5px;
    padding: 34.5px 20px;
    margin-bottom: 16px;
    background: #efefef;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

body.dark-mode .match-loader {
    background: #122029;
    color: #fff;
}

.loader,.loader::before {
    width: var(--loader-size,25px);
    height: var(--loader-size,25px);
    border-radius: 50%;
    border: 2px solid var(--primary);
    border-top: unset;
    border-left: unset;
    animation: rotate-clockwise linear infinite 2s;
    position: relative
}

.loader::before {
    content: "";
    display: block;
    --loader-size: 10px;
    position: absolute;
    inset: 0;
    margin: auto;
    animation: rotate-anti-clockwise linear infinite 1s
}

@keyframes rotate-clockwise {
    from {
        rotate: 0
    }

    to {
        rotate: 360deg
    }
}

@keyframes rotate-anti-clockwise {
    from {
        rotate: 0
    }

    to {
        rotate: -360deg
    }
}

.gamebar {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: var(--primary);
    width: 306px;
    border-top-left-radius: 24px;
    color: white;
    transform: translateX(100%);
    transition: transform .5s
}

.gamebar.active {
    transform: translateX(0)
}

.gamebar-header {
    font-size: 15px;
    display: flex;
    margin-bottom: 14px;
    gap: 17px
}

.gamebar-header a {
    color: #fff;
    text-decoration: none;
    align-self: center
}

.gamebar-header a.active {
    font-weight: bold
}

.gamebar-header::after {
    content: "";
    width: 1px;
    display: block;
    background: #fff;
    order: -1
}

.gamebar-header a svg {
    display: block
}

.gamebar-header a:first-child {
    order: -1
}

.gamebar-header a:last-child {
    margin-left: auto
}

.gamebar-header a.active {
    font-weight: 600
}

.gamebar-content {
    flex: 1;
    overflow: auto
}

.gamebar-content p {
    margin-block:0 28px;font-size: 14px
}

.gamebar-date {
    font-size: 12px;
    color: #e1e1e1;
    margin-bottom: 10px
}

.gamebar-date b {
    color: #e4e4e7
}

.gamebar-teams img {
    width: 30px;
    aspect-ratio: 1/1
}

.gamebar-league img {
    width: 42px;
    height: 39px;
    display: block
}

.gamebar-match {
    display: flex;
    border-radius: 10px;
    width: fit-content;
    overflow: hidden;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none
}

.gamebar-match * {
    pointer-events: none
}

.multistream-remove {
    position: absolute;
    z-index: 1;
    inset: 10px 10px auto auto;
    padding: 9px;
    background: #3434345c;
    border-radius: 50%;
    display: grid;
    place-content: center
}

.multistream-match {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.multistream-remove svg {
    display: block;
    width: 10px;
    height: 10px
}

.gamebar-league {
    display: grid;
    place-content: center;
    padding: 6px 4px
}

.gamebar-match.active {
    border-color: #f4f5fa
}

.gamebar-teams {
    padding: 10px 26px 10px 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    color: #e1e1e1
}

.gamebar-match.event {
    width: 100%
}

.gamebar-match.event .gamebar-teams {
    font-size: 10px
}

.gamebar-match.active .gamebar-league {
    background: #fff
}

.gamebar-game {
    margin-top: 19px
}

.gamebar-channel:not(:last-child) {
    margin-bottom: 13px
}

.gamebar-channel {
    padding: 9px 11px;
    border-radius: 10px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #fff
}

.gamebar-channel.active {
    border-color: #f4f5fa
}

.gamebar-channel img {
    width: 40px;
    height: 32px
}

.multistream-btn,.game-browse {
    width: 156px;
    justify-content: space-between;
    cursor: pointer
}

.multistream-switch {
    width: 26px;
    height: 13.76px;
    border-radius: 100px;
    background: #000;
    position: relative;
    overflow: hidden;
    transition: all .2s
}

.multistream-switch::after {
    content: "";
    width: 12px;
    height: 12px;
    background: #fff;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    left: 1px;
    transition: all .2s
}

input#multistream:checked+label .multistream-switch {
    background: #fff
}

input#multistream:checked+label .multistream-switch::after {
    left: calc(100% - 12px - 1px);
    background: #000
}

input#multistream {
    display: none
}

.multistream-btn {
    background: #c00;
    height: 40px;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 15px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 16px;
    text-transform: uppercase;
    user-select: none;
    margin-right: auto
}

.game-browse {
    opacity: 0;
    background: #c00;
    color: #fff;
    padding: 3px 13px 3px 14px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    border-width: 2px 0 2px 2px;
    border-style: solid;
    border-color: #00000033;
    margin-left: auto;
    border-radius: 34px 0 0 34px
}

.game-browse.active {
    opacity: 1
}

.match-grid {
    display: none;
    aspect-ratio: 16/9;
    border-radius: 0 0 5px 5px;
    padding: 14px
}

.match-grid.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.match-grid.filled {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,1fr);
    gap: 14px
}

.streaming-main {
    position: relative;
    overflow: hidden
}

.action-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #000
}

.action-btn svg path {
    fill: black !important
}

body.dark-mode .action-btn svg path {
    fill: white !important
}

@media only screen and (width &lt;= 991px) {
    .multistream-btn,.game-browse,.website-content:not(.mobile-website-content) {
        display:none !important
    }
}

@media only screen and (width &lt;= 767px) {
    .match-scroller {
        --row-height: 157.5px;
    }
    .matches .matches-main .live-matches-main .single-live-match-scores.skeleton-loader {
        order: 1;
    }
    .buy-plan .buy-button {
        margin-right: auto
    }

    .buy-plan p {
        text-align: left;
        flex: unset
    }
}

@media only screen and (width &lt;= 414px) {
    .buy-plan {
        flex-direction: column
    }

    .buy-plan p {
        max-width: 100%;
        width: 100%;
        text-align: center
    }
}

.skeleton-loader {
    background-image: linear-gradient(90deg, #cfcece 25%, #e2e2e2 50%, #cfcece 75%) !important;
    background-size: 200% 100% !important;
    border-radius: 8px !important;
    animation: shimmer 1.5s infinite linear;
    color: transparent !important;
}

body.dark-mode .skeleton-loader {
    background-image: linear-gradient(90deg, #162b37 25%, #12242d 50%, #162b37 75%) !important;
}

body.dark-mode .matches .matches-main .live-matches-main .single-live-match a::before {
    opacity: 0 !important;
    background-image: unset !important;
}

.watch-btn.skeleton-loader {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 7px 16px;
    max-width: 43%;
    width: 100%;
}

@keyframes shimmer {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: -100%;
    }
}</pre></body></html>