.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 0,
  'GRAD' 0,
  'opsz' NaN
}

section { margin-bottom: 10px; }
section .title { display: flex; justify-content: space-between; align-items: center; margin: 20px 20px 0 20px; padding: 10px 0 0 0; border-top: .5px solid #D1D1D6; }
section .title h2 { font-size: 16px; font-weight: 600; color: rgba(60,60,67,.6); }
section .title p { font-size: 16px; }
section .title p a { color: rgba(60,60,67,.3); margin-left: 10px; }

section { }

section ul { padding: 0 20px; }

section#chat ul { display: flex; flex-wrap: wrap; height: 78px; overflow: hidden; }
section#chat ul li { margin: 0 5px 5px 0; font-size: 0; }
section#chat ul li > * { display: inline; }
section#chat ul li span { font-size: 9px;  color: rgba(235,235,245,.6);  }
section#chat ul li strong { display: inline-block; font-size: 11px; background-color: #F2F2F7; padding: 3px 8px; border-radius: 11px; white-space: nowrap; text-overflow: ellipsis; max-width: 80vw; overflow: hidden;height: 22px;}

section#event ul { display: flex; justify-content: space-between; gap: 10px; }
section#event ul li { flex: 1; }
section#event ul li a { display: block; border-radius: 4px; position: relative; padding: 4px 0 6px 0; overflow: visible; }
section#event ul li a p { position: absolute; width: 35px; height: 40px; left: 5px; bottom: 0; z-index: 1000; background-repeat: no-repeat; }
section#event ul li a span { font-size: 11px; font-weight: 600; margin-left: 45px; color: #fff; }
section#event ul li.final a { background-color: #041181; }
section#event ul li.final a p { background-image: url(https://img.uefa.com/imgml/uefacom/ucl/trophy/trophy_front_full.png); background-size: 30px auto;
	background-position:  top; }
section#event ul li.mbappe a{ background-color: #D2212B; }
section#event ul li.mbappe a p { background-image: url(https://b.fssta.com/uploads/application/soccer/headshots/40670.vresize.350.350.medium.91.png); background-size: 62px auto;
	background-position: center -4px; }

section#story { margin: 0 0 10px 0;  }
section#story ul { display: flex; overflow-x: scroll;  -webkit-overflow-scrolling: touch; }
section#story ul::-webkit-scrollbar { display: none; }
section#story ul li { width: 68px; margin-right: 10px; }
section#story ul li a { }
section#story ul li a > * { display: block; text-align: center; }
section#story ul li p { width: 68px; height: 68px; border-radius: 100%; border: 1px solid var(--color-border-strong); }
section#story ul li b { display: block; width: 66px; height: 66px; border-radius: 100%; background-size: cover; background-position: center center; border: 3px solid var(--color-bg);background-color: var(--color-bg-card); line-height: 0.8; }
section#story ul li b.x { overflow: hidden; background-color: #000; font-family: "Saira Condensed"; display: flex; align-items: center; padding: 5px 5px 0 5px; font-size: 13px; word-break: break-all; color: #fff; }
section#story ul li span { font-size: 9px; font-weight: 600; margin-top: 3px; color: var(--color-text-secondary); text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; }
section#story ul li.new p { border-color: var(--color-text); }
section#story ul li.new span { color: var(--color-text) !important; }
section#story ul li.add p { border-style: dashed; }
section#story ul li.add b {  color: var(--color-text-secondary); display: flex; align-items: center; justify-content: center; }
section#story ul li.add b i { font-size: 36px;  }

section#news ul { display: flex; overflow-x: scroll;  -webkit-overflow-scrolling: touch; }
section#news ul::-webkit-scrollbar { display: none; }
section#news ul li { flex: 0 0 160px; width: 160px; margin-right: 6px; }
section#news ul li a { display: flex; width: 100%; height: 160px; border-radius: 16px; background-position: 50% 0; background-size: cover; background-color: #1C1C1E; position: relative; overflow: hidden; }
section#news ul li a > * { display: block; }
section#news ul li a strong { margin-top: 6px; overflow: hidden !important; font-weight: 600; 
text-overflow: ellipsis !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; word-wrap: break-word !important; -webkit-line-clamp: 3; line-height: 1.3; font-size: 15px; color: #fff; }

section#news ul li a .news_container { position: absolute; padding: 50px 12px 10px 12px; left: 0; bottom: 0; display: block; background-image: linear-gradient(to bottom, rgba(28,28,30,0), rgba(28,28,30,1)); }

section#news ul li span { display: block; font-size: 13px; color: rgba(235,235,245,.6); margin-top: 3px; font-size: 11px; }

section#news ul li.list { flex: 0 0 180px; width: 180px;  padding-right: 20px; margin: 0; }
section#news ul li.list a { justify-content: center; align-content: center; flex-wrap: wrap; background-color: #F2F2F7; }
section#news ul li.list a > * { width: 100%; text-align: center; }
section#news ul li.list a i { color: rgba(60,60,67,.6); font-weight: 300; font-size: 36px; }
section#news ul li.list a span { margin-top: 1px; font-weight: 600; color: rgba(60,60,67,.6); }


section#board ul {display: flex; overflow-x: scroll;  -webkit-overflow-scrolling: touch; }
section#board ul::-webkit-scrollbar { display: none; }
section#board ul li { width: 160px; margin-right: 6px; flex: 0 0 160px; }
section#board ul li a { display: flex; width: 100%; height: 100px; flex-wrap: wrap; margin-right: 10px; background-color: #F2F2F7; border-radius: 16px; padding: 10px 12px; position: relative; align-content: flex-start;  }
section#board ul li a > * { display: block; width: 100%; }
section#board ul li u { font-size: 11px; color: rgba(60,60,67,.6); padding-top: 3px; position: absolute; bottom: 10px; left: 12px; }
section#board ul li p {  color: rgba(60,60,67,.6); font-size: 11px; display: flex; justify-content: space-between; }
section#board ul li strong { font-weight: 600; font-size: 15px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; line-height: 1.3;}
section#board ul li span { font-size: 11px; color: rgba(60,60,67,.6); font-weight: 600; margin-bottom: 3px;  }

section#board ul li.new u { color: #FF2D55; }


section#board ul li.list { display: flex; width: 180px; flex: 0 0 180px; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 4px; padding-right: 20px; }
section#board ul li.list a { display: flex; padding: 0; width: 78px; flex: 0 0 78px; height: 48px; margin: 0; justify-content: center; align-items: center; align-content: center; }

section#board ul li.list a > * { display: flex; width: auto !important; }
section#board ul li.list a i { color: rgba(60,60,67,.6); font-size: 20px; }
section#board ul li.list a span { margin: 0 0 0 2px; font-weight: 600; }
section#board ul li.list a:nth-of-type(1) { border-radius: 16px 5px 5px 5px;}
section#board ul li.list a:nth-of-type(2) { border-radius: 5px 16px 5px 5px;}
section#board ul li.list a:nth-of-type(3) { border-radius: 5px 5px 5px 16px;}
section#board ul li.list a:nth-of-type(4) { border-radius: 5px 5px 16px 5px;}

section#board ul li.notice2_0 a { background-color: rgba(0,112,255,.18); }
section#board ul li.realrealmania a { background-color: rgba(255,45,55,.18); }

section .title span {font-weight: 600; font-size: 11px; color: rgba(60,60,67,.6); }

section#match ul {}
section#match ul li {  }
section#match ul li a { display: block; border: .5px solid #D1D1D6; display: block;  position: relative; padding: 10px 12px; border-radius: 16px; }
section#match ul li a > * { display: block; }
section#match ul li b { font-size: 13px; font-weight: 600; }
section#match ul li strong { font-weight: 600; font-size: 15px;}
section#match ul li span { display: block; font-size: 11px; color: rgba(60,60,67,.6); margin-bottom: 3px; font-weight: 600; }
section#match ul li u { display: block; font-size: 11px; color: rgba(60,60,67,.6); margin-top: 3px; }

section#match ul li .result_container { display: flex; justify-content: center;  }
section#match ul li .result_container .team { flex: 1; }
section#match ul li .result_container .team > * { display: block; text-align: center;}
section#match ul li .result_container .team strong { font-size: 13px; margin-top: 5px; }
section#match ul li .result_container .team i { font-size: 34px; font-weight: 300; }
section#match ul li .result_container .team img {height: 34px; margin: 0 auto;}
section#match ul li .result_container .score { margin: 0 10px; font-size: 20px; font-weight: 600; padding-top: 4px; }
section#match ul li u { text-align: center; }


section#match ul li.today div { background-color: #FF2D55; font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; }
section#match ul li.live div { background-color: #FF2D55; }
section#match ul li.live span { color: #FF2D55; font-weight: 600; }
section#match ul li.live div i { font-size: 20px; color: #fff; }
section#match ul li:nth-of-type(1) { display: block; visibility: visible; }
section#match ul li.getrid { display: none; }
section#match ul li s { font-size: 15px; font-weight: 700; background-color: #3A3A3C; display: inline-block; border-radius: 0 0 5px 0; margin-bottom: 10px; padding: 0 10px; position: absolute; left: 0; top: 0; }





section#transfer {}
section#transfer .container { display: flex; justify-content: flex-start; gap: 6px; padding: 0 20px; margin-top: 5px; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
section#transfer .container a { flex: 0 0 160px; display: block; background-color: #F2F2F7; border-radius: 16px; overflow: hidden; position: relative; }
section#transfer .container a p { width: 90px; height: 100px; background-size: cover; background-position: center 5px; margin-left: 55px; background-repeat: no-repeat; }
section#transfer .container a s { font-size: 15px; font-weight: 600; position: absolute; left: 12px; top: 12px; line-height: 1.3; }


section#schedule ul li { display: none; }
section#schedule ul li:first-of-type { display: block !important; }

section#schedule ul li a { display: block; border: .5px solid #D1D1D6; display: block;  position: relative; padding: 10px 12px; border-radius: 16px; }
section#schedule ul li a > * { display: block; }
section#schedule ul li strong { font-weight: 600; font-size: 15px;}
section#schedule ul li span { display: block; font-size: 11px; color: rgba(60,60,67,.6); margin-bottom: 3px; font-weight: 600; }
section#schedule ul li u { display: block; font-size: 11px; color: rgba(60,60,67,.6); margin-top: 3px; }

section#schedule ul li .schedule_container { display: flex; justify-content: center;  }
section#schedule ul li .schedule_container .team { flex: 1; }
section#schedule ul li .schedule_container .team > * { display: block; text-align: center;}
section#schedule ul li .schedule_container .team strong { font-size: 13px; margin-top: 5px; }
section#schedule ul li .schedule_container .team i { font-size: 34px; font-weight: 300; }
section#schedule ul li .schedule_container .team img {height: 34px; margin: 0 auto;}
section#schedule ul li .schedule_container .time { margin: 0 4px; font-size: 20px; font-weight: 600; padding-top: 6px; }
section#schedule ul li .schedule_container .time > * { display: block; text-align: center; }
section#schedule ul li .schedule_container .time s { font-size: 13px; }
section#schedule ul li .schedule_container .time b { font-size: 17px; }

section#schedule ul li.today a { background-color: #a6ff00; border: 0; }

section#schedule ul li u { text-align: center; }

section#schedule ul li.getrid { display: none; }

section#live { margin-top: 15px; }
section#live .live_container { padding: 0 20px; }
section#live a { display: block;  position: relative; padding: 10px 12px; border-radius: 16px; overflow: hidden; background: linear-gradient(
        to right,
        #a6ff00 20%,
        lime 30%,
        #a6ff00 70%,
        lime 80%
    );
    background-size: 500% auto;
    animation: liveSoccerBg 4s ease-in-out infinite alternate; box-shadow: 0 2px 10px rgba(166,255,0,.2); }
section#live a > span { display: block; font-size: 11px; color: #000;  font-weight: 600;  position: relative; z-index: 2; }

section#live a div { display: flex; align-items: center;  color: #000; position: relative; z-index: 2;}
section#live a div > * { display: block; }
section#live a div > strong { font-size: 17px; font-weight: 700; }

section#live b { font-size: 120px; animation: liveSoccerBall 2s linear infinite; margin-left: -1px; position: absolute; right: -30px; top: -50px; }

@-webkit-keyframes liveSoccerBall { 0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }


@keyframes liveSoccerBg {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }}
    
section#live ul { display: flex; width: 100%; flex-wrap: wrap; max-height: 52px; overflow: hidden; padding: 0; margin-top: 8px; margin-left: -1px; position: relative; z-index: 2;}
section#live ul li { margin: 0 5px 5px 0; font-size: 0; }
section#live ul li > * { display: inline; }
section#live ul li strong { display: inline-block; font-size: 11px; background-color: rgba(255,255,255,.6); padding: 3px 8px; border-radius: 11px; white-space: nowrap; text-overflow: ellipsis; max-width: 80vw; overflow: hidden;height: 22px; font-weight: 400;  color: #000;  }




section#player ul li { margin-bottom: 6px;  }
section#player ul li a > * { display: block;}
section#player ul li a strong { font-size: 11px; text-transform: uppercase; }
section#player ul li a p { font-size: 15px; }


section#sitemap ul { display: flex; margin: 10px 0; gap: 10px; }
section#sitemap ul li { justify-content: space-between; flex: 1;  }
section#sitemap ul li a { font-size: 13px; font-weight: 600; display: block; text-align: center; background-color: #F2F2F7;  border-radius: 100px; padding: 10px 0; text-transform: uppercase; }
section#sitemap ul.fng li:last-child { display: none; }

div#chat { padding: 10px 20px 0 20px; }
div#chat ul li { display: flex; align-items: center; }
div#chat ul li i { font-size: 15px; margin-right: 3px; }
div#chat ul li strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; }

a.notify { margin: 10px 20px 15px 20px; font-size: 15px; font-weight: 600; padding: 10px 20px;  border-radius: 4px; text-align: center; display: block; }
a.notify.message { color: #fff; background-color: #FF2D55; }
a.notify.login {  background-color: #F2F2F7; color: #007AFF; }

@media (prefers-color-scheme: dark) {
	
	
	section .title { border-color: #2C2C2E; }
	section .title h2, section#news ul li.list a span  { color: rgba(235,235,245,.6); }
	section .title p a { color: rgba(235,235,245,.3); }
	section#news ul li a strong span,section .title span, section#notice ul li p { color: rgba(235,235,245,.6); }
	section#news ul li span, section#news ul li.list a i, section#board ul li.list a i  { color: rgba(235,235,245,.6); }
	section#board ul li u, section#notice ul li u, section#board ul li span, section#notice ul li span { color: rgba(235,235,245,.6); }
	section#match ul li span, section#match ul li u,section#schedule ul li span, section#schedule ul li u { color: rgba(235,235,245,.6); }
	section#sitemap ul li a { background-color: #1C1C1E; }
	section#match ul li.live span { color: #FF375F; }
	section#match ul li.today div, section#match ul li.live div, a.notify.message { background-color: #FF375F; }
	a.notify.login { background-color: #1C1C1E; color: #0A84FF; }
	section#news ul li a { background-color: #1C1C1E; }
	section#chat ul li strong, section#board ul li a, section#news ul li.list a, section#transfer .container a { background-color: #1C1C1E; }

section#match ul li a, section#schedule ul li a { border-color: #2C2C2E;  }


section#match ul li .result_container .team img, section#schedule ul li .schedule_container .team img { filter: invert(1); }


section#board ul li.notice2_0 a { background-color: rgba(10,132,255,.3); }
section#board ul li.realrealmania a { background-color: rgba(255,55,95,.3); }

section#schedule ul li.today a { background-color: transparent; border: .5px solid #2C2C2E; }
section#schedule ul li.today .schedule_container { color: #a6ff00; }
section#schedule ul li.today .schedule_container .team img { filter: brightness(0) saturate(100%) invert(79%) sepia(85%) saturate(978%) hue-rotate(23deg) brightness(100%) contrast(103%); }


}