@import"https://use.fontawesome.com/releases/v5.5.0/css/all.css";
@keyframes shineArrow {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes shineArrow01 {
    0% {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
    50% {
        background-color: var(--bgColor068);
        border: 1px solid var(--bdColor037)
    }
    to {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
}

@keyframes expand {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(2);
        opacity: .7
    }
    to {
        transform: scale(6);
        opacity: 0
    }
}

.flag-icon {
    background: url(../../asset/icon/sports/flags.png) no-repeat 0 0/100%;
    width: 20px;
    height: 20px
}

.flag-asean {
    background-position: 0 0
}

.flag-afghanistan {
    background-position: 0 .34483%
}

.flag-africa {
    background-position: 0 .68966%
}

.flag-aland {
    background-position: 0 1.03448%
}

.flag-albania {
    background-position: 0 1.37931%
}

.flag-alderney {
    background-position: 0 1.72414%
}

.flag-algeria {
    background-position: 0 2.06897%
}

.flag-all {
    background-position: 0 2.41379%
}

.flag-americansamoa {
    background-position: 0 2.75862%
}

.flag-andorra {
    background-position: 0 3.10345%
}

.flag-angola {
    background-position: 0 3.44828%
}

.flag-anguilla {
    background-position: 0 3.7931%
}

.flag-antiguaandbarbuda {
    background-position: 0 4.13793%
}

.flag-arableague {
    background-position: 0 4.48276%
}

.flag-argentina {
    background-position: 0 4.82759%
}

.flag-armenia {
    background-position: 0 5.17241%
}

.flag-aruba {
    background-position: 0 5.51724%
}

.flag-asia {
    background-position: 0 5.86207%
}

.flag-australia {
    background-position: 0 6.2069%
}

.flag-austria {
    background-position: 0 6.55172%
}

.flag-azerbaijan {
    background-position: 0 6.89655%
}

.flag-bahamas {
    background-position: 0 7.24138%
}

.flag-bahrain {
    background-position: 0 7.58621%
}

.flag-bangladesh {
    background-position: 0 7.93103%
}

.flag-barbados {
    background-position: 0 8.27586%
}

.flag-basquecountry {
    background-position: 0 8.62069%
}

.flag-belarus {
    background-position: 0 8.96552%
}

.flag-belgium {
    background-position: 0 9.31034%
}

.flag-belize {
    background-position: 0 9.65517%
}

.flag-benin {
    background-position: 0 10%
}

.flag-bermuda {
    background-position: 0 10.34483%
}

.flag-bhutan {
    background-position: 0 10.68966%
}

.flag-bolivia {
    background-position: 0 11.03448%
}

.flag-bonairesinteustatiusandsaba {
    background-position: 0 11.37931%
}

.flag-bosniaherzegovina,
.flag-bosnia-herz {
    background-position: 0 11.72414%
}

.flag-botswana {
    background-position: 0 12.06897%
}

.flag-bouvet {
    background-position: 0 12.41379%
}

.flag-brazil {
    background-position: 0 12.75862%
}

.flag-britishindianoceanterritory {
    background-position: 0 13.10345%
}

.flag-brunei {
    background-position: 0 13.44828%
}

.flag-bulgaria {
    background-position: 0 13.7931%
}

.flag-burkinafaso {
    background-position: 0 14.13793%
}

.flag-burundi {
    background-position: 0 14.48276%
}

.flag-caricom {
    background-position: 0 14.82759%
}

.flag-cis {
    background-position: 0 15.17241%
}

.flag-cambodia,
.flag-cambodja {
    background-position: 0 15.51724%
}

.flag-cameroon {
    background-position: 0 15.86207%
}

.flag-canada {
    background-position: 0 16.2069%
}

.flag-capeverde {
    background-position: 0 16.55172%
}

.flag-catalonia {
    background-position: 0 16.89655%
}

.flag-caymanislands {
    background-position: 0 17.24138%
}

.flag-centralafricanrepublic {
    background-position: 0 17.58621%
}

.flag-chad {
    background-position: 0 17.93103%
}

.flag-chile {
    background-position: 0 18.27586%
}

.flag-china {
    background-position: 0 18.62069%
}

.flag-chinesetaipei {
    background-position: 0 18.96552%
}

.flag-christmas {
    background-position: 0 19.31034%
}

.flag-cocoskeeling {
    background-position: 0 19.65517%
}

.flag-colombia {
    background-position: 0 20%
}

.flag-commonwealth {
    background-position: 0 20.34483%
}

.flag-comoros {
    background-position: 0 20.68966%
}

.flag-congobrazzaville {
    background-position: 0 21.03448%
}

.flag-congokinshasa {
    background-position: 0 21.37931%
}

.flag-cookislands {
    background-position: 0 21.72414%
}

.flag-costarica {
    background-position: 0 22.06897%
}

.flag-cotedivoire {
    background-position: 0 22.41379%
}

.flag-croatia {
    background-position: 0 22.75862%
}

.flag-cuba {
    background-position: 0 23.10345%
}

.flag-curacao {
    background-position: 0 23.44828%
}

.flag-cyprus {
    background-position: 0 23.7931%
}

.flag-czechrepublic {
    background-position: 0 24.13793%
}

.flag-denmark {
    background-position: 0 24.48276%
}

.flag-djibouti {
    background-position: 0 24.82759%
}

.flag-dominica {
    background-position: 0 25.17241%
}

.flag-dominicanrepublic {
    background-position: 0 25.51724%
}

.flag-ecuador {
    background-position: 0 25.86207%
}

.flag-egypt {
    background-position: 0 26.2069%
}

.flag-elsalvador {
    background-position: 0 26.55172%
}

.flag-england {
    background-position: 0 26.89655%
}

.flag-equatorialguinea {
    background-position: 0 27.24138%
}

.flag-eritrea {
    background-position: 0 27.58621%
}

.flag-estonia {
    background-position: 0 27.93103%
}

.flag-ethiopia {
    background-position: 0 28.27586%
}

.flag-europe {
    background-position: 0 28.62069%
}

.flag-fao {
    background-position: 0 28.96552%
}

.flag-falkland {
    background-position: 0 29.31034%
}

.flag-faroeislands,
.flag-faroes {
    background-position: 0 29.65517%
}

.flag-fiji {
    background-position: 0 30%
}

.flag-finland {
    background-position: 0 30.34483%
}

.flag-france {
    background-position: 0 30.68966%
}

.flag-french-guiana {
    background-position: 0 31.03448%
}

.flag-frenchsouthernandantarcticlands {
    background-position: 0 31.37931%
}

.flag-gabon {
    background-position: 0 31.72414%
}

.flag-galicia {
    background-position: 0 32.06897%
}

.flag-gambia {
    background-position: 0 32.41379%
}

.flag-georgia {
    background-position: 0 32.75862%
}

.flag-germany {
    background-position: 0 33.10345%
}

.flag-ghana {
    background-position: 0 33.44828%
}

.flag-gibraltar {
    background-position: 0 33.7931%
}

.flag-greatbritain {
    background-position: 0 34.13793%
}

.flag-greece {
    background-position: 0 34.48276%
}

.flag-greenland {
    background-position: 0 34.82759%
}

.flag-grenada {
    background-position: 0 35.17241%
}

.flag-guadeloupe {
    background-position: 0 35.51724%
}

.flag-guam {
    background-position: 0 35.86207%
}

.flag-guatemala {
    background-position: 0 36.2069%
}

.flag-guernsey {
    background-position: 0 36.55172%
}

.flag-guinea {
    background-position: 0 36.89655%
}

.flag-guineabissau {
    background-position: 0 37.24138%
}

.flag-guyana {
    background-position: 0 37.58621%
}

.flag-haiti {
    background-position: 0 37.93103%
}

.flag-heardislandandmcdonald {
    background-position: 0 38.27586%
}

.flag-honduras {
    background-position: 0 38.62069%
}

.flag-hongkong {
    background-position: 0 38.96552%
}

.flag-hungary {
    background-position: 0 39.31034%
}

.flag-iaea {
    background-position: 0 39.65517%
}

.flag-iho {
    background-position: 0 40%
}

.flag-iceland {
    background-position: 0 40.34483%
}

.flag-india {
    background-position: 0 40.68966%
}

.flag-indonesia {
    background-position: 0 41.03448%
}

.flag-international {
    background-position: 0 41.37931%
}

.flag-iran {
    background-position: 0 41.72414%
}

.flag-iraq {
    background-position: 0 42.06897%
}

.flag-ireland {
    background-position: 0 42.41379%
}

.flag-islamicconference {
    background-position: 0 42.75862%
}

.flag-isleofman {
    background-position: 0 43.10345%
}

.flag-israel {
    background-position: 0 43.44828%
}

.flag-italy {
    background-position: 0 43.7931%
}

.flag-jamaica {
    background-position: 0 44.13793%
}

.flag-japan {
    background-position: 0 44.48276%
}

.flag-jersey {
    background-position: 0 44.82759%
}

.flag-jordan {
    background-position: 0 45.17241%
}

.flag-kazakhstan {
    background-position: 0 45.51724%
}

.flag-kenya {
    background-position: 0 45.86207%
}

.flag-kiribati {
    background-position: 0 46.2069%
}

.flag-kosovo {
    background-position: 0 46.55172%
}

.flag-kurdish {
    background-position: 0 46.89655%
}

.flag-kuwait {
    background-position: 0 47.24138%
}

.flag-kyrgyzstan {
    background-position: 0 47.58621%
}

.flag-laopeoplesdemocraticrepublic,
.flag-laos {
    background-position: 0 47.93103%
}

.flag-latvia {
    background-position: 0 48.27586%
}

.flag-lebanon {
    background-position: 0 48.62069%
}

.flag-lesotho {
    background-position: 0 48.96552%
}

.flag-liberia {
    background-position: 0 49.31034%
}

.flag-libya {
    background-position: 0 49.65517%
}

.flag-liechtenshein {
    background-position: 0 50%
}

.flag-lithuania {
    background-position: 0 50.34483%
}

.flag-luxembourg {
    background-position: 0 50.68966%
}

.flag-macao,
.flag-macau {
    background-position: 0 51.03448%
}

.flag-macedonia,
.flag-northmacedonia {
    background-position: 0 51.37931%
}

.flag-madagascar {
    background-position: 0 51.72414%
}

.flag-malawi {
    background-position: 0 52.06897%
}

.flag-malaysia {
    background-position: 0 52.41379%
}

.flag-maldives {
    background-position: 0 52.75862%
}

.flag-mali {
    background-position: 0 53.10345%
}

.flag-malta {
    background-position: 0 53.44828%
}

.flag-marshallislands {
    background-position: 0 53.7931%
}

.flag-martinique {
    background-position: 0 54.13793%
}

.flag-mauritania {
    background-position: 0 54.48276%
}

.flag-mauritius {
    background-position: 0 54.82759%
}

.flag-mayotte {
    background-position: 0 55.17241%
}

.flag-mexico {
    background-position: 0 55.51724%
}

.flag-micronesia {
    background-position: 0 55.86207%
}

.flag-moldova {
    background-position: 0 56.2069%
}

.flag-monaco {
    background-position: 0 56.55172%
}

.flag-mongolia {
    background-position: 0 56.89655%
}

.flag-montenegro {
    background-position: 0 57.24138%
}

.flag-montserrat {
    background-position: 0 57.58621%
}

.flag-morocco {
    background-position: 0 57.93103%
}

.flag-mozambique {
    background-position: 0 58.27586%
}

.flag-myanmar {
    background-position: 0 58.62069%
}

.flag-nato {
    background-position: 0 58.96552%
}

.flag-namibia {
    background-position: 0 59.31034%
}

.flag-nauru {
    background-position: 0 59.65517%
}

.flag-nepal {
    background-position: 0 60%
}

.flag-netherlands {
    background-position: 0 60.34483%
}

.flag-netherlandsantilles {
    background-position: 0 60.68966%
}

.flag-newcaledonia {
    background-position: 0 61.03448%
}

.flag-newzealand {
    background-position: 0 61.37931%
}

.flag-nicaragua {
    background-position: 0 61.72414%
}

.flag-niger {
    background-position: 0 62.06897%
}

.flag-nigeria {
    background-position: 0 62.41379%
}

.flag-niue {
    background-position: 0 62.75862%
}

.flag-norfolk {
    background-position: 0 63.10345%
}

.flag-northamerica {
    background-position: 0 63.44828%
}

.flag-northkorea {
    background-position: 0 63.7931%
}

.flag-northerncyprus {
    background-position: 0 64.13793%
}

.flag-northernireland {
    background-position: 0 64.48276%
}

.flag-northernmariana {
    background-position: 0 64.82759%
}

.flag-norway {
    background-position: 0 65.17241%
}

.flag-oas {
    background-position: 0 65.51724%
}

.flag-opec {
    background-position: 0 65.86207%
}

.flag-oceania {
    background-position: 0 66.2069%
}

.flag-olimpics {
    background-position: 0 66.55172%
}

.flag-oman {
    background-position: 0 66.89655%
}

.flag-pakistan {
    background-position: 0 67.24138%
}

.flag-palau {
    background-position: 0 67.58621%
}

.flag-palestine {
    background-position: 0 67.93103%
}

.flag-panama {
    background-position: 0 68.27586%
}

.flag-papuanewguinea {
    background-position: 0 68.62069%
}

.flag-paraguay {
    background-position: 0 68.96552%
}

.flag-peru {
    background-position: 0 69.31034%
}

.flag-philippines {
    background-position: 0 69.65517%
}

.flag-pitcairn {
    background-position: 0 70%
}

.flag-poland {
    background-position: 0 70.34483%
}

.flag-portugal {
    background-position: 0 70.68966%
}

.flag-puertorico {
    background-position: 0 71.03448%
}

.flag-qatar {
    background-position: 0 71.37931%
}

.flag-quebec {
    background-position: 0 71.72414%
}

.flag-redcross {
    background-position: 0 72.06897%
}

.flag-reunion {
    background-position: 0 72.41379%
}

.flag-romania {
    background-position: 0 72.75862%
}

.flag-russia {
    background-position: 0 73.10345%
}

.flag-rwanda {
    background-position: 0 73.44828%
}

.flag-saintbarthelemy {
    background-position: 0 73.7931%
}

.flag-sainthelena {
    background-position: 0 74.13793%
}

.flag-saintlucia {
    background-position: 0 74.48276%
}

.flag-saintmartin {
    background-position: 0 74.82759%
}

.flag-saintpierreandmiquelon {
    background-position: 0 75.17241%
}

.flag-samoa {
    background-position: 0 75.51724%
}

.flag-sanmarino {
    background-position: 0 75.86207%
}

.flag-saotomeandprincipe {
    background-position: 0 76.2069%
}

.flag-saudiarabia {
    background-position: 0 76.55172%
}

.flag-scotland {
    background-position: 0 76.89655%
}

.flag-senegal {
    background-position: 0 77.24138%
}

.flag-serbia {
    background-position: 0 77.58621%
}

.flag-seychelles {
    background-position: 0 77.93103%
}

.flag-sierraleone {
    background-position: 0 78.27586%
}

.flag-singapore {
    background-position: 0 78.62069%
}

.flag-sintmaarten {
    background-position: 0 78.96552%
}

.flag-slovakia {
    background-position: 0 79.31034%
}

.flag-slovenia {
    background-position: 0 79.65517%
}

.flag-solomonislands {
    background-position: 0 80%
}

.flag-somalia {
    background-position: 0 80.34483%
}

.flag-somaliland {
    background-position: 0 80.68966%
}

.flag-southafrica {
    background-position: 0 81.03448%
}

.flag-southamerica {
    background-position: 0 81.37931%
}

.flag-southgeorgiaandsouthsandwich {
    background-position: 0 81.72414%
}

.flag-southkorea {
    background-position: 0 82.06897%
}

.flag-southsudan {
    background-position: 0 82.41379%
}

.flag-spain {
    background-position: 0 82.75862%
}

.flag-srilanka {
    background-position: 0 83.10345%
}

.flag-stkittsandnevis {
    background-position: 0 83.44828%
}

.flag-stvincentandthegrenadines {
    background-position: 0 83.7931%
}

.flag-sudan {
    background-position: 0 84.13793%
}

.flag-suriname {
    background-position: 0 84.48276%
}

.flag-svalbardandjanmayen {
    background-position: 0 84.82759%
}

.flag-swaziland {
    background-position: 0 85.17241%
}

.flag-sweden {
    background-position: 0 85.51724%
}

.flag-switzerland {
    background-position: 0 85.86207%
}

.flag-syria {
    background-position: 0 86.2069%
}

.flag-tahiti {
    background-position: 0 86.55172%
}

.flag-taiwan {
    background-position: 0 86.89655%
}

.flag-tajikistan {
    background-position: 0 87.24138%
}

.flag-United.Republic.of.Tanzania,
.flag-tanzania,
.flag-unitedrepublicoftanzania {
    background-position: 0 87.58621%
}

.flag-thailand {
    background-position: 0 87.93103%
}

.flag-timorleste {
    background-position: 0 88.27586%
}

.flag-togo {
    background-position: 0 88.62069%
}

.flag-tokelau {
    background-position: 0 88.96552%
}

.flag-tonga {
    background-position: 0 89.31034%
}

.flag-trinidadtobago {
    background-position: 0 89.65517%
}

.flag-tristandacunha {
    background-position: 0 90%
}

.flag-tunisia {
    background-position: 0 90.34483%
}

.flag-turkey {
    background-position: 0 90.68966%
}

.flag-turkmenistan {
    background-position: 0 91.03448%
}

.flag-turksandcaicosislands {
    background-position: 0 91.37931%
}

.flag-tuvalu {
    background-position: 0 91.72414%
}

.flag-usa,
.flag-unitedstates {
    background-position: 0 92.06897%
}

.flag-uganda {
    background-position: 0 92.41379%
}

.flag-ukraine {
    background-position: 0 92.75862%
}

.flag-uae,
.flag-unitedarabemirates {
    background-position: 0 93.10345%
}

.flag-unitedkingdom {
    background-position: 0 93.44828%
}

.flag-uruguay {
    background-position: 0 93.7931%
}

.flag-uzbekistan {
    background-position: 0 94.13793%
}

.flag-vanuatu,
.flag-vanutau {
    background-position: 0 94.48276%
}

.flag-vaticancity {
    background-position: 0 94.82759%
}

.flag-venezuela {
    background-position: 0 95.17241%
}

.flag-vietnam {
    background-position: 0 95.51724%
}

.flag-virginislandsbritish {
    background-position: 0 95.86207%
}

.flag-virginislandsus {
    background-position: 0 96.2069%
}

.flag-wales {
    background-position: 0 96.55172%
}

.flag-wallisandfutuna {
    background-position: 0 96.89655%
}

.flag-westernsahara {
    background-position: 0 97.24138%
}

.flag-westindies {
    background-position: 0 97.58621%
}

.flag-world {
    background-position: 0 97.93103%
}

.flag-yemen {
    background-position: 0 98.27586%
}

.flag-zambia {
    background-position: 0 98.62069%
}

.flag-zimbabwe {
    background-position: 0 98.96552%
}

.flag-allupcoming {
    background-position: 0 99.31034%
}

.flag-america,
.flag-americas {
    background-position: 0 99.65517%
}

[data-sport]::before {
    aspect-ratio: 258/235
}

[data-sport=비치발리볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/비치발리볼.png");
    background-size: 100% 100%
}

[data-sport=탁구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/탁구.png");
    background-size: 100% 100%
}

[data-sport=풋살]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/풋살.png");
    background-size: 100% 100%
}

[data-sport=경마]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/경마.png");
    background-size: 100% 100%
}

[data-sport=골프]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/골프.png");
    background-size: 100% 100%
}

[data-sport=E게임]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/E게임.png");
    background-size: 100% 100%
}

[data-sport="그레이하운드 경주"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/그레이하운드 경주.png");
    background-size: 100% 100%
}

[data-sport=구보]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/구보.png");
    background-size: 100% 100%
}

[data-sport=스피드웨이]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/스피드웨이.png");
    background-size: 100% 100%
}

[data-sport=축구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/축구.png");
    background-size: 100% 100%
}

[data-sport=농구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/농구.png");
    background-size: 100% 100%
}

[data-sport=모터스포츠]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/모터스포츠.png");
    background-size: 100% 100%
}

[data-sport=체스]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/체스.png");
    background-size: 100% 100%
}

[data-sport=배구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/배구.png");
    background-size: 100% 100%
}

[data-sport="아이스 하키"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/아이스 하키.png");
    background-size: 100% 100%
}

[data-sport=크리켓]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/크리켓.png");
    background-size: 100% 100%
}

[data-sport="Equine 스포츠"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Equine 스포츠.png");
    background-size: 100% 100%
}

[data-sport="오지 룰스"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/오지 룰스.png");
    background-size: 100% 100%
}

[data-sport=배드민턴]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/배드민턴.png");
    background-size: 100% 100%
}

[data-sport="Formula 1"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Formula 1.png");
    background-size: 100% 100%
}

[data-sport=Nascar]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Nascar.png");
    background-size: 100% 100%
}

[data-sport=하키]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/하키.png");
    background-size: 100% 100%
}

[data-sport=Supercars]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Supercars.png");
    background-size: 100% 100%
}

[data-sport=Netball]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Netball.png");
    background-size: 100% 100%
}

[data-sport=Surfing]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Surfing.png");
    background-size: 100% 100%
}

[data-sport=Cycling]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Cycling.png");
    background-size: 100% 100%
}

[data-sport="Gaelic Sports"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Gaelic Sports.png");
    background-size: 100% 100%
}

[data-sport=Biathlon]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Biathlon.png");
    background-size: 100% 100%
}

[data-sport=Motorbikes]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Motorbikes.png");
    background-size: 100% 100%
}

[data-sport=Athletics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Athletics.png");
    background-size: 100% 100%
}

[data-sport=Squash]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Squash.png");
    background-size: 100% 100%
}

[data-sport="Basketball 3X3"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Basketball 3X3.png");
    background-size: 100% 100%
}

[data-sport=플로어볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/플로어볼.png");
    background-size: 100% 100%
}

[data-sport=Sumo]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Sumo.png");
    background-size: 100% 100%
}

[data-sport="Virtual sports"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Virtual sports.png");
    background-size: 100% 100%
}

[data-sport=핸드볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/핸드볼.png");
    background-size: 100% 100%
}

[data-sport=Politics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Politics.png");
    background-size: 100% 100%
}

[data-sport=Weather]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Weather.png");
    background-size: 100% 100%
}

[data-sport=TV-Games]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/TV-Games.png");
    background-size: 100% 100%
}

[data-sport=Lottery]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Lottery.png");
    background-size: 100% 100%
}

[data-sport=Bowls]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Bowls.png");
    background-size: 100% 100%
}

[data-sport=Poker]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Poker.png");
    background-size: 100% 100%
}

[data-sport=수구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/수구.png");
    background-size: 100% 100%
}

[data-sport=알파인스키]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/알파인스키.png");
    background-size: 100% 100%
}

[data-sport=Sailing]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Sailing.png");
    background-size: 100% 100%
}

[data-sport=Hurling]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Hurling.png");
    background-size: 100% 100%
}

[data-sport="Ski Jumping"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Ski Jumping.png");
    background-size: 100% 100%
}

[data-sport=Indy]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Indy.png");
    background-size: 100% 100%
}

[data-sport=Lacrosse]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Lacrosse.png");
    background-size: 100% 100%
}

[data-sport=Olympics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Olympics.png");
    background-size: 100% 100%
}

[data-sport=Softball]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Softball.png");
    background-size: 100% 100%
}

[data-sport=밴디]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/밴디.png");
    background-size: 100% 100%
}

[data-sport=Kabaddi]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Kabaddi.png");
    background-size: 100% 100%
}

[data-sport=모터스포츠]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/모터스포츠.png");
    background-size: 100% 100%
}

[data-sport=야구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/야구.png");
    background-size: 100% 100%
}

[data-sport=AUDL]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/AUDL.png");
    background-size: 100% 100%
}

[data-sport=Padel]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Padel.png");
    background-size: 100% 100%
}

[data-sport=럭비]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/럭비.png");
    background-size: 100% 100%
}

[data-sport=Triathlon]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Triathlon.png");
    background-size: 100% 100%
}

[data-sport="럭비 리그"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/럭비 리그.png");
    background-size: 100% 100%
}

[data-sport=컬링]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/컬링.png");
    background-size: 100% 100%
}

[data-sport=권투]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/권투.png");
    background-size: 100% 100%
}

[data-sport=다트]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/다트.png");
    background-size: 100% 100%
}

[data-sport=테니스]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/테니스.png");
    background-size: 100% 100%
}

[data-sport=미식축구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/미식축구.png");
    background-size: 100% 100%
}

[data-sport=스누커]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/스누커.png");
    background-size: 100% 100%
}

#sports .icon-iconARupA:before {
    content: "";
    display: block;
    background: url(../../asset/image/game/sports/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg)
}

#sports .container>.left {
    height: calc(100vh - 86px - 30px);
    border: 1px solid var(--border);
    font-weight: 300;
    overflow-y: scroll;
    overscroll-behavior: contain;
    overflow-x: hidden;
    color: var(--font);
    font-size: 13px
}

#sports .container>.left>.result {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    color: #fff
}

#sports .container>.left>.result:hover .right {
    transform: rotate(90deg) translateY(-5px)
}

#sports .container>.left>.result .right {
    transform: rotate(90deg);
    transition: transform .2s
}

#sports .container>.left>.list {
    display: flex;
    flex-direction: column
}

#sports .container>.left>.list [data-level="0"] {
    border-bottom: 1px solid var(--border)
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] {
    color: var(--font);
    display: flex;
    padding: 4px 8px;
    justify-content: space-between;
    height: 46px;
    background-color: var(--bg-dark)
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"].accordion-opened {
    background-color: var(--bg-darkest)
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .left,
#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 16px;
    align-items: center;
    position: relative
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .left::before,
#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .right::before {
    width: 30px
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .number {
    transition: .2s all;
    color: var(--primary-light)
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] i {
    transition: .2s all;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover .number {
    opacity: 0;
    visibility: hidden
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover i {
    opacity: 1;
    visibility: visible
}

#sports .container>.left>.list [data-level="0"]>[data-role="accordion:switchee"]::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .25)
}

#sports .container>.left>.list [data-level="0"].topleague::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABGlBMVEUAAABdPj7/1F/cq0r/1llRMTH/r0D/z0D/r0D/0VJmR0f/z0D/21z/z0D/r0D/zVD/1Ev/3F5UNTX/4Gf/z0D/z0D/r0D/6Hv/r0D/z0D/r0D/v0D/v0D/zFD/6oB9YFD/zlH/z0D/r0D/0FJmR0f/3WD/6oD/3mP/6oD/32b/2Vf/r0D/2VhmR0f/11hXODhmR0f/2lr/z0D/r0BYOTn/6oBmR0f/6oD/z0D/r0D/z0BmR0f/r0D/z0BZOjr/z0D/3F5mR0f/6oD/z0D/6oBmR0dNLi7/r0D/6Hz7z0f/4Wn/1Eu6l0j/0UT/0EH/xUD/tUD/skBXNzLs1nn/5nbt1nbiy3WghFyghVqXe1l/Yk+tikX/ykD/vUAD4H4XAAAAQ3RSTlMABQMCB/ik7e3X0Kf8+fn39PHYtqJtbWdEQzkbEvz39unj4+Hg2NDKxbuvqqSgnJyWg3p6dnBgTU1KR0RDPDw2KiAWFH0luAAAAQBJREFUGNNdjndTwkAQR9dcmgkgKiDN3nvv3U1yRIqAvX3/r+FuZsidvLl/7s1v3iwACMOgR5gM/4CoOIjLAdFAZk5Kt0xbx6/fjis9Vq3brgADa4WzSaVHz+2aNEDgRWE+WT8+JesFuyyp7juVA16/tHs/vD68cm0AMP1s8TgImohSdhE3SrlNEwhRzK5SokOaMou5EiUSrjMUaaPsUWS6CinrpJuZ3y63QTGlDtzR9MPMQHfuQJ8P9Bb843SNdX4fhllpYH5IXXqeN/vV71uWdaTp7ZCJmAlNL4Xh5/tHq/UdRZay9zR9e36N45jmN6k+CVUk2k31ntJ6XIzosPkDylk+4bBG/ccAAAAASUVORK5CYII=) "    탑리그";
    white-space: pre;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%))
}

#sports .container>.left>.list [data-level="0"].topleague [data-level="1"] {
    border-bottom: 1px solid var(--border);
    position: relative;
    background-position: 16px center;
    background-size: 20px;
    background-repeat: no-repeat;
    justify-content: space-between
}

#sports .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon {
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    height: 54px
}

#sports .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon::before {
    width: 100%;
    height: 100%;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid var(--border);
    background-color: var(--bg-dark)
}

#sports .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 13px
}

#sports .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info img {
    max-height: 24px
}

#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    transition: .2s all;
    height: 40px;
    border-bottom: 1px solid var(--border)
}

#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .left,
#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 10px;
    align-items: center
}

#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .left .flag-icon,
#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .right .flag-icon {
    width: 17px;
    height: 17px
}

#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switchee"] {
    color: var(--font-ligher)
}

#sports .container>.left>.list [data-level="1"]>[data-role="accordion:switchee"]::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--border);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .25)
}

#sports .container>.left>.list [data-level="2"] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 4px 16px;
    transition: .2s all;
    border-bottom: 1px solid var(--border)
}

#sports {
    color: #414755
}

#sports .container>.main {
    display: flex;
    flex-direction: column;
    font-weight: 400
}

#sports .container>.main .split {
    display: grid;
    grid-template-columns: 933fr 526fr;
    height: 100%;
    -moz-column-gap: 4px;
    column-gap: 4px
}

#sports .container>.main .split #main-selector {
    border: 1px solid var(--border);
    min-width: 815px;
    border-bottom: 0
}

#sports .container>.main .split #market-list {
    grid-row: span 2
}

#sports .container>.main .split .folder-wrap {
    grid-row: 2
}

#sports .container>.main .split .selector {
    width: 100%;
    height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--font-light);
    background-color: var(--bg-dark);
    font-size: 12px;
    overscroll-behavior: contain;
    padding-left: 4px
}

#sports .container>.main .split .selector .item {
    display: flex;
    align-items: center;
    height: 32px;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 3px;
    background-color: var(--bg);
    cursor: pointer;
    padding: 0 10px;
    white-space: nowrap
}

#sports .container>.main .split .selector .item .number {
    margin-left: 4px;
    color: var(--orange)
}

#sports .container>.main .split .selector .item::before {
    content: "";
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 30px;
    margin-right: 5px
}

#sports .container>.main .split .selector .item:first-child::before {
    content: "";
    background-image: url(../../asset/image/game/sports/별.png);
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

#sports .container>.main .split .selector .item:nth-child(2)::before {
    content: "";
    background-image: url(../../asset/image/game/sports/전체.webp);
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

#sports .container>.main .split .selector .item:hover,
#sports .container>.main .split .selector .item.active {
    color: #fff;
    background-color: var(--primary-light)
}

#sports .container>.main .split .selector .item:hover .number,
#sports .container>.main .split .selector .item.active .number {
    color: var(--yellow)
}

#sports .container>.main .split .folder-wrap {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    height: calc(100vh - 86px - 30px - 44px);
    border: 1px solid var(--border)
}

#sports .container>.main .split .folder-wrap .folders {
    display: flex;
    flex-direction: column
}

#sports .container>.main .split .folder-wrap .folders .folder {
    width: 100%;
    height: 100%;
    flex-grow: 1;
    overscroll-behavior: contain;
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] {
    height: 32px;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 0 12px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:not([hidden]) {
    display: flex
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left .location {
    white-space: nowrap
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .right {
    display: flex
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:not(.accordion-opened)+[data-role="accordion:switchee"]:not([hidden]) {
    margin: 0
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"]:not([hidden]) {
    display: flex;
    flex-direction: column;
    margin: 10px 0
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row {
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 2px 16px;
    display: grid;
    gap: 2px;
    grid-template-columns: 10ch 15ch 1fr 48px 7ch;
    text-align: center;
    word-break: keep-all;
    line-height: 2ex
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .option {
    font-size: 12px
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap {
    display: flex;
    gap: 5px
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet {
    width: 44.5%;
    height: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 1.5%;
    border: 1px solid var(--border);
    border-radius: 5px;
    cursor: pointer
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) {
    display: flex;
    gap: 5px;
    align-items: center
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .team-logo {
    height: 14px;
    aspect-ratio: 1/1;
    background-size: 100% 100%;
    display: flex;
    align-items: center
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .name {
    text-align: left;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 5px;
    overflow-wrap: anywhere
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet .right .name {
    text-align: right
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2) {
    width: 10%;
    justify-content: center
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2):hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet.pick,
#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(3) .odds-wrap {
    flex-direction: row-reverse
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite {
    display: grid;
    place-items: center;
    border-radius: 3px;
    height: 100%;
    border: 1px solid var(--border)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%;
    filter: brightness(0.6)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%;
    filter: none
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row [data-role=drawer] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-light);
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row [data-role=drawer]:hover {
    background-color: var(--primary)
}

#sports .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row[hidden] {
    display: none
}

#sports .container>.main .split .detail-wrap {
    height: calc(100vh - 86px - 30px);
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: relative;
    overflow-x: clip;
    border: 1px solid var(--border)
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 7px 0 21px;
    justify-content: space-between;
    background-color: var(--bg-dark)
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left {
    display: flex;
    gap: 5px;
    font-size: 14px;
    color: var(--font-darker)
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    white-space: nowrap
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title {
    display: flex;
    gap: 5px;
    align-items: center
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title .vs {
    color: var(--gold)
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 5px;
    align-items: center
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right .icon-icon-icconGROUND01 {
    font-size: 32px
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .tracker {
    width: 100%
}

#sports .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .no-tracker {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 20px 0;
    gap: 8px
}

#sports .container>.main .split .detail-wrap .seperator {
    width: 100%;
    position: relative;
    margin-top: 18px;
    text-align: center
}

#sports .container>.main .split .detail-wrap .seperator .round {
    z-index: 1;
    position: relative;
    font-size: 18px;
    padding: 0 32px
}

#sports .container>.main .split .detail-wrap .seperator::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5e0f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#sports .container>.main .split .detail-wrap .reverse {
    display: flex;
    flex-direction: column-reverse
}

#sports .container>.main .split .detail-wrap .reverse .type-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 42px;
    border: 1px solid var(--border)
}

#sports .container>.main .split .detail-wrap .reverse .type-wrap .type {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-right: 1px solid var(--border)
}

#sports .container>.main .split .detail-wrap .reverse .type-wrap .type:last-child {
    border-right: 0
}

#sports .container>.main .split .detail-wrap .reverse .type-wrap .type .star {
    display: grid;
    place-items: center
}

#sports .container>.main .split .detail-wrap .reverse .type-wrap .type:hover,
#sports .container>.main .split .detail-wrap .reverse .type-wrap .type[selected] {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group {
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group:first-child {
    box-shadow: unset
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right {
    display: flex;
    gap: 9px;
    align-items: center
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite {
    display: grid;
    place-content: center
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%;
    filter: brightness(0.6)
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%;
    filter: none
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px;
    gap: 5px
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
    color: var(--font);
    border: 1px solid var(--border);
    font-size: 12px;
    cursor: pointer;
    padding: 16px;
    flex: 26%;
    line-height: .99
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:hover,
#sports .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option.pick {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#sports .container>.main .split .odds-wrap.odds-up::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_up.svg);
    background-size: 100% 100%
}

#sports .container>.main .split .odds-wrap.odds-down::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_down.svg);
    background-size: 100% 100%;
    transform: rotate(180deg)
}

#sports .container>.right {
    position: fixed;
    bottom: 55px;
    right: 38px;
    z-index: 9999;
    display: flex;
    gap: 30px;
    align-items: flex-end;
    height: 0
}

#sports .container>.right #betting_cart {
    width: 557px;
    height: 856px;
    display: flex;
    flex-flow: column;
    background-color: var(--bg);
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25));
    padding: 20px 30px 30px 30px
}

#sports .container>.right #betting_cart.hidden {
    display: none
}

#sports .container>.right #betting_cart.hidden+#betting_cart_opener {
    background-image: url("/asset/image/icon/Webp/Icon/Gray/Cart-Icon.webp");
    background-size: 35.67px 31.44px;
    background-position: center
}

#sports .container>.right #betting_cart.hidden+#betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#sports .container>.right #betting_cart_opener {
    border-radius: 50%;
    background-color: var(--primary);
    width: 75px;
    height: 75px;
    display: grid;
    place-items: center;
    color: var(--bg);
    background-image: url(../../asset/image/game/sports/betting_cart_closer.svg);
    background-size: 35.67px 31.44px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

#sports .container>.right #betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#sports .container>.right #betting_cart_opener b {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background-color: var(--primary-light);
    display: grid;
    place-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

#sports .container>.right .options {
    height: calc(100% - 130px)
}

#sports .container>.right .options .option {
    height: 100%
}

#sports .container>.right .options .option .cart {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#sports .container>.right .options .option .history {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#sports .container>.right .options .option .history .scroll {
    padding: 10px 0
}

#sports .container>.right .options .option .history .content-wrap {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 20px
}

#sports .container>.right .options .option .history .content-wrap .status {
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 5px;
    height: 22px;
    font-size: 12px;
    font-weight: 400
}

#sports .container>.right .options .option .history .content-wrap .content {
    width: unset;
    padding: 0
}

#sports .container>.right .options .option .history .content-wrap .content .name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#sports .container>.right .options .option .history .content-wrap .content .name-wrap .cancel-btn {
    padding: 0;
    font-size: 12px;
    text-decoration-line: underline
}

#sports .container>.right .quickbetting {
    position: relative
}

#sports .container>.right .quickbetting>.top {
    display: flex;
    align-items: center;
    background-color: var(--bgColor_070);
    padding: 10px;
    padding-left: 60px;
    color: var(--txtColor_03);
    white-space: nowrap;
    font-size: 14px
}

#sports .container>.right .quickbetting>.top .money {
    display: flex;
    align-items: center;
    position: relative;
    visibility: hidden;
    height: 0px;
    overflow: hidden
}

#sports .container>.right .quickbetting>.top .money input {
    border: 1px solid var(--border);
    margin-left: 4px;
    padding-left: 5px;
    padding-right: 50px;
    line-height: 36px;
    height: 36px;
    width: 100%;
    background-color: #fff
}

#sports .container>.right .quickbetting>.top .money button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    color: var(--txtColor_05);
    box-sizing: border-box;
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor041)
}

#sports .container>.right .quickbetting>.top .money button:hover {
    color: var(--primary);
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor_001)
}

#sports .container>.right .quickbetting>.top .setIcon {
    height: 36px;
    display: flex;
    align-items: center;
    margin-left: 10px
}

#sports .container>.right .quickbetting>.top .setIcon span {
    color: var(--txtColor_038);
    font-size: 23px
}

#sports .container>.right .quickbetting>.top .info {
    position: relative;
    margin-left: 3px;
    color: var(--txtColor_038);
    font-size: 18px
}

#sports .container>.right .quickbetting>.top .info::after {
    content: "퀵 베팅은 한종류의 베팅을 더 쉽고 빠르게 베팅할 수 있는 기능입니다. 베팅 금액을 설정한 후 선택한 베팅 옵션을 클릭하여 바로 베팅이 가능합니다.(단폴더만 베팅가능)";
    background-color: var(--bg);
    position: absolute;
    display: none;
    transform: translate(-50%, 20px);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    color: var(--txtColor_03);
    line-height: 1.6;
    font-size: 12px;
    text-align: justify;
    width: 250px;
    white-space: pre-wrap;
    word-break: keep-all
}

#sports .container>.right .quickbetting>.top .info:hover::after {
    display: revert
}

#sports .container>.right .quickbetting>.bottom .accordion-opened .switch {
    background-color: var(--primary)
}

#sports .container>.right .quickbetting>.bottom .accordion-opened .switch::before {
    left: 71%
}

#sports .container>.right .quickbetting>.bottom .switch {
    transition: all .2s;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 45px;
    height: 26px;
    background-color: #999;
    border-radius: 20px;
    cursor: pointer
}

#sports .container>.right .quickbetting>.bottom .switch:before {
    transition: all .2s;
    content: "";
    width: 19px;
    height: 19px;
    background-color: var(--bg);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%, -50%)
}

#sports .container>.right .quickbetting>.bottom .icon-icconWARNING::before {
    font-size: 19px;
    margin-right: 5px
}

#sports .container>.right .quickbetting>.bottom .icon-icconWARNING {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 10px 10px
}

#sports .container>.right .quickbetting>.bottom .setting {
    width: 23px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px
}

#sports .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .title {
    height: 40px;
    width: 100%;
    background-color: var(--bgColor_08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary);
    padding: 0 14px
}

#sports .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    font-size: 12px
}

#sports .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label {
    cursor: pointer
}

#sports .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label::before {
    content: "";
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

#sports .container>.right .selector {
    display: flex;
    width: 100%;
    border: 1px solid var(--border)
}

#sports .container>.right .selector .item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: var(--txtColor_05);
    border-right: 1px solid var(--border)
}

#sports .container>.right .selector .item:last-child {
    border: 0
}

#sports .container>.right .selector .item:hover,
#sports .container>.right .selector .item.selected {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#sports .container>.right .selector .item:hover .number,
#sports .container>.right .selector .item.selected .number {
    margin-left: 3px
}

#sports .container>.right .selector[selected]~.options .option:nth-child(2) {
    display: none
}

#sports .container>.right .selector:not([selected])~.options .option:nth-child(1) {
    display: none
}

#sports .cart .delete-all {
    width: 100%;
    height: 36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    color: var(--font)
}

#sports .cart .delete-all .icon-iconCross {
    margin-left: 10px;
    cursor: pointer
}

#sports .scroll {
    display: flex;
    flex-flow: column;
    gap: 18px;
    border-radius: 5px
}

#sports .scroll .folder-wrap {
    display: flex;
    flex-flow: column;
    gap: 12px;
    border-radius: 5px
}

#sports .scroll .folder-wrap .folder {
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--border)
}

#sports .scroll .folder-wrap .folder .icon-iconLock {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .8);
    place-items: center;
    top: 0;
    border-radius: 5px
}

#sports .scroll .folder-wrap .folder .icon-iconLock:not([hidden]) {
    display: grid
}

#sports .scroll .folder-wrap .folder .icon-iconLock::before {
    content: ""
}

#sports .scroll .folder-wrap .folder .title {
    background-color: var(--bg-dark);
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-weight: 700
}

#sports .scroll .folder-wrap .folder .title .datetime {
    font-weight: bold;
    font-size: 12px;
    color: var(--font-light)
}

#sports .scroll .folder-wrap .folder .title .money {
    font-weight: bold;
    font-size: 14px;
    color: var(--primary)
}

#sports .scroll .folder-wrap .folder .title .left {
    display: flex;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    padding-bottom: 2px
}

#sports .scroll .folder-wrap .folder .title .right {
    z-index: 10
}

#sports .scroll .folder-wrap .folder .title .right .delete {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#sports .scroll .folder-wrap .folder .title .right .delete span {
    font-size: 12px;
    font-weight: 700;
    transform: scale(0.68)
}

#sports .scroll .folder-wrap .folder .content {
    position: relative;
    width: 100%;
    padding: 10px
}

#sports .scroll .folder-wrap .folder .content .row {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

#sports .scroll .folder-wrap .folder .content .row .option {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

#sports .scroll .folder-wrap .folder .content:has(.new-odds:not(:empty)) .odds {
    color: var(--red);
    text-decoration: line-through
}

#sports .scroll .folder-wrap .folder .content .name {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

#sports .scroll .folder-wrap .folder .content .datetime {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: var(--font-light);
    align-items: center;
    margin-top: 9px;
    padding-bottom: 11px
}

#sports .scroll .folder-wrap .folder .content .datetime::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../../asset/icon/sports/calendar.svg) no-repeat;
    background-size: 100% 100%
}

#sports .scroll .folder-wrap .folder .content .bet {
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: var(--font-light);
    line-height: 1.8;
    align-items: center;
    padding: 8px 16px;
    background-color: var(--bg-darker);
    border-radius: 5px
}

#sports .scroll .folder-wrap .folder .content .bet .market {
    line-height: 1.8;
    display: flex;
    align-items: center
}

#sports .scroll .folder-wrap .folder .content .bet .odds {
    margin-left: auto;
    color: var(--font-darker);
    font-weight: 700
}

#sports .scroll .folder-wrap .folder .content .status {
    font-size: 14px;
    font-weight: bold;
    color: var(--txtColor_09)
}

#sports .scroll .folder-wrap .folder .content .button-wrap button {
    border-radius: 5px;
    padding: 7px 20px;
    font-size: 12px;
    cursor: pointer;
    color: var(--primary);
    background-color: var(--bdColor_001);
    border: 1px solid var(--bdColor_001)
}

#sports .scroll .folder-wrap .folder .result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px;
    position: relative
}

#sports .scroll .folder-wrap .folder .result span {
    color: var(--txtColor_09);
    font-size: 12px
}

#sports .scroll .folder-wrap .folder .result .sp-number {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary)
}

#sports .scroll .folder-wrap .folder .result::before {
    content: "";
    background-color: var(--border-dark);
    height: 1px;
    width: calc(100% - 20px);
    position: absolute;
    top: 0
}

#sports .scroll .boost {
    border: 1px solid var(--border);
    border-radius: 5px;
    position: relative;
    padding: 1em;
    font-size: .8em
}

#sports .scroll .boost .caret {
    display: flex;
    position: absolute;
    top: 0;
    right: 0
}

#sports .scroll .boost .caret .min-odds {
    background-color: var(--bg-darker);
    padding-left: 6px;
    padding-right: 4px;
    border-bottom-left-radius: 6px;
    border: var(--border-darker)
}

#sports .scroll .boost .caret .min-odds.fulfilled {
    text-decoration: line-through;
    opacity: .3
}

#sports .scroll .boost .caret .comboboost {
    background-color: var(--primary-light);
    color: #fff;
    padding-left: 6px;
    padding-right: 4px
}

#sports .scroll .boost .progress {
    display: flex;
    gap: 2px;
    margin-top: 12px
}

#sports .scroll .boost .progress .stage {
    display: grid;
    grid-template-rows: 4em 1em;
    position: relative;
    flex-direction: column;
    flex: 1
}

#sports .scroll .boost .progress .stage .label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 4px
}

#sports .scroll .boost .progress .stage .label::before {
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    content: attr(multiply);
    font-weight: 400;
    margin: 4px 4px 0;
    border-radius: 8px
}

#sports .scroll .boost .progress .stage .label::after {
    height: 0;
    content: "";
    border-color: var(--border-dark) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 4px 3px 0 3px
}

#sports .scroll .boost .progress .stage:first-of-type::before {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em
}

#sports .scroll .boost .progress .stage:last-of-type::after {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em
}

#sports .scroll .boost .progress .stage::after {
    content: "";
    width: 100%;
    background-color: var(--bg-darker)
}

#sports .scroll .boost .progress .stage.active .label::before {
    color: #fff;
    background-color: var(--primary-light)
}

#sports .scroll .boost .progress .stage.active .label::after {
    border-color: var(--primary-light) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

#sports .scroll .boost .progress .stage.active::after {
    background-color: var(--primary-light)
}

#sports .scroll .monitor {
    border: 1px solid var(--border);
    border-radius: 5px
}

#sports .scroll .monitor .selected {
    color: var(--primary);
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    padding: 9px;
    background-color: var(--bg-darker)
}

#sports .scroll .monitor .state-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px
}

#sports .scroll .monitor .state-wrap .state {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    white-space: nowrap
}

#sports .scroll .monitor .state-wrap .state .value {
    display: flex
}

#sports .scroll .monitor .state-wrap .state input.value {
    width: 60%;
    height: 30px;
    line-height: 30px;
    padding-right: 11px;
    padding-left: 4px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    border: 1px solid var(--border)
}

#sports .scroll .monitor .executer-wrap {
    display: flex;
    padding: 10px;
    justify-content: space-between
}

#sports .scroll .monitor .executer-wrap .executer {
    width: 48%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    color: var(--primary);
    border: 1px solid var(--primary)
}

#sports .scroll .monitor .executer-wrap .executer:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--primary)
}

#sports .scroll .monitor .executer-wrap .executer:last-child span {
    margin-right: 7px
}

#sports .scroll .ctrl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px
}

#sports .scroll .ctrl .max {
    grid-column: 1/span 2
}

#sports .scroll .ctrl button[data-value] {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.6px;
    background: #fff;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 4px
}

#sports .scroll .restriction-wrap {
    display: flex;
    flex-flow: column;
    padding: 10px;
    border: 1px solid var(--border)
}

#sports .scroll .restriction-wrap .restriction {
    display: flex;
    justify-content: space-between
}

#sports .scroll .restriction-wrap .restriction .value {
    display: flex
}

#sports .scroll .close-cart {
    display: none
}

#sports {
    --primary: #0EA5E9;
    --primary-light: #3B82F6;
    --primary-lighter: #e4d5c8;
    --primary-lighten: #f2e9e0;
    --primary-lightest: #fff8ee61;
    --bg: #FFF;
    --bg-dark: #F7F7F7;
    --bg-darker: #fefaf4;
    --bg-darkest: #fffbf1;
    --border: #E5E5E5;
    --border-dark: #D9D9D9;
    --border-darker: #777777;
    --font-ligher: #999999;
    --font-light: #777777;
    --font: #444444;
    --font-dark: #222222;
    --font-darker: #000000;
    --red: #D60000;
    --gold: #FFCB66;
    --orange: #f16f00;
    --yellow: #ffe99b
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

#sports {
    min-width: 1600px;
    display: flex;
    justify-content: center;
    background-color: #f3f6fc
}

#sports i {
    transition: .2s all
}

#sports [data-role^=bookmark] {
    cursor: pointer
}

#sports [data-role="accordion:switcher"] {
    cursor: pointer
}

#sports [data-role="accordion:switcher"][hidden]+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#sports [data-role="accordion:switcher"]:not(.accordion-opened) i {
    transform: rotate(180deg)
}

#sports [data-role="accordion:switcher"]:not(.accordion-opened)+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#sports [data-level] {
    cursor: pointer
}

#sports [data-level] [data-role="accordion:switcher"]:hover,
#sports [data-level]:not(:has([data-level])):hover,
#sports [data-level].active {
    background-color: var(--bg-darkest);
    cursor: pointer;
    transition: .2s all ease-out
}

#sports .odds-wrap {
    display: flex;
    gap: 4px;
    align-items: center
}

#sports .odds-wrap.short::before {
    display: none !important
}

#sports .odds-wrap.short *::before {
    display: none !important
}

#sports .odds-wrap .icon-iconLock::before {
    color: #000;
    animation: shineArrow .9s infinite
}

#sports .odds-wrap.icon-iconARup01 {
    color: var(--txtColor_039) !important;
    animation: shineArrow .9s infinite
}

#sports .odds-wrap.icon-iconARup01+.odds {
    color: var(--txtColor_039) !important
}

#sports .odds-wrap.icon-iconARdown01 {
    color: var(--txtColor42) !important;
    animation: shineArrow .9s infinite
}

#sports .odds-wrap.icon-iconARdown01+.odds {
    color: var(--txtColor_09) !important
}

#sports *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

#sports *::-webkit-scrollbar-track {
    background-color: var(--txtColor_02)
}

#sports *::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_066);
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

#sports *::-webkit-scrollbar-thumb:hover {
    background-color: var(--txtColor_038)
}

#sports .container {
    height: auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    margin-top: 30px;
    width: 100%;
    min-width: 1600px;
    height: calc(100vh - 86px - 30px);
    overflow: hidden;
    display: grid;
    gap: 4px;
    grid-template-columns: 12% 88%;
    justify-content: center
}

@keyframes shineArrow {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes shineArrow01 {
    0% {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
    50% {
        background-color: var(--bgColor068);
        border: 1px solid var(--bdColor037)
    }
    to {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
}

@keyframes expand {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(2);
        opacity: .7
    }
    to {
        transform: scale(6);
        opacity: 0
    }
}

.flag-icon {
    background: url(../../asset/icon/sports/flags.png) no-repeat 0 0/100%;
    width: 20px;
    height: 20px
}

.flag-asean {
    background-position: 0 0
}

.flag-afghanistan {
    background-position: 0 .34483%
}

.flag-africa {
    background-position: 0 .68966%
}

.flag-aland {
    background-position: 0 1.03448%
}

.flag-albania {
    background-position: 0 1.37931%
}

.flag-alderney {
    background-position: 0 1.72414%
}

.flag-algeria {
    background-position: 0 2.06897%
}

.flag-all {
    background-position: 0 2.41379%
}

.flag-americansamoa {
    background-position: 0 2.75862%
}

.flag-andorra {
    background-position: 0 3.10345%
}

.flag-angola {
    background-position: 0 3.44828%
}

.flag-anguilla {
    background-position: 0 3.7931%
}

.flag-antiguaandbarbuda {
    background-position: 0 4.13793%
}

.flag-arableague {
    background-position: 0 4.48276%
}

.flag-argentina {
    background-position: 0 4.82759%
}

.flag-armenia {
    background-position: 0 5.17241%
}

.flag-aruba {
    background-position: 0 5.51724%
}

.flag-asia {
    background-position: 0 5.86207%
}

.flag-australia {
    background-position: 0 6.2069%
}

.flag-austria {
    background-position: 0 6.55172%
}

.flag-azerbaijan {
    background-position: 0 6.89655%
}

.flag-bahamas {
    background-position: 0 7.24138%
}

.flag-bahrain {
    background-position: 0 7.58621%
}

.flag-bangladesh {
    background-position: 0 7.93103%
}

.flag-barbados {
    background-position: 0 8.27586%
}

.flag-basquecountry {
    background-position: 0 8.62069%
}

.flag-belarus {
    background-position: 0 8.96552%
}

.flag-belgium {
    background-position: 0 9.31034%
}

.flag-belize {
    background-position: 0 9.65517%
}

.flag-benin {
    background-position: 0 10%
}

.flag-bermuda {
    background-position: 0 10.34483%
}

.flag-bhutan {
    background-position: 0 10.68966%
}

.flag-bolivia {
    background-position: 0 11.03448%
}

.flag-bonairesinteustatiusandsaba {
    background-position: 0 11.37931%
}

.flag-bosniaherzegovina,
.flag-bosnia-herz {
    background-position: 0 11.72414%
}

.flag-botswana {
    background-position: 0 12.06897%
}

.flag-bouvet {
    background-position: 0 12.41379%
}

.flag-brazil {
    background-position: 0 12.75862%
}

.flag-britishindianoceanterritory {
    background-position: 0 13.10345%
}

.flag-brunei {
    background-position: 0 13.44828%
}

.flag-bulgaria {
    background-position: 0 13.7931%
}

.flag-burkinafaso {
    background-position: 0 14.13793%
}

.flag-burundi {
    background-position: 0 14.48276%
}

.flag-caricom {
    background-position: 0 14.82759%
}

.flag-cis {
    background-position: 0 15.17241%
}

.flag-cambodia,
.flag-cambodja {
    background-position: 0 15.51724%
}

.flag-cameroon {
    background-position: 0 15.86207%
}

.flag-canada {
    background-position: 0 16.2069%
}

.flag-capeverde {
    background-position: 0 16.55172%
}

.flag-catalonia {
    background-position: 0 16.89655%
}

.flag-caymanislands {
    background-position: 0 17.24138%
}

.flag-centralafricanrepublic {
    background-position: 0 17.58621%
}

.flag-chad {
    background-position: 0 17.93103%
}

.flag-chile {
    background-position: 0 18.27586%
}

.flag-china {
    background-position: 0 18.62069%
}

.flag-chinesetaipei {
    background-position: 0 18.96552%
}

.flag-christmas {
    background-position: 0 19.31034%
}

.flag-cocoskeeling {
    background-position: 0 19.65517%
}

.flag-colombia {
    background-position: 0 20%
}

.flag-commonwealth {
    background-position: 0 20.34483%
}

.flag-comoros {
    background-position: 0 20.68966%
}

.flag-congobrazzaville {
    background-position: 0 21.03448%
}

.flag-congokinshasa {
    background-position: 0 21.37931%
}

.flag-cookislands {
    background-position: 0 21.72414%
}

.flag-costarica {
    background-position: 0 22.06897%
}

.flag-cotedivoire {
    background-position: 0 22.41379%
}

.flag-croatia {
    background-position: 0 22.75862%
}

.flag-cuba {
    background-position: 0 23.10345%
}

.flag-curacao {
    background-position: 0 23.44828%
}

.flag-cyprus {
    background-position: 0 23.7931%
}

.flag-czechrepublic {
    background-position: 0 24.13793%
}

.flag-denmark {
    background-position: 0 24.48276%
}

.flag-djibouti {
    background-position: 0 24.82759%
}

.flag-dominica {
    background-position: 0 25.17241%
}

.flag-dominicanrepublic {
    background-position: 0 25.51724%
}

.flag-ecuador {
    background-position: 0 25.86207%
}

.flag-egypt {
    background-position: 0 26.2069%
}

.flag-elsalvador {
    background-position: 0 26.55172%
}

.flag-england {
    background-position: 0 26.89655%
}

.flag-equatorialguinea {
    background-position: 0 27.24138%
}

.flag-eritrea {
    background-position: 0 27.58621%
}

.flag-estonia {
    background-position: 0 27.93103%
}

.flag-ethiopia {
    background-position: 0 28.27586%
}

.flag-europe {
    background-position: 0 28.62069%
}

.flag-fao {
    background-position: 0 28.96552%
}

.flag-falkland {
    background-position: 0 29.31034%
}

.flag-faroeislands,
.flag-faroes {
    background-position: 0 29.65517%
}

.flag-fiji {
    background-position: 0 30%
}

.flag-finland {
    background-position: 0 30.34483%
}

.flag-france {
    background-position: 0 30.68966%
}

.flag-french-guiana {
    background-position: 0 31.03448%
}

.flag-frenchsouthernandantarcticlands {
    background-position: 0 31.37931%
}

.flag-gabon {
    background-position: 0 31.72414%
}

.flag-galicia {
    background-position: 0 32.06897%
}

.flag-gambia {
    background-position: 0 32.41379%
}

.flag-georgia {
    background-position: 0 32.75862%
}

.flag-germany {
    background-position: 0 33.10345%
}

.flag-ghana {
    background-position: 0 33.44828%
}

.flag-gibraltar {
    background-position: 0 33.7931%
}

.flag-greatbritain {
    background-position: 0 34.13793%
}

.flag-greece {
    background-position: 0 34.48276%
}

.flag-greenland {
    background-position: 0 34.82759%
}

.flag-grenada {
    background-position: 0 35.17241%
}

.flag-guadeloupe {
    background-position: 0 35.51724%
}

.flag-guam {
    background-position: 0 35.86207%
}

.flag-guatemala {
    background-position: 0 36.2069%
}

.flag-guernsey {
    background-position: 0 36.55172%
}

.flag-guinea {
    background-position: 0 36.89655%
}

.flag-guineabissau {
    background-position: 0 37.24138%
}

.flag-guyana {
    background-position: 0 37.58621%
}

.flag-haiti {
    background-position: 0 37.93103%
}

.flag-heardislandandmcdonald {
    background-position: 0 38.27586%
}

.flag-honduras {
    background-position: 0 38.62069%
}

.flag-hongkong {
    background-position: 0 38.96552%
}

.flag-hungary {
    background-position: 0 39.31034%
}

.flag-iaea {
    background-position: 0 39.65517%
}

.flag-iho {
    background-position: 0 40%
}

.flag-iceland {
    background-position: 0 40.34483%
}

.flag-india {
    background-position: 0 40.68966%
}

.flag-indonesia {
    background-position: 0 41.03448%
}

.flag-international {
    background-position: 0 41.37931%
}

.flag-iran {
    background-position: 0 41.72414%
}

.flag-iraq {
    background-position: 0 42.06897%
}

.flag-ireland {
    background-position: 0 42.41379%
}

.flag-islamicconference {
    background-position: 0 42.75862%
}

.flag-isleofman {
    background-position: 0 43.10345%
}

.flag-israel {
    background-position: 0 43.44828%
}

.flag-italy {
    background-position: 0 43.7931%
}

.flag-jamaica {
    background-position: 0 44.13793%
}

.flag-japan {
    background-position: 0 44.48276%
}

.flag-jersey {
    background-position: 0 44.82759%
}

.flag-jordan {
    background-position: 0 45.17241%
}

.flag-kazakhstan {
    background-position: 0 45.51724%
}

.flag-kenya {
    background-position: 0 45.86207%
}

.flag-kiribati {
    background-position: 0 46.2069%
}

.flag-kosovo {
    background-position: 0 46.55172%
}

.flag-kurdish {
    background-position: 0 46.89655%
}

.flag-kuwait {
    background-position: 0 47.24138%
}

.flag-kyrgyzstan {
    background-position: 0 47.58621%
}

.flag-laopeoplesdemocraticrepublic,
.flag-laos {
    background-position: 0 47.93103%
}

.flag-latvia {
    background-position: 0 48.27586%
}

.flag-lebanon {
    background-position: 0 48.62069%
}

.flag-lesotho {
    background-position: 0 48.96552%
}

.flag-liberia {
    background-position: 0 49.31034%
}

.flag-libya {
    background-position: 0 49.65517%
}

.flag-liechtenshein {
    background-position: 0 50%
}

.flag-lithuania {
    background-position: 0 50.34483%
}

.flag-luxembourg {
    background-position: 0 50.68966%
}

.flag-macao,
.flag-macau {
    background-position: 0 51.03448%
}

.flag-macedonia,
.flag-northmacedonia {
    background-position: 0 51.37931%
}

.flag-madagascar {
    background-position: 0 51.72414%
}

.flag-malawi {
    background-position: 0 52.06897%
}

.flag-malaysia {
    background-position: 0 52.41379%
}

.flag-maldives {
    background-position: 0 52.75862%
}

.flag-mali {
    background-position: 0 53.10345%
}

.flag-malta {
    background-position: 0 53.44828%
}

.flag-marshallislands {
    background-position: 0 53.7931%
}

.flag-martinique {
    background-position: 0 54.13793%
}

.flag-mauritania {
    background-position: 0 54.48276%
}

.flag-mauritius {
    background-position: 0 54.82759%
}

.flag-mayotte {
    background-position: 0 55.17241%
}

.flag-mexico {
    background-position: 0 55.51724%
}

.flag-micronesia {
    background-position: 0 55.86207%
}

.flag-moldova {
    background-position: 0 56.2069%
}

.flag-monaco {
    background-position: 0 56.55172%
}

.flag-mongolia {
    background-position: 0 56.89655%
}

.flag-montenegro {
    background-position: 0 57.24138%
}

.flag-montserrat {
    background-position: 0 57.58621%
}

.flag-morocco {
    background-position: 0 57.93103%
}

.flag-mozambique {
    background-position: 0 58.27586%
}

.flag-myanmar {
    background-position: 0 58.62069%
}

.flag-nato {
    background-position: 0 58.96552%
}

.flag-namibia {
    background-position: 0 59.31034%
}

.flag-nauru {
    background-position: 0 59.65517%
}

.flag-nepal {
    background-position: 0 60%
}

.flag-netherlands {
    background-position: 0 60.34483%
}

.flag-netherlandsantilles {
    background-position: 0 60.68966%
}

.flag-newcaledonia {
    background-position: 0 61.03448%
}

.flag-newzealand {
    background-position: 0 61.37931%
}

.flag-nicaragua {
    background-position: 0 61.72414%
}

.flag-niger {
    background-position: 0 62.06897%
}

.flag-nigeria {
    background-position: 0 62.41379%
}

.flag-niue {
    background-position: 0 62.75862%
}

.flag-norfolk {
    background-position: 0 63.10345%
}

.flag-northamerica {
    background-position: 0 63.44828%
}

.flag-northkorea {
    background-position: 0 63.7931%
}

.flag-northerncyprus {
    background-position: 0 64.13793%
}

.flag-northernireland {
    background-position: 0 64.48276%
}

.flag-northernmariana {
    background-position: 0 64.82759%
}

.flag-norway {
    background-position: 0 65.17241%
}

.flag-oas {
    background-position: 0 65.51724%
}

.flag-opec {
    background-position: 0 65.86207%
}

.flag-oceania {
    background-position: 0 66.2069%
}

.flag-olimpics {
    background-position: 0 66.55172%
}

.flag-oman {
    background-position: 0 66.89655%
}

.flag-pakistan {
    background-position: 0 67.24138%
}

.flag-palau {
    background-position: 0 67.58621%
}

.flag-palestine {
    background-position: 0 67.93103%
}

.flag-panama {
    background-position: 0 68.27586%
}

.flag-papuanewguinea {
    background-position: 0 68.62069%
}

.flag-paraguay {
    background-position: 0 68.96552%
}

.flag-peru {
    background-position: 0 69.31034%
}

.flag-philippines {
    background-position: 0 69.65517%
}

.flag-pitcairn {
    background-position: 0 70%
}

.flag-poland {
    background-position: 0 70.34483%
}

.flag-portugal {
    background-position: 0 70.68966%
}

.flag-puertorico {
    background-position: 0 71.03448%
}

.flag-qatar {
    background-position: 0 71.37931%
}

.flag-quebec {
    background-position: 0 71.72414%
}

.flag-redcross {
    background-position: 0 72.06897%
}

.flag-reunion {
    background-position: 0 72.41379%
}

.flag-romania {
    background-position: 0 72.75862%
}

.flag-russia {
    background-position: 0 73.10345%
}

.flag-rwanda {
    background-position: 0 73.44828%
}

.flag-saintbarthelemy {
    background-position: 0 73.7931%
}

.flag-sainthelena {
    background-position: 0 74.13793%
}

.flag-saintlucia {
    background-position: 0 74.48276%
}

.flag-saintmartin {
    background-position: 0 74.82759%
}

.flag-saintpierreandmiquelon {
    background-position: 0 75.17241%
}

.flag-samoa {
    background-position: 0 75.51724%
}

.flag-sanmarino {
    background-position: 0 75.86207%
}

.flag-saotomeandprincipe {
    background-position: 0 76.2069%
}

.flag-saudiarabia {
    background-position: 0 76.55172%
}

.flag-scotland {
    background-position: 0 76.89655%
}

.flag-senegal {
    background-position: 0 77.24138%
}

.flag-serbia {
    background-position: 0 77.58621%
}

.flag-seychelles {
    background-position: 0 77.93103%
}

.flag-sierraleone {
    background-position: 0 78.27586%
}

.flag-singapore {
    background-position: 0 78.62069%
}

.flag-sintmaarten {
    background-position: 0 78.96552%
}

.flag-slovakia {
    background-position: 0 79.31034%
}

.flag-slovenia {
    background-position: 0 79.65517%
}

.flag-solomonislands {
    background-position: 0 80%
}

.flag-somalia {
    background-position: 0 80.34483%
}

.flag-somaliland {
    background-position: 0 80.68966%
}

.flag-southafrica {
    background-position: 0 81.03448%
}

.flag-southamerica {
    background-position: 0 81.37931%
}

.flag-southgeorgiaandsouthsandwich {
    background-position: 0 81.72414%
}

.flag-southkorea {
    background-position: 0 82.06897%
}

.flag-southsudan {
    background-position: 0 82.41379%
}

.flag-spain {
    background-position: 0 82.75862%
}

.flag-srilanka {
    background-position: 0 83.10345%
}

.flag-stkittsandnevis {
    background-position: 0 83.44828%
}

.flag-stvincentandthegrenadines {
    background-position: 0 83.7931%
}

.flag-sudan {
    background-position: 0 84.13793%
}

.flag-suriname {
    background-position: 0 84.48276%
}

.flag-svalbardandjanmayen {
    background-position: 0 84.82759%
}

.flag-swaziland {
    background-position: 0 85.17241%
}

.flag-sweden {
    background-position: 0 85.51724%
}

.flag-switzerland {
    background-position: 0 85.86207%
}

.flag-syria {
    background-position: 0 86.2069%
}

.flag-tahiti {
    background-position: 0 86.55172%
}

.flag-taiwan {
    background-position: 0 86.89655%
}

.flag-tajikistan {
    background-position: 0 87.24138%
}

.flag-United.Republic.of.Tanzania,
.flag-tanzania,
.flag-unitedrepublicoftanzania {
    background-position: 0 87.58621%
}

.flag-thailand {
    background-position: 0 87.93103%
}

.flag-timorleste {
    background-position: 0 88.27586%
}

.flag-togo {
    background-position: 0 88.62069%
}

.flag-tokelau {
    background-position: 0 88.96552%
}

.flag-tonga {
    background-position: 0 89.31034%
}

.flag-trinidadtobago {
    background-position: 0 89.65517%
}

.flag-tristandacunha {
    background-position: 0 90%
}

.flag-tunisia {
    background-position: 0 90.34483%
}

.flag-turkey {
    background-position: 0 90.68966%
}

.flag-turkmenistan {
    background-position: 0 91.03448%
}

.flag-turksandcaicosislands {
    background-position: 0 91.37931%
}

.flag-tuvalu {
    background-position: 0 91.72414%
}

.flag-usa,
.flag-unitedstates {
    background-position: 0 92.06897%
}

.flag-uganda {
    background-position: 0 92.41379%
}

.flag-ukraine {
    background-position: 0 92.75862%
}

.flag-uae,
.flag-unitedarabemirates {
    background-position: 0 93.10345%
}

.flag-unitedkingdom {
    background-position: 0 93.44828%
}

.flag-uruguay {
    background-position: 0 93.7931%
}

.flag-uzbekistan {
    background-position: 0 94.13793%
}

.flag-vanuatu,
.flag-vanutau {
    background-position: 0 94.48276%
}

.flag-vaticancity {
    background-position: 0 94.82759%
}

.flag-venezuela {
    background-position: 0 95.17241%
}

.flag-vietnam {
    background-position: 0 95.51724%
}

.flag-virginislandsbritish {
    background-position: 0 95.86207%
}

.flag-virginislandsus {
    background-position: 0 96.2069%
}

.flag-wales {
    background-position: 0 96.55172%
}

.flag-wallisandfutuna {
    background-position: 0 96.89655%
}

.flag-westernsahara {
    background-position: 0 97.24138%
}

.flag-westindies {
    background-position: 0 97.58621%
}

.flag-world {
    background-position: 0 97.93103%
}

.flag-yemen {
    background-position: 0 98.27586%
}

.flag-zambia {
    background-position: 0 98.62069%
}

.flag-zimbabwe {
    background-position: 0 98.96552%
}

.flag-allupcoming {
    background-position: 0 99.31034%
}

.flag-america,
.flag-americas {
    background-position: 0 99.65517%
}

[data-sport]::before {
    aspect-ratio: 258/235;
    width: 30px
}

[data-sport=비치발리볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/비치발리볼.png");
    background-size: 100% 100%
}

[data-sport=탁구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/탁구.png");
    background-size: 100% 100%
}

[data-sport=풋살]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/풋살.png");
    background-size: 100% 100%
}

[data-sport=경마]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/경마.png");
    background-size: 100% 100%
}

[data-sport=골프]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/골프.png");
    background-size: 100% 100%
}

[data-sport=E게임]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/E게임.png");
    background-size: 100% 100%
}

[data-sport="그레이하운드 경주"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/그레이하운드 경주.png");
    background-size: 100% 100%
}

[data-sport=구보]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/구보.png");
    background-size: 100% 100%
}

[data-sport=스피드웨이]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/스피드웨이.png");
    background-size: 100% 100%
}

[data-sport=축구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/축구.png");
    background-size: 100% 100%
}

[data-sport=농구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/농구.png");
    background-size: 100% 100%
}

[data-sport=모터스포츠]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/모터스포츠.png");
    background-size: 100% 100%
}

[data-sport=체스]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/체스.png");
    background-size: 100% 100%
}

[data-sport=배구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/배구.png");
    background-size: 100% 100%
}

[data-sport="아이스 하키"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/아이스 하키.png");
    background-size: 100% 100%
}

[data-sport=크리켓]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/크리켓.png");
    background-size: 100% 100%
}

[data-sport="Equine 스포츠"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Equine 스포츠.png");
    background-size: 100% 100%
}

[data-sport="오지 룰스"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/오지 룰스.png");
    background-size: 100% 100%
}

[data-sport=배드민턴]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/배드민턴.png");
    background-size: 100% 100%
}

[data-sport="Formula 1"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Formula 1.png");
    background-size: 100% 100%
}

[data-sport=Nascar]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Nascar.png");
    background-size: 100% 100%
}

[data-sport=하키]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/하키.png");
    background-size: 100% 100%
}

[data-sport=Supercars]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Supercars.png");
    background-size: 100% 100%
}

[data-sport=Netball]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Netball.png");
    background-size: 100% 100%
}

[data-sport=Surfing]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Surfing.png");
    background-size: 100% 100%
}

[data-sport=Cycling]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Cycling.png");
    background-size: 100% 100%
}

[data-sport="Gaelic Sports"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Gaelic Sports.png");
    background-size: 100% 100%
}

[data-sport=Biathlon]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Biathlon.png");
    background-size: 100% 100%
}

[data-sport=Motorbikes]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Motorbikes.png");
    background-size: 100% 100%
}

[data-sport=Athletics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Athletics.png");
    background-size: 100% 100%
}

[data-sport=Squash]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Squash.png");
    background-size: 100% 100%
}

[data-sport="Basketball 3X3"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Basketball 3X3.png");
    background-size: 100% 100%
}

[data-sport=플로어볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/플로어볼.png");
    background-size: 100% 100%
}

[data-sport=Sumo]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Sumo.png");
    background-size: 100% 100%
}

[data-sport="Virtual sports"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Virtual sports.png");
    background-size: 100% 100%
}

[data-sport=핸드볼]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/핸드볼.png");
    background-size: 100% 100%
}

[data-sport=Politics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Politics.png");
    background-size: 100% 100%
}

[data-sport=Weather]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Weather.png");
    background-size: 100% 100%
}

[data-sport=TV-Games]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/TV-Games.png");
    background-size: 100% 100%
}

[data-sport=Lottery]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Lottery.png");
    background-size: 100% 100%
}

[data-sport=Bowls]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Bowls.png");
    background-size: 100% 100%
}

[data-sport=Poker]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Poker.png");
    background-size: 100% 100%
}

[data-sport=수구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/수구.png");
    background-size: 100% 100%
}

[data-sport=알파인스키]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/알파인스키.png");
    background-size: 100% 100%
}

[data-sport=Sailing]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Sailing.png");
    background-size: 100% 100%
}

[data-sport=Hurling]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Hurling.png");
    background-size: 100% 100%
}

[data-sport="Ski Jumping"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Ski Jumping.png");
    background-size: 100% 100%
}

[data-sport=Indy]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Indy.png");
    background-size: 100% 100%
}

[data-sport=Lacrosse]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Lacrosse.png");
    background-size: 100% 100%
}

[data-sport=Olympics]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Olympics.png");
    background-size: 100% 100%
}

[data-sport=Softball]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Softball.png");
    background-size: 100% 100%
}

[data-sport=밴디]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/밴디.png");
    background-size: 100% 100%
}

[data-sport=Kabaddi]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Kabaddi.png");
    background-size: 100% 100%
}

[data-sport=모터스포츠]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/모터스포츠.png");
    background-size: 100% 100%
}

[data-sport=야구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/야구.png");
    background-size: 100% 100%
}

[data-sport=AUDL]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/AUDL.png");
    background-size: 100% 100%
}

[data-sport=Padel]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Padel.png");
    background-size: 100% 100%
}

[data-sport=럭비]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/럭비.png");
    background-size: 100% 100%
}

[data-sport=Triathlon]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/Triathlon.png");
    background-size: 100% 100%
}

[data-sport="럭비 리그"]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/럭비 리그.png");
    background-size: 100% 100%
}

[data-sport=컬링]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/컬링.png");
    background-size: 100% 100%
}

[data-sport=권투]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/권투.png");
    background-size: 100% 100%
}

[data-sport=다트]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/다트.png");
    background-size: 100% 100%
}

[data-sport=테니스]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/테니스.png");
    background-size: 100% 100%
}

[data-sport=미식축구]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/미식축구.png");
    background-size: 100% 100%
}

[data-sport=스누커]::before {
    content: "";
    background-image: url("../../../asset/image/game/sports/스누커.png");
    background-size: 100% 100%
}

.icon-iconARupA:before {
    content: "";
    display: block;
    background: url(../../asset/image/game/sports/arrow.png) no-repeat;
    background-size: 100% 100%;
    width: 14px;
    height: 8px;
    transform: rotate(180deg)
}

#inplay .container>.left {
    height: calc(100vh - 86px - 30px);
    border: 1px solid var(--border);
    font-weight: 400;
    overflow-y: scroll;
    overscroll-behavior: contain;
    overflow-x: hidden;
    color: var(--font);
    font-size: 13px
}

#inplay .container>.left>.result {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    color: #fff
}

#inplay .container>.left>.result:hover .right {
    transform: rotate(90deg) translateY(-5px)
}

#inplay .container>.left>.result .right {
    transform: rotate(90deg);
    transition: transform .2s
}

#inplay .container>.left>.list {
    display: flex;
    flex-direction: column
}

#inplay .container>.left>.list [data-level="0"] {
    border-bottom: 1px solid var(--border)
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] {
    color: var(--font);
    display: flex;
    padding: 4px 8px;
    justify-content: space-between;
    height: 46px;
    background-color: var(--bg-dark)
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"].accordion-opened {
    background-color: var(--bg-darkest)
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .left,
#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 16px;
    align-items: center;
    position: relative
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .left::before,
#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .right::before {
    width: 30px
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .number {
    transition: .2s all;
    color: var(--primary-light)
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] i {
    transition: .2s all;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover .number {
    opacity: 0;
    visibility: hidden
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover i {
    opacity: 1;
    visibility: visible
}

#inplay .container>.left>.list [data-level="0"]>[data-role="accordion:switchee"]::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .25)
}

#inplay .container>.left>.list [data-level="0"].topleague::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABGlBMVEUAAABdPj7/1F/cq0r/1llRMTH/r0D/z0D/r0D/0VJmR0f/z0D/21z/z0D/r0D/zVD/1Ev/3F5UNTX/4Gf/z0D/z0D/r0D/6Hv/r0D/z0D/r0D/v0D/v0D/zFD/6oB9YFD/zlH/z0D/r0D/0FJmR0f/3WD/6oD/3mP/6oD/32b/2Vf/r0D/2VhmR0f/11hXODhmR0f/2lr/z0D/r0BYOTn/6oBmR0f/6oD/z0D/r0D/z0BmR0f/r0D/z0BZOjr/z0D/3F5mR0f/6oD/z0D/6oBmR0dNLi7/r0D/6Hz7z0f/4Wn/1Eu6l0j/0UT/0EH/xUD/tUD/skBXNzLs1nn/5nbt1nbiy3WghFyghVqXe1l/Yk+tikX/ykD/vUAD4H4XAAAAQ3RSTlMABQMCB/ik7e3X0Kf8+fn39PHYtqJtbWdEQzkbEvz39unj4+Hg2NDKxbuvqqSgnJyWg3p6dnBgTU1KR0RDPDw2KiAWFH0luAAAAQBJREFUGNNdjndTwkAQR9dcmgkgKiDN3nvv3U1yRIqAvX3/r+FuZsidvLl/7s1v3iwACMOgR5gM/4CoOIjLAdFAZk5Kt0xbx6/fjis9Vq3brgADa4WzSaVHz+2aNEDgRWE+WT8+JesFuyyp7juVA16/tHs/vD68cm0AMP1s8TgImohSdhE3SrlNEwhRzK5SokOaMou5EiUSrjMUaaPsUWS6CinrpJuZ3y63QTGlDtzR9MPMQHfuQJ8P9Bb843SNdX4fhllpYH5IXXqeN/vV71uWdaTp7ZCJmAlNL4Xh5/tHq/UdRZay9zR9e36N45jmN6k+CVUk2k31ntJ6XIzosPkDylk+4bBG/ccAAAAASUVORK5CYII=) "    탑리그";
    white-space: pre;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%))
}

#inplay .container>.left>.list [data-level="0"].topleague [data-level="1"] {
    border-bottom: 1px solid var(--border);
    position: relative;
    background-position: 16px center;
    background-size: 20px;
    background-repeat: no-repeat;
    justify-content: space-between
}

#inplay .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon {
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    height: 54px
}

#inplay .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon::before {
    width: 100%;
    height: 100%;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid var(--border);
    background-color: var(--bg-dark)
}

#inplay .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 13px
}

#inplay .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info img {
    max-height: 24px
}

#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 12px;
    transition: .2s all;
    height: 40px;
    border-bottom: 1px solid var(--border)
}

#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .left,
#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 10px;
    align-items: center
}

#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .left .flag-icon,
#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switcher"] .right .flag-icon {
    width: 17px;
    height: 17px
}

#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switchee"] {
    color: var(--font-ligher)
}

#inplay .container>.left>.list [data-level="1"]>[data-role="accordion:switchee"]::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--border);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .25)
}

#inplay .container>.left>.list [data-level="2"] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 4px 16px;
    transition: .2s all;
    border-bottom: 1px solid var(--border)
}

#inplay {
    color: #414755
}

#inplay .container>.main {
    display: flex;
    flex-direction: column;
    font-weight: 400
}

#inplay .container>.main .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    -moz-column-gap: 4px;
    column-gap: 4px
}

#inplay .container>.main .split #main-selector {
    border: 1px solid var(--border);
    min-width: 600px;
    border-bottom: 0
}

#inplay .container>.main .split #market-list {
    grid-row: span 2
}

#inplay .container>.main .split .folder-wrap {
    grid-row: 2
}

#inplay .container>.main .split .selector {
    width: 100%;
    height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--font-light);
    background-color: var(--bg-dark);
    font-size: 12px;
    overscroll-behavior: contain;
    padding-left: 4px
}

#inplay .container>.main .split .selector .item {
    display: flex;
    align-items: center;
    height: 32px;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 3px;
    background-color: var(--bg);
    cursor: pointer;
    padding: 0 10px;
    white-space: nowrap
}

#inplay .container>.main .split .selector .item .number {
    margin-left: 4px;
    color: var(--orange)
}

#inplay .container>.main .split .selector .item::before {
    content: "";
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 30px;
    margin-right: 5px
}

#inplay .container>.main .split .selector .item:first-child::before {
    content: "";
    background-image: url(../../asset/image/game/sports/별.png);
    background-size: 100% 100%;
    width: 20px;
    height: 20px
}

#inplay .container>.main .split .selector .item:hover,
#inplay .container>.main .split .selector .item.active {
    color: #fff;
    background-color: var(--primary-light)
}

#inplay .container>.main .split .selector .item:hover .number,
#inplay .container>.main .split .selector .item.active .number {
    color: var(--yellow)
}

#inplay .container>.main .split .folder-wrap {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    height: calc(100vh - 86px - 30px - 44px);
    border: 1px solid var(--border)
}

#inplay .container>.main .split .folder-wrap .folders {
    display: flex;
    flex-direction: column
}

#inplay .container>.main .split .folder-wrap .folders .folder {
    width: 100%;
    height: 100%;
    flex-grow: 1;
    overscroll-behavior: contain;
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] {
    height: 32px;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 0 12px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:not([hidden]) {
    display: flex
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left .location {
    white-space: nowrap
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .right {
    display: flex
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"]:not([hidden]) {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-darkest)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row {
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 12px 12px;
    margin: 24px 12px;
    display: flex;
    flex-flow: column;
    text-align: center;
    word-break: keep-all;
    line-height: 2ex;
    position: relative;
    border: 1px solid var(--primary-light);
    border-radius: 10px;
    background-color: #fff;
    gap: 24px;
    box-shadow: 1px 3px 19px #d4deff;
    cursor: pointer
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active {
    border: 2px solid var(--primary);
    box-shadow: 1px 3px 19px var(--primary-light)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active .top .left {
    border: 2px solid var(--primary)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active .top .right {
    border: 2px solid var(--primary)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: space-around;
    font-size: 16px;
    top: -14px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .left {
    display: flex;
    border: 1px solid var(--primary-light);
    padding: 10px 18px;
    border-radius: 5px;
    background-color: #fff
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .right {
    display: flex;
    border-radius: 5px;
    gap: 16px;
    padding: 0 16px;
    color: #fff;
    border: 1px solid var(--primary-light);
    background-color: var(--primary-light)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .right:hover {
    background-color: var(--primary)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap {
    display: flex;
    gap: 24px;
    font-size: 36px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap>div {
    align-items: center
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .left {
    display: flex;
    gap: 24px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .vs {
    display: flex
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .right {
    display: flex;
    gap: 24px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap img {
    min-height: 52px;
    height: 52px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap {
    display: flex;
    gap: 5px;
    width: 100%
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet {
    width: 44.5%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 1.5%;
    border: 1px solid var(--border);
    border-radius: 5px;
    cursor: pointer
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 4px 8px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .team-logo {
    height: 14px;
    aspect-ratio: 1/1;
    background-size: 100% 100%;
    display: flex;
    align-items: center
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .name {
    text-align: left;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 5px;
    overflow-wrap: anywhere
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet .right .name {
    text-align: right
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2) {
    width: 10%;
    justify-content: center
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2):hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet.pick,
#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(3) .odds-wrap {
    flex-direction: row-reverse
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite {
    display: grid;
    place-items: center;
    border-radius: 3px;
    height: 100%
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row [data-role=drawer] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding: 4px
}

#inplay .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row[hidden] {
    display: none
}

#inplay .container>.main .split .detail-wrap {
    height: calc(100vh - 86px - 30px);
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: relative;
    overflow-x: clip;
    border: 1px solid var(--border)
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding: 0 7px 0 21px;
    justify-content: space-between;
    background-color: var(--bg-dark)
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left {
    display: flex;
    gap: 5px;
    font-size: 14px
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    white-space: nowrap
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title {
    display: flex;
    gap: 5px;
    align-items: center
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title .vs {
    color: var(--gold)
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 5px;
    align-items: center
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right .icon-icon-icconGROUND01 {
    font-size: 32px
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .tracker {
    width: 100%
}

#inplay .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .no-tracker {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 20px 0;
    gap: 8px
}

#inplay .container>.main .split .detail-wrap .seperator {
    width: 100%;
    position: relative;
    margin-top: 18px;
    text-align: center
}

#inplay .container>.main .split .detail-wrap .seperator .round {
    z-index: 1;
    position: relative;
    font-size: 18px;
    padding: 0 32px
}

#inplay .container>.main .split .detail-wrap .seperator::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5e0f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#inplay .container>.main .split .detail-wrap .reverse {
    display: flex;
    flex-direction: column-reverse
}

#inplay .container>.main .split .detail-wrap .reverse .type-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 42px;
    border: 1px solid var(--border)
}

#inplay .container>.main .split .detail-wrap .reverse .type-wrap .type {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-right: 1px solid var(--border)
}

#inplay .container>.main .split .detail-wrap .reverse .type-wrap .type:last-child {
    border-right: 0
}

#inplay .container>.main .split .detail-wrap .reverse .type-wrap .type .star {
    display: grid;
    place-items: center
}

#inplay .container>.main .split .detail-wrap .reverse .type-wrap .type:hover,
#inplay .container>.main .split .detail-wrap .reverse .type-wrap .type[selected] {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group {
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group:first-child {
    box-shadow: unset
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right {
    display: flex;
    gap: 9px;
    align-items: center
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite {
    display: grid;
    place-content: center
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%;
    filter: brightness(0.6)
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%;
    filter: none
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px;
    gap: 5px
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--font);
    font-size: 12px;
    cursor: pointer;
    padding: 16px;
    flex: 26%;
    line-height: .99
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:hover,
#inplay .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option.pick {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#inplay .container>.main .split .odds-wrap.odds-up::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_up.svg);
    background-size: 100% 100%
}

#inplay .container>.main .split .odds-wrap.odds-down::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_down.svg);
    background-size: 100% 100%;
    transform: rotate(180deg)
}

#inplay .container>.right {
    position: fixed;
    bottom: 55px;
    right: 38px;
    z-index: 9999;
    display: flex;
    gap: 30px;
    align-items: flex-end;
    height: 0
}

#inplay .container>.right #betting_cart {
    width: 557px;
    height: 856px;
    display: flex;
    flex-flow: column;
    background-color: var(--bg);
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25));
    padding: 20px 30px 30px 30px
}

#inplay .container>.right #betting_cart.hidden {
    display: none
}

#inplay .container>.right #betting_cart.hidden+#betting_cart_opener {
    background-image: url("/asset/image/icon/Webp/Icon/Gray/Cart-Icon.webp");
    background-size: 35.67px 31.44px;
    background-position: center
}

#inplay .container>.right #betting_cart.hidden+#betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#inplay .container>.right #betting_cart_opener {
    border-radius: 50%;
    background-color: var(--primary);
    width: 75px;
    height: 75px;
    display: grid;
    place-items: center;
    color: var(--bg);
    background-image: url("/asset/image/icon/Webp/Icon/Gray/Cart-Icon.webp");
    background-size: 35.67px 31.44px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

#inplay .container>.right #betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#inplay .container>.right #betting_cart_opener b {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background-color: var(--primary-light);
    display: grid;
    place-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

#inplay .container>.right .options {
    height: calc(100% - 130px)
}

#inplay .container>.right .options .option {
    height: 100%
}

#inplay .container>.right .options .option .cart {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#inplay .container>.right .options .option .history {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#inplay .container>.right .options .option .history .scroll {
    padding: 10px 0
}

#inplay .container>.right .options .option .history .content-wrap {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 20px
}

#inplay .container>.right .options .option .history .content-wrap .status {
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 5px;
    height: 22px;
    font-size: 12px;
    font-weight: 400
}

#inplay .container>.right .options .option .history .content-wrap .content {
    width: unset;
    padding: 0
}

#inplay .container>.right .options .option .history .content-wrap .content .name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#inplay .container>.right .options .option .history .content-wrap .content .name-wrap .cancel-btn {
    padding: 0;
    font-size: 12px;
    text-decoration-line: underline
}

#inplay .container>.right .quickbetting {
    position: relative
}

#inplay .container>.right .quickbetting>.top {
    display: flex;
    align-items: center;
    background-color: var(--bgColor_070);
    padding: 10px;
    padding-left: 60px;
    color: var(--txtColor_03);
    white-space: nowrap;
    font-size: 14px
}

#inplay .container>.right .quickbetting>.top .money {
    display: flex;
    align-items: center;
    position: relative;
    visibility: hidden;
    height: 0px;
    overflow: hidden
}

#inplay .container>.right .quickbetting>.top .money input {
    border: 1px solid var(--border);
    margin-left: 4px;
    padding-left: 5px;
    padding-right: 50px;
    line-height: 36px;
    height: 36px;
    width: 100%;
    background-color: #fff
}

#inplay .container>.right .quickbetting>.top .money button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    color: var(--txtColor_05);
    box-sizing: border-box;
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor041)
}

#inplay .container>.right .quickbetting>.top .money button:hover {
    color: var(--primary);
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor_001)
}

#inplay .container>.right .quickbetting>.top .setIcon {
    height: 36px;
    display: flex;
    align-items: center;
    margin-left: 10px
}

#inplay .container>.right .quickbetting>.top .setIcon span {
    color: var(--txtColor_038);
    font-size: 23px
}

#inplay .container>.right .quickbetting>.top .info {
    position: relative;
    margin-left: 3px;
    color: var(--txtColor_038);
    font-size: 18px
}

#inplay .container>.right .quickbetting>.top .info::after {
    content: "퀵 베팅은 한종류의 베팅을 더 쉽고 빠르게 베팅할 수 있는 기능입니다. 베팅 금액을 설정한 후 선택한 베팅 옵션을 클릭하여 바로 베팅이 가능합니다.(단폴더만 베팅가능)";
    background-color: var(--bg);
    position: absolute;
    display: none;
    transform: translate(-50%, 20px);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    color: var(--txtColor_03);
    line-height: 1.6;
    font-size: 12px;
    text-align: justify;
    width: 250px;
    white-space: pre-wrap;
    word-break: keep-all
}

#inplay .container>.right .quickbetting>.top .info:hover::after {
    display: revert
}

#inplay .container>.right .quickbetting>.bottom .accordion-opened .switch {
    background-color: var(--primary)
}

#inplay .container>.right .quickbetting>.bottom .accordion-opened .switch::before {
    left: 71%
}

#inplay .container>.right .quickbetting>.bottom .switch {
    transition: all .2s;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 45px;
    height: 26px;
    background-color: #999;
    border-radius: 20px;
    cursor: pointer
}

#inplay .container>.right .quickbetting>.bottom .switch:before {
    transition: all .2s;
    content: "";
    width: 19px;
    height: 19px;
    background-color: var(--bg);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%, -50%)
}

#inplay .container>.right .quickbetting>.bottom .icon-icconWARNING::before {
    font-size: 19px;
    margin-right: 5px
}

#inplay .container>.right .quickbetting>.bottom .icon-icconWARNING {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 10px 10px
}

#inplay .container>.right .quickbetting>.bottom .setting {
    width: 23px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px
}

#inplay .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .title {
    height: 40px;
    width: 100%;
    background-color: var(--bgColor_08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary);
    padding: 0 14px
}

#inplay .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    font-size: 12px
}

#inplay .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label {
    cursor: pointer
}

#inplay .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label::before {
    content: "";
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

#inplay .container>.right .selector {
    display: flex;
    width: 100%;
    border: 1px solid var(--border)
}

#inplay .container>.right .selector .item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: var(--txtColor_05);
    border-right: 1px solid var(--border)
}

#inplay .container>.right .selector .item:last-child {
    border: 0
}

#inplay .container>.right .selector .item:hover,
#inplay .container>.right .selector .item.selected {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#inplay .container>.right .selector .item:hover .number,
#inplay .container>.right .selector .item.selected .number {
    margin-left: 3px
}

#inplay .container>.right .selector[selected]~.options .option:nth-child(2) {
    display: none
}

#inplay .container>.right .selector:not([selected])~.options .option:nth-child(1) {
    display: none
}

#inplay .cart .delete-all {
    width: 100%;
    height: 36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    color: var(--font)
}

#inplay .cart .delete-all .icon-iconCross {
    margin-left: 10px;
    cursor: pointer
}

#inplay .scroll {
    display: flex;
    flex-flow: column;
    gap: 18px;
    border-radius: 5px
}

#inplay .scroll .folder-wrap {
    display: flex;
    flex-flow: column;
    gap: 12px;
    border-radius: 5px
}

#inplay .scroll .folder-wrap .folder {
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--border)
}

#inplay .scroll .folder-wrap .folder .icon-iconLock {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .8);
    place-items: center;
    top: 0;
    border-radius: 5px
}

#inplay .scroll .folder-wrap .folder .icon-iconLock:not([hidden]) {
    display: grid
}

#inplay .scroll .folder-wrap .folder .icon-iconLock::before {
    content: ""
}

#inplay .scroll .folder-wrap .folder .title {
    background-color: var(--bg-dark);
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-weight: 700
}

#inplay .scroll .folder-wrap .folder .title .datetime {
    font-weight: bold;
    font-size: 12px;
    color: var(--font-light)
}

#inplay .scroll .folder-wrap .folder .title .money {
    font-weight: bold;
    font-size: 14px;
    color: var(--primary)
}

#inplay .scroll .folder-wrap .folder .title .left {
    display: flex;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    padding-bottom: 2px
}

#inplay .scroll .folder-wrap .folder .title .right {
    z-index: 10
}

#inplay .scroll .folder-wrap .folder .title .right .delete {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#inplay .scroll .folder-wrap .folder .title .right .delete span {
    font-size: 12px;
    font-weight: 700;
    transform: scale(0.68)
}

#inplay .scroll .folder-wrap .folder .content {
    position: relative;
    width: 100%;
    padding: 10px
}

#inplay .scroll .folder-wrap .folder .content .row {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

#inplay .scroll .folder-wrap .folder .content .row .option {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

#inplay .scroll .folder-wrap .folder .content:has(.new-odds:not(:empty)) .odds {
    color: var(--red);
    text-decoration: line-through
}

#inplay .scroll .folder-wrap .folder .content .name {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

#inplay .scroll .folder-wrap .folder .content .datetime {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: var(--font-light);
    align-items: center;
    margin-top: 9px;
    padding-bottom: 11px
}

#inplay .scroll .folder-wrap .folder .content .datetime::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../../asset/icon/sports/calendar.svg) no-repeat;
    background-size: 100% 100%
}

#inplay .scroll .folder-wrap .folder .content .bet {
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: var(--font-light);
    line-height: 1.8;
    align-items: center;
    padding: 8px 16px;
    background-color: var(--bg-darker);
    border-radius: 5px
}

#inplay .scroll .folder-wrap .folder .content .bet .market {
    line-height: 1.8;
    display: flex;
    align-items: center
}

#inplay .scroll .folder-wrap .folder .content .bet .odds {
    margin-left: auto;
    color: var(--font-darker);
    font-weight: 700
}

#inplay .scroll .folder-wrap .folder .content .status {
    font-size: 14px;
    font-weight: bold;
    color: var(--txtColor_09)
}

#inplay .scroll .folder-wrap .folder .content .button-wrap button {
    border-radius: 5px;
    padding: 7px 20px;
    font-size: 12px;
    cursor: pointer;
    color: var(--primary);
    background-color: var(--bdColor_001);
    border: 1px solid var(--bdColor_001)
}

#inplay .scroll .folder-wrap .folder .result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px;
    position: relative
}

#inplay .scroll .folder-wrap .folder .result span {
    color: var(--txtColor_09);
    font-size: 12px
}

#inplay .scroll .folder-wrap .folder .result .sp-number {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary)
}

#inplay .scroll .folder-wrap .folder .result::before {
    content: "";
    background-color: var(--border-dark);
    height: 1px;
    width: calc(100% - 20px);
    position: absolute;
    top: 0
}

#inplay .scroll .monitor {
    border: 1px solid var(--border);
    border-radius: 5px
}

#inplay .scroll .monitor .selected {
    color: var(--primary);
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    padding: 9px;
    background-color: var(--bg-darker)
}

#inplay .scroll .monitor .state-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px
}

#inplay .scroll .monitor .state-wrap .state {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    white-space: nowrap
}

#inplay .scroll .monitor .state-wrap .state .value {
    display: flex
}

#inplay .scroll .monitor .state-wrap .state input.value {
    width: 60%;
    height: 30px;
    line-height: 30px;
    padding-right: 11px;
    padding-left: 4px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    border: 1px solid var(--border)
}

#inplay .scroll .monitor .executer-wrap {
    display: flex;
    padding: 10px;
    justify-content: space-between
}

#inplay .scroll .monitor .executer-wrap .executer {
    width: 48%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    color: var(--primary);
    border: 1px solid var(--primary)
}

#inplay .scroll .monitor .executer-wrap .executer:last-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--primary)
}

#inplay .scroll .ctrl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px
}

#inplay .scroll .ctrl .max {
    grid-column: 1/span 2
}

#inplay .scroll .ctrl button[data-value] {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.6px;
    background: #fff;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 4px
}

#inplay .scroll .restriction-wrap {
    display: flex;
    flex-flow: column;
    padding: 10px;
    border: 1px solid var(--border)
}

#inplay .scroll .restriction-wrap .restriction {
    display: flex;
    justify-content: space-between
}

#inplay .scroll .restriction-wrap .restriction .value {
    display: flex
}

#inplay .scroll .close-cart {
    display: none
}

#inplay {
    --primary: #0EA5E9;
    --primary-light: #3B82F6;
    --primary-lighter: #5085db;
    --primary-lighten: #f2e9e0;
    --primary-lightest: #fff8ee61;
    --bg: #FFF;
    --bg-dark: #F7F7F7;
    --bg-darker: #fefaf4;
    --bg-darkest: #fffbf1;
    --border: #E5E5E5;
    --border-dark: #D9D9D9;
    --border-darker: #777777;
    --font-ligher: #999999;
    --font-light: #777777;
    --font: #444444;
    --font-dark: #222222;
    --font-darker: #000000;
    --red: #D60000;
    --gold: #FFCB66;
    --orange: #f16f00;
    --yellow: #ffe99b
}

body {
    position: relative
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

body .betting-content {
    display: none
}

body.loading {
    pointer-events: none
}

body.loading .betting-content {
    position: absolute;
    z-index: 9999999992;
    background-color: rgba(0, 0, 0, .8);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 32px;
    font-weight: 700
}

body.loading .betting-content .loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: scale(0.7)
}

body.loading .betting-content .loader div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px
}

body.loading .betting-content .loader div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px
}

body.loading .betting-content .loader div:nth-child(1) {
    animation-delay: -0.036s
}

body.loading .betting-content .loader div:nth-child(1):after {
    top: 63px;
    left: 63px
}

body.loading .betting-content .loader div:nth-child(2) {
    animation-delay: -0.072s
}

body.loading .betting-content .loader div:nth-child(2):after {
    top: 68px;
    left: 56px
}

body.loading .betting-content .loader div:nth-child(3) {
    animation-delay: -0.108s
}

body.loading .betting-content .loader div:nth-child(3):after {
    top: 71px;
    left: 48px
}

body.loading .betting-content .loader div:nth-child(4) {
    animation-delay: -0.144s
}

body.loading .betting-content .loader div:nth-child(4):after {
    top: 72px;
    left: 40px
}

body.loading .betting-content .loader div:nth-child(5) {
    animation-delay: -0.18s
}

body.loading .betting-content .loader div:nth-child(5):after {
    top: 71px;
    left: 32px
}

body.loading .betting-content .loader div:nth-child(6) {
    animation-delay: -0.216s
}

body.loading .betting-content .loader div:nth-child(6):after {
    top: 68px;
    left: 24px
}

body.loading .betting-content .loader div:nth-child(7) {
    animation-delay: -0.252s
}

body.loading .betting-content .loader div:nth-child(7):after {
    top: 63px;
    left: 17px
}

body.loading .betting-content .loader div:nth-child(8) {
    animation-delay: -0.288s
}

body.loading .betting-content .loader div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

#inplay {
    min-width: 1600px;
    display: flex;
    justify-content: center;
    background-color: #f3f6fc
}

#inplay i {
    transition: .2s all
}

#inplay [data-role^=bookmark] {
    cursor: pointer
}

#inplay [data-role="accordion:switcher"] {
    cursor: pointer
}

#inplay [data-role="accordion:switcher"][hidden]+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#inplay [data-role="accordion:switcher"]:not(.accordion-opened) i {
    transform: rotate(180deg)
}

#inplay [data-role="accordion:switcher"]:not(.accordion-opened)+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#inplay [data-level] {
    cursor: pointer
}

#inplay [data-level].active {
    background-color: var(--bg-darkest);
    cursor: pointer;
    transition: .2s all ease-out
}

#inplay .odds-wrap {
    display: flex;
    gap: 4px;
    align-items: center
}

#inplay .odds-wrap.short::before {
    display: none !important
}

#inplay .odds-wrap.short *::before {
    display: none !important
}

#inplay .odds-wrap .icon-iconLock::before {
    color: #000;
    animation: shineArrow .9s infinite
}

#inplay .odds-wrap.icon-iconARup01 {
    color: var(--txtColor_039) !important;
    animation: shineArrow .9s infinite
}

#inplay .odds-wrap.icon-iconARup01+.odds {
    color: var(--txtColor_039) !important
}

#inplay .odds-wrap.icon-iconARdown01 {
    color: var(--txtColor42) !important;
    animation: shineArrow .9s infinite
}

#inplay .odds-wrap.icon-iconARdown01+.odds {
    color: var(--txtColor_09) !important
}

#inplay *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

#inplay *::-webkit-scrollbar-track {
    background-color: var(--txtColor_02)
}

#inplay *::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_066);
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

#inplay .container {
    height: auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    margin-top: 30px;
    width: 100%;
    min-width: 1600px;
    height: calc(100vh - 86px - 30px);
    overflow: hidden;
    display: grid;
    gap: 4px;
    grid-template-columns: 12% 1fr;
    justify-content: center
}

@keyframes shineArrow {
    0% {
        opacity: 1
    }
    50% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}

@keyframes shineArrow01 {
    0% {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
    50% {
        background-color: var(--bgColor068);
        border: 1px solid var(--bdColor037)
    }
    to {
        background-color: var(--bgColor017);
        border: 1px solid var(--bdColor018)
    }
}

@keyframes expand {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(2);
        opacity: .7
    }
    to {
        transform: scale(6);
        opacity: 0
    }
}

.flag-icon {
    background: url(../../asset/icon/sports/flags.png) no-repeat 0 0/100%;
    width: 20px;
    height: 20px
}

.flag-asean {
    background-position: 0 0
}

.flag-afghanistan {
    background-position: 0 .34483%
}

.flag-africa {
    background-position: 0 .68966%
}

.flag-aland {
    background-position: 0 1.03448%
}

.flag-albania {
    background-position: 0 1.37931%
}

.flag-alderney {
    background-position: 0 1.72414%
}

.flag-algeria {
    background-position: 0 2.06897%
}

.flag-all {
    background-position: 0 2.41379%
}

.flag-americansamoa {
    background-position: 0 2.75862%
}

.flag-andorra {
    background-position: 0 3.10345%
}

.flag-angola {
    background-position: 0 3.44828%
}

.flag-anguilla {
    background-position: 0 3.7931%
}

.flag-antiguaandbarbuda {
    background-position: 0 4.13793%
}

.flag-arableague {
    background-position: 0 4.48276%
}

.flag-argentina {
    background-position: 0 4.82759%
}

.flag-armenia {
    background-position: 0 5.17241%
}

.flag-aruba {
    background-position: 0 5.51724%
}

.flag-asia {
    background-position: 0 5.86207%
}

.flag-australia {
    background-position: 0 6.2069%
}

.flag-austria {
    background-position: 0 6.55172%
}

.flag-azerbaijan {
    background-position: 0 6.89655%
}

.flag-bahamas {
    background-position: 0 7.24138%
}

.flag-bahrain {
    background-position: 0 7.58621%
}

.flag-bangladesh {
    background-position: 0 7.93103%
}

.flag-barbados {
    background-position: 0 8.27586%
}

.flag-basquecountry {
    background-position: 0 8.62069%
}

.flag-belarus {
    background-position: 0 8.96552%
}

.flag-belgium {
    background-position: 0 9.31034%
}

.flag-belize {
    background-position: 0 9.65517%
}

.flag-benin {
    background-position: 0 10%
}

.flag-bermuda {
    background-position: 0 10.34483%
}

.flag-bhutan {
    background-position: 0 10.68966%
}

.flag-bolivia {
    background-position: 0 11.03448%
}

.flag-bonairesinteustatiusandsaba {
    background-position: 0 11.37931%
}

.flag-bosniaherzegovina,
.flag-bosnia-herz {
    background-position: 0 11.72414%
}

.flag-botswana {
    background-position: 0 12.06897%
}

.flag-bouvet {
    background-position: 0 12.41379%
}

.flag-brazil {
    background-position: 0 12.75862%
}

.flag-britishindianoceanterritory {
    background-position: 0 13.10345%
}

.flag-brunei {
    background-position: 0 13.44828%
}

.flag-bulgaria {
    background-position: 0 13.7931%
}

.flag-burkinafaso {
    background-position: 0 14.13793%
}

.flag-burundi {
    background-position: 0 14.48276%
}

.flag-caricom {
    background-position: 0 14.82759%
}

.flag-cis {
    background-position: 0 15.17241%
}

.flag-cambodia,
.flag-cambodja {
    background-position: 0 15.51724%
}

.flag-cameroon {
    background-position: 0 15.86207%
}

.flag-canada {
    background-position: 0 16.2069%
}

.flag-capeverde {
    background-position: 0 16.55172%
}

.flag-catalonia {
    background-position: 0 16.89655%
}

.flag-caymanislands {
    background-position: 0 17.24138%
}

.flag-centralafricanrepublic {
    background-position: 0 17.58621%
}

.flag-chad {
    background-position: 0 17.93103%
}

.flag-chile {
    background-position: 0 18.27586%
}

.flag-china {
    background-position: 0 18.62069%
}

.flag-chinesetaipei {
    background-position: 0 18.96552%
}

.flag-christmas {
    background-position: 0 19.31034%
}

.flag-cocoskeeling {
    background-position: 0 19.65517%
}

.flag-colombia {
    background-position: 0 20%
}

.flag-commonwealth {
    background-position: 0 20.34483%
}

.flag-comoros {
    background-position: 0 20.68966%
}

.flag-congobrazzaville {
    background-position: 0 21.03448%
}

.flag-congokinshasa {
    background-position: 0 21.37931%
}

.flag-cookislands {
    background-position: 0 21.72414%
}

.flag-costarica {
    background-position: 0 22.06897%
}

.flag-cotedivoire {
    background-position: 0 22.41379%
}

.flag-croatia {
    background-position: 0 22.75862%
}

.flag-cuba {
    background-position: 0 23.10345%
}

.flag-curacao {
    background-position: 0 23.44828%
}

.flag-cyprus {
    background-position: 0 23.7931%
}

.flag-czechrepublic {
    background-position: 0 24.13793%
}

.flag-denmark {
    background-position: 0 24.48276%
}

.flag-djibouti {
    background-position: 0 24.82759%
}

.flag-dominica {
    background-position: 0 25.17241%
}

.flag-dominicanrepublic {
    background-position: 0 25.51724%
}

.flag-ecuador {
    background-position: 0 25.86207%
}

.flag-egypt {
    background-position: 0 26.2069%
}

.flag-elsalvador {
    background-position: 0 26.55172%
}

.flag-england {
    background-position: 0 26.89655%
}

.flag-equatorialguinea {
    background-position: 0 27.24138%
}

.flag-eritrea {
    background-position: 0 27.58621%
}

.flag-estonia {
    background-position: 0 27.93103%
}

.flag-ethiopia {
    background-position: 0 28.27586%
}

.flag-europe {
    background-position: 0 28.62069%
}

.flag-fao {
    background-position: 0 28.96552%
}

.flag-falkland {
    background-position: 0 29.31034%
}

.flag-faroeislands,
.flag-faroes {
    background-position: 0 29.65517%
}

.flag-fiji {
    background-position: 0 30%
}

.flag-finland {
    background-position: 0 30.34483%
}

.flag-france {
    background-position: 0 30.68966%
}

.flag-french-guiana {
    background-position: 0 31.03448%
}

.flag-frenchsouthernandantarcticlands {
    background-position: 0 31.37931%
}

.flag-gabon {
    background-position: 0 31.72414%
}

.flag-galicia {
    background-position: 0 32.06897%
}

.flag-gambia {
    background-position: 0 32.41379%
}

.flag-georgia {
    background-position: 0 32.75862%
}

.flag-germany {
    background-position: 0 33.10345%
}

.flag-ghana {
    background-position: 0 33.44828%
}

.flag-gibraltar {
    background-position: 0 33.7931%
}

.flag-greatbritain {
    background-position: 0 34.13793%
}

.flag-greece {
    background-position: 0 34.48276%
}

.flag-greenland {
    background-position: 0 34.82759%
}

.flag-grenada {
    background-position: 0 35.17241%
}

.flag-guadeloupe {
    background-position: 0 35.51724%
}

.flag-guam {
    background-position: 0 35.86207%
}

.flag-guatemala {
    background-position: 0 36.2069%
}

.flag-guernsey {
    background-position: 0 36.55172%
}

.flag-guinea {
    background-position: 0 36.89655%
}

.flag-guineabissau {
    background-position: 0 37.24138%
}

.flag-guyana {
    background-position: 0 37.58621%
}

.flag-haiti {
    background-position: 0 37.93103%
}

.flag-heardislandandmcdonald {
    background-position: 0 38.27586%
}

.flag-honduras {
    background-position: 0 38.62069%
}

.flag-hongkong {
    background-position: 0 38.96552%
}

.flag-hungary {
    background-position: 0 39.31034%
}

.flag-iaea {
    background-position: 0 39.65517%
}

.flag-iho {
    background-position: 0 40%
}

.flag-iceland {
    background-position: 0 40.34483%
}

.flag-india {
    background-position: 0 40.68966%
}

.flag-indonesia {
    background-position: 0 41.03448%
}

.flag-international {
    background-position: 0 41.37931%
}

.flag-iran {
    background-position: 0 41.72414%
}

.flag-iraq {
    background-position: 0 42.06897%
}

.flag-ireland {
    background-position: 0 42.41379%
}

.flag-islamicconference {
    background-position: 0 42.75862%
}

.flag-isleofman {
    background-position: 0 43.10345%
}

.flag-israel {
    background-position: 0 43.44828%
}

.flag-italy {
    background-position: 0 43.7931%
}

.flag-jamaica {
    background-position: 0 44.13793%
}

.flag-japan {
    background-position: 0 44.48276%
}

.flag-jersey {
    background-position: 0 44.82759%
}

.flag-jordan {
    background-position: 0 45.17241%
}

.flag-kazakhstan {
    background-position: 0 45.51724%
}

.flag-kenya {
    background-position: 0 45.86207%
}

.flag-kiribati {
    background-position: 0 46.2069%
}

.flag-kosovo {
    background-position: 0 46.55172%
}

.flag-kurdish {
    background-position: 0 46.89655%
}

.flag-kuwait {
    background-position: 0 47.24138%
}

.flag-kyrgyzstan {
    background-position: 0 47.58621%
}

.flag-laopeoplesdemocraticrepublic,
.flag-laos {
    background-position: 0 47.93103%
}

.flag-latvia {
    background-position: 0 48.27586%
}

.flag-lebanon {
    background-position: 0 48.62069%
}

.flag-lesotho {
    background-position: 0 48.96552%
}

.flag-liberia {
    background-position: 0 49.31034%
}

.flag-libya {
    background-position: 0 49.65517%
}

.flag-liechtenshein {
    background-position: 0 50%
}

.flag-lithuania {
    background-position: 0 50.34483%
}

.flag-luxembourg {
    background-position: 0 50.68966%
}

.flag-macao,
.flag-macau {
    background-position: 0 51.03448%
}

.flag-macedonia,
.flag-northmacedonia {
    background-position: 0 51.37931%
}

.flag-madagascar {
    background-position: 0 51.72414%
}

.flag-malawi {
    background-position: 0 52.06897%
}

.flag-malaysia {
    background-position: 0 52.41379%
}

.flag-maldives {
    background-position: 0 52.75862%
}

.flag-mali {
    background-position: 0 53.10345%
}

.flag-malta {
    background-position: 0 53.44828%
}

.flag-marshallislands {
    background-position: 0 53.7931%
}

.flag-martinique {
    background-position: 0 54.13793%
}

.flag-mauritania {
    background-position: 0 54.48276%
}

.flag-mauritius {
    background-position: 0 54.82759%
}

.flag-mayotte {
    background-position: 0 55.17241%
}

.flag-mexico {
    background-position: 0 55.51724%
}

.flag-micronesia {
    background-position: 0 55.86207%
}

.flag-moldova {
    background-position: 0 56.2069%
}

.flag-monaco {
    background-position: 0 56.55172%
}

.flag-mongolia {
    background-position: 0 56.89655%
}

.flag-montenegro {
    background-position: 0 57.24138%
}

.flag-montserrat {
    background-position: 0 57.58621%
}

.flag-morocco {
    background-position: 0 57.93103%
}

.flag-mozambique {
    background-position: 0 58.27586%
}

.flag-myanmar {
    background-position: 0 58.62069%
}

.flag-nato {
    background-position: 0 58.96552%
}

.flag-namibia {
    background-position: 0 59.31034%
}

.flag-nauru {
    background-position: 0 59.65517%
}

.flag-nepal {
    background-position: 0 60%
}

.flag-netherlands {
    background-position: 0 60.34483%
}

.flag-netherlandsantilles {
    background-position: 0 60.68966%
}

.flag-newcaledonia {
    background-position: 0 61.03448%
}

.flag-newzealand {
    background-position: 0 61.37931%
}

.flag-nicaragua {
    background-position: 0 61.72414%
}

.flag-niger {
    background-position: 0 62.06897%
}

.flag-nigeria {
    background-position: 0 62.41379%
}

.flag-niue {
    background-position: 0 62.75862%
}

.flag-norfolk {
    background-position: 0 63.10345%
}

.flag-northamerica {
    background-position: 0 63.44828%
}

.flag-northkorea {
    background-position: 0 63.7931%
}

.flag-northerncyprus {
    background-position: 0 64.13793%
}

.flag-northernireland {
    background-position: 0 64.48276%
}

.flag-northernmariana {
    background-position: 0 64.82759%
}

.flag-norway {
    background-position: 0 65.17241%
}

.flag-oas {
    background-position: 0 65.51724%
}

.flag-opec {
    background-position: 0 65.86207%
}

.flag-oceania {
    background-position: 0 66.2069%
}

.flag-olimpics {
    background-position: 0 66.55172%
}

.flag-oman {
    background-position: 0 66.89655%
}

.flag-pakistan {
    background-position: 0 67.24138%
}

.flag-palau {
    background-position: 0 67.58621%
}

.flag-palestine {
    background-position: 0 67.93103%
}

.flag-panama {
    background-position: 0 68.27586%
}

.flag-papuanewguinea {
    background-position: 0 68.62069%
}

.flag-paraguay {
    background-position: 0 68.96552%
}

.flag-peru {
    background-position: 0 69.31034%
}

.flag-philippines {
    background-position: 0 69.65517%
}

.flag-pitcairn {
    background-position: 0 70%
}

.flag-poland {
    background-position: 0 70.34483%
}

.flag-portugal {
    background-position: 0 70.68966%
}

.flag-puertorico {
    background-position: 0 71.03448%
}

.flag-qatar {
    background-position: 0 71.37931%
}

.flag-quebec {
    background-position: 0 71.72414%
}

.flag-redcross {
    background-position: 0 72.06897%
}

.flag-reunion {
    background-position: 0 72.41379%
}

.flag-romania {
    background-position: 0 72.75862%
}

.flag-russia {
    background-position: 0 73.10345%
}

.flag-rwanda {
    background-position: 0 73.44828%
}

.flag-saintbarthelemy {
    background-position: 0 73.7931%
}

.flag-sainthelena {
    background-position: 0 74.13793%
}

.flag-saintlucia {
    background-position: 0 74.48276%
}

.flag-saintmartin {
    background-position: 0 74.82759%
}

.flag-saintpierreandmiquelon {
    background-position: 0 75.17241%
}

.flag-samoa {
    background-position: 0 75.51724%
}

.flag-sanmarino {
    background-position: 0 75.86207%
}

.flag-saotomeandprincipe {
    background-position: 0 76.2069%
}

.flag-saudiarabia {
    background-position: 0 76.55172%
}

.flag-scotland {
    background-position: 0 76.89655%
}

.flag-senegal {
    background-position: 0 77.24138%
}

.flag-serbia {
    background-position: 0 77.58621%
}

.flag-seychelles {
    background-position: 0 77.93103%
}

.flag-sierraleone {
    background-position: 0 78.27586%
}

.flag-singapore {
    background-position: 0 78.62069%
}

.flag-sintmaarten {
    background-position: 0 78.96552%
}

.flag-slovakia {
    background-position: 0 79.31034%
}

.flag-slovenia {
    background-position: 0 79.65517%
}

.flag-solomonislands {
    background-position: 0 80%
}

.flag-somalia {
    background-position: 0 80.34483%
}

.flag-somaliland {
    background-position: 0 80.68966%
}

.flag-southafrica {
    background-position: 0 81.03448%
}

.flag-southamerica {
    background-position: 0 81.37931%
}

.flag-southgeorgiaandsouthsandwich {
    background-position: 0 81.72414%
}

.flag-southkorea {
    background-position: 0 82.06897%
}

.flag-southsudan {
    background-position: 0 82.41379%
}

.flag-spain {
    background-position: 0 82.75862%
}

.flag-srilanka {
    background-position: 0 83.10345%
}

.flag-stkittsandnevis {
    background-position: 0 83.44828%
}

.flag-stvincentandthegrenadines {
    background-position: 0 83.7931%
}

.flag-sudan {
    background-position: 0 84.13793%
}

.flag-suriname {
    background-position: 0 84.48276%
}

.flag-svalbardandjanmayen {
    background-position: 0 84.82759%
}

.flag-swaziland {
    background-position: 0 85.17241%
}

.flag-sweden {
    background-position: 0 85.51724%
}

.flag-switzerland {
    background-position: 0 85.86207%
}

.flag-syria {
    background-position: 0 86.2069%
}

.flag-tahiti {
    background-position: 0 86.55172%
}

.flag-taiwan {
    background-position: 0 86.89655%
}

.flag-tajikistan {
    background-position: 0 87.24138%
}

.flag-United.Republic.of.Tanzania,
.flag-tanzania,
.flag-unitedrepublicoftanzania {
    background-position: 0 87.58621%
}

.flag-thailand {
    background-position: 0 87.93103%
}

.flag-timorleste {
    background-position: 0 88.27586%
}

.flag-togo {
    background-position: 0 88.62069%
}

.flag-tokelau {
    background-position: 0 88.96552%
}

.flag-tonga {
    background-position: 0 89.31034%
}

.flag-trinidadtobago {
    background-position: 0 89.65517%
}

.flag-tristandacunha {
    background-position: 0 90%
}

.flag-tunisia {
    background-position: 0 90.34483%
}

.flag-turkey {
    background-position: 0 90.68966%
}

.flag-turkmenistan {
    background-position: 0 91.03448%
}

.flag-turksandcaicosislands {
    background-position: 0 91.37931%
}

.flag-tuvalu {
    background-position: 0 91.72414%
}

.flag-usa,
.flag-unitedstates {
    background-position: 0 92.06897%
}

.flag-uganda {
    background-position: 0 92.41379%
}

.flag-ukraine {
    background-position: 0 92.75862%
}

.flag-uae,
.flag-unitedarabemirates {
    background-position: 0 93.10345%
}

.flag-unitedkingdom {
    background-position: 0 93.44828%
}

.flag-uruguay {
    background-position: 0 93.7931%
}

.flag-uzbekistan {
    background-position: 0 94.13793%
}

.flag-vanuatu,
.flag-vanutau {
    background-position: 0 94.48276%
}

.flag-vaticancity {
    background-position: 0 94.82759%
}

.flag-venezuela {
    background-position: 0 95.17241%
}

.flag-vietnam {
    background-position: 0 95.51724%
}

.flag-virginislandsbritish {
    background-position: 0 95.86207%
}

.flag-virginislandsus {
    background-position: 0 96.2069%
}

.flag-wales {
    background-position: 0 96.55172%
}

.flag-wallisandfutuna {
    background-position: 0 96.89655%
}

.flag-westernsahara {
    background-position: 0 97.24138%
}

.flag-westindies {
    background-position: 0 97.58621%
}

.flag-world {
    background-position: 0 97.93103%
}

.flag-yemen {
    background-position: 0 98.27586%
}

.flag-zambia {
    background-position: 0 98.62069%
}

.flag-zimbabwe {
    background-position: 0 98.96552%
}

.flag-allupcoming {
    background-position: 0 99.31034%
}

.flag-america,
.flag-americas {
    background-position: 0 99.65517%
}

#sports .icon-iconARupA:before {
    content: "";
    display: block;
    background: url(../../asset/image/game/sports/arrow.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg)
}

#virtual .container>.left {
    height: calc(100vh - 86px - 30px);
    border: 1px solid var(--border);
    font-weight: 300;
    overflow-y: scroll;
    overscroll-behavior: contain;
    overflow-x: hidden;
    font-size: 13px
}

#virtual .container>.left>.result {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    color: #fff
}

#virtual .container>.left>.result:hover .right {
    transform: rotate(90deg) translateY(-5px)
}

#virtual .container>.left>.result .right {
    transform: rotate(90deg);
    transition: transform .2s
}

#virtual .container>.left>.list {
    display: flex;
    flex-direction: column
}

#virtual .container>.left>.list [data-level="0"] {
    border-bottom: 1px solid var(--border)
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] {
    display: flex;
    padding: 4px 8px;
    justify-content: space-between;
    height: 46px;
    background-color: var(--bg-dark)
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"].accordion-opened {
    background-color: var(--bg-darkest)
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .left,
#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] .number {
    transition: .2s all;
    color: var(--primary-light)
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"] i {
    transition: .2s all;
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover .number {
    opacity: 0;
    visibility: hidden
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switcher"]:hover i {
    opacity: 1;
    visibility: visible
}

#virtual .container>.left>.list [data-level="0"]>[data-role="accordion:switchee"]::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--border);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .25)
}

#virtual .container>.left>.list [data-level="0"].topleague::before {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAABGlBMVEUAAABdPj7/1F/cq0r/1llRMTH/r0D/z0D/r0D/0VJmR0f/z0D/21z/z0D/r0D/zVD/1Ev/3F5UNTX/4Gf/z0D/z0D/r0D/6Hv/r0D/z0D/r0D/v0D/v0D/zFD/6oB9YFD/zlH/z0D/r0D/0FJmR0f/3WD/6oD/3mP/6oD/32b/2Vf/r0D/2VhmR0f/11hXODhmR0f/2lr/z0D/r0BYOTn/6oBmR0f/6oD/z0D/r0D/z0BmR0f/r0D/z0BZOjr/z0D/3F5mR0f/6oD/z0D/6oBmR0dNLi7/r0D/6Hz7z0f/4Wn/1Eu6l0j/0UT/0EH/xUD/tUD/skBXNzLs1nn/5nbt1nbiy3WghFyghVqXe1l/Yk+tikX/ykD/vUAD4H4XAAAAQ3RSTlMABQMCB/ik7e3X0Kf8+fn39PHYtqJtbWdEQzkbEvz39unj4+Hg2NDKxbuvqqSgnJyWg3p6dnBgTU1KR0RDPDw2KiAWFH0luAAAAQBJREFUGNNdjndTwkAQR9dcmgkgKiDN3nvv3U1yRIqAvX3/r+FuZsidvLl/7s1v3iwACMOgR5gM/4CoOIjLAdFAZk5Kt0xbx6/fjis9Vq3brgADa4WzSaVHz+2aNEDgRWE+WT8+JesFuyyp7juVA16/tHs/vD68cm0AMP1s8TgImohSdhE3SrlNEwhRzK5SokOaMou5EiUSrjMUaaPsUWS6CinrpJuZ3y63QTGlDtzR9MPMQHfuQJ8P9Bb843SNdX4fhllpYH5IXXqeN/vV71uWdaTp7ZCJmAlNL4Xh5/tHq/UdRZay9zR9e36N45jmN6k+CVUk2k31ntJ6XIzosPkDylk+4bBG/ccAAAAASUVORK5CYII=) "    탑리그";
    white-space: pre;
    width: 100%;
    height: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding-left: 16px;
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%))
}

#virtual .container>.left>.list [data-level="0"].topleague [data-level="1"] {
    border-bottom: 1px solid var(--border);
    position: relative;
    background-position: 16px center;
    background-size: 20px;
    background-repeat: no-repeat;
    justify-content: space-between
}

#virtual .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon {
    display: grid;
    grid-template-columns: 15% 85%;
    align-items: center;
    height: 54px
}

#virtual .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon::before {
    width: 100%;
    height: 100%;
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    border-right: 1px solid var(--border);
    background-color: var(--bg-dark)
}

#virtual .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 13px
}

#virtual .container>.left>.list [data-level="0"].topleague [data-level="1"] .sport-icon .info img {
    max-height: 24px
}

#virtual .container>.left>.list [data-level="1"] {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 5px 12px;
    transition: .2s all;
    border-bottom: 1px solid var(--border);
    gap: 10px
}

#virtual {
    color: #414755
}

#virtual .container>.main {
    display: flex;
    flex-direction: column;
    font-weight: 400
}

#virtual .container>.main .split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100%;
    -moz-column-gap: 4px;
    column-gap: 4px
}

#virtual .container>.main .split #main-selector {
    border: 1px solid var(--border);
    min-width: 600px;
    border-bottom: 0
}

#virtual .container>.main .split #market-list {
    grid-row: span 2
}

#virtual .container>.main .split .folder-wrap {
    grid-row: 2
}

#virtual .container>.main .split .selector {
    width: 100%;
    height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--font-light);
    background-color: var(--bg-dark);
    font-size: 12px;
    overscroll-behavior: contain;
    padding: 0 4px
}

#virtual .container>.main .split .selector .item {
    display: flex;
    align-items: center;
    height: 32px;
    justify-content: center;
    border: 1px solid var(--border);
    border-radius: 3px;
    background-color: var(--bg);
    cursor: pointer;
    padding: 0 10px;
    white-space: nowrap
}

#virtual .container>.main .split .selector .item .number {
    margin-left: 4px;
    color: var(--orange)
}

#virtual .container>.main .split .selector .item:hover,
#virtual .container>.main .split .selector .item.active {
    color: #fff;
    background-color: var(--primary-light)
}

#virtual .container>.main .split .selector .item:hover .number,
#virtual .container>.main .split .selector .item.active .number {
    color: var(--yellow)
}

#virtual .container>.main .split .selector::-webkit-scrollbar-thumb {
    display: block;
    height: 10px;
    background-color: var(--primary-lighten);
    border-radius: 8px
}

#virtual .container>.main .split .selector::-webkit-scrollbar-track {
    display: block;
    height: 10px;
    background-color: #fff
}

#virtual .container>.main .split .selector::-webkit-scrollbar {
    display: block
}

#virtual .container>.main .split .folder-wrap {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    height: calc(100vh - 86px - 30px - 44px);
    border: 1px solid var(--border)
}

#virtual .container>.main .split .folder-wrap .folders {
    display: flex;
    flex-direction: column
}

#virtual .container>.main .split .folder-wrap .folders .folder {
    width: 100%;
    height: 100%;
    flex-grow: 1;
    overscroll-behavior: contain;
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] {
    height: 32px;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 0 12px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:not([hidden]) {
    display: flex
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .left .location {
    white-space: nowrap
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switcher"] .right {
    display: flex
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"]:not([hidden]) {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-darkest);
    cursor: pointer
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row {
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 12px 12px 12px;
    margin: 24px 12px;
    display: flex;
    flex-flow: column;
    text-align: center;
    word-break: keep-all;
    line-height: 2ex;
    position: relative;
    border: 1px solid var(--primary-light);
    border-radius: 10px;
    background-color: #fff;
    gap: 24px;
    box-shadow: 1px 3px 19px #d4deff;
    cursor: pointer
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active {
    border: 2px solid var(--primary);
    box-shadow: 1px 3px 19px var(--primary-light)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active .top .left {
    border: 2px solid var(--primary)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row.active .top .right {
    border: 2px solid var(--primary)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top {
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: space-around;
    font-size: 16px;
    top: -14px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .left {
    display: flex;
    border: 1px solid var(--primary-light);
    padding: 10px 18px;
    border-radius: 5px;
    background-color: #fff
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .right {
    display: flex;
    border-radius: 5px;
    gap: 16px;
    padding: 0 16px;
    color: #fff;
    border: 1px solid var(--primary-light);
    background-color: var(--primary-light)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .top .right:hover {
    background-color: var(--primary)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap {
    display: flex;
    gap: 24px;
    font-size: 36px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap>div {
    align-items: center
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .left {
    display: flex;
    gap: 24px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .vs {
    display: flex
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap .right {
    display: flex;
    gap: 24px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .middle .score-wrap img {
    min-height: 52px;
    height: 52px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap {
    display: flex;
    gap: 5px;
    width: 100%
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet {
    width: 44.5%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 1.5%;
    border: 1px solid var(--border);
    border-radius: 5px;
    cursor: pointer
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) {
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 4px 8px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .team-logo {
    height: 14px;
    aspect-ratio: 1/1;
    background-size: 100% 100%;
    display: flex;
    align-items: center
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet :is(.left,
.right) .name {
    text-align: left;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 5px;
    overflow-wrap: anywhere
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet .right .name {
    text-align: right
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2) {
    width: 10%;
    justify-content: center
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(2):hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet.pick,
#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:hover {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .bet-wrap .bet:nth-child(3) .odds-wrap {
    flex-direction: row-reverse
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite {
    display: grid;
    place-items: center;
    border-radius: 3px;
    height: 100%
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row [data-role=drawer] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding: 4px
}

#virtual .container>.main .split .folder-wrap .folders .folder>[data-role="accordion:switchee"] .row[hidden] {
    display: none
}

#virtual .container>.main .split .detail-wrap {
    height: calc(100vh - 86px - 30px);
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: relative;
    overflow-x: clip;
    border: 1px solid var(--border)
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    padding: 0 7px 0 21px;
    justify-content: space-between;
    background-color: var(--bg-dark)
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left {
    display: flex;
    gap: 5px;
    font-size: 14px
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center;
    white-space: nowrap
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title {
    display: flex;
    gap: 5px;
    align-items: center
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .left .title .vs {
    color: var(--gold)
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right {
    display: flex;
    gap: 5px;
    align-items: center
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switcher"] .right .icon-icon-icconGROUND01 {
    font-size: 32px
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .tracker {
    width: 100%
}

#virtual .container>.main .split .detail-wrap>[data-role="accordion:switchee"] .no-tracker {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 20px 0;
    gap: 8px
}

#virtual .container>.main .split .detail-wrap .seperator {
    width: 100%;
    position: relative;
    margin-top: 18px;
    text-align: center
}

#virtual .container>.main .split .detail-wrap .seperator .round {
    z-index: 1;
    position: relative;
    font-size: 18px;
    padding: 0 32px
}

#virtual .container>.main .split .detail-wrap .seperator::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #d5e0f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#virtual .container>.main .split .detail-wrap .reverse {
    display: flex;
    flex-direction: column-reverse
}

#virtual .container>.main .split .detail-wrap .reverse .type-wrap {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 42px;
    border: 1px solid var(--border)
}

#virtual .container>.main .split .detail-wrap .reverse .type-wrap .type {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-right: 1px solid var(--border)
}

#virtual .container>.main .split .detail-wrap .reverse .type-wrap .type:last-child {
    border-right: 0
}

#virtual .container>.main .split .detail-wrap .reverse .type-wrap .type .star {
    display: grid;
    place-items: center
}

#virtual .container>.main .split .detail-wrap .reverse .type-wrap .type:hover,
#virtual .container>.main .split .detail-wrap .reverse .type-wrap .type[selected] {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group {
    box-shadow: 1px -3px 19px var(--primary-lighten)
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap .option-group:first-child {
    box-shadow: unset
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 8px;
    background-color: var(--primary-lightest);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 1px 3px 19px var(--primary-lighten)
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"]:hover {
    background-color: var(--primary-lighten)
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left {
    gap: 5px;
    font-size: 14px;
    display: flex;
    align-items: center
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .left .sport-icon {
    display: flex;
    gap: 5px;
    align-items: center
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right {
    display: flex;
    gap: 9px;
    align-items: center
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite {
    display: grid;
    place-content: center
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite .star {
    width: 21px;
    height: 21px;
    background: url(../../asset/icon/sports/_star.png) no-repeat;
    background-size: 100%;
    filter: brightness(0.6)
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switcher"] .right .favorite.active .star {
    background: url(../../asset/icon/sports/star.png) no-repeat;
    background-size: 100%;
    filter: none
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 5px;
    gap: 5px
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option {
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 5px;
    color: var(--font);
    font-size: 12px;
    cursor: pointer;
    padding: 16px;
    flex: 26%;
    line-height: .99
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) {
    background-color: var(--bg-dark);
    color: var(--font);
    pointer-events: none
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:has(.icon-iconLock) .team-logo {
    opacity: .4
}

#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option:hover,
#virtual .container>.main .split .detail-wrap .reverse .option-group-wrap [data-role="accordion:switchee"] .option-bunch .option-wrap .option.pick {
    background-color: var(--primary-lighten);
    border: 1px solid var(--primary-light)
}

#virtual .container>.main .split .odds-wrap.odds-up::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_up.svg);
    background-size: 100% 100%
}

#virtual .container>.main .split .odds-wrap.odds-down::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../../asset/icon/sports/triangle_down.svg);
    background-size: 100% 100%;
    transform: rotate(180deg)
}

#virtual .container>.right {
    position: fixed;
    bottom: 55px;
    right: 38px;
    z-index: 9999;
    display: flex;
    gap: 30px;
    align-items: flex-end;
    height: 0
}

#virtual .container>.right #betting_cart {
    width: 557px;
    height: 856px;
    display: flex;
    flex-flow: column;
    background-color: var(--bg);
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25));
    padding: 20px 30px 30px 30px
}

#virtual .container>.right #betting_cart.hidden {
    display: none
}

#virtual .container>.right #betting_cart.hidden+#betting_cart_opener {
    background-image: url("/asset/image/icon/Webp/Icon/Gray/Cart-Icon.webp");
    background-size: 35.67px 31.44px;
    background-position: center
}

#virtual .container>.right #betting_cart.hidden+#betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#virtual .container>.right #betting_cart_opener {
    border-radius: 50%;
    background-color: var(--primary);
    width: 75px;
    height: 75px;
    display: grid;
    place-items: center;
    color: var(--bg);
    background-image: url(../../asset/image/game/sports/betting_cart_closer.svg);
    background-size: 35.67px 31.44px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

#virtual .container>.right #betting_cart_opener::after {
    color: #fff;
    white-space: pre;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0%)
}

#virtual .container>.right #betting_cart_opener b {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    background-color: var(--primary-light);
    display: grid;
    place-content: center;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    color: #fff
}

#virtual .container>.right .options {
    height: calc(100% - 130px)
}

#virtual .container>.right .options .option {
    height: 100%
}

#virtual .container>.right .options .option .cart {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#virtual .container>.right .options .option .history {
    height: 100%;
    overflow-y: scroll;
    overscroll-behavior: contain
}

#virtual .container>.right .options .option .history .scroll {
    padding: 10px 0
}

#virtual .container>.right .options .option .history .content-wrap {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    padding: 20px
}

#virtual .container>.right .options .option .history .content-wrap .status {
    display: flex;
    justify-content: center;
    padding: 2px 5px;
    background-color: var(--primary);
    color: #fff;
    border-radius: 5px;
    height: 22px;
    font-size: 12px;
    font-weight: 400
}

#virtual .container>.right .options .option .history .content-wrap .content {
    width: unset;
    padding: 0
}

#virtual .container>.right .options .option .history .content-wrap .content .name-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#virtual .container>.right .options .option .history .content-wrap .content .name-wrap .cancel-btn {
    padding: 0;
    font-size: 12px;
    text-decoration-line: underline
}

#virtual .container>.right .quickbetting {
    position: relative
}

#virtual .container>.right .quickbetting>.top {
    display: flex;
    align-items: center;
    background-color: var(--bgColor_070);
    padding: 10px;
    padding-left: 60px;
    color: var(--txtColor_03);
    white-space: nowrap;
    font-size: 14px
}

#virtual .container>.right .quickbetting>.top .money {
    display: flex;
    align-items: center;
    position: relative;
    visibility: hidden;
    height: 0px;
    overflow: hidden
}

#virtual .container>.right .quickbetting>.top .money input {
    border: 1px solid var(--border);
    margin-left: 4px;
    padding-left: 5px;
    padding-right: 50px;
    line-height: 36px;
    height: 36px;
    width: 100%;
    background-color: #fff
}

#virtual .container>.right .quickbetting>.top .money button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    color: var(--txtColor_05);
    box-sizing: border-box;
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor041)
}

#virtual .container>.right .quickbetting>.top .money button:hover {
    color: var(--primary);
    border: 1px solid var(--btnColor_001);
    background-color: var(--btnColor_001)
}

#virtual .container>.right .quickbetting>.top .setIcon {
    height: 36px;
    display: flex;
    align-items: center;
    margin-left: 10px
}

#virtual .container>.right .quickbetting>.top .setIcon span {
    color: var(--txtColor_038);
    font-size: 23px
}

#virtual .container>.right .quickbetting>.top .info {
    position: relative;
    margin-left: 3px;
    color: var(--txtColor_038);
    font-size: 18px
}

#virtual .container>.right .quickbetting>.top .info::after {
    content: "퀵 베팅은 한종류의 베팅을 더 쉽고 빠르게 베팅할 수 있는 기능입니다. 베팅 금액을 설정한 후 선택한 베팅 옵션을 클릭하여 바로 베팅이 가능합니다.(단폴더만 베팅가능)";
    background-color: var(--bg);
    position: absolute;
    display: none;
    transform: translate(-50%, 20px);
    z-index: 1;
    padding: 8px;
    border-radius: 3px;
    color: var(--txtColor_03);
    line-height: 1.6;
    font-size: 12px;
    text-align: justify;
    width: 250px;
    white-space: pre-wrap;
    word-break: keep-all
}

#virtual .container>.right .quickbetting>.top .info:hover::after {
    display: revert
}

#virtual .container>.right .quickbetting>.bottom .accordion-opened .switch {
    background-color: var(--primary)
}

#virtual .container>.right .quickbetting>.bottom .accordion-opened .switch::before {
    left: 71%
}

#virtual .container>.right .quickbetting>.bottom .switch {
    transition: all .2s;
    position: absolute;
    top: 15px;
    left: 10px;
    width: 45px;
    height: 26px;
    background-color: #999;
    border-radius: 20px;
    cursor: pointer
}

#virtual .container>.right .quickbetting>.bottom .switch:before {
    transition: all .2s;
    content: "";
    width: 19px;
    height: 19px;
    background-color: var(--bg);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%, -50%)
}

#virtual .container>.right .quickbetting>.bottom .icon-icconWARNING::before {
    font-size: 19px;
    margin-right: 5px
}

#virtual .container>.right .quickbetting>.bottom .icon-icconWARNING {
    font-size: 12px;
    display: flex;
    align-items: center;
    padding: 0 10px 10px
}

#virtual .container>.right .quickbetting>.bottom .setting {
    width: 23px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px
}

#virtual .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .title {
    height: 40px;
    width: 100%;
    background-color: var(--bgColor_08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--primary);
    padding: 0 14px
}

#virtual .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px;
    font-size: 12px
}

#virtual .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label {
    cursor: pointer
}

#virtual .container>.right .quickbetting>.bottom>[data-role="accordion:switchee"] .prop-wrap .prop label::before {
    content: "";
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

#virtual .container>.right .selector {
    display: flex;
    width: 100%;
    border: 1px solid var(--border)
}

#virtual .container>.right .selector .item {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: var(--txtColor_05);
    border-right: 1px solid var(--border)
}

#virtual .container>.right .selector .item:last-child {
    border: 0
}

#virtual .container>.right .selector .item:hover,
#virtual .container>.right .selector .item.selected {
    color: var(--primary);
    border-bottom: 2px solid var(--primary)
}

#virtual .container>.right .selector .item:hover .number,
#virtual .container>.right .selector .item.selected .number {
    margin-left: 3px
}

#virtual .container>.right .selector[selected]~.options .option:nth-child(2) {
    display: none
}

#virtual .container>.right .selector:not([selected])~.options .option:nth-child(1) {
    display: none
}

#virtual .cart .delete-all {
    width: 100%;
    height: 36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    color: var(--font)
}

#virtual .cart .delete-all .icon-iconCross {
    margin-left: 10px;
    cursor: pointer
}

#virtual .scroll {
    display: flex;
    flex-flow: column;
    gap: 18px;
    border-radius: 5px
}

#virtual .scroll .folder-wrap {
    display: flex;
    flex-flow: column;
    gap: 12px;
    border-radius: 5px
}

#virtual .scroll .folder-wrap .folder {
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--border)
}

#virtual .scroll .folder-wrap .folder .icon-iconLock {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .8);
    place-items: center;
    top: 0;
    border-radius: 5px
}

#virtual .scroll .folder-wrap .folder .icon-iconLock:not([hidden]) {
    display: grid
}

#virtual .scroll .folder-wrap .folder .icon-iconLock::before {
    content: ""
}

#virtual .scroll .folder-wrap .folder .title {
    background-color: var(--bg-dark);
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    font-weight: 700
}

#virtual .scroll .folder-wrap .folder .title .datetime {
    font-weight: bold;
    font-size: 12px;
    color: var(--font-light)
}

#virtual .scroll .folder-wrap .folder .title .money {
    font-weight: bold;
    font-size: 14px;
    color: var(--primary)
}

#virtual .scroll .folder-wrap .folder .title .left {
    display: flex;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    padding-bottom: 2px
}

#virtual .scroll .folder-wrap .folder .title .right {
    z-index: 10
}

#virtual .scroll .folder-wrap .folder .title .right .delete {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#virtual .scroll .folder-wrap .folder .title .right .delete span {
    font-size: 12px;
    font-weight: 700;
    transform: scale(0.68)
}

#virtual .scroll .folder-wrap .folder .content {
    position: relative;
    width: 100%;
    padding: 10px
}

#virtual .scroll .folder-wrap .folder .content .row {
    display: flex;
    justify-content: space-between;
    font-size: 13px
}

#virtual .scroll .folder-wrap .folder .content .row .option {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

#virtual .scroll .folder-wrap .folder .content:has(.new-odds:not(:empty)) .odds {
    color: var(--red);
    text-decoration: line-through
}

#virtual .scroll .folder-wrap .folder .content .name {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px
}

#virtual .scroll .folder-wrap .folder .content .datetime {
    display: flex;
    gap: 5px;
    font-size: 12px;
    color: var(--font-light);
    align-items: center;
    margin-top: 9px;
    padding-bottom: 11px
}

#virtual .scroll .folder-wrap .folder .content .datetime::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../../asset/icon/sports/calendar.svg) no-repeat;
    background-size: 100% 100%
}

#virtual .scroll .folder-wrap .folder .content .bet {
    display: flex;
    gap: 20px;
    font-size: 12px;
    color: var(--font-light);
    line-height: 1.8;
    align-items: center;
    padding: 8px 16px;
    background-color: var(--bg-darker);
    border-radius: 5px
}

#virtual .scroll .folder-wrap .folder .content .bet .market {
    line-height: 1.8;
    display: flex;
    align-items: center
}

#virtual .scroll .folder-wrap .folder .content .bet .odds {
    margin-left: auto;
    color: var(--font-darker);
    font-weight: 700
}

#virtual .scroll .folder-wrap .folder .content .status {
    font-size: 14px;
    font-weight: bold;
    color: var(--txtColor_09)
}

#virtual .scroll .folder-wrap .folder .content .button-wrap button {
    border-radius: 5px;
    padding: 7px 20px;
    font-size: 12px;
    cursor: pointer;
    color: var(--primary);
    background-color: var(--bdColor_001);
    border: 1px solid var(--bdColor_001)
}

#virtual .scroll .folder-wrap .folder .result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px;
    position: relative
}

#virtual .scroll .folder-wrap .folder .result span {
    color: var(--txtColor_09);
    font-size: 12px
}

#virtual .scroll .folder-wrap .folder .result .sp-number {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary)
}

#virtual .scroll .folder-wrap .folder .result::before {
    content: "";
    background-color: var(--border-dark);
    height: 1px;
    width: calc(100% - 20px);
    position: absolute;
    top: 0
}

#virtual .scroll .boost {
    border: 1px solid var(--border);
    border-radius: 5px;
    position: relative;
    padding: 1em;
    font-size: .6em
}

#virtual .scroll .boost .caret {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .5em
}

#virtual .scroll .boost .caret .min-odds {
    background-color: var(--bg-darker);
    padding-left: 6px;
    padding-right: 4px;
    border-bottom-left-radius: 6px;
    border: var(--border-darker)
}

#virtual .scroll .boost .caret .comboboost {
    background-color: var(--primary-light);
    color: #fff;
    padding-left: 6px;
    padding-right: 4px
}

#virtual .scroll .boost .progress {
    display: flex;
    gap: 2px;
    margin-top: 12px
}

#virtual .scroll .boost .progress .stage {
    display: grid;
    grid-template-rows: 4em 1em;
    position: relative;
    flex-direction: column;
    flex: 1
}

#virtual .scroll .boost .progress .stage .label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 4px
}

#virtual .scroll .boost .progress .stage .label::before {
    font-size: 2em;
    width: 100%;
    text-align: center;
    content: attr(multiply);
    font-weight: 100;
    margin: 4px 4px 0;
    border-radius: 8px
}

#virtual .scroll .boost .progress .stage .label::after {
    height: 0;
    content: "";
    border-color: var(--border-dark) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 4px 3px 0 3px
}

#virtual .scroll .boost .progress .stage:first-of-type::before {
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em
}

#virtual .scroll .boost .progress .stage:last-of-type::after {
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em
}

#virtual .scroll .boost .progress .stage::after {
    content: "";
    width: 100%;
    background-color: var(--bg-darker)
}

#virtual .scroll .boost .progress .stage.active .label::before {
    color: #fff;
    background-color: var(--primary-light)
}

#virtual .scroll .boost .progress .stage.active .label::after {
    border-color: var(--primary-light) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

#virtual .scroll .boost .progress .stage.active::after {
    background-color: var(--primary-light)
}

#virtual .scroll .monitor {
    border: 1px solid var(--border);
    border-radius: 5px
}

#virtual .scroll .monitor .selected {
    color: var(--primary);
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    padding: 9px;
    background-color: var(--bg-darker)
}

#virtual .scroll .monitor .state-wrap {
    padding: 10px;
    display: flex;
    flex-flow: column;
    gap: 10px
}

#virtual .scroll .monitor .state-wrap .state {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    white-space: nowrap
}

#virtual .scroll .monitor .state-wrap .state .value {
    display: flex
}

#virtual .scroll .monitor .state-wrap .state input.value {
    width: 60%;
    height: 30px;
    line-height: 30px;
    padding-right: 11px;
    padding-left: 4px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    border: 1px solid var(--border)
}

#virtual .scroll .monitor .executer-wrap {
    display: flex;
    padding: 10px;
    justify-content: space-between
}

#virtual .scroll .monitor .executer-wrap .executer {
    width: 48%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    color: var(--primary);
    border: 1px solid var(--primary)
}

#virtual .scroll .monitor .executer-wrap .executer:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--primary)
}

#virtual .scroll .monitor .executer-wrap .executer:last-child span {
    margin-right: 7px
}

#virtual .scroll .ctrl {
    margin: .21rem .21rem 0 .21rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px
}

#virtual .scroll .ctrl .max {
    grid-column: 1/span 2
}

#virtual .scroll .ctrl button[data-value] {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.6px;
    background: #fff;
    padding: 4px;
    border: 1px solid var(--border);
    border-radius: 4px
}

#virtual .scroll .restriction-wrap {
    display: flex;
    flex-flow: column;
    padding: 10px;
    border: 1px solid var(--border)
}

#virtual .scroll .restriction-wrap .restriction {
    display: flex;
    justify-content: space-between
}

#virtual .scroll .restriction-wrap .restriction .value {
    display: flex
}

#virtual .scroll .close-cart {
    display: none
}

#virtual {
    --primary: #0EA5E9;
    --primary-light: #3B82F6;
    --primary-lighter: #e4d5c8;
    --primary-lighten: #f2e9e0;
    --primary-lightest: #fff8ee61;
    --bg: #FFF;
    --bg-dark: #F7F7F7;
    --bg-darker: #fefaf4;
    --bg-darkest: #fffbf1;
    --border: #E5E5E5;
    --border-dark: #D9D9D9;
    --border-darker: #777777;
    --font-ligher: #999999;
    --font-light: #777777;
    --font: #444444;
    --font-dark: #222222;
    --font-darker: #000000;
    --red: #D60000;
    --gold: #FFCB66;
    --orange: #f16f00;
    --yellow: #ffe99b
}

body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

#virtual {
    min-width: 1600px;
    display: flex;
    justify-content: center;
    background-color: #f3f6fc
}

#virtual i {
    transition: .2s all
}

#virtual [data-role="accordion:switcher"] {
    cursor: pointer
}

#virtual [data-role="accordion:switcher"][hidden]+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#virtual [data-role="accordion:switcher"]:not(.accordion-opened) i {
    transform: rotate(180deg)
}

#virtual [data-role="accordion:switcher"]:not(.accordion-opened)+[data-role="accordion:switchee"] {
    visibility: hidden;
    height: 0;
    overflow: hidden
}

#virtual [data-level] {
    cursor: pointer
}

#virtual [data-level] [data-role="accordion:switcher"]:hover,
#virtual [data-level]:not(:has([data-level])):hover,
#virtual [data-level].active {
    background-color: var(--bg-darkest);
    cursor: pointer;
    transition: .2s all ease-out
}

#virtual .odds-wrap {
    display: flex;
    gap: 4px;
    align-items: center
}

#virtual .odds-wrap.short::before {
    display: none !important
}

#virtual .odds-wrap.short *::before {
    display: none !important
}

#virtual .odds-wrap .icon-iconLock::before {
    color: #000;
    animation: shineArrow .9s infinite
}

#virtual .odds-wrap.icon-iconARup01 {
    color: var(--txtColor_039) !important;
    animation: shineArrow .9s infinite
}

#virtual .odds-wrap.icon-iconARup01+.odds {
    color: var(--txtColor_039) !important
}

#virtual .odds-wrap.icon-iconARdown01 {
    color: var(--txtColor42) !important;
    animation: shineArrow .9s infinite
}

#virtual .odds-wrap.icon-iconARdown01+.odds {
    color: var(--txtColor_09) !important
}

#virtual *::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    display: none
}

#virtual *::-webkit-scrollbar-track {
    background-color: var(--txtColor_02)
}

#virtual *::-webkit-scrollbar-thumb {
    background-color: var(--bgColor_066);
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out
}

#virtual *::-webkit-scrollbar-thumb:hover {
    background-color: var(--txtColor_038)
}

#virtual .container {
    height: auto;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    margin-top: 30px;
    width: 100%;
    min-width: 1600px;
    height: calc(100vh - 86px - 30px);
    overflow: hidden;
    display: grid;
    gap: 4px;
    grid-template-columns: 12% 88%;
    justify-content: center
}

.width-1200 {
    margin: 0 auto;
    width: 1200px
}

#live .container {
    position: relative;
    width: 100%;
    min-width: 1600px;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("/asset/image/background.webp")
}

#live .container .wrap {
    margin: 0 auto;
    width: 1200px;
    height: 700px
}

#live .container .wrap .height-wrap {
    position: relative;
    display: flex;
    justify-content: space-between
}

#live .container .wrap .height-wrap .left {
    animation: fadeInRight .7s ease-in forwards;
    width: 595px;
    height: 100%;
    position: relative;
    padding-left: 25px
}

#live .container .wrap .height-wrap .left .left_text {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 25px
}

#live .container .wrap .height-wrap .left .left_text .small_icon {
    width: 35px;
    position: absolute;
    top: 94px;
    left: 412px;
    z-index: 1;
    animation: cf_cv 5s infinite
}

#live .container .wrap .height-wrap .left .left_text .big_icon {
    width: 71px;
    position: absolute;
    top: 196px;
    left: 442px;
    z-index: 1;
    animation: cf_c5 5s infinite
}

#live .container .wrap .height-wrap .left .left_text .dice {
    position: absolute;
    top: 405px;
    left: -10px;
    z-index: 1;
    width: 66px;
    animation: 5000ms ease 0ms infinite normal none running cf_cr
}

#live .container .wrap .height-wrap .left .left_text .triangle {
    width: 121px;
    animation: cf_cp 5s infinite;
    position: absolute;
    top: 230px;
    left: -60px;
    z-index: 1
}

#live .container .wrap .height-wrap .left .left_text .beauty {
    width: 515px;
    max-height: 100%
}

#live .container .wrap .height-wrap .right {
    width: 598px;
    position: relative
}

#live .container .wrap .height-wrap .right .top {
    animation: fadeInRight .7s ease-in forwards;
    display: flex;
    flex-direction: column;
    gap: 12px
}

#live .container .wrap .height-wrap .right .top .game-logo {
    display: flex;
    flex-flow: column;
    letter-spacing: -0.03em;
    font-family: "Pretendard";
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

#live .container .wrap .height-wrap .right .top .game-logo .game-name {
    font-weight: 500;
    font-size: 4em;
    line-height: 80%;
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    font-family: fantasy;
    letter-spacing: 1px
}

#live .container .wrap .height-wrap .right .top .game-logo .game-type {
    font-weight: 100;
    font-size: 2em;
    line-height: 140%;
    font-family: fantasy;
    background: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    letter-spacing: 2px
}

#live .container .wrap .height-wrap .right .top .game-icon {
    width: 334px;
    height: 40px
}

#live .container .wrap .height-wrap .right .top .btn-wrap {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-image: none !important;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all .2s ease
}

#live .container .wrap .height-wrap .right .top .btn-wrap span {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 56px
}

#live .container .wrap .height-wrap .right .top .btn-wrap:before {
    content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 170px;
    aspect-ratio: 324/104;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    background-image: url("/asset/image/icon/Webp/Components/button2.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 110%
}

#live .container .wrap .height-wrap .right .top .btn-wrap:hover {
    transform: scale(1.05)
}

#live .container .wrap .height-wrap .right .bottom {
    width: 100%;
    margin-top: 35px
}

#live .container .wrap .height-wrap .right .bottom .game-list {
    display: flex;
    gap: 4px;
    flex-wrap: wrap
}

#live .container .wrap .height-wrap .right .bottom .game-list a {
    display: flex;
    flex-direction: column;
    margin-top: 21px;
    width: 82px;
    cursor: pointer
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item {
    width: 100%;
    height: 92px;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 3
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item .btn-icon {
    width: 50px;
    height: 50px;
    margin-top: 16px;
    background-repeat: no-repeat
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item .btn-icon.hover {
    display: none
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item:hover,
#live .container .wrap .height-wrap .right .bottom .game-list a .game-item.active {
    animation: pc_Kk .5s ease forwards
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item:hover .btn-icon,
#live .container .wrap .height-wrap .right .bottom .game-list a .game-item.active .btn-icon {
    display: none
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item:hover .btn-icon.hover,
#live .container .wrap .height-wrap .right .bottom .game-list a .game-item.active .btn-icon.hover {
    display: flex
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item:before {
    content: "";
    z-index: -1;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    background-image: url("/asset/image/icon/Webp/Components/logo_bg.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#live .container .wrap .height-wrap .right .bottom .game-list a .game-item.active::before,
#live .container .wrap .height-wrap .right .bottom .game-list a .game-item:hover::before {
    background-image: url("/asset/image/icon/Webp/Components/logo_bg_on.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#live .container .wrap .height-wrap .right .bottom .game-list a p {
    position: relative;
    font-size: 14px;
    color: var(--font-primary);
    text-align: center;
    word-break: keep-all
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes cf_cv {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3D(-10px, 10px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes cf_c5 {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateX(-10px)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes cf_cr {
    0% {
        transform: translateZ(0)
    }
    50% {
        transform: translate3D(10px, -10px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes cf_cp {
    0% {
        transform: translateX(0)
    }
    50% {
        transform: translateY(-10px)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100px, 0, 0)
    }
    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes pc_Kk {
    0% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

#slot {
    min-height: 100vh;
    width: 100%;
    min-width: 1600px;
    background-color: #f3f6fc
}

#slot .banner {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 517px;
    min-width: 1200px
}

#slot .banner .main {
    position: absolute;
    top: 82px;
    left: 0;
    width: 511px
}

#slot .banner .bg {
    width: 738px;
    height: 484px;
    position: absolute;
    top: 33px;
    right: -90px
}

#slot .width-1200 {
    margin: 0 auto;
    width: 1200px
}

#slot .container {
    display: flex;
    gap: 10px;
    padding-bottom: 70px
}

#slot .SNB {
    display: flex;
    flex-flow: column;
    min-width: 95px;
    max-height: 720px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: var(--shadow-secondary);
    overflow-y: scroll;
    overscroll-behavior: contain
}

#slot .SNB::-webkit-scrollbar-thumb {
    height: 30%;
    background: #b0b8c1;
    border-radius: 10px
}

#slot .SNB::-webkit-scrollbar-track {
    background: #e0e3e8;
    border-radius: 10px
}

#slot .SNB::-webkit-scrollbar {
    width: 8px
}

#slot .SNB .list li {
    padding: 8px 12px;
    display: flex;
    flex-flow: column;
    height: 80px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

#slot .SNB .list li .game-logo {
    width: 30px;
    height: 30px
}

#slot .SNB .list li .game-logo .normal {
    display: block
}

#slot .SNB .list li .game-logo .hover {
    display: none
}

#slot .SNB .list li:first-child .game-name {
    word-break: unset
}

#slot .SNB .list li .game-name {
    line-height: 16px;
    margin-top: 3px;
    font-size: 11px;
    color: var(--font-primary);
    text-align: center;
    word-break: keep-all
}

#slot .SNB .list li:hover,
#slot .SNB .list li.active {
    background: var(--k-play-color-background-brand, #0EA5E9)
}

#slot .SNB .list li:hover .game-name,
#slot .SNB .list li.active .game-name {
    color: #fff
}

#slot .SNB .list li:hover .game-logo .hover,
#slot .SNB .list li.active .game-logo .hover {
    display: block
}

#slot .SNB .list li:hover .game-logo .normal,
#slot .SNB .list li.active .game-logo .normal {
    display: none
}

#slot .content {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    min-width: 1095px;
    background-color: #fff;
    box-shadow: var(--shadow-primary)
}

#slot .content .menu {
    display: flex;
    height: 70px;
    line-height: 70px;
    padding: 0px 40px;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    position: relative
}

#slot .content .menu .list {
    flex: 1 1 0%;
    display: flex;
    width: 500px;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

#slot .content .menu .list .item {
    width: 70px;
    display: block;
    font-size: 16px;
    text-align: center;
    color: var(--font-primary);
    position: relative;
    cursor: pointer
}

#slot .content .menu .list .item.active {
    color: #0ea5e9
}

#slot .content .menu .list .item.active i {
    position: absolute;
    left: 18px;
    bottom: 0;
    display: inline-block;
    width: 34px;
    height: 4px;
    border-radius: 2px;
    background-color: var(--primary)
}

#slot .content .menu .search-box {
    width: 285px;
    height: 36px;
    margin-left: 10px;
    position: absolute;
    right: 40px;
    top: 17px;
    font-size: 13px;
    font-weight: 400
}

#slot .content .menu .search-box input {
    position: absolute;
    left: 0;
    top: 0;
    width: 285px;
    height: 36px;
    line-height: 36px;
    padding: 0 40px 0 18px;
    border-radius: 4px;
    border: 1px solid #dadada
}

#slot .content .menu .search-box input::-moz-placeholder {
    color: #a5aabc
}

#slot .content .menu .search-box input::placeholder {
    color: #a5aabc
}

#slot .content .menu .search-box .icon-search {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 6px;
    right: 12px;
    cursor: pointer;
    z-index: 1;
    background-image: url(../asset/icon/slot_sprite.png);
    background-position: -503px 0;
    background-repeat: no-repeat;
    background-size: 915px 110px
}

#slot .game-list-wrap {
    margin: 20px 0;
    padding: 0 22px
}

#slot .game-list-wrap .desc-wrap {
    width: 100%;
    font-size: 13px;
    display: flex;
    gap: 8px
}

#slot .game-list-wrap .desc-wrap .desc {
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    color: var(--font-primary)
}

#slot .game-list-wrap .desc-wrap .desc span {
    font-size: 12px;
    font-weight: 300;
    color: var(--font-secondary)
}

#slot .game-list-wrap .recommend-wrap {
    display: flex;
    flex-flow: column;
    gap: 12px
}

#slot .game-list-wrap .game-wrap {
    display: flex;
    flex-flow: column;
    gap: 12px
}

#slot .game-list-wrap .game-list,
#slot .game-list-wrap .recommend-list,
#slot .game-list-wrap .subscribe-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
    align-items: center
}

#slot .game-list-wrap .game-list .item,
#slot .game-list-wrap .recommend-list .item,
#slot .game-list-wrap .subscribe-list .item {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 200px;
    height: 270px;
    border: 1px solid #ededed;
    border-radius: 6px
}

#slot .game-list-wrap .game-list .item .game-logo,
#slot .game-list-wrap .recommend-list .item .game-logo,
#slot .game-list-wrap .subscribe-list .item .game-logo {
    position: relative;
    width: 100%;
    overflow: hidden
}

#slot .game-list-wrap .game-list .item .game-logo .label,
#slot .game-list-wrap .recommend-list .item .game-logo .label,
#slot .game-list-wrap .subscribe-list .item .game-logo .label {
    position: absolute;
    top: 9px;
    right: -34px;
    width: 132px;
    height: 24px;
    z-index: 1;
    transform: rotate(30deg)
}

#slot .game-list-wrap .game-list .item .game-logo:hover,
#slot .game-list-wrap .recommend-list .item .game-logo:hover,
#slot .game-list-wrap .subscribe-list .item .game-logo:hover {
    border: 2px solid #dccab8
}

#slot .game-list-wrap .game-list .item .game-logo img,
#slot .game-list-wrap .recommend-list .item .game-logo img,
#slot .game-list-wrap .subscribe-list .item .game-logo img {
    width: 100%
}

#slot .game-list-wrap .game-list .item .game-logo .button-wrap,
#slot .game-list-wrap .recommend-list .item .game-logo .button-wrap,
#slot .game-list-wrap .subscribe-list .item .game-logo .button-wrap {
    position: absolute;
    top: 0;
    opacity: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2
}

#slot .game-list-wrap .game-list .item .game-logo button,
#slot .game-list-wrap .recommend-list .item .game-logo button,
#slot .game-list-wrap .subscribe-list .item .game-logo button {
    z-index: 3;
    width: 107px;
    margin-right: 5px;
    height: 30px;
    border: none;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background-image: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%))
}

#slot .game-list-wrap .game-list .item .game-logo:hover .button-wrap,
#slot .game-list-wrap .recommend-list .item .game-logo:hover .button-wrap,
#slot .game-list-wrap .subscribe-list .item .game-logo:hover .button-wrap {
    top: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, .5);
    transition: all .5s;
    text-align: center;
    display: flex
}

#slot .game-list-wrap .game-list .item .game-name,
#slot .game-list-wrap .recommend-list .item .game-name,
#slot .game-list-wrap .subscribe-list .item .game-name {
    width: 100%;
    gap: 12px;
    min-height: 45px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    word-break: keep-all
}

#slot .game-list-wrap .game-list .item .game-name i.subscribe,
#slot .game-list-wrap .recommend-list .item .game-name i.subscribe,
#slot .game-list-wrap .subscribe-list .item .game-name i.subscribe {
    cursor: pointer;
    color: var(--color-primary)
}

#slot .game-list-wrap .subscribe-list {
    display: flex;
    flex-flow: column
}

#slot .game-list-wrap .subscribe-list .game-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer
}

#slot .game-list-wrap .subscribe-list .game-title .love-number {
    min-width: 70px;
    display: flex;
    align-items: center;
    position: relative;
    gap: 8px
}

#slot .game-list-wrap .subscribe-list .game-title .love-number i.love {
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(../asset/icon/slot_sprite.png);
    background-position: -459px 0;
    background-repeat: no-repeat;
    background-size: 915px 110px
}

#slot .game-list-wrap .subscribe-list .game-title .love-number .show {
    width: 6px;
    height: 10px;
    display: block;
    background-image: url(../asset/icon/slot_sprite.png);
    background-position: -909px 0;
    background-repeat: no-repeat;
    background-size: 915px 110px
}

#slot .game-list-wrap .subscribe-list .game-title .love-number .show.active {
    width: 10px;
    height: 6px;
    background-position: -897px 0
}

#slot .game-list-wrap .subscribe-list .item-wrap {
    display: flex;
    gap: 12px;
    flex-wrap: wrap
}

#slot .game-list-wrap .game-wrap {
    display: none
}

#slot .game-list-wrap .game-wrap>div {
    display: none
}

#slot .game-list-wrap .game-wrap.active {
    display: flex
}

#slot .game-list-wrap .game-wrap.active>div {
    display: flex
}

#slot .game-list-wrap .game-wrap .pagination {
    margin: 12px auto 0 auto;
    display: flex;
    gap: 8px
}

#slot .game-list-wrap .game-wrap .pagination .box {
    min-width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--stroke-primary);
    display: flex;
    justify-content: center;
    align-items: center
}

#slot .game-list-wrap .game-wrap .pagination .pages {
    display: flex;
    gap: 8px
}

#slot .game-list-wrap .game-wrap .pagination .pages .page {
    display: flex;
    justify-content: center;
    align-items: center
}

#slot .game-list-wrap .game-wrap .pagination .pages .page.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

#slot .game-list-wrap .game-wrap .pagination .prev-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    background: url("/asset/image/icon/Svg/Icon/Gray/Arrow-Left.svg") 100% 100%
}

#slot .game-list-wrap .game-wrap .pagination .next-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    background: url("/asset/image/icon/Svg/Icon/Gray/Arrow-Right.svg") 100% 100%
}

#slot .game-list-wrap .game-wrap .pagination [disabled] {
    cursor: no-drop
}

#slot .game-list-wrap .recommend-wrap {
    display: none
}

#slot .game-list-wrap .recommend-wrap>div {
    display: none
}

#slot .game-list-wrap .recommend-wrap.active {
    display: flex
}

#slot .game-list-wrap .recommend-wrap.active>div {
    display: flex
}

#slot .game-list-wrap .subscribe-wrap {
    display: none
}

#slot .game-list-wrap .subscribe-wrap>div {
    display: none
}

#slot .game-list-wrap .subscribe-wrap.active {
    width: 100%;
    display: flex
}

#slot .game-list-wrap .subscribe-wrap.active>div {
    width: 100%;
    display: flex;
    align-items: flex-start
}

#miniList {
    min-height: 100vh;
    width: 100%;
    min-width: 1600px;
    background-color: #f3f6fc
}

#miniList .width-1200 {
    margin: 0 auto;
    width: 1200px
}

#miniList .mini-banner-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    height: 517px;
    min-width: 1200px;
    overflow: hidden
}

#miniList .mini-banner-wrap .main {
    position: absolute;
    top: 82px;
    left: 0;
    width: 511px
}

#miniList .mini-banner-wrap .bg {
    width: 738px;
    height: 484px;
    position: absolute;
    top: 33px;
    right: -90px
}

#miniList .mini-game-wrap {
    padding: 32px auto;
    display: flex;
    justify-content: center
}

#miniList .mini-game-wrap .list {
    display: flex;
    flex-wrap: wrap
}

#miniList .mini-game-wrap .list .item {
    display: flex;
    flex-flow: column;
    justify-content: space-around;
    width: 400px;
    height: 400px
}

#miniList .mini-game-wrap .list .item .game-logo {
    position: relative;
    width: 100%;
    overflow: hidden
}

#miniList .mini-game-wrap .list .item .game-logo img {
    clip-path: inset(25px 25px);
    width: 100%
}

#miniList .mini-game-wrap .list .item .game-logo .button-wrap {
    position: absolute;
    top: 0;
    opacity: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 2;
    clip-path: inset(25px 25px)
}

#miniList .mini-game-wrap .list .item .game-logo button,
#miniList .mini-game-wrap .list .item .game-logo a {
    z-index: 3;
    width: 107px;
    margin-right: 5px;
    height: 30px;
    border: none;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    background-image: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%))
}

#miniList .mini-game-wrap .list .item .game-logo:hover img {
    transform: scale(1.1);
    width: 100%;
    height: 100%;
    position: relative;
    transition: all .5s
}

#miniList .mini-game-wrap .list .item .game-logo:hover .button-wrap {
    transform: scale(1.1);
    top: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, .5);
    transition: all .5s;
    transition: opacity 5s;
    text-align: center;
    display: flex
}

#miniList .mini-game-wrap .list .item .game-name {
    width: 100%;
    gap: 12px;
    min-height: 45px;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    word-break: keep-all
}

#miniList .mini-game-wrap .list .item .game-name i.subscribe {
    cursor: pointer;
    color: var(--color-primary)
}

#list {
    padding: 0;
    width: 1200px
}

#list>.title {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -0.6px;
    margin-bottom: 40px
}

#list .list {
    display: flex;
    flex-flow: column;
    margin-bottom: 54px
}

#list .list .row {
    height: 40px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid var(--stroke-primary)
}

#list .list .row .cell {
    display: flex;
    padding: 10px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: var(--font-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#list .list .row .cell.center {
    justify-content: center
}

#list .list .row .cell.etc {
    padding: 4px 10px
}

#list .list .row .cell>* {
    text-overflow: ellipsis;
    overflow: hidden
}

#list .list .row.head {
    background-image: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    height: 48px;
    border-bottom: none
}

#list .list .row.head .cell {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

#list .page_wrap {
    display: flex;
    gap: 8px;
    justify-content: center
}

#list .page_wrap .page {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: var(--font-primary);
    background-color: #fff;
    border-radius: 40px
}

#list .page_wrap .page.enabled {
    border: none;
    background: #414755;
    color: #fff;
    pointer-events: none
}

#list .page_wrap .page.disabled {
    pointer-events: none
}

#mini {
    min-width: 1600px;
    background-color: #f3f6fc
}

#mini section.select {
    display: flex;
    height: 68px;
    align-items: center;
    margin-bottom: 40px;
    background-color: var(--gray-00)
}

#mini section.select :is(.sel_gbp,
.sel_btc,
.sel_gold) {
    display: flex;
    justify-content: center;
    flex: 1;
    height: 100%;
    align-items: center;
    font-size: 20px;
    background-color: #fff
}

#mini section.select :is(.sel_gbp,
.sel_btc,
.sel_gold).on {
    background-color: #fd8251;
    color: #fff
}

#mini section.top {
    display: grid;
    max-width: 1250px;
    margin: 0 auto 48px;
    padding-top: 20px;
    grid-template-columns: 1fr 332px;
    gap: 24px
}

#mini section.top .left {
    position: relative;
    flex: calc(100% - 300px);
    display: flex;
    flex-flow: column;
    gap: 20px
}

#mini section.top .left .gameContainer {
    overflow: hidden
}

#mini section.top .left .gameContainer iframe {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

#mini section.top .right {
    padding: 12px;
    background-color: var(--gray-00);
    font-size: 13px;
    display: flex;
    flex-flow: column;
    gap: 24px;
    border: 1px solid var(--stroke-primary);
    border-radius: 12px;
    height: -moz-min-content;
    height: min-content
}

#mini section.top .right button[data-value] {
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.6px;
    background: #fff;
    color: var(--font-primary);
    padding: 4px;
    border: 1px solid var(--stroke-primary);
    border-radius: 4px
}

#mini section.top .right .value {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 8px 16px;
    background-color: var(--gray-02);
    border: 1px solid var(--stroke-primary);
    border-radius: 4px;
    width: 100%
}

#mini section.top .right .value.mb_1,
#mini section.top .right .value.expectedProfit {
    padding-right: 26px
}

#mini section.top .right .value.mb_1::after {
    content: "원";
    position: absolute;
    right: 11px;
    top: 49%;
    transform: translateY(-50%)
}

#mini section.top .right .value.expectedProfit::after {
    content: "원";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

#mini section.top .right .input {
    position: relative;
    font-weight: 400;
    font-size: 16px
}

#mini section.top .right .input::after {
    content: "원";
    position: absolute;
    right: 10px;
    top: 48%;
    transform: translateY(-50%)
}

#mini section.top .right .input input {
    display: flex;
    justify-content: flex-end;
    padding: 8px 16px;
    padding-right: calc(16px + 1em);
    text-align: right;
    background-color: #fff;
    border: 1px solid var(--stroke-primary);
    border-radius: 4px;
    width: 100%;
    margin: 0
}

#mini section.top .right .title {
    letter-spacing: -0.6px;
    color: var(--font-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 4px
}

#mini section.top .right .info {
    margin-bottom: 8px
}

#mini section.top .right .ctrl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    margin-top: 16px;
    margin-bottom: 8px
}

#mini section.top .right .ctrl .max {
    grid-column: 1/span 2
}

#mini section.top .right .invest {
    color: #fff;
    background-image: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    width: 100%;
    border-radius: 4px;
    padding: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px;
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

#mini section.top .right .limit-wrap {
    display: flex;
    flex-flow: column
}

#mini section.top .right .limit-wrap .limit {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    gap: 4px;
    font-size: 16px
}

#mini section.top .right .limit-wrap .limit.small .limit-right {
    color: var(--red-00)
}

#mini section.top .right :is(.next,
.profit) {
    display: flex;
    gap: 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.6px
}

#mini section.top .right :is(.next,
.profit) .item {
    flex: 1
}

#mini section.top .right :is(.next,
.profit) .datetime {
    color: var(--font-primary)
}

#mini section.top .right :is(.next,
.profit) .expectedRate {
    font-weight: 700;
    font-size: 20px
}

#mini section.top .right .selector {
    display: flex;
    flex-flow: column;
    width: 100%
}

#mini section.top .right .selector .header {
    background-image: var(--k-play-gradient, linear-gradient(158deg, #A5CBFF -27.83%, #61A2FE 39.97%, #5C99FE 100%));
    display: flex;
    width: 100%;
    border-radius: 4px 4px 0 0;
    color: #fff;
    padding: 0
}

#mini section.top .right .selector .header .type {
    flex: 1;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center
}

#mini section.top .right .selector .body {
    background-color: var(--gray-00);
    display: flex
}

#mini section.top .right .selector .body .option-wrap {
    padding: 12px 16px;
    flex: 1;
    display: grid;
    gap: 8px;
    border: 1px solid var(--stroke-primary)
}

#mini section.top .right .selector .body .option-wrap .option {
    padding: 8px 0;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
    text-align: center
}

#mini section.top .right .selector .body .option-wrap .option.red {
    background-color: var(--red-00)
}

#mini section.top .right .selector .body .option-wrap .option.blue {
    background-color: var(--blue-06)
}

#mini section.top .right .selector .body .option-wrap .option.green {
    background-color: var(--green-01)
}

#mini section.top .right .selector .body .option-wrap .option.black {
    background-color: var(--gray-10)
}

#mini section.top .right .selector .body .option-wrap .option.selected {
    box-shadow: inset 0px 0px 13px 0px rgba(238, 238, 238, .8)
}

#mini section.top .right .selector .body .option-wrap .option.selected.red {
    background-color: var(--red-05)
}

#mini section.top .right .selector .body .option-wrap .option.selected.blue {
    background-color: var(--blue-08)
}

#mini section.top.spaceball_1min,
#mini section.top.spaceball_2min {
    max-width: 1400px
}

#mini section.top.spaceball_1min .left .gameContainer iframe,
#mini section.top.spaceball_2min .left .gameContainer iframe {
    width: 1007px;
    height: 631px
}

#mini section.middle .container {
    display: grid;
    grid-template-columns: 240fr 280fr 280fr 240fr;
    line-height: calc(var(--mw)/1440*60);
    margin-bottom: 60px
}

#mini section.middle .container div {
    background-color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center
}

#mini section.middle .container .info {
    line-height: calc(var(--mw)/1440*72);
    padding: 0 0 0 calc(var(--mw)/1440*11);
    background-color: #fd8251;
    color: #fff
}

#mini section.bottom {
    padding: 20px;
    display: flex;
    flex-flow: column;
    align-items: center
}

#mini section.bottom .container {
    display: grid;
    grid-template-columns: 3fr 3fr 2fr 2fr;
    line-height: calc(var(--mw)/1440*60);
    margin: 20px;
    border-top: 1px solid var(--stroke-primary)
}

#mini section.bottom #invest_list2 .container {
    border-top: 2px solid var(--stroke-primary);
    grid-template-columns: 23fr 23fr 17fr 17fr 17fr
}

#mini section.bottom #invest_list3 .container {
    border-top: 2px solid var(--stroke-primary);
    grid-template-columns: 23fr 23fr 17fr 17fr 17fr
}

#mini section.bottom .header {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    padding: 0;
    height: unset;
    border-bottom: unset;
    width: 100%
}

#mini section.bottom .lists {
    display: flex
}

#mini section.bottom .lists .list {
    padding: 10px 15px;
    cursor: pointer;
    letter-spacing: -0.6px;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px
}

#mini section.bottom .lists .list.active {
    border-bottom: solid 2px var(--color-primary)
}

#mini section.bottom .menu-wrap {
    display: flex
}

#mini section.bottom .menu-wrap .menu {
    padding: 10px 15px
}

#mini section.bottom .rows {
    padding: 15px
}

#mini section.bottom .rows .title span {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #fff;
    font-weight: 300
}

#mini section.bottom :is(.rows[data-index="1"],
.rows[data-index="2"]) .title {
    font-weight: 300;
    margin-left: 10px
}

#list .button-etc {
    padding: 4px 12px;
    background-color: var(--red-00);
    color: #fff;
    border-radius: 4px
}

#list [data-cancel] {
    background-color: var(--red-05)
}

#bti .container {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    height: calc(100vh - 86px);
    overflow-y: hidden
}

#bti .container iframe {
    width: 100vw;
    overflow: scroll;
    height: calc(100vh - 86px)
}

/*# sourceMappingURL=game.min.css.map */