@charset 'UTF-8';
/*
 | Bundle CSS duy nhất của site (tải bất đồng bộ; phần critical inline riêng).
 | Thứ tự import giữ đúng thứ tự <link> cũ để cascade không đổi.
 | url() tương đối trong từng file được plugin rebase-relative-urls (webpack.mix.js)
 | đổi thành đường dẫn tuyệt đối tính từ public/, nên fontawesome/slick vẫn tìm đúng font.
 */
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Thin.subset.woff2') format('woff2'),
    url('/fonts/Lato-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Light.subset.woff2') format('woff2'),
    url('/fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Regular.subset.woff2') format('woff2'),
    url('/fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Italic.subset.woff2') format('woff2'),
    url('/fonts/Lato-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Medium.subset.woff2') format('woff2'),
    url('/fonts/Lato-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Semibold.subset.woff2') format('woff2'),
    url('/fonts/Lato-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Bold.subset.woff2') format('woff2'),
    url('/fonts/Lato-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('/fonts/Lato-Black.subset.woff2') format('woff2'),
    url('/fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/* Giữ tỷ lệ ảnh khi co giãn theo width (mọi <img> đều có width/height, xem scripts/add-img-dimensions.php) */
img{
    height: auto;
}
body{
    box-sizing: border-box;
    font-family: 'Lato', sans-serif;
    padding: 0;
    border: 0;
}
* {
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
video {
    outline: 0
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
ul,li {
    padding: 0;
    border: 0;
    outline: none;
    list-style-type: none;
}
.container {
    width: 1260px;
    margin: auto;
}
main {
    display: block;
    position: relative
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace,monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b,strong {
    font-weight: bolder
}
#header {
    position: relative;
    z-index: 1002;
    background: #000;
}
#header .container {
    display: flex;
    align-items: center;
}
.head {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.head-column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
#content{
    background: #f5f8ff;
}
.input-box {
    position: relative;
    display: flex;
    width: 500px;
    height: 40px;
    padding: 10px;
    align-items: center;
    gap: 3px;
    border-radius: 10px;
    background: #131313;
}
.input-box .header-action-icon,
.input-box .button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.input-box .header-action-icon {
    left: 10px;
}
.input-box input {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    padding: 0 75px 0 20px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.50);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 200% */
}
.input-box .button {
    right: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    border: none;
    padding: 5px;
    border-radius: 3px;
    background-color: #dd572d;
    cursor: pointer;
    font-family: Lato;
}
.input-box .button:active {
    transform: translateY(-50%) scale(0.98);
}
.head-row{
    display: flex;
    align-items: center;
    gap: 5px;
}
.hamburger-menu-btn {
    display: none;
}
.nav-drawer-backdrop {
    display: none;
}
.svg-note{
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 10px;
    background: #131313;
}
.header-action-icon {
    display: block;
    flex: 0 0 auto;
}
.flex-sign-up{
    display: flex;
    height: 40px;
    padding: 10px;
    align-items: center;
    gap: 3px;
    border-radius: 10px;
    background: #131313;
}
.flex-sign-up span{
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 5px;
}
.flex-language{
    display: flex;
    height: 40px;
    width: 40px;
    padding: 10px;
    align-items: center;
    gap: 3px;
    border-radius: 10px;
    background: #131313;
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    line-height: 26px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* background: #131313 url("../images/vector.png") no-repeat; */

    /* Điều chỉnh vị trí arrow */
    background-position: right 8px center;
}
.flex-language span {
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.svg-language {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.svg-setting {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 10px;
    background: #131313;
}
.setting-head {
    position: relative;
}
.box-setting-head {
    position: absolute;
    top: 50px;
    right: 0;
    width: 300px;
    padding: 16px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: #131313;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.06);
    z-index: 999;
}
.box-setting-head.active {
    display: flex;
}
.span-dark-mode {
    color: #EBEBEB;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
}
.setting-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.setting-divider {
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 2px 0;
}
.setting-section-title {
    color: #EBEBEB;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    opacity: 0.85;
}
.setting-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #EBEBEB;
    font-size: 13px;
    font-weight: 400;
}
.setting-label svg {
    color: #F86A0B;
    flex-shrink: 0;
}
.setting-select {
    flex: 1 1 auto;
    max-width: 60%;
    height: 32px;
    padding: 0 28px 0 10px;
    border-radius: 8px;
    background-color: #1d1d1d;
    color: #EBEBEB;
    font-size: 12px;
    font-family: inherit;
    border: 1px solid rgba(255, 255, 255, 0.08);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/images/icons/chevron-down-light.svg");
    background-repeat: no-repeat;
    background-position: right 8px center;
}
.setting-select:focus {
    outline: none;
    border-color: rgba(248, 106, 11, 0.6);
}
.setting-select option {
    background: #1d1d1d;
    color: #EBEBEB;
}
.setting-action-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    max-width: 60%;
    height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    background: #1d1d1d;
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #EBEBEB;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.setting-action-link:hover {
    color: #fff;
    border-color: rgba(248, 106, 11, 0.6);
}
.setting-sound-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.setting-sound-title {
    color: #EBEBEB;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.setting-notification-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(248, 106, 11, 0.45);
    border-radius: 6px;
    background: #1d1d1d;
}
.setting-notification-tab {
    height: 28px;
    border: 0;
    border-right: 1px solid rgba(248, 106, 11, 0.35);
    background: #f7f7f7;
    color: #111;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}
.setting-notification-tab:last-child {
    border-right: 0;
}
.setting-notification-tab.is-active {
    background: #F86A0B;
    color: #fff;
}
.setting-notification-tab:focus {
    outline: 2px solid rgba(248, 106, 11, 0.65);
    outline-offset: -2px;
}
.setting-sound-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.setting-sound-label {
    color: #EBEBEB;
    font-size: 13px;
    font-weight: 400;
}
.setting-sound-options {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 6px;
    background: #1d1d1d;
}
.setting-sound-option {
    height: 26px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    background: #f5f5f5;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}
.setting-sound-option:last-child {
    border-right: 0;
}
.setting-sound-option.is-active {
    background: #F86A0B;
    color: #fff;
}
.setting-sound-option:focus {
    outline: 2px solid rgba(248, 106, 11, 0.55);
    outline-offset: -2px;
}
.setting-save-btn {
    width: 100%;
    height: 36px;
    margin-top: 4px;
    border: none;
    border-radius: 8px;
    background: #F86A0B;
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}
.setting-save-btn:hover {
    background: #ff7a1f;
}
.setting-save-btn:active {
    transform: translateY(1px);
}
.setting-save-btn.is-saved {
    background: #2c8a4a;
}
.setting-about-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 4px 0;
    background: transparent;
    border: none;
    color: #EBEBEB;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.setting-about-toggle .setting-chevron {
    transition: transform 0.2s ease;
    color: #EBEBEB;
}
.setting-about-toggle[aria-expanded="true"] .setting-chevron {
    transform: rotate(180deg);
}
.setting-about-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px 0 2px;
}
.setting-about-content a {
    color: rgba(235, 235, 235, 0.78);
    font-size: 13px;
    text-decoration: none;
    padding: 4px 0;
    transition: color 0.15s ease;
}
.setting-about-content a:hover {
    color: #F86A0B;
}
:root {

    --font-color: #0f0f0f;
    --bg-color: #fefefe;

    /* Theme tokens (used by login first) */
    --surface-1: #ffffff;
    --surface-2: #f7f7f7;
    --border-1: #d6d6d6;
    --text-1: #111111;
    --text-2: #333333;
    --muted-1: #969696;
    --icon-1: #8b8b8b;
    --primary: #f86a0b;

}
[data-theme="dark"] {

    --font-color: #fefefe;
    --bg-color: #121212;

    --surface-1: #151515;
    --surface-2: #1d1d1d;
    --border-1: rgba(255, 255, 255, 0.14);
    --text-1: #f5f5f5;
    --text-2: rgba(255, 255, 255, 0.86);
    --muted-1: rgba(255, 255, 255, 0.62);
    --icon-1: rgba(255, 255, 255, 0.62);
    --primary: #f86a0b;
}
.switch {
    height: auto;
    position: static;
    display: flex;
    align-items: center;
}
.theme-switch {
    display: inline-block;
    height: 34px;
    position: relative;
    width: 60px;
}
.theme-switch input {
    display:none;
}
.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
.slider:before {
    background-color: #F86A0B;
    bottom: 4px;
    content: "";
    height: 26px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 26px;
}
input:checked + .slider {
    background-color: #222;
}
input:checked + .slider:before {
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.head-category {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #F86A0B;
    margin-right: 10px;
    margin-left: 10px;
    width: 100% !important;
    max-width: 100% !important;
}
.list-cate {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.list-cate::-webkit-scrollbar {
    display: none;
}
.list-cate--extended {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0;
}
.cate-quicklinks {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-start;
    min-width: 0;
}
.name-cate {
    position: relative;
    display: flex;
    width: auto;
    height: 40px;
    padding: 10px 8px;
    align-items: center;
    flex: 0 0 auto;
    gap: 6px;
    border-radius: 11px 11px 0 0;
    border-bottom: 1px solid #000;
    color: rgba(255, 255, 255, 0.72);
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.cate-ql-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    height: 40px;
    padding: 0 10px;
    font-size: 12.5px;
    font-weight: 500;
    color: #AAAAAA;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    transition: color 0.15s ease, border-color 0.15s ease;
}
@media screen and (min-width: 501px) {
    .cate-ql-item.desktop-hide {
        display: none;
    }
}
.svg-triangle {
    position: absolute;
    bottom: 0px;
    left: 45%;
    display: none;
}
.name-cate.active {
    border-bottom: 1px solid #F86A0B;
    background: #131313;
    color: #FFF;
}
.cate-ql-item.active {
    background: transparent;
    color: #F57C00;
    border-bottom: 3px solid #F57C00;
}
.name-cate:hover {
    border-bottom: 1px solid #F86A0B;
    background: #131313;
    color: #FFF;
}
.cate-ql-item:hover {
    background: transparent;
    color: #FFFFFF;
    border-bottom: 3px solid transparent;
}
.cate-ql-item.active:hover {
    color: #F57C00;
    border-bottom-color: #F57C00;
}
.cate-ql-item .svg-triangle {
    display: none !important;
}
.name-cate:hover .svg-triangle{
    display: block;
}
.name-cate.active .svg-triangle{
    display: block;
    z-index: 99;
}
.name-cate span {
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.name-cate .text-nowrap {
    color: inherit;
}
.nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    color: inherit;
    font-size: 14px;
    line-height: 1;
}
.nav-icon svg {
    display: block;
}
.nav-icon-img {
    display: block;
    width: 15px;
    height: 15px;
    filter: invert(67%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(96%) contrast(88%);
    transition: filter 0.15s ease;
}
.cate-ql-item:hover .nav-icon-img,
.name-cate:hover .nav-icon-img {
    filter: invert(100%);
}
.cate-ql-item.active .nav-icon-img,
.cate-ql-item.active:hover .nav-icon-img {
    filter: invert(52%) sepia(93%) saturate(1882%) hue-rotate(2deg) brightness(101%) contrast(101%);
}
/* Icon Livescore chỉ dùng cho menu ngang trên mobile. Desktop giữ nguyên chấm đỏ
   như trước, có cả icon lẫn chấm là thừa. */
.nav-icon-live-img {
    display: none;
}
@media screen and (max-width: 767px) {
    .nav-icon-live-img {
        display: block;
    }
}
.nav-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #CF3627;
    display: inline-block;
}
.live-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #F44336;
    animation: livePulse 1.5s ease-in-out infinite;
}
@keyframes livePulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.35;
        transform: scale(0.8);
    }
}
.svg-triangle {
    width: 0;
    height: 0;
    border-bottom: 5px solid #F86A0B;
    border-top: 5px solid transparent;
    border-right: 5px solid transparent ;
    border-left: 5px solid  transparent;
}
.bar {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    position: relative;
}
.box-bar {
    position: absolute;
    top: 41px;
    right: 0;
    display: none;
    width: 300px;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    background: #000000;
    z-index: 99;
    overflow: hidden;
}
.box-bar.active {
    display: flex;
}
.list-bar{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    padding: 20px;
    align-items: center;
    gap: 10px;
}
.list-bar span{
    color: #EBEBEB;
    font-size: 14px;
    font-weight: 400;
}
.svg-arrow-right svg{
    stroke: #ffffff;
}
.list-bar:hover{
    background: #131313;
}
.list-bar:hover span{
    color: #F86A0B;
}
.list-bar:hover svg{
    stroke: #F86A0B;
}
#footer{
    background: #000;
}
#footer .container{
    display: flex;
    padding: 30px 0;
    flex-direction: column;
    justify-content: center;
    gap: 23px;
}
.copy-right{
    text-align: start;
}
.copy-right span{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.footer-column{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    border-top: 2px solid #F86A0B;
    padding-top: 30px;
}
.footer-column-1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.logo-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-footer img{
    width: 135px;
    height: 38px;
    -o-object-fit: cover;
       object-fit: cover;
}
.span-footer-1{
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.footer-contact-list{
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}
.footer-contact-list li{
    color: #FFF;
    line-height: 24px;
    padding-left: 13px;
    position: relative;
}
.footer-contact-list li::before{
    content: "•";
    left: 0;
    position: absolute;
}
.footer-contact-list a{
    color: #F86A0B;
}
.footer-app,
.footer-social{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-social{
    flex-wrap: wrap;
}
.link-app{
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-app img{
    width: 100px;
    height: 30px;
    -o-object-fit: cover;
       object-fit: cover;
}
.footer-social-icon{
    align-items: center;
    border: 1px solid #1E1E1E;
    border-radius: 50%;
    color: #AAA;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease;
    width: 34px;
}
.footer-social-icon img{
    display: block;
    height: 17px;
    width: 17px;
    opacity: .72;
    transition: opacity .2s ease;
}
.footer-social-icon:hover{
    background-color: #111;
    border-color: #333;
    color: #FFF;
}
.footer-social-icon:hover img{
    opacity: 1;
}
.footer-column-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.title-footer span,
h4.title-footer,
h5.title-footer{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}
.list-footer{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.link-list-footer span{
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}
.link-list-footer:hover span{
    color: #F86A0B;
}
.footer-rss-link{
    align-items: center;
    display: inline-flex;
    gap: 7px;
}
.footer-rss-icon{
    color: #F57C00;
    display: block;
    height: 14px;
    width: 14px;
}
.responsible-gaming-bar{
    border-bottom: 1px solid #151515;
    border-top: 1px solid #151515;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 0 20px;
}
.responsible-gaming-note{
    align-items: center;
    color: #8F8F8F;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
    line-height: 18px;
}
.responsible-gaming-age{
    align-items: center;
    border: 2px solid #F57C00;
    border-radius: 50%;
    color: #F57C00;
    display: inline-flex;
    flex: 0 0 24px;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    justify-content: center;
    line-height: 1;
    width: 24px;
}
.responsible-gaming-label{
    color: #CCC;
    font-weight: 600;
}
.responsible-gaming-divider{
    background: #2A2A2A;
    display: inline-block;
    height: 14px;
    width: 1px;
}
.responsible-gaming-disclaimer{
    color: #8A8A8A;
}
.responsible-gaming-links{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.responsible-gaming-link{
    align-items: center;
    background: #141414;
    border: 1px solid #242424;
    border-radius: 4px;
    color: #A6A6A6;
    display: inline-flex;
    gap: 7px;
    min-height: 30px;
    padding: 7px 13px;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.responsible-gaming-link img{
    display: block;
    flex: 0 0 14px;
    height: 14px;
    opacity: .75;
    transition: filter .2s ease, opacity .2s ease;
    width: 14px;
}
.responsible-gaming-link span{
    color: currentColor;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.responsible-gaming-link:hover,
.responsible-gaming-link--internal:hover{
    background: #191919;
    border-color: #F57C00;
    color: #F57C00;
}
.responsible-gaming-link:hover img,
.responsible-gaming-link--internal:hover img{
    filter: invert(52%) sepia(93%) saturate(1882%) hue-rotate(2deg) brightness(101%) contrast(101%);
    opacity: 1;
}
.trust-box-section {
    background: #f5f7ff;
    padding: 44px 0 80px;
}
.trust-box-container {
    max-width: 1100px;
    width: calc(100% - 32px);
}
.trust-box {
    padding: 0;
}
.trust-box-head {
    text-align: center;
}
.trust-box-head h2 {
    color: #101827;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -.35px;
    line-height: 34px;
    margin: 0;
}
.trust-box-head p {
    color: #6f7887;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 7px 0 0;
}
.trust-box-head p span {
    color: #9ba3af;
    margin: 0 3px;
}
.trust-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 29px;
}
.trust-metric {
    background: #fff;
    border: 1px solid #e4e8f0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(25, 42, 70, .025);
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 184px;
    padding: 20px 12px 18px;
    text-align: center;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.trust-metric:hover {
    border-color: #d7dde8;
    box-shadow: 0 10px 24px rgba(25, 42, 70, .07);
    transform: translateY(-2px);
}
.trust-metric-icon {
    color: #7b8796;
    fill: none;
    height: 25px;
    margin-bottom: 8px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 25px;
}
.trust-metric strong {
    display: block;
    font-size: 31px;
    font-weight: 800;
    letter-spacing: -.4px;
    line-height: 37px;
}
.trust-metric h3 {
    color: #29313d;
    font-size: 13px;
    font-weight: 700;
    line-height: 17px;
    margin: 0;
}
.trust-metric p {
    color: #7e8795;
    font-size: 12px;
    line-height: 16px;
    margin: 3px 0 0;
}
.trust-metric a {
    color: #2459a9;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    margin-top: auto;
    padding-top: 8px;
    text-underline-offset: 3px;
}
.trust-metric a:hover {
    text-decoration: underline;
}
.trust-metric a span {
    display: inline-block;
    transition: transform .2s ease;
}
.trust-metric a:hover span {
    transform: translateX(2px);
}
.trust-metric--accuracy strong {
    color: #265db9;
}
.trust-metric--coverage strong {
    color: #087c68;
}
.trust-metric--matches strong {
    color: #a95405;
}
.trust-metric--countries strong {
    color: #7025bf;
}
.trust-features {
    background: #fff;
    border: 1px solid #e4e8f0;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(25, 42, 70, .025);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
    align-items: center;
    margin-top: 14px;
    min-height: 73px;
    padding: 15px 20px;
}
.trust-feature {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}
.trust-feature svg {
    color: #7b8794;
    fill: none;
    flex: 0 0 21px;
    height: 21px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 21px;
}
.trust-feature h3 {
    color: #313946;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
}
.trust-feature p {
    color: #7f8895;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
}
.trust-box-foot {
    color: #626c79;
    margin: 27px auto 0;
    max-width: 850px;
    text-align: center;
}
.trust-box-foot p {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
}
.trust-box-foot strong {
    color: #28313d;
    font-weight: 700;
}
.trust-box-foot strong.v2 {
    color: 646a70;
    font-weight: 700;
}
.trust-box-foot .trust-about {
    color: #000000;
    font-size: 14px;
    line-height: 18px;
}
.trust-box-foot .trust-disclosure {
    margin-top: 12px;
}
.trust-box-foot .trust-age-notice {
    border-top: 1px solid #e2e6ed;
    font-size: 13px;
    line-height: 20px;
    margin-top: 12px;
    padding-top: 11px;
}
.trust-box-foot a {
    color: #1454cf;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.trust-box-foot a:hover {
    color: #183f78;
}
.login-out{
    display: flex;
    padding: 40px;
}
.login-container {
    display: flex;
    background: var(--surface-1);
    margin: auto;
    width: 100%;
    min-width: 320px;
    border: 1px solid var(--border-1);
    border-radius: 10px;
    overflow: hidden;
}
.login-container .logo svg {
    height: 40px;
    width: 40px;
    fill: #F86A0B;
}
.login-container .login-form {
    width: 50%;
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*flex: 1;*/
}
.login-container .login-register {
    width: 50%;
    box-sizing: border-box;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*flex: 1;*/
}
/* Login: make inline SVG icons theme-aware */
.login-container .login-form,
.login-container .login-register {
    color: var(--text-2);
}
.login-container .login-form .svg-person,
.login-container .login-form .svg-lock,
.login-container .login-register .svg-person,
.login-container .login-register .svg-lock,
.login-container .login-form .svg-eye,
.login-container .login-form .svg-eye-lock,
.login-container .login-register .svg-eye,
.login-container .login-register .svg-eye-lock {
    color: var(--icon-1);
}
/*select box*/
.select-country{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-family: Lato;
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.select-country label{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}
@media (min-width: 768px) {
    .select-box {
        width: 70%;
    }
}
@media (min-width: 992px) {
    .select-box {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .select-box {
        width: 100%;
    }
}
.select-box__current {
    position: relative;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    outline: none;
}
.select-box__current:focus + .select-box__list {
    opacity: 1;
    animation-name: none;
}
.select-box__current:focus + .select-box__list .select-box__option {
    cursor: pointer;
}
.select-box__current:focus .select-box__icon {
    transform: translateY(-50%) rotate(180deg);
}
.select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 20px;
    opacity: 0.3;
    transition: 0.2s ease;
}
.select-box__value {
    display: flex;
}
.select-box__input {
    display: none;
}
.select-box__input:checked + .select-box__input-text {
    display: flex;
    border-radius: 8px;
    background: #F7F7F7;
    border: 1px solid #d6d6d6;
    padding: 12px 20px 12px 20px;
}
.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 15px;
    background-color: #fff;
}
.select-box__list {
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    animation-name: HideList;
    animation-duration: 0.5s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.select-box__option {
    display: block;
    padding: 15px;
    background-color: #fff;
}
.select-box__option:hover, .select-box__option:focus {
    color: #546c84;
    background-color: #fbfbfb;
}
@keyframes HideList {
    from {
        transform: scaleY(1);
    }
    to {
        transform: scaleY(0);
    }
}
/*End select box*/
.login-container .login-form .login-form-inner {
    max-width: 380px;
    width: 95%;
}
.login-container .login-register .login-form-inner {
    max-width: 380px;
    width: 95%;
}
.login-container .login-form .google-login-button .google-icon svg {
    height: 20px;
    display: flex;
    margin-right: 10px;
}
.login-container .login-register .google-login-button .google-icon svg {
    height: 20px;
    display: flex;
    margin-right: 10px;
}
.login-container .login-form .google-login-button {
    color: #333;
    border: 1px solid #d6d6d6;
    margin: 40px 0 20px;
}
.login-container .login-register .google-login-button {
    color: #333;
    border: 1px solid #d6d6d6;
    margin: 40px 0 20px;
}
.login-container .login-form .sign-in-seperator {
    text-align: center;
    color: #969696;
    position: relative;
    margin: 30px 0 20px;
}
.login-container .login-register .sign-in-seperator {
    text-align: center;
    color: #969696;
    position: relative;
    margin: 30px 0 20px;
}
.login-container .login-form .sign-in-seperator span {
    background: #FFF;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 14px;
}
.login-container .login-register .sign-in-seperator span {
    background: #FFF;
    z-index: 1;
    position: relative;
    padding: 0 10px;
    font-size: 14px;
}
.login-container .login-form .sign-in-seperator:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    left: 0;
    top: 50%;
    z-index: 0;
}
.login-container .login-register .sign-in-seperator:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #d6d6d6;
    left: 0;
    top: 50%;
    z-index: 0;
}
.login-container .login-form .login-form-group {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 10px;
}
.login-container .login-register .login-form-group {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 10px;
}
.login-container .login-register .login-form-group:has(> input)::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 45px;
    width: 16px;
    height: 16px;
    background-color: #8B8B8B;
    pointer-events: none;
    z-index: 1;
}
.login-container .login-register .login-form-group:has(#register-name)::before,
.login-container .login-register .login-form-group:has(#register-username)::before {
    -webkit-mask: url("/images/icons/setting-account.svg") center / contain no-repeat;
    mask: url("/images/icons/setting-account.svg") center / contain no-repeat;
}
.login-container .login-register .login-form-group:has(#register-email)::before {
    -webkit-mask: url("/images/icons/login-email.svg") center / contain no-repeat;
    mask: url("/images/icons/login-email.svg") center / contain no-repeat;
}
.login-container .login-register .login-form-group:has(#register-password)::before,
.login-container .login-register .login-form-group:has(#register-password-confirm)::before {
    -webkit-mask: url("/images/icons/login-lock.svg") center / contain no-repeat;
    mask: url("/images/icons/login-lock.svg") center / contain no-repeat;
}
.svg-person{
    position: absolute;
    top: 45px;
    left: 15px;
}
.svg-lock{
    position: absolute;
    top: 45px;
    left: 15px;
}
.svg-eye{
    position: absolute;
    top: 45px;
    right: 15px;
    cursor: pointer;
}
.svg-eye-lock{
    position: absolute;
    top: 45px;
    right: 15px;
    display: none;
    cursor: pointer;
}
.line{
    height: 1px;
    width: 100%;
    background: var(--border-1);
    margin: 20px 0;
}
.login-container .login-form .login-form-group label {
    color: var(--text-2);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%; /* 21px */
}
.login-container .login-register .login-form-group label {
    color: var(--text-2);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%; /* 21px */
}
.login-container .login-register .select-country label {
    color: var(--text-2);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%; /* 21px */
}
.login-container .login-form .login-form-group input {
    padding: 12px 20px 12px 40px;
    box-sizing: border-box;
    border: 1px solid var(--border-1);
    /*font-family: Lato;*/
    font-weight: 600;
    font-size: 14px;
    color: var(--text-2);
    transition: linear 0.2s;
    display: flex;
    height: 45px;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--surface-2);
}
.login-container .login-register .login-form-group input {
    padding: 12px 20px 12px 40px;
    box-sizing: border-box;
    border: 1px solid var(--border-1);
    /*font-family: Lato;*/
    font-weight: 600;
    font-size: 14px;
    color: var(--text-2);
    transition: linear 0.2s;
    display: flex;
    height: 45px;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--surface-2);
}
.login-container .login-register .select-country select {
    padding: 12px 20px 12px 40px;
    box-sizing: border-box;
    border: 1px solid var(--border-1);
    font-weight: 600;
    font-size: 14px;
    color: var(--text-2);
    transition: linear 0.2s;
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: var(--surface-2);
}
.login-container .login-form .login-form-group input:focus {
    outline: none;
    border: 1px solid var(--primary);
}
.login-container .login-register .login-form-group input:focus {
    outline: none;
    border: 1px solid var(--primary);
}
.login-container .login-register .select-country select:focus {
    outline: none;
    border: 1px solid var(--primary);
}
.login-container
.login-form
.login-form-group
input::-webkit-input-placeholder {
    color: var(--muted-1);
    font-weight: 300;
    font-size: 14px;
}
.login-container .login-form .login-form-group.single-row {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 5px;
}
.login-container .login-register .login-form-group.single-row {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 5px;
}
/* custom checkbox */
.login-container .login-form .custom-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    opacity: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 2px solid #E5E6E6;
    border-radius: 3px;
    background: #F7F7F7;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}
.login-container .login-register .custom-check input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    opacity: 1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 2px solid #E5E6E6;
    border-radius: 3px;
    background: #F7F7F7;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}
.custom-check span{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    height: 16px;
}
.login-container .login-form .custom-check input[type="checkbox"]:checked {
    border: 1px solid #F86A0B;
    background: #F86A0B;
}
.login-container .login-register .custom-check input[type="checkbox"]:checked {
    border: 1px solid #F86A0B;
    background: #F86A0B;
}
.login-container
.login-form
.custom-check
input[type="checkbox"]:checked:before,
.login-container
.login-form
.custom-check
input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #FFF;
}
.login-container
.login-register
.custom-check
input[type="checkbox"]:checked:before,
.login-container
.login-register
.custom-check
input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    height: 2px;
    background: #FFF;
}
.login-container
.login-form
.custom-check
input[type="checkbox"]:checked:before {
    width: 8px;
    top: 8px;
    left: 0px;
    transform: rotate(44deg);
}
.login-container
.login-register
.custom-check
input[type="checkbox"]:checked:before {
    width: 8px;
    top: 8px;
    left: 0px;
    transform: rotate(44deg);
}
.login-container
.login-form
.custom-check
input[type="checkbox"]:checked:after {
    width: 11px;
    top: 6px;
    left: 4px;
    transform: rotate(-55deg);
}
.login-container
.login-register
.custom-check
input[type="checkbox"]:checked:after {
    width: 11px;
    top: 6px;
    left: 4px;
    transform: rotate(-55deg);
}
.custom-check input[type="checkbox"]:focus {
    outline: none;
}
.custom-check {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.custom-check label {
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    height: 16px;
}
.login-container .login-form .link {
    color: #F86A0B;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    margin-top: 4px;
}
.login-container .login-register .link {
    color: #F86A0B;
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    margin-top: 4px;
}
.login-container .login-form .link:hover {
    text-decoration: underline;
}
.login-container .login-register .link:hover {
    text-decoration: underline;
}
.login-container .login-form .login-cta {
    color: #FFF;
    text-decoration: none;
    margin: 25px 0 35px;
    background: #000000;
    border: 1px solid #000000;
}
.login-container .login-register .login-cta {
    color: #FFF;
    text-decoration: none;
    margin: 25px 0 35px;
    background: #000000;
    border: 1px solid #000000;
}
.login-container .login-form .login-cta:hover {
    background: #F86A0B;
    border: 1px solid #F86A0B;
}
.login-container .login-register .login-cta:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
}
.login-container .onboarding {
    flex: 1;
    background: #eff3ff;
    display: none;
    width: 50%;
}
.required-star {
    color: var(--primary);
    font-size: 18px;
    line-height: 10px;
}
.login-container .rounded-button {
    display: flex;
    width: 100%;
    text-decoration: none;
    border-radius: 12px;
    padding: 13px 20px;
    box-sizing: border-box;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    transition: linear 0.2s;
}
.login-container .rounded-button:hover {
    box-shadow: 0px 0px 4px 0px #d6d6d6;
}
.login-container .body-text {
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
.swiper-wrapper{
    height: 100%;
    display: flex;
    justify-content: center;
}
.login-container .onboarding .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/images/bg-img.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: auto; /* Ensures the body takes up at least the full viewport height */
}
.login-container .onboarding .swiper-slide {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-container .onboarding .swiper-pagination-bullet-active {
    background-color: #F86A0B;
}
.login-container .onboarding .swiper-slide {
    flex-direction: column;
    display: flex;
}
.login-container .onboarding .swiper-slide .slide-image img {
    width: 100%;
    height: 80%;
}
.login-container .onboarding .slide-content {
    width: 60%;
}
.login-container .onboarding .slide-content h2 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
}
.login-container .onboarding .slide-content p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}
.login-container .login-form .login-form-inner h1 {
    margin-bottom: 20px;
    margin-top: 10px;
    color: var(--text-1);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.login-container .login-register .login-form-inner h1 {
    margin-bottom: 20px;
    margin-top: 10px;
    color: var(--text-1);
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}
.register-div{
    text-align: center;
    color: var(--text-2);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
}
.logo-box{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.match-head{

}
@media (max-width: 768px) {
    #js-match-head-lazy,
    .match-head {
        display: none;
    }
}
.list-match-head{
    display: flex;
    padding: 20px 0;
    gap: 15px;
    background: #f5f8ff;
}
.list-match-head .slick-prev{
    left: 15px;
    z-index: 10;
}
.list-match-head .slick-prev:before{
    opacity: 1;
    color: #000000;
}
.list-match-head .slick-next{
    right: 15px;
}
.list-match-head .slick-next:before{
    opacity: 1;
    color: #000000;
}
.box-match-head{
    display: flex;
    width: 180px !important;
    flex-direction: column;
    justify-content: center;
    margin: 0 5px;
}
.box-match-head:hover .tour-match{
    background: #d9d9d9;
}
.box-match-head:hover .percent-win{
    background: #d9d9d9;
}
.tour-match{
    display: flex;
    padding: 3px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #C7C7C7;
    border-radius: 10px 10px 0 0;
}
.tour-match-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.tour-match-img img{
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.name-tour span{
    color: #222;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.name-tour{
    min-width: 0;
    flex: 1;
}
.percent-win{
    display: flex;
    padding: 3px;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    background: #C7C7C7;
    border-radius: 0 0 10px 10px;
}
.percent-win span{
    color: #222;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.box-match-between{
    display: grid;
    align-items: center;
    grid-template-columns: 2fr 1fr 2fr;
    gap: 9px;
    padding: 5px 8px 0;
    background: #FFF;
}
.match-date-heading{
    background: #FFF;
}
.club-left{
    display: flex;
    align-items: center;
    gap: 9px;
}
.span-club-left{
    color: #F79639;
    font-size: 9px;
    font-weight: 700;
    line-height: 16px;
}
.img-club{
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-club img{
    width: 25px;
    height: 25px;
}
.time-match-head{
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: center;
    justify-content: center;
}
.svg-time-match{
    display: flex;
    width: 8px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.time-match-head span{
    color: #222;
    font-size: 10px;
    font-weight: 400;
}
.time-match-head .date-match-head{
    color: #555;
    font-size: 9px;
    line-height: 10px;
}
.club-right{
    display: flex;
    flex-direction: row;
    gap: 9px;
    align-items: center;
}
.span-club-right{
    color: #222;
    font-size: 9px;
    font-weight: 400;
    line-height: 16px;
}
.box-content{
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 20px 0;
}
.table-left{
    display: flex;
    width: 200px;
    flex-direction: column;
    gap: 15px;
}
.table-center{
    display: flex;
    width: 800px;
    flex-direction: column;
    gap: 10px;
}
.table-right{
    display: flex;
    width: 300px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
/*Sidebar*/
.sidebar-navigation {
    webkit-box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.16);
    /*position: fixed;*/
    z-index: 400;
    background-color: #fff;
    /*border-right: 1px solid #ccc;*/
    border-radius: 10px;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    background: #e7e7e7;
    /*overflow-y: auto;*/
}
.sidebar-navigation .title {
    display: block;
    font-size: 14px;
    line-height: 16px;
    background-color: #fff;
    align-items: center;
    font-weight: 600;
    padding: 16px;
    border-bottom: 1px solid #ccc;
}
.sidebar-navigation ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.sidebar-navigation ul li {
    display: flex;
    flex-direction: column;
}
.sidebar-navigation ul li a {
    position: relative;
    display: block;
    padding: 10px;
    border-left: 2px solid #FFFFFF;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none;
    transition: all 0.3s linear;
    background: #FFFFFF;
}
.sidebar-navigation ul li a em {
    font-size: 10px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    border-radius: 50%;
}
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {
    /*background-color: rgba(0, 0, 0, .06);*/
    background: #E7E7E7;
    border-top: 1px solid #fff;
    border-left: 2px solid #F86A0B;
}
.sidebar-navigation ul li > .country-row-with-toggle {
    position: relative;
    gap: 0;
    border-left: 2px solid #fff;
    background: #fff;
    transition: all 0.3s linear;
}
.sidebar-navigation ul li:hover > .country-row-with-toggle,
.sidebar-navigation ul li.selected > .country-row-with-toggle {
    background: #E7E7E7;
    border-top: 1px solid #fff;
    border-left: 2px solid #F86A0B;
}
.sidebar-navigation ul li .country-parent-link {
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    padding: 10px 0 10px 10px;
    border: 0;
    background: transparent;
}
.sidebar-navigation ul li:hover > .country-row-with-toggle .country-parent-link,
.sidebar-navigation ul li.selected > .country-row-with-toggle .country-parent-link {
    border: 0;
    background: transparent;
}
.country-league-toggle {
    flex: 0 0 28px;
    width: 28px;
    align-self: stretch;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}
.country-league-toggle.mdi-flip-v img {
    transform: rotate(180deg);
}
.sidebar-navigation ul li ul li > .country-league-row {
    gap: 0;
    background: #fff;
}
.sidebar-navigation ul li ul li:hover > .country-league-row,
.sidebar-navigation ul li ul li.selected > .country-league-row {
    background-color: #e6ebed;
}
.sidebar-navigation ul li ul li > .country-league-row .country-league-link {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 0;
    background: transparent;
}
.sidebar-navigation ul li ul li:hover > .country-league-row .country-league-link,
.sidebar-navigation ul li ul li.selected > .country-league-row .country-league-link {
    background: transparent;
}
.sidebar-navigation ul li ul li > .country-league-row .country-league-star {
    flex: 0 0 28px;
    width: 28px;
    height: auto;
    align-self: stretch;
    border: 0;
    background: transparent;
    padding: 0;
}
.sidebar-navigation ul li ul {
    display: none;
    flex-direction: column;
    gap: 2px;
}
.sidebar-navigation ul li ul li {
    font-weight: 400;
}
.sidebar-navigation ul li ul.open {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
}
.sidebar-navigation ul li ul li a {
    color: #495d62;
    border-color: rgba(255, 255, 255, .1);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {
    background-color: #e6ebed;
}
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {
    margin-right: 10px;
}
.sidebar-navigation ul li ul li.selected.selected--last > a {
    background-color: #E7E7E7;
    border-top: 1px solid #fff;
    color: #000;
}
.sidebar-navigation ul li ul li.selected.selected--last > a:before {
    background-color: #fff;
}
.subMenuColor1 {
    background-color: #e7e7e7;
    /* border-left: 2px solid #F86A0B; */
}
.subMenuColor1 li {
    border-left: 1px solid #8B8B8B;
}
.subMenuColor2 {
    background-color: #fff;
}
/*End Sidebar*/
.title-sidebar{
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 10px 10px 0 0;
    background: #000;
}
.title-sidebar span,
.title-sidebar h4{
    color: #FFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
    /* text-transform: uppercase; */
}
.icon-sidebar{
    display: flex !important;
    align-items: center;
    gap: 3px;
}
.icon-sidebar span{
    color: #363636;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.svg-starbar{
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}
.name-tour-sidebar span{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 8px;
}
.number-sidebar span{
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    background: #F57C00;
    border-radius: 999px;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
    box-shadow: 0 1px 2px rgba(248, 106, 11, 0.22);
}
.row-side-flex {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}
.row-side-flex .name-tour-sidebar{
    flex: 1 1 auto;
    min-width: 0;
}
.country-league-name{
    display: flex;
    align-items: center;
    gap: 6px;
}
.country-league-row .country-league-star .svg-star-img{
    width: 14px;
    height: 14px;
}
.country-league-name .country-league-label{
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0;
}
.row-side-flex .sidebar-chevron{
    flex: 0 0 auto;
    cursor: pointer;
    display: block;
    margin-left: 2px;
    transition: transform 0.18s ease;
}
.row-side-flex .sidebar-chevron.mdi-flip-v{
    transform: rotate(180deg);
}
.number-sidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 0 0 auto;
    margin-right: 6px;
}
.country-parent-link .number-sidebar,
.country-league-link .number-sidebar {
    margin-right: 8px;
}
.country-league-link .number-sidebar span {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 9px;
}
.feature-macth{
    display: flex;
    flex-direction: column;
    gap: 6px;;
}
.head-feature{
    display: flex;
    width: 100%;
    height: 35px;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #000;
}
.head-feature span,
.head-feature h3,
.head-feature h4{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
.list-box-feature{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.box-feature{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    background: #FFFFFF;
}
.feature-left{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding: 7px 0;
    text-align: right;
    justify-content: flex-end;
}
.span-feature-left{
    color: #363636;
    text-align: right;
    font-size: 10px;
    font-weight: 400;
}
.img-feature{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
}
.img-feature img{
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.feature-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 7px 0;
}
.tour-feature{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}
.img-tour-feature{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
}
.img-tour-feature img{
    width: 10px;
    height: 10px;
    -o-object-fit: cover;
       object-fit: cover;
}
.tour-feature span{
    color: #363636;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}
.time-feature span{
    color: #27AE60;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
}
.feature-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    text-align: left;
}
.span-feature-right{
    color: #363636;
    font-size: 10px;
    font-weight: 400;
}
.regular-season{
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}
.head-regular-season{
    display: grid;
    grid-template-columns: 1fr 3fr 6fr;
    background: #FFFFFF;
    padding: 4px 0;
}
.box-regular-main{
    display: grid;
    grid-template-columns: 1fr 3fr 6fr;
    background: #FFFFFF;
    padding: 4px 0;
}
.name-overall{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
}
.name-overall span{
    color: #000000;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}
.list-overall{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    text-align: center;
}
.overall-pts, .overall-gp, .overall-w, .overall-d, .overall-l, .overall-plus{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 26px;
    margin: 0 2px;
    border-radius: 100%;
    background: #ededed;
    cursor: pointer;
}
.overall-pts:hover{
    background: #C7C7C7;
}
.overall-gp:hover{
    background: #C7C7C7;
}
.overall-w:hover{
    background: #C7C7C7;
}
.overall-d:hover{
    background: #C7C7C7;
}
.overall-l:hover{
    background: #C7C7C7;
}
.overall-plus:hover{
    background: #C7C7C7;
}
.overall-pts, .overall-gp, .overall-w, .overall-d, .overall-l, .overall-plus{
    display: flex;
    align-items: center;
    justify-content: center;
}
.overall-pts, .overall-gp, .overall-w, .overall-d, .overall-l, .overall-plus span{
    color: #363636;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
}
.text-pts, .text-gp, .text-w, .text-d, .text-l, .text-plus{
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-pts, .text-gp, .text-w, .text-d, .text-l, .text-plus span{
    color: #363636;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
}
.overall-pts.active{
    background: #F86A0B;
}
.overall-pts.active span{
    color: #FFFFFF;
}
.overall-gp.active{
    background: #F86A0B;
}
.overall-gp.active span{
    color: #FFFFFF;
}
.overall-w.active{
    background: #F86A0B;
}
.overall-w.active span{
    color: #FFFFFF;
}
.overall-d.active{
    background: #F86A0B;
}
.overall-d.active span{
    color: #FFFFFF;
}
.overall-l.active{
    background: #F86A0B;
}
.overall-l.active span{
    color: #FFFFFF;
}
.overall-plus.active{
    background: #F86A0B;
}
.overall-plus.active span{
    color: #FFFFFF;
}
.text-pts.active span{
    font-weight: 700;
}
.text-gp.active span{
    font-weight: 700;
}
.text-w.active span{
    font-weight: 700;
}
.text-d.active span{
    font-weight: 700;
}
.text-l.active span{
    font-weight: 700;
}
.text-plus.active span{
    font-weight: 700;
}
.number-regular{
    display: flex;
    align-items: center;
    justify-content: center;
}
.number-regular span{
    color: #363636;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
}
.club-regular{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.span-club-regular{
    display: flex;
    align-items: center;
    justify-content: center;
}
.span-club-regular span{
    color: #363636;
    font-size: 10px;
    font-weight: 400;
}
.img-club-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
}
.img-club-regular img{
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.border-left-green{
    border-left: 3px solid #009246;
    background: linear-gradient(270deg, #FFF 0%, #F6F6F6 100%);
}
.border-left-yellow{
    border-left: 3px solid #F79639;
    background: linear-gradient(270deg, #FFF 0%, #F6F6F6 100%);
}
.border-left-red{
    border-left: 3px solid #CF3627;
    background: linear-gradient(270deg, #FFF 0%, #F6F6F6 100%);
}
.box-regular-season{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.box-regular-season--scroll{
    max-height: 360px;
    overflow-y: auto;
}
/*Calendar*/
.calendar {
    font-weight: 400;
    font-style: normal;
    width: 100%;
    background: #FFFFFF;
    /*box-shadow: 0px 5px 5px #ccc;*/
    /*border-radius: 10px;*/
    padding: 15px;
}
.cal-head {
    text-align: center;
    position: relative;
    /*margin-bottom: 20px;*/
}
.cal-head h3,
.cal-head h4 {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    background: #fff;
    padding: 13px 25px;
    border-radius: 10px;
    margin: 0;
}
.cal-head #prev,
.cal-head #next {
    position: absolute;
    top: 20px;
    width: 40px;
    height: 40px;
    border: 0;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.cal-head #prev:hover,
.cal-head #next:hover,
.cal-head #prev:focus,
.cal-head #next:focus {
    opacity: 0.8;
    /*box-shadow: 3px 0px 3px #ccc;*/
}
.cal-head #prev:before,
.cal-head #next:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: #141414;
    border-width: 2px 2px 0 0;
}
.cal-head #prev {
    left: 20px;
    transform: translate(-50%, -50%) rotate(-135deg);
}
.cal-head #next {
    right: -20px;
    transform: translate(-50%, -50%) rotate(45deg);
}
.days, .dates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
}
.days li, .dates li {
    width: calc(100% / 7);
    text-align: center;
    color: #363636;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}
.days {
    margin-bottom: 15px;
}
.days li {
    font-size: 10px;
    font-weight: 500;
    color: #363636;
    text-transform: uppercase;
}
.dates li span {
    background: #fff;
    width: 100%;
    height: 38px;
    display: inline-block;
    padding-top: 12px;
    border-radius: 6px;
    /*border: 2px solid #F5F5F5;*/
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: #363636;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.dates li span:hover {
    color: #F86A0B;
}
.dates li.old span {
    background: transparent;
    color: #BDBDBD;
}
.dates li.today span {
    background: #F86A0B;
    color: #fff;
}
/*End Calendar*/
.line-row {
    height: 1px;
    width: 100%;
    display: flex;
    background: #4E4E4E;
    margin: 10px 0;
}
.head-center{
    display: flex;
    /* padding-top: 10px; */
    flex-direction: column;
    gap: 3px;
    border-radius: 10px 10px 0 0;
    background: #000;
}
.gs-grid-head {
    background: #222222;
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    color: #ffffff;
}
.list-head-content.fix-width.scroll-inner {
    padding-top: 10px;
}
.calendar-center {
    display: flex;
    align-items: center;
    gap: 5px; /* Khoảng cách giữa các tab */
    width: 100%;
    overflow-x: auto; /* Cho phép cuộn ngang */
    white-space: nowrap; /* Ép các tab nằm trên 1 hàng */
    padding-bottom: 0.5px; /* Tạo khoảng trống nhỏ để thanh scroll không đè lên chữ */
    border-bottom: 1.5px solid #F86A0B;
    scrollbar-color: #F86A0B #131313; /* Dành cho Firefox: Màu thanh và màu nền */
    scrollbar-width: thin; /* Dành cho Firefox: Làm thanh cuộn mảnh đi */
    padding: 0 10px;
}
/* Tùy chỉnh thanh Scroll cho Chrome, Edge, Safari */
.calendar-center::-webkit-scrollbar {
    height: 1px; /* Độ cao của thanh scroll ngang (mảnh cho đẹp) */
}
.calendar-center::-webkit-scrollbar-track {
    background: #1a1a1a; /* Màu nền của đường ray scroll */
    border-radius: 10px;
}
.calendar-center::-webkit-scrollbar-thumb {
    background: #F86A0B; /* Màu của thanh trượt (màu cam đặc trưng) */
    border-radius: 10px;
}
.calendar-center::-webkit-scrollbar-thumb:hover {
    background: #ff8c3b; /* Màu khi di chuột vào thanh scroll */
}
.box-calendar-center{
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 0 10px; 
    background: #131313;
    cursor: pointer;
    position: relative;
    border-radius: 11px 11px 0 0;
}
.box-calendar-center span{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.box-calendar-center:hover{
    background: #222;
}
.box-calendar-center:hover .svg-triangle{
    display: flex;
}
.box-calendar-center.active{
    background: #222;
}
.box-calendar-center.active .svg-triangle{
    display: flex;
}
.box-calendar-center.active span{
    font-weight: 700;
}
.grid-head-center{
    display: grid;
    grid-template-columns: 70px 138px 126px 50px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background-color: #222222;
}
.grid-head-center.live{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.under-over{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.under-over.btts{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.handicap{
    display: grid;
    grid-template-columns: 70px 156px 115px 88px 55px 42px 53px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.htft{
    display: grid;
    grid-template-columns: 70px 170px 126px 50px 50px 50px 50px 44px 70px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.double-chance{
    display: grid;
    grid-template-columns: 74px 175px 126px 50px 50px 50px 50px 50px 70px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
}
.grid-head-center.dropping-odds,
.box-grid-main.dropping-odds{
    grid-template-columns: 70px 138px 210px 50px 50px 50px 50px 50px 50px 50px 70px;
}
.box-grid-main.double-chance{
    display: grid;
    grid-template-columns: 67px 188px 123px 51px 49px 50px 51px 58px 64px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main{
    display: grid;
    grid-template-columns: 70px 138px 126px 50px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main.live{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main.under-over{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main.under-over.btts{
    display: grid;
    grid-template-columns: 70px 188px 126px 50px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main.handicap{
    display: grid;
    grid-template-columns: 70px 168px 108px 88px 50px 50px 50px 50px 50px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main.htft{
    display: grid;
    grid-template-columns: 70px 170px 126px 50px 50px 50px 50px 54px 70px 70px;
    gap: 2px;
    align-items: center;
    padding: 6px 10px;
    background: #FFFFFF;
    position: relative;
}
.box-grid-main:hover{
    background: #efd3c1;
}
.home-away{
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.home-away span{
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.probability{
    display: flex;
    flex-direction: column;
    gap: 3px;
    text-align: center;
}
.head-robability span{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.box-probability{
    display: grid;
    grid-template-columns: 40px 40px 40px;
    gap: 2px;
    align-items: center;
}
.box-probability.double-chance{
    grid-template-columns: auto;
}
.box-probability.under-over{
    grid-template-columns: 60px 60px;
    justify-content: center;
}
.box-probability.htft{
    grid-template-columns: 120px;
    justify-content: center;
}
.box-probability span{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-pred{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-correct{
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
}
.column-avg{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-coef{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-score{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-live-coef{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.column-weather{
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.tour-center{
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 8px;
    background: #E7E7E7;
}
.tour-center span,
.tour-center h2{
    color: #222;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}
.time-match-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.time-match-center span{
    color: #222;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
html[data-theme="dark"] .time-match-center span {
    color: #f1f1f1;
}
html[data-theme="dark"] .time-match-center p {
    color: #8f8f8f !important;
}
.svg-star{
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transform-origin: center;
    transition: transform 0.12s ease;
}
.svg-star-img{
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 1;
}
.svg-star.active .svg-star-img,
.svg-star:hover .svg-star-img{
    content: url("/images/icons/bookmark-star-active.svg");
}
.svg-star.is-star-popping{
    animation: star-pop 0.28s cubic-bezier(0.2, 0.85, 0.35, 1.15);
}
.svg-star.is-star-popping .svg-star-img{
    content: url("/images/icons/bookmark-star-active.svg");
    filter: drop-shadow(0 2px 5px rgba(247, 150, 57, 0.55));
}
@keyframes star-pop{
    0%{
        transform: scale(1);
    }
    48%{
        transform: scale(1.28) translateY(-1px);
    }
    76%{
        transform: scale(0.94);
    }
    100%{
        transform: scale(1);
    }
}
.home-away-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}
.table-home{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.img-table-home{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
}
.img-table-home img{
    width: 15px;
    height: 15px;
    -o-object-fit: cover;
       object-fit: cover;
}
.table-home span{
    color: #222;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.box-probability-table{
    display: flex;
    align-items: center;
    gap: 3px;
}
.dropping-odds-cells{
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
}
.box-grid-main.dropping-odds:hover,
.box-grid-main.dropping-odds:focus-within{
    z-index: 40;
}
.dropping-odd-cell{
    align-items: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    cursor: help;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    justify-content: center;
    min-height: 52px;
    padding: 4px 2px;
    position: relative;
}
.dropping-odd-cell:hover,
.dropping-odd-cell:focus-visible{
    background: #fff;
    outline: none;
}
.dropping-odd-increased:hover,
.dropping-odd-increased:focus-visible{ border-color: #079447; }
.dropping-odd-unchanged:hover,
.dropping-odd-unchanged:focus-visible{ border-color: #d97706; }
.dropping-odd-decreased:hover,
.dropping-odd-decreased:focus-visible{ border-color: #d9342b; }
.dropping-odd-current{
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.dropping-coef-fractional .dropping-odd-current,
.dropping-coef-american .dropping-odd-current{
    font-size: 12px;
}
.dropping-coef-fractional .dropping-odd-opening,
.dropping-coef-american .dropping-odd-opening{
    font-size: 10px;
}
.dropping-odd-opening{
    color: #555;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
}
.dropping-odd-change{
    font-size: 9px;
    font-weight: 700;
    line-height: 12px;
    white-space: nowrap;
}
.dropping-odd-change-amount,
.dropping-odd-change-percent{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.dropping-odd-arrow::before{
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    margin-right: 1px;
}
.dropping-odd-increased .dropping-odd-current,
.dropping-odd-increased .dropping-odd-change{ color: #079447; }
.dropping-odd-increased .dropping-odd-arrow::before{ content: "↑"; }
.dropping-odd-unchanged .dropping-odd-current,
.dropping-odd-unchanged .dropping-odd-change{ color: #d97706; }
.dropping-odd-unchanged .dropping-odd-arrow::before{ content: "−"; }
.dropping-odd-decreased .dropping-odd-current,
.dropping-odd-decreased .dropping-odd-change{ color: #d9342b; }
.dropping-odd-decreased .dropping-odd-arrow::before{ content: "↓"; }
.dropping-odd-unavailable .dropping-odd-current{ color: #888; }
.dropping-odd-tooltip{
    background: #fff;
    border: 1px solid currentColor;
    border-radius: 7px;
    bottom: calc(100% + 7px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    color: #333;
    display: none;
    left: 50%;
    min-width: 150px;
    padding: 8px 10px;
    position: absolute;
    text-align: left;
    transform: translateX(-50%);
    top: auto;
    white-space: nowrap;
    z-index: 30;
}
.dropping-odd-tooltip::after{
    background: #fff;
    border-bottom: 1px solid currentColor;
    border-right: 1px solid currentColor;
    bottom: -5px;
    content: "";
    height: 8px;
    left: calc(50% - 4px);
    position: absolute;
    transform: rotate(45deg);
    top: auto;
    width: 8px;
}
.first-match-row .dropping-odd-tooltip{
    bottom: auto;
    top: calc(100% + 7px);
}
.first-match-row .dropping-odd-tooltip::after{
    border-bottom: 0;
    border-left: 1px solid currentColor;
    border-right: 0;
    border-top: 1px solid currentColor;
    bottom: auto;
    top: -5px;
}
.dropping-odd-tooltip strong,
.dropping-odd-tooltip span{
    display: block;
    font-size: 11px;
    line-height: 16px;
}
.dropping-odd-increased .dropping-odd-tooltip{ border-color: #079447; }
.dropping-odd-unchanged .dropping-odd-tooltip{ border-color: #d97706; }
.dropping-odd-decreased .dropping-odd-tooltip{ border-color: #d9342b; }
.dropping-odd-increased .dropping-odd-tooltip strong,
.dropping-odd-increased .dropping-tooltip-change{ color: #079447; }
.dropping-odd-unchanged .dropping-odd-tooltip strong,
.dropping-odd-unchanged .dropping-tooltip-change{ color: #d97706; }
.dropping-odd-decreased .dropping-odd-tooltip strong,
.dropping-odd-decreased .dropping-tooltip-change{ color: #d9342b; }
/* Khi hover, tooltip được JS đưa ra <body> để không bị .match-table-body-scroll
   (overflow: hidden auto) cắt mất. Lúc đó các selector kiểu
   ".dropping-odd-increased .dropping-odd-tooltip" mất ancestor, nên cần bản
   dán class trạng thái trực tiếp lên tooltip. */
.dropping-odd-tooltip--floating{
    bottom: auto;
    display: block;
    position: fixed;
    transform: none;
    z-index: 1400;
}
.dropping-odd-tooltip--floating::after{ display: none; }
/* Bản gốc trong ô vẫn bị khung scroll cắt, nên ẩn đi khi đã có bản nổi. */
.dropping-odd-cell.has-floating-tooltip .dropping-odd-tooltip{ display: none !important; }
.dropping-odd-tooltip.dropping-odd-increased{ border-color: #079447; }
.dropping-odd-tooltip.dropping-odd-unchanged{ border-color: #d97706; }
.dropping-odd-tooltip.dropping-odd-decreased{ border-color: #d9342b; }
.dropping-odd-tooltip.dropping-odd-increased strong,
.dropping-odd-tooltip.dropping-odd-increased .dropping-tooltip-change{ color: #079447; }
.dropping-odd-tooltip.dropping-odd-unchanged strong,
.dropping-odd-tooltip.dropping-odd-unchanged .dropping-tooltip-change{ color: #d97706; }
.dropping-odd-tooltip.dropping-odd-decreased strong,
.dropping-odd-tooltip.dropping-odd-decreased .dropping-tooltip-change{ color: #d9342b; }
.dropping-odd-tooltip .dropping-tooltip-opening{ color: #6b7280; }
.dropping-odd-tooltip .dropping-tooltip-current{ color: #2563eb; }
.dropping-odd-cell:hover .dropping-odd-tooltip,
.dropping-odd-cell:focus-visible .dropping-odd-tooltip{
    display: block;
}
.dropping-odds-mobile-popup{
    display: none;
}
.box-probability-table--two-way{
    justify-content: center;
}
.probability-table{
    display: flex;
    width: 40px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    background: #F5F5F5;
}
.probability-table.under-over{
    width: 60px;
}
.probability-table span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
}
.svg-down-red{
    display: flex;
    justify-content: center;
    align-items: center;
}
.svg-up-green{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pred-table{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile-pred-score{
    display: none;
}
.pred-green{
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #4CAF51;
}
.pred-green span,
.pred-orange span,
.pred-yellow span{
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.pred-orange{
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #F79639;
}
.pred-yellow{
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: #F79639;
}
.correct-table{
    display: flex;
    width: 50px;
    height: 25px;
    justify-content: center;
    align-items: center;
}
.box-correct-table{
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.box-correct-table span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
.avg-table{
    display: flex;
    width: 45px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #F5F5F5;
}
.metric-score{
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0;
    height: auto;
    justify-content: center;
    min-height: 34px;
    padding-bottom: 2px;
    padding-top: 2px;
}
.metric-score .score-main-box{
    align-items: center;
    background: #F5F5F5;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    min-height: 25px;
    min-width: 45px;
    order: 0;
    padding: 0 5px;
}
/* Các dòng phụ (et-score/penalty/half-time) nằm TRONG luồng flex-column của .metric-score
   (không dùng position:absolute + top:calc() đoán pixel — dễ bị 1 dòng đè/che dòng khác).
   Thứ tự hiển thị theo `order`: et-score(-2) → penalty(-1) → main score(0) → half-time(1).
   .metric-score có height:auto nên tự giãn theo số dòng thực tế đang hiển thị. */
.metric-score .half-score-row,
.metric-score .penalty-score-row,
.metric-score .et-score-row{
    color: #666;
    font-size: 10px;
    font-weight: 600;
    line-height: 13px;
}
.metric-score .et-score-row{
    color: #F86A0B;
    order: -2;
}
.metric-score .penalty-score-row{
    color: #F86A0B;
    order: -1;
}
.metric-score .score-spacer-row{
    font-size: 10px;
    line-height: 13px;
    visibility: hidden;
}
.metric-score .score-spacer-before{
    order: -1;
}
.metric-score .score-spacer-after{
    order: 1;
}
.metric-score .half-score-row{
    order: 1;
}
.ladtm{
    font-size: 9px;
    font-weight: 600;
    line-height: 10px;
    margin-bottom: 4px;
}
.ladtm-spacer{
    font-size: 9px;
    line-height: 10px;
    visibility: hidden;
}
.box-avg-table span{
    color: #F79639;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.box-avg-table .avg-orange{
    color: #F79639;
}
.coef-table{
    display: flex;
    width: 50px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #F5F5F5;
}
.box-coef-table span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.box-coef-table .avg-orange{
    color: #000000;
}
.active-table{
    display: flex;
    justify-content: center;
    align-items: center;
}
.span-ft{
    color: #F86A0B;
    text-align: center;
    font-size: 13px; 
    font-weight: 700;
    line-height: 16px;
}
.span-ft.match-status-live{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.status-stack{
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    line-height: 13px;
    margin-bottom: 15px;
}
.prediction-live-minute-badge {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: conic-gradient(#F86A0B calc(var(--progress, 0) * 1%), #F5F5F5 0);
}
.prediction-live-minute-badge::before {
    content: '';
    position: absolute;
    inset: 2px;
    background: #fff;
    border-radius: 50%;
}
.prediction-live-minute-label {
    position: relative;
    z-index: 1;
    color: #F86A0B;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
}
.score-table{
    display: flex;
    width: 50px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #F5F5F5;
}
.box-score-table span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.live-coef-table{
    display: flex;
    width: 50px;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #F5F5F5;
}
.box-live-coef span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.weather-table{
    display: flex;
    width: 100%;
    min-width: 0;
    height: 25px;
    justify-content: center;
    align-items: center;
    gap: 3px;
}
.weather-table span{
    color: #222;
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
}
.svg-weather{
    display: flex;
    width: 16px;
    height: 16px;
    flex-direction: column;
}
.box-content-table{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 10px;
}
.match-table-shell{
    width: 100%;
    max-width: 100%;
}
.match-table-head-scroll,
.match-table-body-scroll{
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}
.match-table-head-scroll{
    scrollbar-width: none;
}
.match-table-head-scroll::-webkit-scrollbar{
    display: none;
}
.match-table-head-scroll .head-center,
.match-table-body-scroll .box-content-table{
    min-width: -moz-max-content;
    min-width: max-content;
}
.match-table-shell .grid-head-center,
.match-table-shell .box-grid-main,
.match-table-shell .tour-center{
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
}
.list-grid-main{
    display: flex;
    flex-direction: column;
    gap: 3px;
    position: relative;
}
.match-date-divider {
    background: #e7e7e7;
    color: #222222;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 4px 0;
    padding: 8px 10px;
    text-align: center;
    width: 100%;
}
.match-date-divider.match-round-divider {
    font-weight: 700;
}
.fixed-live-coef{
    position: fixed;
    top: auto;
    left: auto;
    display: none;
    width: 300px;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    border-radius: 6px;
    border-bottom: 1px solid  #FFF;
    background: #FFF;
    box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30);
    z-index: 3000;
}
.head-fixed-live span{
    color: #202020;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.box-fixed-live{
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
}
.row-fixed-live-1{
    display: flex;
    align-items: center;
    gap: 3px;
    width: 100%;
}
.box-row-fixed-1{
    display: flex;
    height: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background: #E7E7E7;
    width: 100%;
}
.box-row-fixed-1 span{
    color: #202020;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.row-fixed-live-2{
    display: flex;
    align-items: center;
    gap: 3px;
    width: 100%;
}
.box-row-fixed-2{
    display: flex;
    height: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid #E7E7E7;
    background: #FFFFFF;
    width: 100%;
}
.box-row-fixed-2 span{
    color: #202020;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.close-fixed-live{
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.box-news-2{
    background: #FFF;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.news-table-center{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.news-center-left{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.news-center-right{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.img-news-center{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 220px;
}
.img-news-center img{
    display: flex;
    width: 360px;
    height: 220px;
    -o-object-fit: cover;
       object-fit: cover;
}
.box-time-img{
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 10px 0 0 0;
    background: #FFF;
}
.box-time-img span{
    color:#222;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}
.box-under-news{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.title-news-center span{
    color: #222;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}
.brief-news-center span{
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.tour-preview{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.name-tour-news span{
    color: #F86A0B;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.name-tour-preview span{
    color: #8B8B8B;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}
.title-news-center span{
    color: #222;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}
.box-news-small{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.img-news-small{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-news-small img{
    width: 170px;
    height: 104px;
    -o-object-fit: cover;
       object-fit: cover;
}
.flex-news-down{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.box-small-news{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.news-down-1{
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.box-flex-down .box-news-small{
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.box-derby-match{
    display: flex;
    padding: 15px;
    flex-direction: column;
    border-radius: 15px;
    background: #FFF;
    gap: 15px;
}
.box-derby{
    width: 120px;
    margin: 0 5px;
}
.title-derby-match{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.title-derby-match span{
    color: #222;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.box-derby-in{
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    background: #E7E7E7;
    border-radius: 6px 6px 0 0;
}
.name-tour-card{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}
.name-tour-card span{
    color: #222;
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}
.img-card{
    display: flex;
    width: 16px;
    height: 16px;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.img-card img{
    width: 16px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}
.line-dashed{
    /*height: 2px;*/
    width: 80%;
    border-top: 1px dashed #000;
}
.box-club-derby{
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.club-derby-1{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}
.img-club-derby-1{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.img-club-derby-1 img{
    width: 16px;
    height: 16px;
    -o-object-fit: cover;
       object-fit: cover;
}
.name-club-derby-orange{
    line-height: 10px;
}
.name-club-derby{
    line-height: 10px;
}
.name-club-derby-orange span{
    color: #F79639;
    font-size: 10px;
    font-weight: 400;
}
.name-club-derby span{
    color: #222;
    font-size: 10px;
    font-weight: 400;
}
.time-derby{
    line-height: 10px;
}
.time-derby span{
    color: #222;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
}
.box-orange-derby{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background: #F86A0B;
    border-radius: 0 0 6px 6px;
}
.box-orange-derby span{
    color: #FFF;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.slide-derby-match{
    display: flex !important;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.derby-carousel .box-derby {
    width: 120px;
    min-width: 120px;
    height: 132px;
}
.derby-carousel .box-derby-in {
    height: 102px;
    box-sizing: border-box;
    justify-content: space-between;
    gap: 4px;
}
.derby-carousel .name-tour-card {
    height: 18px;
}
.derby-carousel .img-card {
    flex: 0 0 16px;
}
.derby-carousel .img-card img,
.derby-carousel .img-club-derby-1 img {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
}
.derby-carousel .box-club-derby {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}
.derby-carousel .club-derby-1 {
    min-width: 0;
    gap: 3px;
}
.derby-carousel .club-derby-1:first-child {
    justify-content: flex-end;
}
.derby-carousel .club-derby-1:last-child {
    justify-content: flex-start;
}
.derby-carousel .name-club-derby-orange,
.derby-carousel .name-club-derby {
    min-width: 0;
}
.derby-carousel .name-club-derby-orange span,
.derby-carousel .name-club-derby span {
    display: block;
    max-width: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.derby-carousel .img-vs {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
}
.derby-carousel .img-vs img {
    width: 8px;
    height: 16px;
    -o-object-fit: contain;
       object-fit: contain;
}
.derby-carousel .time-derby {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
}
.derby-carousel .time-derby span {
    white-space: nowrap;
}
.derby-carousel .box-orange-derby {
    height: 30px;
    box-sizing: border-box;
}
.derby-carousel .box-orange-derby span {
    display: block;
    max-width: 100%;
}
/*Slick Dots*/
.custom-slick-slider {
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
}
[class^="slick-slider-"] img {
    width: 100%;
}
.dots-container {
    position: relative;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-dots {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    position: absolute;
    left: 50%;
    transition: transform 0.5s ease;
    padding: 0;
    margin: 0;
    list-style: none;
}
.custom-dots li {
    width: 8px;
    height: 8px;
    background-color: #ccc;
    border-radius: 50%;
    transition: transform 0.3s, opacity 0.3s;
}
.custom-dots li.active {
    background-color: #F86A0B;
    transform: scale(1.5);
    opacity: 1;
}
.custom-dots li.far {
    transform: scale(0.8);
    opacity: 0.5;
}
.custom-dots li.hidden {
    transform: scale(0.5);
    opacity: 0;
}
/*End Slick Dots*/
.top-trend{
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 10px;
    background: #FFF;
}
.box-top-trend{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.top-trend-day{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid #F86A0B;
}
.top-trend-active{
    display: flex;
    height: 35px;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 11px 11px 0 0;
    background: #F5F5F5;
    position: relative;
    cursor: pointer;
}
.top-trend-active span{
    color: #363636;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.top-trend-active.active{
    background: #000;
}
.top-trend-active.active span{
    color: #FFFFFF;
}
.top-trend-active.active .svg-triangle{
    display: flex;
}
.home-top-trend-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-top: 12px;
}
.home-top-trend-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.home-top-trend-card:hover {
    border-color: rgba(248, 106, 11, .35);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
    transform: translateY(-1px);
}
.home-top-trend-card .box-derby-right {
    width: 100%;
}
.home-top-trend-card .box-derby-in-right {
    min-height: 94px;
}
.home-top-trend-card .name-tour-card span {
    max-width: 100%;
}
.home-top-trend-card .top-trend-content-right {
    width: 100%;
}
.home-top-trend-card .brief-top-trend-right span {
    color: #111;
    font-size: 13px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}
.home-top-trend-empty {
    grid-column: 1 / -1;
    padding: 18px 10px;
    color: #888;
    font-size: 13px;
    text-align: center;
}
@media (max-width: 900px) {
    .home-top-trend-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 560px) {
    .home-top-trend-grid {
        grid-template-columns: 1fr;
    }
}
.list-head-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 0 10px;
}
.box-list-content{
    display: flex;
    flex: 0 0 auto;
    height: 35px;
    padding: 10px 16px;
    align-items: center;
    gap: 3px;
    border-radius: 6px;
    background: #131313;
}
.box-list-content.active{
    background: #3c3c3c;
}
.box-list-content:hover{
    background: rgba(204, 204, 204, 0.3);
}
.box-list-content span{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: -moz-max-content;
    width: max-content;
}
.prediction-market-tabs {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 6px;
    scrollbar-width: thin;
    scrollbar-color: #F86A0B #131313;
}
.prediction-market-tabs .box-list-content {
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
}
.fix-width {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
}
.fix-width.prediction-market-tabs {
    overflow-x: auto;
    overflow-y: hidden;
}
.match-table-head-scroll .prediction-market-tabs {
    max-width: none;
    overflow-x: visible;
}
.match-table-head-scroll .prediction-market-head,
.match-table-head-scroll .head-center:has(.prediction-market-tabs) {
    min-width: 100%;
}
.match-table-head-scroll .prediction-market-tabs,
.match-table-head-scroll .calendar-center {
    box-sizing: border-box;
}
.mobile-back-to-top{
    display: none;
}
.league-primary-tabs-even .prediction-market-tabs,
.league-primary-tabs-even .head-center > .list-head-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 5px;
}
.league-primary-tabs-even .prediction-market-tabs .box-list-content,
.league-primary-tabs-even .head-center > .list-head-content .box-list-content {
    justify-content: center;
    min-width: 0;
    width: 100%;
}
.league-primary-tabs-even .prediction-market-tabs .box-list-content span,
.league-primary-tabs-even .head-center > .list-head-content .box-list-content span {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.scroll-inner::-webkit-scrollbar {
    width: 6px;
    margin: 0 6px;
}
.scroll-inner::-webkit-scrollbar:horizontal {
    height: 6px;
}
.scroll-inner::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}
.scroll-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.box-view-more{
    display: flex;
    margin-top: 16px;
    padding: 14px 16px;
    flex-direction: column;
    gap: 8px;
    border-radius: 0;
    background: #FFF;
}
.data_more_less{
    position: relative;
}
.data_more_less_inner {
    overflow: hidden;
    padding-bottom: 16px;
    position: relative;
}
.action_less {
    display: none;
}
.less_active .action_less {
    display: inline-block;
}
.less_active .action_more {
    display: none;
}
.data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    height: 80px;
}
.data_more_less.action_disabled .more_less_action {
    display: none;
}
h1 {
    margin-bottom: 0px;
}
.btn {
    color: #222;
    font-family: Lato;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    text-decoration: none;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    text-align: center;
}
.data_more_less_body{
    color: #222;
    display: flex;
    flex-direction: column;
    font-family: Lato;
    font-size: 13px;
    font-weight: 400;
    gap: 8px;
    line-height: 24px;
}
.data_more_less_body p{
    color: inherit;
    font: inherit;
    line-height: inherit;
    margin: 0;
}
.content-footer {
    background: #FFFFFF;
    color: #444444;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    max-width: 780px;
    margin: 48px auto 0;
    padding: 48px 24px 40px;
    border-top: 1px solid #E0E0E0;
    border-radius: 0;
}
.content-footer .data_more_less_body {
    color: #444444;
    display: block;
    font-family: inherit;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}
.content-footer h2 {
    color: #111111;
    font-size: 22px;
    font-weight: 600;
    margin: 48px 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #E0E0E0;
    position: relative;
}
.content-footer h2:first-child {
    margin-top: 0;
}
.content-footer h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 40px;
    height: 2px;
    background: #F57C00;
}
.content-footer h3 {
    color: #111111;
    font-size: 17px;
    font-weight: 600;
    margin: 32px 0 12px 0;
}
.content-footer p {
    color: #444444;
    font-size: 15px;
    line-height: 1.75;
    margin: 0 0 16px 0;
}
.content-footer a {
    color: #F57C00;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.content-footer a:hover {
    color: #E65100;
    border-bottom-color: #E65100;
}
.content-footer a:visited {
    color: #BF6000;
}
.content-footer strong {
    color: #111111;
    font-weight: 600;
}
.content-footer em {
    font-style: italic;
}
.content-footer mark {
    background: rgba(245, 124, 0, 0.12);
    color: #E65100;
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 600;
}
.content-footer abbr[title] {
    -webkit-text-decoration: underline dotted #AAAAAA;
            text-decoration: underline dotted #AAAAAA;
    text-underline-offset: 2px;
    cursor: help;
}
.content-footer small {
    color: #888888;
    display: block;
    font-size: 11px;
    line-height: 1.6;
}
.content-footer ul {
    list-style: none;
    margin: 0 0 16px 0;
    padding: 0;
}
.content-footer ul li {
    margin-bottom: 8px;
    padding-left: 22px;
    position: relative;
}
.content-footer ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 12px;
    height: 2px;
    background: #F57C00;
}
.content-footer .rg-disclaimer {
    background: #F8F8F8;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 11px;
    color: #888888;
}
.content-footer .more_less_action.btn {
    color: #222222;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    left: 50%;
    line-height: 26px;
    min-width: 120px;
    right: auto;
    transform: translateX(-50%);
    width: auto;
}
.content-footer .action_more.more_less_action.btn {
    display: inline-block;
}
.content-footer .action_less.more_less_action.btn {
    display: none;
}
.content-footer .less_active .action_more.more_less_action.btn {
    display: none;
}
.content-footer .less_active .action_less.more_less_action.btn {
    display: inline-block;
}
.article-body {
    background: #FFFFFF;
    color: #444444;
    font-family: Inter, "Segoe UI", system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.75;
    max-width: 780px;
    margin: 0 auto;
}
.article-body h1 {
    color: #111111;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
}
.article-body h2 {
    color: #111111;
    font-size: 22px;
    font-weight: 600;
    margin: 48px 0 16px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #E0E0E0;
    position: relative;
}
.article-body h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 40px;
    height: 2px;
    background: #F57C00;
}
.article-body h3 {
    color: #111111;
    font-size: 17px;
    font-weight: 600;
    margin: 32px 0 12px 0;
}
.article-body h4 {
    color: #F57C00;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 20px 0 6px 0;
}
.article-body p {
    color: #444444;
    font-size: 15px;
    line-height: 1.75;
    margin: 0 0 16px 0;
}
.article-body > p:first-of-type,
.article-body .article-brief {
    color: #111111;
    font-size: 17px;
}
.article-body .article-brief {
    border-left: 2px solid #F57C00;
    padding-left: 10px;
}
.article-body a {
    color: #F57C00;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.article-body a:hover {
    color: #E65100;
    border-bottom-color: #E65100;
}
.article-body a:visited {
    color: #BF6000;
}
.article-body strong {
    color: #111111;
    font-weight: 600;
}
.article-body mark {
    background: rgba(245, 124, 0, 0.12);
    color: #E65100;
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 600;
}
.article-body abbr[title] {
    -webkit-text-decoration: underline dotted #AAAAAA;
            text-decoration: underline dotted #AAAAAA;
    text-underline-offset: 2px;
    cursor: help;
}
.article-body small {
    color: #888888;
    display: block;
    font-size: 11px;
}
.article-body time[datetime] {
    color: inherit;
}
.article-body ul {
    list-style: none;
    padding: 0;
}
.article-body ul li {
    margin-bottom: 8px;
    padding-left: 22px;
    position: relative;
}
.article-body ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 12px;
    height: 2px;
    background: #F57C00;
}
.article-body ol {
    list-style: none;
    counter-reset: bb-counter;
    padding: 0;
}
.article-body ol li {
    counter-increment: bb-counter;
    padding-left: 36px;
    position: relative;
}
.article-body ol li::before {
    content: counter(bb-counter);
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background: #F57C00;
    color: #FFFFFF;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}
.article-body blockquote {
    background: #F8F8F8;
    border-left: 3px solid #F57C00;
    border-radius: 0 8px 8px 0;
    margin: 24px 0;
    padding: 16px 20px;
}
.article-body blockquote p {
    color: #111111;
    font-size: 16px;
    font-style: italic;
}
.article-body blockquote cite {
    color: #888888;
    display: block;
    font-size: 12px;
    font-style: normal;
}
.article-body blockquote cite::before {
    content: "- ";
}
.article-body figure {
    margin: 28px 0;
}
.article-body figure img,
.article-body .article-hero img,
.article-body .news-detail-content img {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.article-body .article-hero img {
    max-height: 460px;
    -o-object-fit: cover;
       object-fit: cover;
}
.article-body figcaption {
    color: #888888;
    font-size: 11px;
    font-style: italic;
    margin-top: 8px;
    text-align: center;
}
.article-body .table-wrap {
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    overflow-x: auto;
}
.article-body table {
    border-collapse: collapse;
    font-size: 13px;
    min-width: 460px;
    width: 100%;
}
.article-body thead {
    background: #F2F2F2;
}
.article-body thead th {
    color: #888888;
    font-size: 10px;
    font-weight: 600;
    padding: 9px 12px;
    text-transform: uppercase;
}
.article-body tbody tr {
    border-bottom: 1px solid #E0E0E0;
}
.article-body tbody tr:hover {
    background: #FAFAFA;
}
.article-body tbody td {
    color: #444444;
    padding: 10px 12px;
    vertical-align: middle;
}
.article-body td.num {
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.article-body td.team {
    color: #111111;
    font-weight: 600;
}
.article-body address {
    align-items: center;
    border: 2px solid #F57C00;
    border-radius: 12px;
    color: #444444;
    display: flex;
    font-style: normal;
    font-size: 14px;
    gap: 18px;
    margin: 0 0 24px 0;
    padding: 18px 22px;
}
.article-body .article-author-card {
    justify-content: space-between;
}
.article-body .article-author-main {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 18px;
    min-width: 0;
}
.article-body .article-author-avatar {
    flex: 0 0 auto;
    height: 88px;
    width: 88px;
}
.article-body .article-author-avatar img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}
.article-body .article-author-copy {
    min-width: 0;
}
.article-body .article-author-name-row {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
}
.article-body .article-author-verified {
    align-items: center;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}
.article-body .article-author-verified img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
}
.article-body .article-author-description {
    color: #444444;
    font-size: 14px;
    line-height: 1.45;
    margin: 5px 0 0;
    max-width: 460px;
}
.article-body .article-author-divider {
    background: #E0E0E0;
    flex: 0 0 auto;
    height: 44px;
    width: 1px;
}
.article-body .article-author-socials {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: flex-end;
    margin-left: 0;
}
.article-body .article-author-social {
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    color: #444444;
    display: inline-flex;
    font-size: 18px;
    height: 46px;
    justify-content: center;
    text-decoration: none;
    width: 46px;
}
.article-body .article-author-social:hover {
    background: #FFF7ED;
    border-color: #F57C00;
}
.article-body .article-author-social--email,
.article-body .article-author-social--email:visited { color: #222222; }
.article-body .article-author-social--facebook,
.article-body .article-author-social--facebook:visited { color: #1877F2; }
.article-body .article-author-social--x,
.article-body .article-author-social--x:visited { color: #000000; }
.article-body .article-author-social--linkedin,
.article-body .article-author-social--linkedin:visited { color: #0A66C2; }
.article-body .article-author-social--telegram,
.article-body .article-author-social--telegram:visited { color: #229ED9; }
.article-body .article-author-social--link,
.article-body .article-author-social--link:visited { color: #8B8B8B; }
[data-theme="dark"] .article-body .article-author-social {
    background: var(--surface-2);
    border-color: var(--border-1);
}
[data-theme="dark"] .article-body .article-author-social:hover {
    background: var(--surface-1);
    border-color: #F57C00;
}
[data-theme="dark"] .article-body .article-author-social--email,
[data-theme="dark"] .article-body .article-author-social--email:visited,
[data-theme="dark"] .article-body .article-author-social--x,
[data-theme="dark"] .article-body .article-author-social--x:visited {
    color: var(--text-1);
}
[data-theme="dark"] .article-body .article-author-social--facebook,
[data-theme="dark"] .article-body .article-author-social--facebook:visited {
    color: #4E94F5;
}
[data-theme="dark"] .article-body .article-author-social--linkedin,
[data-theme="dark"] .article-body .article-author-social--linkedin:visited {
    color: #4A94DB;
}
[data-theme="dark"] .article-body .article-author-social--telegram,
[data-theme="dark"] .article-body .article-author-social--telegram:visited {
    color: #4FB8E8;
}
[data-theme="dark"] .article-body .article-author-social--link,
[data-theme="dark"] .article-body .article-author-social--link:visited {
    color: rgba(255, 255, 255, 0.62);
}
.article-body .author-name {
    color: #111111;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}
.article-body .author-role {
    color: #F57C00;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}
.article-body aside {
    background: #F8F8F8;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 14px 18px;
}
.article-body aside h3 {
    color: #F57C00;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 10px 0;
}
.article-body .article-meta {
    color: #888888;
    font-size: 12px;
    gap: 10px;
    margin-bottom: 24px;
}
.article-body .news-detail-content {
    border-top: 2px solid #F5F5F5;
    padding-top: 24px;
}
.article-body .article-feedback-share {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    margin: 24px 0 0;
    overflow: hidden;
}
.article-body .article-feedback {
    align-items: center;
    display: flex;
    gap: 18px;
    padding: 18px 22px;
}
.article-body .article-feedback-icon {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    height: 88px;
    justify-content: center;
    width: 145px;
}
.article-body .article-feedback-icon img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
}
.article-body .article-feedback-copy {
    flex: 1 1 220px;
    min-width: 0;
}
.article-body .article-feedback-title {
    color: #111111;
    font-size: 20px;
    font-weight: 700;
}
.article-body .article-feedback-text {
    color: #777777;
    font-size: 14px;
    margin: 4px 0 0;
}
.article-body .article-feedback-rating-row {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 18px;
}
.article-body .article-feedback-rating {
    border-left: 1px solid #E0E0E0;
    flex: 0 0 auto;
    padding-left: 18px;
    text-align: center;
}
.article-body .article-feedback-rating-label {
    color: #444444;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.article-body .article-feedback-stars {
    color: #F57C00;
    font-size: 18px;
    letter-spacing: 3px;
    margin: 6px 0 4px;
}
.article-body .article-feedback-stars i {
    cursor: pointer;
}
.article-body .article-feedback-stars.is-rated i {
    cursor: default;
}
.article-body .article-feedback-score {
    color: #111111;
    font-size: 14px;
    font-weight: 700;
}
.article-body .article-feedback-score span {
    color: #888888;
    font-weight: 400;
}
.article-body .article-feedback-thanks {
    align-items: center;
    border-left: 1px solid #E0E0E0;
    color: #444444;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    font-size: 12px;
    gap: 6px;
    padding-left: 18px;
    text-align: center;
}
.article-body .article-feedback-thumb {
    align-items: center;
    color: #F57C00;
    display: flex;
    font-size: 28px;
    height: 40px;
    justify-content: center;
    width: 40px;
}
.article-body .article-feedback-thanks span {
    line-height: 1.35;
}
.article-body .article-share {
    align-items: center;
    background: #FFF7ED;
    border-top: 1px solid #F3D9BC;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 18px 22px;
}
.article-body .article-share-copy {
    flex: 1 1 220px;
    min-width: 0;
}
.article-body .article-share-title {
    color: #111111;
    font-size: 18px;
    font-weight: 700;
}
.article-body .article-share-text {
    color: #111111;
    font-size: 14px;
    margin: 4px 0 0;
}
.article-body .article-share-links {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.article-body .article-share-link,
.article-body .article-share-link:visited,
.article-body .article-share-link:hover {
    align-items: center;
    background: none;
    border: 0;
    color: #444444;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    gap: 6px;
    text-decoration: none;
}
.article-body .article-share-icon {
    align-items: center;
    background: #FFFFFF;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    display: flex;
    font-size: 18px;
    height: 44px;
    justify-content: center;
    width: 44px;
}
[data-theme="dark"] .article-body .article-feedback-share {
    background: var(--surface-1);
    border-color: var(--border-1);
}
[data-theme="dark"] .article-body .article-feedback-title,
[data-theme="dark"] .article-body .article-feedback-score,
[data-theme="dark"] .article-body .article-share-title {
    color: var(--text-1);
}
[data-theme="dark"] .article-body .article-feedback-text,
[data-theme="dark"] .article-body .article-feedback-rating-label,
[data-theme="dark"] .article-body .article-feedback-thanks,
[data-theme="dark"] .article-body .article-feedback-score span,
[data-theme="dark"] .article-body .article-share-text {
    color: var(--muted-1);
}
[data-theme="dark"] .article-body .article-feedback-rating,
[data-theme="dark"] .article-body .article-feedback-thanks {
    border-left-color: var(--border-1);
}
[data-theme="dark"] .article-body .article-share {
    background: var(--surface-2);
    border-top-color: var(--border-1);
}
[data-theme="dark"] .article-body .article-share-link,
[data-theme="dark"] .article-body .article-share-link:visited,
[data-theme="dark"] .article-body .article-share-link:hover {
    color: var(--text-2);
}
[data-theme="dark"] .article-body .article-share-icon {
    background: var(--surface-1);
}
[data-theme="dark"] .article-body .article-share-icon--twitter,
[data-theme="dark"] .article-body .article-share-icon--email,
[data-theme="dark"] .article-body .article-share-icon--more {
    color: var(--text-1);
}
.article-body .article-share-icon--facebook { color: #1877F2; }
.article-body .article-share-icon--twitter { color: #000000; }
.article-body .article-share-icon--pinterest { color: #E60023; }
.article-body .article-share-icon--whatsapp { color: #25D366; }
.article-body .article-share-icon--telegram { color: #229ED9; }
.article-body .article-share-icon--email { color: #444444; }
.article-body .article-share-icon--more { color: #444444; }
@media (max-width: 768px) {
    .article-body .article-feedback {
        align-items: flex-start;
        flex-direction: column;
    }
    .article-body .article-feedback-copy,
    .article-body .article-share-copy {
        flex-basis: auto;
    }
    .article-body .article-feedback-rating-row {
        justify-content: space-between;
        margin-top: 12px;
        width: 100%;
    }
    .article-body .article-feedback-rating {
        border-left: 0;
        padding-left: 0;
        text-align: left;
    }
    .article-body .article-feedback-thanks {
        border-left: 1px solid #E0E0E0;
        flex-direction: row;
        padding-left: 18px;
    }
    .article-body .article-share {
        flex-direction: column;
        align-items: flex-start;
    }
}
.team-detail-lower-card {
    min-width: 0;
    width: 100%;
}
.team-detail-lower-title {
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.team-detail-lower-card table {
    table-layout: fixed;
    width: 100%;
}
@media (min-width: 768px) {
    .team-detail-lower-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}
@media (max-width: 768px) {
    .article-body {
        padding-left: 16px;
        padding-right: 16px;
    }
    .article-body h1 {
        font-size: 24px;
    }
    .article-body h2 {
        font-size: 20px;
    }
    .article-body .article-author-card {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        padding: 16px;
    }
    .article-body .article-author-main {
        align-items: flex-start;
        gap: 12px;
        width: 100%;
    }
    .article-body .article-author-avatar {
        height: 64px;
        width: 64px;
    }
    .article-body .author-name {
        font-size: 18px;
    }
    .article-body .article-author-description {
        font-size: 13px;
        max-width: none;
    }
    .article-body .article-author-divider {
        display: none;
    }
    .article-body .article-author-socials {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: 0;
    }
    .article-body .article-author-social {
        height: 40px;
        width: 40px;
    }
}
@media (max-width: 480px) {
    .article-body h1 {
        font-size: 20px;
    }
    .article-body h2 {
        font-size: 18px;
    }
}
.active-center{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 10px;
    border-bottom: 1.5px solid #F86A0B;
    width: 100%;
}
.box-active-center{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 100%;
    text-align: center;
    padding: 10px 8px;
    gap: 3px;
    border-radius: 11px 11px 0 0;
    background: #131313;
    position: relative;
    cursor: pointer;
}
.box-active-center span{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.box-active-center.active {
    background: #222;
}
.box-active-center.active span {
    font-weight: 700;
}
.box-active-center.active .svg-triangle {
    display: flex;
}
.head-top-trend-right{
    display: flex;
    flex-direction: row;
    gap: 4px;
    border-bottom: 1.5px solid #F86A0B;
}
.top-trend-right{
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    background: #FFFFFF;
}
.top-trend-active{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 100%;
    text-align: center;
    padding: 10px 8px;
    gap: 3px;
    border-radius: 11px 11px 0 0;
    background: #F5F5F5;
    position: relative;
    cursor: pointer;
}
.top-trend-active span{
    color: #222;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.top-trend-active.active {
    background: #222;
}
.top-trend-active.active span {
    font-weight: 700;
}
.top-trend-active.active .svg-triangle {
    display: flex;
}
.box-content-trend-right{
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}
.top-trend-content-right{
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 190px;
}
.brief-top-trend-right span{
    color: #222;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.box-under-top-trend{
    display: flex;
    gap: 5px;
}
.button-radio-top-trend{
    display: flex;
    height: 25px;
    padding: 0 8px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #E7E7E7;
}
.button-radio-top-trend span{
    color: #222;
    text-align: center;
    font-family: Lato;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.text-button-radio span{
    color: #222;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}
.box-derby-right{
    display: flex;
    width: 140px;
    flex-direction: column;
    justify-content: center;
}
.box-derby-in-right{
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    border-radius: 6px 6px 0 0;
    background: #E7E7E7;
}
.box-unbeaten-derby{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid #F9BC27;
    background: #F9BC27;
    border-radius: 0 0 6px 6px;
}
.box-unbeaten-derby span{
    color: #1B273C;
    font-size: 10px;
    font-weight: 600;
}
.box-winless-derby{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid #F79639;
    background: #F79639;
    border-radius: 0 0 6px 6px;
}
.box-winless-derby span{
    color: #1B273C;
    font-size: 10px;
    font-weight: 600;
}
.top-trend-right-column{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 5px;
}
/* Sidebar Top Trend: tránh layout cứng gây lệch khi text dài */
.top-trend-right .box-content-trend-right{
    align-items: flex-start;
}
.top-trend-right .box-derby-right{
    width: 120px;
    flex: 0 0 120px;
}
.top-trend-right .club-derby-1{
    width: 40px;
    justify-content: flex-start;
}
.top-trend-right .name-club-derby,
.top-trend-right .name-club-derby-orange{
    width: 20px;
    display: inline-flex;
    justify-content: center;
}
.top-trend-right .top-trend-content-right{
    width: auto;
    flex: 1;
    min-width: 0;
}
.top-trend-right .brief-top-trend-right span{
    line-height: 1.5;
    word-break: break-word;
}
.box-content-trend-right.home-top-trend-card {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}
.home-top-trend-card .top-trend-content-right {
    width: 100%;
}
.home-top-trend-card .brief-top-trend-right span {
    line-height: 1.45;
}
.title-head-center{
    display: flex;
    justify-content: center;
    text-align: center;
}
.title-head-center span,
.title-head-center h1,
.title-head-center h2,
.title-head-center h3{
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}
.brief-head-center{
    display: flex;
    justify-content: center;
    text-align: center;
}
.brief-head-center span{
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.title-head-main{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.seo-heading-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.box-live{
    display: flex;
    flex-direction: row;
    gap: 0;
}
.box-live span{
    color: #4CAF51;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}
.span-live{

}
@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
.flicker {
    animation: flickerAnimation 1s infinite;
}
.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(/images/flags.png) no-repeat;
    vertical-align: baseline;
    margin-right: 5px;
}
.flag-ad {
    background-position: -16px 0
}
.flag-ae {
    background-position: -32px 0
}
.flag-af {
    background-position: -48px 0
}
.flag-ag {
    background-position: -64px 0
}
.flag-ai {
    background-position: -80px 0
}
.flag-al {
    background-position: -96px 0
}
.flag-am {
    background-position: -112px 0
}
.flag-an {
    background-position: -128px 0
}
.flag-ao {
    background-position: -144px 0
}
.flag-ar {
    background-position: -160px 0
}
.flag-as {
    background-position: -176px 0
}
.flag-at {
    background-position: -192px 0
}
.flag-au {
    background-position: -208px 0
}
.flag-aw {
    background-position: -224px 0
}
.flag-az {
    background-position: -240px 0
}
.flag-ba {
    background-position: 0-11px
}
.flag-bb {
    background-position: -16px -11px
}
.flag-bd {
    background-position: -32px -11px
}
.flag-be {
    background-position: -48px -11px
}
.flag-bf {
    background-position: -64px -11px
}
.flag-bg {
    background-position: -80px -11px
}
.flag-bh {
    background-position: -96px -11px
}
.flag-bi {
    background-position: -112px -11px
}
.flag-bj {
    background-position: -128px -11px
}
.flag-bm {
    background-position: -144px -11px
}
.flag-bn {
    background-position: -160px -11px
}
.flag-bo {
    background-position: -176px -11px
}
.flag-br {
    background-position: -192px -11px
}
.flag-bs {
    background-position: -208px -11px
}
.flag-bt {
    background-position: -224px -11px
}
.flag-bv {
    background-position: -240px -11px
}
.flag-bw {
    background-position: 0-22px
}
.flag-by {
    background-position: -16px -22px
}
.flag-bz {
    background-position: -32px -22px
}
.flag-ca {
    background-position: -48px -22px
}
.flag-catalonia {
    background-position: -64px -22px
}
.flag-cd {
    background-position: -80px -22px
}
.flag-cf {
    background-position: -96px -22px
}
.flag-cg {
    background-position: -112px -22px
}
.flag-ch {
    background-position: -128px -22px
}
.flag-ci {
    background-position: -144px -22px
}
.flag-ck {
    background-position: -160px -22px
}
.flag-cl {
    background-position: -176px -22px
}
.flag-cm {
    background-position: -192px -22px
}
.flag-cn {
    background-position: -208px -22px
}
.flag-co {
    background-position: -224px -22px
}
.flag-cr {
    background-position: -240px -22px
}
.flag-cu {
    background-position: 0-33px
}
.flag-cv {
    background-position: -16px -33px
}
.flag-cw {
    background-position: -32px -33px
}
.flag-cy {
    background-position: -48px -33px
}
.flag-cz {
    background-position: -64px -33px
}
.flag-de {
    background-position: -80px -33px
}
.flag-dj {
    background-position: -96px -33px
}
.flag-dk {
    background-position: -112px -33px
}
.flag-dm {
    background-position: -128px -33px
}
.flag-do {
    background-position: -144px -33px
}
.flag-dz {
    background-position: -160px -33px
}
.flag-ec {
    background-position: -176px -33px
}
.flag-ee {
    background-position: -192px -33px
}
.flag-eg {
    background-position: -208px -33px
}
.flag-eh {
    background-position: -224px -33px
}
.flag-england {
    background-position: -240px -33px
}
.flag-er {
    background-position: 0-44px
}
.flag-es {
    background-position: -16px -44px
}
.flag-et {
    background-position: -32px -44px
}
.flag-eu {
    background-position: -48px -44px
}
.flag-fi {
    background-position: -64px -44px
}
.flag-fj {
    background-position: -80px -44px
}
.flag-fk {
    background-position: -96px -44px
}
.flag-fm {
    background-position: -112px -44px
}
.flag-fo {
    background-position: -128px -44px
}
.flag-fr {
    background-position: -144px -44px
}
.flag-ga {
    background-position: -160px -44px
}
.flag-gb {
    background-position: -176px -44px
}
.flag-gd {
    background-position: -192px -44px
}
.flag-ge {
    background-position: -208px -44px
}
.flag-gf {
    background-position: -224px -44px
}
.flag-gg {
    background-position: -240px -44px
}
.flag-gh {
    background-position: 0-55px
}
.flag-gi {
    background-position: -16px -55px
}
.flag-gl {
    background-position: -32px -55px
}
.flag-gm {
    background-position: -48px -55px
}
.flag-gn {
    background-position: -64px -55px
}
.flag-gp {
    background-position: -80px -55px
}
.flag-gq {
    background-position: -96px -55px
}
.flag-gr {
    background-position: -112px -55px
}
.flag-gs {
    background-position: -128px -55px
}
.flag-gt {
    background-position: -144px -55px
}
.flag-gu {
    background-position: -160px -55px
}
.flag-gw {
    background-position: -176px -55px
}
.flag-gy {
    background-position: -192px -55px
}
.flag-hk {
    background-position: -208px -55px
}
.flag-hm {
    background-position: -224px -55px
}
.flag-hn {
    background-position: -240px -55px
}
.flag-hr {
    background-position: 0-66px
}
.flag-ht {
    background-position: -16px -66px
}
.flag-hu {
    background-position: -32px -66px
}
.flag-ic {
    background-position: -48px -66px
}
.flag-id {
    background-position: -64px -66px
}
.flag-ie {
    background-position: -80px -66px
}
.flag-il {
    background-position: -96px -66px
}
.flag-im {
    background-position: -112px -66px
}
.flag-in {
    background-position: -128px -66px
}
.flag-io {
    background-position: -144px -66px
}
.flag-iq {
    background-position: -160px -66px
}
.flag-ir {
    background-position: -176px -66px
}
.flag-is {
    background-position: -192px -66px
}
.flag-it {
    background-position: -208px -66px
}
.flag-je {
    background-position: -224px -66px
}
.flag-jm {
    background-position: -240px -66px
}
.flag-jo {
    background-position: 0-77px
}
.flag-jp {
    background-position: -16px -77px
}
.flag-ke {
    background-position: -32px -77px
}
.flag-kg {
    background-position: -48px -77px
}
.flag-kh {
    background-position: -64px -77px
}
.flag-ki {
    background-position: -80px -77px
}
.flag-km {
    background-position: -96px -77px
}
.flag-kn {
    background-position: -112px -77px
}
.flag-kp {
    background-position: -128px -77px
}
.flag-kr {
    background-position: -144px -77px
}
.flag-kurdistan {
    background-position: -160px -77px
}
.flag-kw {
    background-position: -176px -77px
}
.flag-ky {
    background-position: -192px -77px
}
.flag-kz {
    background-position: -208px -77px
}
.flag-la {
    background-position: -224px -77px
}
.flag-lb {
    background-position: -240px -77px
}
.flag-lc {
    background-position: 0-88px
}
.flag-li {
    background-position: -16px -88px
}
.flag-lk {
    background-position: -32px -88px
}
.flag-lr {
    background-position: -48px -88px
}
.flag-ls {
    background-position: -64px -88px
}
.flag-lt {
    background-position: -80px -88px
}
.flag-lu {
    background-position: -96px -88px
}
.flag-lv {
    background-position: -112px -88px
}
.flag-ly {
    background-position: -128px -88px
}
.flag-ma {
    background-position: -144px -88px
}
.flag-mc {
    background-position: -160px -88px
}
.flag-md {
    background-position: -176px -88px
}
.flag-me {
    background-position: -192px -88px
}
.flag-mg {
    background-position: -208px -88px
}
.flag-mh {
    background-position: -224px -88px
}
.flag-mk {
    background-position: -240px -88px
}
.flag-ml {
    background-position: 0-99px
}
.flag-mm {
    background-position: -16px -99px
}
.flag-mn {
    background-position: -32px -99px
}
.flag-mo {
    background-position: -48px -99px
}
.flag-mp {
    background-position: -64px -99px
}
.flag-mq {
    background-position: -80px -99px
}
.flag-mr {
    background-position: -96px -99px
}
.flag-ms {
    background-position: -112px -99px
}
.flag-mt {
    background-position: -128px -99px
}
.flag-mu {
    background-position: -144px -99px
}
.flag-mv {
    background-position: -160px -99px
}
.flag-mw {
    background-position: -176px -99px
}
.flag-mx {
    background-position: -192px -99px
}
.flag-my {
    background-position: -208px -99px
}
.flag-mz {
    background-position: -224px -99px
}
.flag-na {
    background-position: -240px -99px
}
.flag-nc {
    background-position: 0-110px
}
.flag-ne {
    background-position: -16px -110px
}
.flag-nf {
    background-position: -32px -110px
}
.flag-ng {
    background-position: -48px -110px
}
.flag-ni {
    background-position: -64px -110px
}
.flag-nl {
    background-position: -80px -110px
}
.flag-no {
    background-position: -96px -110px
}
.flag-np {
    background-position: -112px -110px
}
.flag-nr {
    background-position: -128px -110px
}
.flag-nu {
    background-position: -144px -110px
}
.flag-nz {
    background-position: -160px -110px
}
.flag-om {
    background-position: -176px -110px
}
.flag-pa {
    background-position: -192px -110px
}
.flag-pe {
    background-position: -208px -110px
}
.flag-pf {
    background-position: -224px -110px
}
.flag-pg {
    background-position: -240px -110px
}
.flag-ph {
    background-position: 0-121px
}
.flag-pk {
    background-position: -16px -121px
}
.flag-pl {
    background-position: -32px -121px
}
.flag-pm {
    background-position: -48px -121px
}
.flag-pn {
    background-position: -64px -121px
}
.flag-pr {
    background-position: -80px -121px
}
.flag-ps {
    background-position: -96px -121px
}
.flag-pt {
    background-position: -112px -121px
}
.flag-pw {
    background-position: -128px -121px
}
.flag-py {
    background-position: -144px -121px
}
.flag-qa {
    background-position: -160px -121px
}
.flag-re {
    background-position: -176px -121px
}
.flag-ro {
    background-position: -192px -121px
}
.flag-rs {
    background-position: -208px -121px
}
.flag-ru {
    background-position: -224px -121px
}
.flag-rw {
    background-position: -240px -121px
}
.flag-sa {
    background-position: 0-132px
}
.flag-sb {
    background-position: -16px -132px
}
.flag-sc {
    background-position: -32px -132px
}
.flag-scotland {
    background-position: -48px -132px
}
.flag-sd {
    background-position: -64px -132px
}
.flag-se {
    background-position: -80px -132px
}
.flag-sg {
    background-position: -96px -132px
}
.flag-sh {
    background-position: -112px -132px
}
.flag-si {
    background-position: -128px -132px
}
.flag-sk {
    background-position: -144px -132px
}
.flag-sl {
    background-position: -160px -132px
}
.flag-sm {
    background-position: -176px -132px
}
.flag-sn {
    background-position: -192px -132px
}
.flag-so {
    background-position: -208px -132px
}
.flag-somaliland {
    background-position: -224px -132px
}
.flag-sr {
    background-position: -240px -132px
}
.flag-ss {
    background-position: 0-143px
}
.flag-st {
    background-position: -16px -143px
}
.flag-sv {
    background-position: -32px -143px
}
.flag-sx {
    background-position: -48px -143px
}
.flag-sy {
    background-position: -64px -143px
}
.flag-sz {
    background-position: -80px -143px
}
.flag-tc {
    background-position: -96px -143px
}
.flag-td {
    background-position: -112px -143px
}
.flag-tf {
    background-position: -128px -143px
}
.flag-tg {
    background-position: -144px -143px
}
.flag-th {
    background-position: -160px -143px
}
.flag-tj {
    background-position: -192px -143px
}
.flag-tk {
    background-position: -208px -143px
}
.flag-tl {
    background-position: -224px -143px
}
.flag-tm {
    background-position: -240px -143px
}
.flag-tn {
    background-position: 0-154px
}
.flag-to {
    background-position: -16px -154px
}
.flag-tr {
    background-position: -32px -154px
}
.flag-tt {
    background-position: -48px -154px
}
.flag-tv {
    background-position: -64px -154px
}
.flag-tw {
    background-position: -80px -154px
}
.flag-tz {
    background-position: -96px -154px
}
.flag-ua {
    background-position: -112px -154px
}
.flag-ug {
    background-position: -128px -154px
}
.flag-um {
    background-position: -144px -154px
}
.flag-us {
    background-position: -160px -154px
}
.flag-uy {
    background-position: -176px -154px
}
.flag-uz {
    background-position: -192px -154px
}
.flag-va {
    background-position: -208px -154px
}
.flag-vc {
    background-position: -224px -154px
}
.flag-ve {
    background-position: -240px -154px
}
.flag-vg {
    background-position: 0-165px
}
.flag-vi {
    background-position: -16px -165px
}
.flag-vn {
    background-position: -32px -165px
}
.flag-vu {
    background-position: -48px -165px
}
.flag-wales {
    background-position: -64px -165px
}
.flag-wf {
    background-position: -80px -165px
}
.flag-ws {
    background-position: -96px -165px
}
.flag-xk {
    background-position: -112px -165px
}
.flag-ye {
    background-position: -128px -165px
}
.flag-yt {
    background-position: -144px -165px
}
.flag-za {
    background-position: -160px -165px
}
.flag-zanzibar {
    background-position: -176px -165px
}
.flag-zm {
    background-position: -192px -165px
}
.flag-zw {
    background-position: -208px -165px
}
.flag-africa,.flag-asean,.flag-asia,.flag-concacaf,.flag-europe,.flag-oceania,.flag-south-america,.flag-world {
    background-position: -240px -165px
}
.flag-northern-ireland {
    background-position: -223px -176px
}
.slick-slide {
    height: unset !important;
}
@media (min-width: 1536px) {

  .container {
    max-width: 1330px !important;
  }
}
.seo-template-header.seo-template-header {
    display: block;
    box-sizing: content-box;
    max-height: 60px;
    overflow-y: auto;
    padding-right: 11px;
    line-height: 1.65;
    scrollbar-width: thin;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
.seo-template-header.seo-template-header::-webkit-scrollbar {
    width: 6px;
}
.seo-template-header.seo-template-header::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}
.seo-template-header.seo-template-header::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
/* ===== Breadcrumb (khớp JSON-LD BreadcrumbList) ===== */
.site-breadcrumb{
    padding: 0 12px;
    font-size: 12px;
    line-height: 18px;
    color: #888888;
}
.site-breadcrumb-list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-breadcrumb-item{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow-wrap: anywhere;
}
.site-breadcrumb-item + .site-breadcrumb-item::before{
    content: "\203A";
    color: #BBBBBB;
    font-size: 14px;
    line-height: 1;
}
.site-breadcrumb a{
    color: #555555;
    text-decoration: none;
}
.site-breadcrumb a:hover,
.site-breadcrumb a:focus-visible{
    color: #F86A0B;
    text-decoration: underline;
}
.site-breadcrumb [aria-current="page"]{
    color: #222222;
    font-weight: 700;
}
/* =============================================
   DARK MODE OVERRIDES
   Triggered by: html[data-theme="dark"]
   Palette: same as login dark theme
   ============================================= */
/* --- Page background --- */
[data-theme="dark"] #content {
    background: #121212;
}
[data-theme="dark"] body {
    background: #121212;
}
[data-theme="dark"] .gs-grid-head {
    background: #1a1a1a;
    border-color: rgba(255,255,255,0.08);
    color: #aaa;
}
/* --- Match Head Slider --- */
[data-theme="dark"] .list-match-head {
    background: #121212;
}
[data-theme="dark"] .box-match-between {
    background: #1d1d1d;
}
[data-theme="dark"] .match-date-heading {
    background: #1d1d1d;
    color: #fff;
}
[data-theme="dark"] .tour-match,
[data-theme="dark"] .percent-win {
    background: #2a2a2a;
}
[data-theme="dark"] .box-match-head:hover .tour-match,
[data-theme="dark"] .box-match-head:hover .percent-win {
    background: #333;
}
[data-theme="dark"] .name-tour span,
[data-theme="dark"] .percent-win span,
[data-theme="dark"] .time-match-head span,
[data-theme="dark"] .span-club-left,
[data-theme="dark"] .span-club-right {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .time-match-head .date-match-head {
    color: rgba(255, 255, 255, 0.62);
}
[data-theme="dark"] .list-match-head .slick-prev:before,
[data-theme="dark"] .list-match-head .slick-next:before {
    color: #fff;
}
/* --- Sidebar Navigation --- */
[data-theme="dark"] .sidebar-navigation {
    background: #1d1d1d;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .sidebar-navigation .title {
    background-color: #151515;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    color: #f5f5f5;
}
[data-theme="dark"] .sidebar-navigation ul li a {
    background: #151515;
    color: rgba(255, 255, 255, 0.86);
    border-left-color: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li:hover > a {
    background: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .sidebar-navigation ul li.selected:not(:has(> ul)) > a,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > a {
    background: linear-gradient(90deg, #B54900 0%, #000000 100%) !important;
    border-left-color: #F86A0B !important;
    color: #fff !important;
}
[data-theme="dark"] .sidebar-navigation ul li ul li a {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > a,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > a {
    background-color: #252525;
}
[data-theme="dark"] .sidebar-navigation ul li ul li.selected.selected--last > a {
    background-color: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
    color: #f5f5f5;
}
[data-theme="dark"] .sidebar-navigation ul li > .country-row-with-toggle {
    background: #151515;
    border-left-color: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li:hover > .country-row-with-toggle,
[data-theme="dark"] .sidebar-navigation ul li.selected > .country-row-with-toggle {
    background: #1d1d1d;
    border-top-color: rgba(255, 255, 255, 0.06);
    border-left-color: #F86A0B;
}
[data-theme="dark"] .sidebar-navigation ul li .country-parent-link,
[data-theme="dark"] .sidebar-navigation ul li:hover > .country-row-with-toggle .country-parent-link,
[data-theme="dark"] .sidebar-navigation ul li.selected > .country-row-with-toggle .country-parent-link {
    background: transparent;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .sidebar-navigation ul li ul li > .country-league-row {
    background: #151515;
}
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > .country-league-row,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > .country-league-row {
    background: #252525;
}
[data-theme="dark"] .sidebar-navigation ul li ul li > .country-league-row .country-league-link,
[data-theme="dark"] .sidebar-navigation ul li ul li:hover > .country-league-row .country-league-link,
[data-theme="dark"] .sidebar-navigation ul li ul li.selected > .country-league-row .country-league-link {
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .sidebar-navigation ul li ul li.selected.selected--last > .country-league-row {
    background: #1d1d1d;
}
[data-theme="dark"] .subMenuColor1 {
    background-color: #1d1d1d;
}
[data-theme="dark"] .subMenuColor1 li {
    border-left-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .subMenuColor2 {
    background-color: #151515;
}
/* --- Sidebar: Active prediction item (orange bg per Figma) --- */
[data-theme="dark"] .sidebar-navigation ul li.selected.selected--last > a.active-prediction,
[data-theme="dark"] .sidebar-navigation ul li a.active {
    background: linear-gradient(90deg, #B54900 0%, #000000 100%) !important;
    color: #fff !important;
    border-left-color: #F86A0B !important;
}
/* --- Sidebar Labels & Icons --- */
[data-theme="dark"] .icon-sidebar span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .name-tour-sidebar span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .number-sidebar span {
    color: #fff;
    background: #F57C00;
    box-shadow: 0 1px 2px rgba(248, 106, 11, 0.28);
}
[data-theme="dark"] .svg-star .svg-star-img {
    content: url("/images/icons/bookmark-star-dark.svg");
}
[data-theme="dark"] .svg-star.active .svg-star-img,
[data-theme="dark"] .svg-star:hover .svg-star-img,
[data-theme="dark"] .country-league-star.active .svg-star-img,
[data-theme="dark"] .country-league-star:hover .svg-star-img {
    content: url("/images/icons/bookmark-star-active.svg");
}
[data-theme="dark"] .row-side-flex em svg path {
    fill: rgba(255, 255, 255, 0.4);
}
[data-theme="dark"] .country-league-toggle svg path {
    fill: rgba(255, 255, 255, 0.4);
}
/* --- Predictions Table / Grid --- */
[data-theme="dark"] .box-grid-main,
[data-theme="dark"] .box-grid-main.live,
[data-theme="dark"] .box-grid-main.under-over,
[data-theme="dark"] .box-grid-main.under-over.btts,
[data-theme="dark"] .box-grid-main.htft {
    background: #151515 !important;
}
[data-theme="dark"] .box-grid-main:hover {
    background: #2a2019 !important;
}
[data-theme="dark"] .tour-center {
    background: #1d1d1d !important;
}
[data-theme="dark"] .match-date-divider {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .tour-center span,
[data-theme="dark"] .tour-center h2 {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .time-match-center span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .table-home span {
    color: rgba(255, 255, 255, 0.86);
}
/* --- Probability / Avg / Coef / Score cells — all use bg #F5F5F5 in light mode --- */
[data-theme="dark"] .probability-table {
    background: #1d1d1d !important;
}
[data-theme="dark"] .probability-table span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .avg-table,
[data-theme="dark"] .coef-table,
[data-theme="dark"] .score-table,
[data-theme="dark"] .live-coef-table {
    background: #1d1d1d !important;
}
[data-theme="dark"] .avg-table span,
[data-theme="dark"] .coef-table span,
[data-theme="dark"] .score-table span,
[data-theme="dark"] .live-coef-table span,
[data-theme="dark"] .box-avg-table span,
[data-theme="dark"] .box-coef-table span,
[data-theme="dark"] .box-score-table span,
[data-theme="dark"] .box-live-coef span,
[data-theme="dark"] .box-coef-table .avg-orange {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .metric-score .half-score-row,
[data-theme="dark"] .pred-table .mobile-pred-score {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .metric-score .score-main-box {
    background: #1d1d1d;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .metric-score .penalty-score-row {
    color: #ff9a3c;
}
[data-theme="dark"] .weather-table,
[data-theme="dark"] .weather-table div,
[data-theme="dark"] .weather-table span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .weather-table img {
    filter: invert(1) brightness(1.15);
    opacity: 0.78;
}
[data-theme="dark"] .box-correct-table,
[data-theme="dark"] .box-correct-table span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .pred-green span,
[data-theme="dark"] .pred-orange span,
[data-theme="dark"] .pred-yellow span {
    color: #fff;
}
[data-theme="dark"] .pred-table span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .pred-table .pred-green span,
[data-theme="dark"] .pred-table .pred-orange span,
[data-theme="dark"] .pred-table .pred-yellow span {
    color: #fff;
}
/* avg-black span inside dark mode */
[data-theme="dark"] .avg-black {
    color: rgba(255, 255, 255, 0.86) !important;
}
/* --- Live Coef Popup in table row --- */
[data-theme="dark"] .fixed-live-coef {
    background: #1d1d1d;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.35), 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] .head-fixed-live span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-row-fixed-1 {
    background: #2a2a2a;
}
[data-theme="dark"] .box-row-fixed-1 span,
[data-theme="dark"] .box-row-fixed-2 span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-row-fixed-2 {
    background: #151515;
    border-color: rgba(255, 255, 255, 0.14);
}
/* --- Regular Season / Standings --- */
[data-theme="dark"] .head-regular-season,
[data-theme="dark"] .box-regular-main {
    background: #151515;
}
[data-theme="dark"] .box-regular-main:hover,
[data-theme="dark"] .box-regular-main.hover\:bg-\[\#E7E7E7\]:hover {
    background: #242424 !important;
}
[data-theme="dark"] .name-overall span {
    color: #f5f5f5;
}
[data-theme="dark"] .overall-pts,
[data-theme="dark"] .overall-gp,
[data-theme="dark"] .overall-w,
[data-theme="dark"] .overall-d,
[data-theme="dark"] .overall-l,
[data-theme="dark"] .overall-plus {
    background: #2a2a2a;
}
[data-theme="dark"] .overall-pts:hover,
[data-theme="dark"] .overall-gp:hover,
[data-theme="dark"] .overall-w:hover,
[data-theme="dark"] .overall-d:hover,
[data-theme="dark"] .overall-l:hover,
[data-theme="dark"] .overall-plus:hover {
    background: #3a3a3a;
}
[data-theme="dark"] .overall-pts.active,
[data-theme="dark"] .overall-gp.active,
[data-theme="dark"] .overall-w.active,
[data-theme="dark"] .overall-d.active,
[data-theme="dark"] .overall-l.active,
[data-theme="dark"] .overall-plus.active {
    background: #F86A0B;
}
[data-theme="dark"] .overall-pts span,
[data-theme="dark"] .overall-gp span,
[data-theme="dark"] .overall-w span,
[data-theme="dark"] .overall-d span,
[data-theme="dark"] .overall-l span,
[data-theme="dark"] .overall-plus span,
[data-theme="dark"] .text-pts span,
[data-theme="dark"] .text-gp span,
[data-theme="dark"] .text-w span,
[data-theme="dark"] .text-d span,
[data-theme="dark"] .text-l span,
[data-theme="dark"] .text-plus span,
[data-theme="dark"] .number-regular span,
[data-theme="dark"] .span-club-regular span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .overall-pts.active span,
[data-theme="dark"] .overall-gp.active span,
[data-theme="dark"] .overall-w.active span,
[data-theme="dark"] .overall-d.active span,
[data-theme="dark"] .overall-l.active span,
[data-theme="dark"] .overall-plus.active span {
    color: #fff;
}
[data-theme="dark"] .head-regular-season .text-\[\#363636\] {
    color: rgba(255, 255, 255, 0.62) !important;
}
[data-theme="dark"] .border-left-green,
[data-theme="dark"] .border-left-yellow,
[data-theme="dark"] .border-left-red {
    background: linear-gradient(270deg, #151515 0%, #1a1a1a 100%);
}
/* --- Calendar (right sidebar) --- */
[data-theme="dark"] .calendar {
    background: #151515;
}
[data-theme="dark"] .cal-head h3,
[data-theme="dark"] .cal-head h4 {
    background: #1d1d1d;
    color: #f5f5f5;
}
[data-theme="dark"] .cal-head #prev,
[data-theme="dark"] .cal-head #next {
    background: #1d1d1d;
}
[data-theme="dark"] .cal-head #prev:before,
[data-theme="dark"] .cal-head #next:before {
    border-color: #f5f5f5;
}
[data-theme="dark"] .days li {
    color: rgba(255, 255, 255, 0.62);
}
[data-theme="dark"] .dates li span {
    background: #151515;
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .dates li.old span {
    background: transparent;
    color: rgba(255, 255, 255, 0.25);
}
[data-theme="dark"] .dates li.today span {
    background: #F86A0B;
    color: #FFFFFF;
}
[data-theme="dark"] .dates li.today.disabled span {
    opacity: 1;
}
/* --- Featured Match (right sidebar) --- */
[data-theme="dark"] .box-feature {
    background: #151515;
}
[data-theme="dark"] .span-feature-left,
[data-theme="dark"] .span-feature-right,
[data-theme="dark"] .tour-feature span {
    color: rgba(255, 255, 255, 0.72);
}
/* --- Derby Match Cards --- */
[data-theme="dark"] .box-derby-match {
    background: #151515;
}
[data-theme="dark"] .title-derby-match span {
    color: #f5f5f5;
}
[data-theme="dark"] .box-derby-in,
[data-theme="dark"] .box-derby-in-right {
    background: #1d1d1d;
}
[data-theme="dark"] .name-tour-card span,
[data-theme="dark"] .name-club-derby span,
[data-theme="dark"] .time-derby span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .line-dashed {
    border-top-color: rgba(255, 255, 255, 0.14);
}
/* --- Top Trend --- */
[data-theme="dark"] .top-trend,
[data-theme="dark"] .top-trend-right {
    background: #151515;
}
[data-theme="dark"] .top-trend-active {
    background: #1d1d1d;
}
[data-theme="dark"] .top-trend-active span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .top-trend-active.active {
    background: #333;
}
[data-theme="dark"] .top-trend-active.active span {
    color: #fff;
}
[data-theme="dark"] .brief-top-trend-right span,
[data-theme="dark"] .text-button-radio span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .home-top-trend-card {
    background: #191919;
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .home-top-trend-card:hover {
    border-color: rgba(248, 106, 11, 0.45);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
[data-theme="dark"] .button-radio-top-trend {
    background: #2a2a2a;
}
[data-theme="dark"] .button-radio-top-trend span {
    color: rgba(255, 255, 255, 0.86);
}
/* --- News / Content Boxes --- */
[data-theme="dark"] .box-news-2 {
    background: #151515;
}
[data-theme="dark"] .box-time-img {
    background: #1d1d1d;
}
[data-theme="dark"] .box-time-img span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .title-news-center span,
[data-theme="dark"] .brief-news-center span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .box-view-more {
    background: #151515;
    border: 1px solid #242424;
}
/* --- Page Title / Headings --- */
[data-theme="dark"] .title-head-center span,
[data-theme="dark"] .title-head-center h1,
[data-theme="dark"] .title-head-center h2,
[data-theme="dark"] .title-head-center h3 {
    color: #f5f5f5;
}
[data-theme="dark"] .brief-head-center span {
    color: rgba(255, 255, 255, 0.72);
}
/* --- View More / Content Text --- */
[data-theme="dark"] .data_more_less_body {
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .data_more_less_body p {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .seo-template-heading {
    color: rgba(255, 255, 255, 0.92);
}
[data-theme="dark"] .seo-template-header {
    color: rgba(255, 255, 255, 0.76);
}
[data-theme="dark"] .btn {
    color: #f5f5f5;
}
[data-theme="dark"] .data_more_less:not(.less_active):not(.action_disabled) .data_more_less_inner:after {
    background: linear-gradient(to bottom, rgba(21, 21, 21, 0) 0%, rgba(21, 21, 21, 1) 100%);
}
[data-theme="dark"] .content-footer {
    background: #151515;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .content-footer .data_more_less_body,
[data-theme="dark"] .content-footer p {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .content-footer h2,
[data-theme="dark"] .content-footer h3,
[data-theme="dark"] .content-footer strong {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .content-footer h2 {
    border-bottom-color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .content-footer a {
    color: #F79639;
}
[data-theme="dark"] .content-footer a:hover {
    color: #FFB066;
    border-bottom-color: #FFB066;
}
[data-theme="dark"] .content-footer a:visited {
    color: #D9822B;
}
[data-theme="dark"] .content-footer mark {
    background: rgba(247, 150, 57, 0.18);
    color: #FFB066;
}
[data-theme="dark"] .content-footer abbr[title] {
    text-decoration-color: rgba(255, 255, 255, 0.45);
}
[data-theme="dark"] .content-footer small {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .content-footer .rg-disclaimer {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .content-footer .more_less_action.btn {
    color: rgba(255, 255, 255, 0.92);
}
/* --- Select Box --- */
[data-theme="dark"] .select-box {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-country label {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-box__input:checked + .select-box__input-text {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .select-box__input-text {
    background-color: #151515;
}
[data-theme="dark"] .select-box__option {
    background-color: #151515;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .select-box__option:hover,
[data-theme="dark"] .select-box__option:focus {
    color: #F86A0B;
    background-color: #1d1d1d;
}
/* --- Custom Dots (Slick) --- */
[data-theme="dark"] .custom-dots li {
    background-color: rgba(255, 255, 255, 0.25);
}
/* --- Misc --- */
[data-theme="dark"] .line-row {
    background: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] .custom-check span,
[data-theme="dark"] .custom-check label {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] h1 {
    color: #f5f5f5;
}
/* --- Login extras --- */
[data-theme="dark"] .login-container .login-form .sign-in-seperator span,
[data-theme="dark"] .login-container .login-register .sign-in-seperator span {
    background: var(--surface-1);
}
[data-theme="dark"] .login-container .login-form .sign-in-seperator:after,
[data-theme="dark"] .login-container .login-register .sign-in-seperator:after {
    background: var(--border-1);
}
[data-theme="dark"] .login-container .login-form .google-login-button,
[data-theme="dark"] .login-container .login-register .google-login-button {
    color: rgba(255, 255, 255, 0.86);
    border-color: var(--border-1);
}
[data-theme="dark"] .login-container .body-text {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .login-container .logo-box img {
    content: url("/images/logo.png");
}
[data-theme="dark"] .login-register #country-trigger,
[data-theme="dark"] .login-register #country-panel,
[data-theme="dark"] .login-register #country-search,
[data-theme="dark"] .login-register .country-option {
    background: #1d1d1d !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .login-register #country-search::-moz-placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .login-register #country-search::placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .login-register .country-option:hover,
[data-theme="dark"] .login-register .country-option:focus {
    background: #2a2a2a !important;
    color: #F86A0B !important;
}
[data-theme="dark"] .login-register .login-form-group:has(> input)::before {
    background-color: rgba(255, 255, 255, 0.58);
}
/* --- Search SVG icon --- */
[data-theme="dark"] .input-box svg path {
    fill: #fff;
    stroke: transparent;
}
/* --- Scrollbar --- */
[data-theme="dark"] .box-regular-season--scroll {
    scrollbar-color: rgba(255, 255, 255, 0.32) #121212;
    scrollbar-width: thin;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-track {
    background: #121212;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.32);
    border: 2px solid #121212;
    border-radius: 999px;
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.46);
}
[data-theme="dark"] .box-regular-season--scroll::-webkit-scrollbar-corner {
    background: #121212;
}
/* =============================================
   TAILWIND INLINE CLASS OVERRIDES
   These use !important to override Tailwind utility classes
   that use hardcoded colors (bg-[#F9F9F9], text-[#222222] etc.)
   ============================================= */
/* --- Standings Table (popular_leagues/partials/standings-table) --- */
[data-theme="dark"] .standings-table-card {
    background: #151515 !important;
}
[data-theme="dark"] .standings-table-card table {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card thead th {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card thead th.sort-header {
    border-color: #151515 !important;
}
[data-theme="dark"] .standings-table-card tbody tr {
    background: #151515 !important;
    border-bottom-color: #1d1d1d !important;
}
[data-theme="dark"] .standings-table-card tbody tr:nth-child(even) {
    background: #1a1a1a !important;
}
[data-theme="dark"] .standings-table-card tbody tr:nth-child(odd) {
    background: #151515 !important;
}
[data-theme="dark"] .standings-table-card tbody tr[data-focus="1"] {
    background: linear-gradient(90deg, #3d2a10 0%, #151515 100%) !important;
}
[data-theme="dark"] .standings-table-card tbody td {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .standings-table-card tbody td .team-rank,
[data-theme="dark"] .standings-table-card tbody td span {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .standings-table-card .sort-cell {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .standings-table-card .sort-cell.font-bold {
    color: #f5f5f5 !important;
}
/* Standings header title bg */
[data-theme="dark"] .standings-table-card > div.bg-\[\#E7E7E7\],
[data-theme="dark"] .standings-table-card > .rounded-tl-lg {
    background: #1d1d1d !important;
    color: #f5f5f5 !important;
}
/* Sort header inactive state */
[data-theme="dark"] .standings-table-card .sort-header.bg-\[\#E7E7E7\] {
    background: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
/* Sort header active state */
[data-theme="dark"] .standings-table-card .sort-header.bg-\[\#222222\] {
    background: #F86A0B !important;
    color: #fff !important;
}
/* --- Tailwind bg-[#E7E7E7] global override (league section headers, badges etc) --- */
[data-theme="dark"] .bg-\[\#E7E7E7\] {
    background-color: #1d1d1d !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .bg-\[\#F9F9F9\] {
    background-color: #1a1a1a !important;
}
[data-theme="dark"] .bg-\[\#F2F2F2\] {
    background-color: #151515 !important;
}
[data-theme="dark"] .bg-\[\#F5F8FF\] {
    background-color: #121212 !important;
}
[data-theme="dark"] .bg-white {
    background-color: #151515 !important;
}
/* --- Tailwind text color overrides --- */
[data-theme="dark"] .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .text-\[\#363636\] {
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .text-\[\#222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .text-gray-500 {
    color: rgba(255, 255, 255, 0.5) !important;
}
/* --- Tailwind border-white override (table borders) --- */
[data-theme="dark"] .border-white {
    border-color: #1d1d1d !important;
}
/* --- News page (box-news-small and children) --- */
[data-theme="dark"] .box-news-small {
    background: #151515;
}
[data-theme="dark"] .box-small-news {
    background: #151515;
}
[data-theme="dark"] .news-down-1 {
    background: #151515;
}
[data-theme="dark"] .box-under-news {
    background: #151515;
}
[data-theme="dark"] .flex-news-down {
    background: #151515;
}
[data-theme="dark"] .article-body {
    background: #151515;
    color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .article-body h1,
[data-theme="dark"] .article-body h2,
[data-theme="dark"] .article-body h3,
[data-theme="dark"] .article-body strong,
[data-theme="dark"] .article-body .author-name,
[data-theme="dark"] .article-body td.team {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .article-body p,
[data-theme="dark"] .article-body tbody td {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .article-body > p:first-of-type,
[data-theme="dark"] .article-body .article-brief {
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .article-body h2 {
    border-bottom-color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .article-body a,
[data-theme="dark"] .article-body h4,
[data-theme="dark"] .article-body .author-role,
[data-theme="dark"] .article-body aside h3 {
    color: #F79639;
}
[data-theme="dark"] .article-body a:hover {
    color: #FFB066;
    border-bottom-color: #FFB066;
}
[data-theme="dark"] .article-body a:visited {
    color: #D9822B;
}
[data-theme="dark"] .article-body mark {
    background: rgba(247, 150, 57, 0.18);
    color: #FFB066;
}
[data-theme="dark"] .article-body small,
[data-theme="dark"] .article-body .article-meta,
[data-theme="dark"] .article-body figcaption,
[data-theme="dark"] .article-body blockquote cite,
[data-theme="dark"] .article-body address {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .article-body abbr[title] {
    text-decoration-color: rgba(255, 255, 255, 0.45);
}
[data-theme="dark"] .article-body blockquote,
[data-theme="dark"] .article-body aside {
    background: #1d1d1d;
    border-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .article-body blockquote {
    border-left-color: #F57C00;
}
[data-theme="dark"] .article-body blockquote p {
    color: rgba(255, 255, 255, 0.92);
}
[data-theme="dark"] .article-body figure img,
[data-theme="dark"] .article-body .article-hero img,
[data-theme="dark"] .article-body .news-detail-content img,
[data-theme="dark"] .article-body .table-wrap,
[data-theme="dark"] .article-body address,
[data-theme="dark"] .article-body tbody tr {
    border-color: rgba(255, 255, 255, 0.12);
}
[data-theme="dark"] .article-body thead {
    background: #242424;
}
[data-theme="dark"] .article-body thead th {
    color: rgba(255, 255, 255, 0.56);
}
[data-theme="dark"] .article-body tbody tr:hover {
    background: #1d1d1d;
}
[data-theme="dark"] .article-body .news-detail-content {
    border-top-color: rgba(255, 255, 255, 0.1);
}
/* --- Form table (popular_leagues/form) --- */
[data-theme="dark"] .bg-\[\#E7E7E7\].rounded-md,
[data-theme="dark"] .bg-\[\#E7E7E7\].rounded {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.86) !important;
}
/* --- League detail page tabs (Predictions, Trends, Standings, etc) --- */
[data-theme="dark"] .match-intro-box {
    background: #151515;
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .match-intro-title {
    background: #1d1d1d;
    color: rgba(255, 255, 255, 0.94);
}
[data-theme="dark"] .match-intro-body,
[data-theme="dark"] .match-intro-body p,
[data-theme="dark"] .match-intro-body li,
[data-theme="dark"] .match-intro-body span,
[data-theme="dark"] .match-intro-body div,
[data-theme="dark"] .seo-template-header,
[data-theme="dark"] .seo-template-header p,
[data-theme="dark"] .seo-template-header span,
[data-theme="dark"] .seo-template-header div,
[data-theme="dark"] .seo-template-header strong,
[data-theme="dark"] .seo-template-header em {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .seo-template-header a,
[data-theme="dark"] .seo-template-header a span {
    color: #F79639 !important;
}
[data-theme="dark"] .bg-\[\#F5F5F5\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] a.bg-\[\#F5F5F5\],
[data-theme="dark"] button.bg-\[\#F5F5F5\] {
    color: rgba(255, 255, 255, 0.72) !important;
}
/* --- Generic link text in dark mode --- */
[data-theme="dark"] a.text-\[\#222222\],
[data-theme="dark"] a.text-\[\#222\] {
    color: rgba(255, 255, 255, 0.86) !important;
}
/* --- Body bg-[#F5F8FF] (used in app3 layout) --- */
[data-theme="dark"] body.bg-\[\#F5F8FF\] {
    background-color: #121212 !important;
}
/* --- Popular Leagues Season Selector --- */
[data-theme="dark"] .bg-\[\#131313\] {
    background-color: #131313 !important;
}
[data-theme="dark"] select {
    background-color: #1d1d1d;
    color: rgba(255, 255, 255, 0.86);
    border-color: rgba(255, 255, 255, 0.14);
}
[data-theme="dark"] select option {
    background-color: #151515;
    color: rgba(255, 255, 255, 0.86);
}
/* --- Pagination (if any) --- */
[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
    color: rgba(255, 255, 255, 0.72);
}
[data-theme="dark"] .pagination .active span {
    background: #F86A0B;
    color: #fff;
}
/* --- Breadcrumb --- */
[data-theme="dark"] .breadcrumb {
    color: rgba(255, 255, 255, 0.62);
}
[data-theme="dark"] .breadcrumb a {
    color: rgba(255, 255, 255, 0.72);
}
/* --- Footer (already dark, ensure consistency) --- */
[data-theme="dark"] footer {
    background: #000;
}
[data-theme="dark"] .trust-box-section {
    background: #121212;
}
[data-theme="dark"] .trust-box {
    background: rgba(21, 21, 21, 0.86);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
}
[data-theme="dark"] .trust-box-head h2,
[data-theme="dark"] .trust-metric h3,
[data-theme="dark"] .trust-feature h3 {
    color: #f5f5f5;
}
[data-theme="dark"] .trust-box-head p,
[data-theme="dark"] .trust-metric p,
[data-theme="dark"] .trust-feature p,
[data-theme="dark"] .trust-box-foot {
    color: rgba(255, 255, 255, 0.68);
}
[data-theme="dark"] .trust-metric,
[data-theme="dark"] .trust-features {
    background: rgba(21, 21, 21, 0.78);
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .trust-metric i,
[data-theme="dark"] .trust-feature i {
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.82);
}
[data-theme="dark"] .trust-box-foot strong,
[data-theme="dark"] .trust-tags span {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] .trust-tags span {
    background: rgba(255, 255, 255, 0.08);
}
/* =============================================
   ADDITIONAL DARK MODE OVERRIDES
   Based on Figma design — covers Tailwind classes
   not caught by the generic overrides above
   ============================================= */
/* --- Tailwind border color overrides --- */
[data-theme="dark"] .border-\[\#E5E5E5\],
[data-theme="dark"] .border-\[\#DADADA\],
[data-theme="dark"] .border-\[\#E0E0E0\],
[data-theme="dark"] .border-\[\#ECECEC\],
[data-theme="dark"] .border-\[\#DDDDDD\] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* --- Tailwind bg overrides (light grays not yet covered) --- */
[data-theme="dark"] .bg-\[\#EFEFEF\] {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
[data-theme="dark"] .bg-\[\#ECECEC\] {
    background-color: #2a2a2a !important;
}
[data-theme="dark"] .hover\:bg-\[\#ECECEC\]:hover {
    background-color: #333 !important;
}
[data-theme="dark"] .hover\:bg-\[\#F5F5F5\]:hover {
    background-color: #2a2a2a !important;
}
/* --- Tailwind text color overrides (additional) --- */
[data-theme="dark"] .text-\[\#555555\],
[data-theme="dark"] .text-\[\#333333\],
[data-theme="dark"] .text-\[\#666666\],
[data-theme="dark"] .text-\[\#999999\] {
    color: rgba(255, 255, 255, 0.5) !important;
}
/* --- Search popup (js-cse-popup) --- */
[data-theme="dark"] #js-cse-popup .bg-white {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] #js-cse-popup .text-\[\#222222\] {
    color: #f5f5f5 !important;
}
[data-theme="dark"] #js-cse-popup .border-b {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
/* --- Load more / action buttons --- */
[data-theme="dark"] button.border-\[\#DADADA\],
[data-theme="dark"] a.border-\[\#DADADA\] {
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
/* --- FIFA ranking / International pages --- */
[data-theme="dark"] .border-\[\#E0E0E0\] {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] tr.js-fifa-row {
    background-color: #151515 !important;
}
[data-theme="dark"] tr.js-fifa-row:nth-child(even) {
    background-color: #1a1a1a !important;
}
/* --- Live score rows --- */
[data-theme="dark"] .js-live-match {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .bg-white.text-\[\#363636\] {
    background-color: #151515 !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
/* --- League Standings page: season select + "historical season" notice --- */
[data-theme="dark"] .ls-season-select {
    border-color: rgba(255, 255, 255, 0.15) !important;
}
[data-theme="dark"] .ls-season-notice {
    background: rgba(248, 106, 11, 0.12) !important;
    border-color: #F86A0B !important;
    color: #FFB870 !important;
}
/* --- Live score page: filter tabs bar --- */
[data-theme="dark"] .ls-filter-tabs {
    background: #1d1d1d !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .ls-filter-tab {
    color: rgba(255, 255, 255, 0.86) !important;
}
/* --- Live score page: league header row (nav links + mobile menu) --- */
[data-theme="dark"] .ls-league-links a {
    color: rgba(255, 255, 255, 0.6) !important;
}
[data-theme="dark"] .ls-league-links a:hover {
    color: #F86A0B !important;
}
[data-theme="dark"] .ls-league-menu-toggle span {
    background: rgba(255, 255, 255, 0.6) !important;
}
[data-theme="dark"] .ls-league-menu-dropdown {
    background: #1d1d1d !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .ls-league-menu-dropdown a {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .ls-league-menu-dropdown a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #F86A0B !important;
}
/* --- Live score page: row time/date/calendar icon (rất mờ trên nền tối vì màu chữ hardcode sáng) --- */
[data-theme="dark"] .ls-time-calendar {
    color: rgba(255, 255, 255, 0.5) !important;
}
[data-theme="dark"] .live-score-time {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .live-score-date {
    color: rgba(255, 255, 255, 0.5) !important;
}
/* --- Live score page: action icon buttons (prediction/preview/match-centre) --- */
[data-theme="dark"] .ls-action-icon {
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.6) !important;
}
[data-theme="dark"] .ls-action-icon:hover {
    border-color: #F86A0B !important;
    color: #F86A0B !important;
}
/* --- Player Statistics table --- */
[data-theme="dark"] .js-player-stats-group table,
[data-theme="dark"] .js-player-stats-group tbody,
[data-theme="dark"] .js-player-stats-group tbody tr,
[data-theme="dark"] .js-player-stats-group tbody td,
[data-theme="dark"] .js-player-stats-group tbody span {
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .js-player-stats-group tbody tr {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .js-player-stats-group tbody tr:nth-child(even) {
    background-color: #151515;
}
[data-theme="dark"] .js-player-stats-group tbody tr:nth-child(odd) {
    background-color: #121212;
}
[data-theme="dark"] .js-player-stats-group .bg-\[\#F5F5F5\].text-\[\#555555\] {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.72) !important;
}
/* --- Match commentary rows --- */
[data-theme="dark"] .bg-\[\#EFEFEF\].text-\[\#222222\],
[data-theme="dark"] .bg-\[\#EFEFEF\] {
    background-color: #1d1d1d !important;
}
/* --- Toggle switch: ensure orange ball visible in both modes --- */
[data-theme="dark"] .slider {
    background-color: #444;
}
[data-theme="dark"] input:checked + .slider {
    background-color: #222;
}
/* --- Match detail team comparison panel --- */
[data-theme="dark"] [data-team-comparison-root] {
    color: rgba(255, 255, 255, 0.86);
}
[data-theme="dark"] [data-team-comparison-root] .bg-white,
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#FFFFFF\],
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#FAFAFA\] {
    background-color: #151515 !important;
}
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E1E1E1\],
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E7E7E7\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] [data-team-comparison-root] .hover\:bg-\[\#F0F0F0\]:hover,
[data-theme="dark"] [data-team-comparison-root] .hover\:bg-\[\#F9F9F9\]:hover {
    background-color: #242424 !important;
}
[data-theme="dark"] [data-team-comparison-root] .text-\[\#222222\],
[data-theme="dark"] [data-team-comparison-root] .text-\[\#222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] [data-team-comparison-root] .text-\[\#777\],
[data-theme="dark"] [data-team-comparison-root] .text-\[\#8B8B8B\] {
    color: rgba(255, 255, 255, 0.56) !important;
}
[data-theme="dark"] [data-team-comparison-root] .border-\[\#EFEFEF\],
[data-theme="dark"] [data-team-comparison-root] .border-\[\#F0F0F0\],
[data-theme="dark"] [data-team-comparison-root] .border-\[\#F5F8FF\] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] [data-team-comparison-root] .divide-\[\#F0F0F0\] > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] [data-team-comparison-root] .bg-\[\#E7E7E7\].overflow-hidden,
[data-theme="dark"] [data-team-comparison-root] .h-2.bg-\[\#E7E7E7\] {
    background-color: #2a2a2a !important;
}
/* --- Match detail recent form summary --- */
[data-theme="dark"] .box-table-center .bg-\[\#EEF0F5\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] .box-table-center .bg-\[\#EEF0F5\] .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}
/* --- Team detail overall statistics --- */
[data-theme="dark"] .overall-stat-card {
    color: rgba(255, 255, 255, 0.84);
}
[data-theme="dark"] .overall-stat-card .bg-\[\#EEEEEE\] {
    background-color: #1d1d1d !important;
    color: rgba(255, 255, 255, 0.94) !important;
}
[data-theme="dark"] .overall-stat-card .border-\[\#F0F0F0\],
[data-theme="dark"] .overall-stat-card .border-\[\#F4F4F4\] {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] .overall-stat-card .text-\[\#666666\],
[data-theme="dark"] .overall-stat-card .text-\[\#333333\],
[data-theme="dark"] .overall-stat-card .text-\[\#222222\],
[data-theme="dark"] .overall-stat-card .overall-stat-panel,
[data-theme="dark"] .overall-stat-card .overall-stat-panel div {
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .overall-stat-card .text-\[\#F79639\] {
    color: #F79639 !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-tab {
    background-color: #151515;
    border-color: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.82) !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-tab.bg-black,
[data-theme="dark"] .overall-stat-card .overall-stat-tab.text-white {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}
[data-theme="dark"] .overall-stat-card .overall-stat-panel.bg-white {
    background-color: #151515 !important;
}
[data-theme="dark"] .overall-stat-card .bg-\[\#ECECEC\] {
    background-color: #2a2a2a !important;
}
/* --- Team detail home matches --- */
[data-theme="dark"] .team-home-card {
    color: rgba(255, 255, 255, 0.84);
}
[data-theme="dark"] .team-home-card .text-\[\#222222\],
[data-theme="dark"] .team-home-card table,
[data-theme="dark"] .team-home-card tbody,
[data-theme="dark"] .team-home-card tbody tr,
[data-theme="dark"] .team-home-card tbody td,
[data-theme="dark"] .team-home-card tbody td div {
    color: rgba(255, 255, 255, 0.86) !important;
}
[data-theme="dark"] .team-home-card .text-\[\#F79639\],
[data-theme="dark"] .team-home-card .text-\[\#F79639\] div {
    color: #F79639 !important;
}
[data-theme="dark"] .team-home-card .bg-\[\#E7E7E7\],
[data-theme="dark"] .team-home-card .bg-\[\#F0F0F0\] {
    background-color: #1d1d1d !important;
}
[data-theme="dark"] .team-home-card tbody tr {
    border-color: rgba(255, 255, 255, 0.12) !important;
}
[data-theme="dark"] .team-home-card .hover\:bg-\[\#E7E7E7\]:hover {
    background-color: #242424 !important;
}
/* --- Match center page --- */
[data-theme="dark"] .match-center-card {
    background-color: #1a1a1a;
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .match-center-card .match-lineup-title,
[data-theme="dark"] .match-center-card .team-name,
[data-theme="dark"] .match-center-card .text-\[\#222222\] {
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .match-highlight-item {
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .match-highlight-empty {
    color: rgba(255, 255, 255, 0.5);
}
[data-theme="dark"] .match-center-card .bg-\[\#E7E7E7\] {
    background-color: #2a2a2a !important;
}
[data-theme="dark"] .match-center-card .bg-\[\#EFEFEF\] {
    background-color: #242424 !important;
}
[data-theme="dark"] .match-center-card .player-name {
    background: #2a2a2a;
    color: #f97316;
}
/* --- Profile page --- */
[data-theme="dark"] .profile-card {
    background-color: #151515 !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.88);
}
[data-theme="dark"] .profile-card h1,
[data-theme="dark"] .profile-card .text-\[\#111827\],
[data-theme="dark"] .profile-card .text-\[\#374151\] {
    color: rgba(255, 255, 255, 0.9) !important;
}
[data-theme="dark"] .profile-card .text-\[\#4B5563\],
[data-theme="dark"] .profile-card .text-\[\#6B7280\] {
    color: rgba(255, 255, 255, 0.58) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-item {
    border-color: rgba(255, 255, 255, 0.16) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-toggle {
    background-color: #151515 !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-toggle:hover {
    background-color: #1f1f1f !important;
}
[data-theme="dark"] .profile-menu .js-profile-acc-panel {
    background-color: #1d1d1d !important;
    border-top-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 255, 255, 0.84) !important;
}
[data-theme="dark"] .profile-menu input {
    background-color: #121212 !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
[data-theme="dark"] .profile-menu input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .profile-menu input::placeholder {
    color: rgba(255, 255, 255, 0.42);
}
[data-theme="dark"] .profile-menu input[readonly] {
    background-color: #181818 !important;
}
[data-theme="dark"] .profile-menu .js-account-deletion-no {
    background-color: #2a2a2a !important;
    color: rgba(255, 255, 255, 0.88) !important;
}
/* Proof footer dark theme */
[data-theme=dark] .site-proof-footer{ background: #11151c; }
[data-theme=dark] .trust-box-section{ background: #11151c; border-top-color: rgba(255,255,255,.06); }
[data-theme=dark] .trust-box{ background: transparent; border: 0; box-shadow: none; }
[data-theme=dark] .trust-box-head h2,
[data-theme=dark] .trust-metric h3,
[data-theme=dark] .trust-feature h3{ color: #f2f5f9; }
[data-theme=dark] .trust-box-head p,
[data-theme=dark] .trust-metric p,
[data-theme=dark] .trust-feature p,
[data-theme=dark] .trust-box-foot{ color: rgba(255,255,255,.64); }
[data-theme=dark] .trust-metric,
[data-theme=dark] .trust-features{ background: #171c24; border-color: rgba(255,255,255,.09); box-shadow: 0 4px 16px rgba(0,0,0,.16); }
[data-theme=dark] .trust-metric-icon,
[data-theme=dark] .trust-feature svg{ color: #98a4b3; }
[data-theme=dark] .trust-box-foot strong,
[data-theme=dark] .trust-box-foot .trust-about{ color: rgba(255,255,255,.86); }
[data-theme=dark] .trust-box-foot .trust-age-notice{ border-top-color: rgba(255,255,255,.1); }
[data-theme=dark] .trust-box-foot a,
[data-theme=dark] .trust-metric a{ color: #8bb7f4; }
/* --- Breadcrumb --- */
[data-theme="dark"] .site-breadcrumb {
    color: rgba(255, 255, 255, 0.55);
}
[data-theme="dark"] .site-breadcrumb-item + .site-breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.35);
}
[data-theme="dark"] .site-breadcrumb a {
    color: rgba(255, 255, 255, 0.76);
}
[data-theme="dark"] .site-breadcrumb a:hover,
[data-theme="dark"] .site-breadcrumb a:focus-visible {
    color: #F79639;
}
[data-theme="dark"] .site-breadcrumb [aria-current="page"] {
    color: rgba(255, 255, 255, 0.92);
}
/* Responsive */
/* Tổng chiều cao phần header dính trên cùng ở mobile: topbar 54px + menu ngang
   38px. Mọi thứ neo/sticky dưới header phải dùng biến này, không hardcode. */
:root {
    --mobile-header-stack: 0px;
}
@media screen and (max-width: 767px) {
    :root {
        --mobile-header-stack: 92px;
    }
}
@media screen and (max-width: 500px) {
    .container{
        width: 100%;
    }
    .head-column{
        /*flex-wrap: wrap;*/
        justify-content: space-between;
        gap: 5px;
    }
    .input-box {
        height: 66px;
        width: 100%;
        margin: 0 8px;
    }
    .input-box svg {
        left: 12px;
        font-size: 25px;
    }
    .input-box input {
        padding: 10px;
    }
    .input-box .button {
        right: 12px;
        font-size: 14px;
        padding: 8px 18px;
        display: none;
    }
    .head-category{
        flex-direction: column;
        align-items: stretch;
        margin-left: 10px;
        margin-right: 10px;
    }
    .list-cate{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 4px;
        flex-wrap: nowrap;
    }
    .list-cate .mobile-hide{
        display: none;
    }
    .cate-ql-desktop{
        display: none !important;
    }
    .list-cate .mobile-keep{
        height: 40px;
        padding: 10px 8px;
        gap: 6px;
    }
    .list-cate .mobile-keep span{
        font-size: 13px;
    }
    .cate-ql-item{
        font-size: 12px;
        padding: 0 7px;
        gap: 4px;
    }
    .cate-ql-item svg{
        width: 15px;
        height: 15px;
    }

    /* Dark mode dropdown on mobile */
    .setting-head{
        position: relative;
    }
    .box-setting-head{
        top: calc(100% + 8px);
        right: 0;
        width: min(92vw, 320px);
        padding: 14px;
        gap: 12px;
        border-radius: 12px;
    }
    .span-dark-mode{
        font-size: 13px;
        line-height: 18px;
    }
    .theme-switch{
        width: 56px;
        height: 32px;
    }
    .slider:before{
        width: 24px;
        height: 24px;
        bottom: 4px;
        left: 4px;
    }
    input:checked + .slider:before{
        transform: translateX(24px);
    }

    /* Bar dropdown on mobile */
    .box-bar{
        width: min(92vw, 320px);
        right: 0;
    }

    /* Live / index: table odds owns horizontal scroll so headers and rows stay aligned */
    .box-table-center{
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        overflow: visible;
        -webkit-overflow-scrolling: touch;
    }
    .box-table-center .match-table-shell{
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }
    .box-table-center .match-table-head-scroll,
    .box-table-center .match-table-body-scroll{
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
    .box-table-center .match-table-head-scroll{
        position: sticky;
        /* Dính ngay dưới topbar + menu ngang, không thì bị 2 thanh đó che mất. */
        top: var(--mobile-header-stack, 0px);
        z-index: 20;
        scrollbar-width: none;
        /* iOS: element vừa sticky vừa có layer momentum riêng thì bị giật khi
           vuốt dọc. iOS 13+ cuộn ngang vẫn mượt mà không cần thuộc tính này. */
        -webkit-overflow-scrolling: auto;
    }
    .box-table-center .match-table-head-scroll::-webkit-scrollbar{
        display: none;
    }
    .box-table-center .box-list-content:hover{
        background: #131313;
    }
    .box-table-center .box-list-content.active,
    .box-table-center .box-list-content.active:hover{
        background: #3c3c3c;
    }
    .login-container .onboarding{
        display: none;
    }
    .login-container .login-form{
        width: 100%;
    }
    .login-container .login-register{
        width: 100%;
    }
    .login-out{
        padding: 20px 16px;
    }
    .footer-column{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    #footer .container{
        padding: 30px 10px;
    }
    .responsible-gaming-bar{
        gap: 14px;
        padding: 16px 0 18px;
    }
    .responsible-gaming-note{
        align-items: flex-start;
        gap: 8px;
    }
    .responsible-gaming-divider{
        display: none;
    }
    .responsible-gaming-disclaimer{
        flex-basis: 100%;
    }
    .responsible-gaming-links{
        align-items: stretch;
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
    }
    .responsible-gaming-link{
        justify-content: flex-start;
        min-height: 34px;
        width: 100%;
    }
    .trust-box-section{
        padding: 20px 10px 26px;
    }
    .trust-box{
        padding: 22px 14px 18px;
    }
    .trust-box-head h2{
        font-size: 22px;
        line-height: 28px;
    }
    .trust-box-head p{
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
    }
    .trust-metrics{
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 20px;
    }
    .trust-metric{
        min-height: 160px;
        padding: 18px 14px;
    }
    .trust-metric i{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .trust-metric strong{
        font-size: 30px;
        line-height: 36px;
    }
    .trust-features{
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 16px;
        padding: 16px 18px;
    }
    .trust-feature{
        align-items: flex-start;
    }
    .trust-tags{
        gap: 8px;
    }
    .trust-tags span{
        font-size: 11px;
        padding: 5px 12px;
    }

    .svg-note, .flex-sign-up, .svg-setting {
        height: 30px;
        padding: 5px;
        font-size: 10px !important;
    }

    .flex-language {
        padding: 0 12px;
        height: 30px;
    }

    .flex-sign-up span {
        font-size: 10px !important;
    }
}
.mobile-fixed-topbar,
.mobile-fixed-bottom-nav,
.mobile-calendar-popover,
.mobile-fixed-search-form {
    display: none;
}
@media screen and (max-width: 767px) {
    body {
        padding-top: var(--mobile-header-stack);
        padding-bottom: calc(68px + env(safe-area-inset-bottom));
    }

    #header {
        background: transparent;
        height: 0;
        overflow: visible;
        position: fixed;
        top: 0;
        z-index: 1210;
    }

    #header .container,
    #header .head,
    #header .head-column {
        height: 0;
        min-height: 0;
        overflow: visible;
        padding: 0;
    }

    #header .logo,
    #header .input-box,
    #header .mobile-search-toggle,
    #header .icon-note,
    #header .hamburger-menu-btn {
        display: none !important;
    }

    /* Menu ngang dưới topbar. Cao 38px = 70% topbar (54px), nền xám tách khỏi
       header đen, các item vượt bề rộng thì swipe ngang. */
    #header .head-category {
        background: #2A2A2A;
        display: block;
        height: 38px;
        left: 0;
        margin: 0;
        position: fixed;
        right: 0;
        top: 54px;
        z-index: 1199;
    }

    #header .head-category .list-cate {
        -webkit-overflow-scrolling: touch;
        height: 38px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        width: 100%;
    }

    #header .head-category .list-cate::-webkit-scrollbar {
        display: none;
    }

    #header .head-category .cate-quicklinks {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        height: 38px;
        padding: 0 6px;
    }

    #header .head-category .list-cate .mobile-keep {
        border-bottom: 2px solid transparent;
        flex: 0 0 auto;
        height: 38px;
        padding: 0 10px;
    }

    #header .head-category .list-cate .mobile-keep.active {
        border-bottom-color: #F86A0B;
    }

    #header .head-category .list-cate .mobile-keep span {
        font-size: 12px;
    }

    #header .setting-head {
        height: 0;
        position: fixed;
        right: 10px;
        top: 92px;
        width: 0;
        z-index: 1300;
    }

    #header .setting-head > .svg-setting {
        display: none !important;
    }

    #header .box-setting-head {
        position: fixed;
        right: 10px;
        top: 100px;
        width: min(92vw, 320px);
        z-index: 1301;
    }

    .mobile-fixed-topbar {
        align-items: center;
        background: #050505;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
        display: grid;
        grid-template-columns: 44px 1fr 92px;
        height: 54px;
        left: 0;
        padding: 0 12px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1200;
    }

    .mobile-top-logo {
        justify-self: center;
        max-width: 138px;
    }

    .mobile-top-logo img {
        display: block;
        max-height: 34px;
        width: auto;
    }

    .mobile-top-actions-right {
        align-items: center;
        display: flex;
        gap: 8px;
        justify-content: flex-end;
    }

    .mobile-top-action {
        align-items: center;
        background: #ffffff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
        display: flex;
        height: 32px;
        justify-content: center;
        padding: 0;
        width: 32px;
    }

    .mobile-top-action img {
        filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(94%) contrast(84%);
    }

    .mobile-top-action:hover img,
    .mobile-top-action:focus img {
        filter: invert(43%) sepia(88%) saturate(2401%) hue-rotate(344deg) brightness(100%) contrast(92%);
    }

    .mobile-calendar-popover {
        background: rgba(0, 0, 0, 0.42);
        bottom: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 92px;
        transition: opacity 0.16s ease;
        z-index: 1190;
    }

    .mobile-fixed-search-form {
        align-items: center;
        background: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 10px;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
        display: none;
        gap: 8px;
        left: 12px;
        padding: 8px 10px;
        position: fixed;
        right: 12px;
        top: 100px;
        z-index: 1210;
    }

    .mobile-fixed-search-form.is-open {
        display: flex;
    }

    .mobile-fixed-search-form input {
        background: transparent;
        border: 0;
        color: #222;
        flex: 1;
        font-size: 16px;
        height: 32px;
        min-width: 0;
        outline: 0;
        transform: scale(0.8125);
        transform-origin: left center;
        width: 123.08%;
    }

    .mobile-fixed-search-form button {
        background: #eb5b00;
        border: 0;
        border-radius: 7px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        height: 32px;
        padding: 0 12px;
    }

    .mobile-calendar-popover.is-open {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }

    .mobile-calendar-panel {
        background: #fff;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
        margin: 0 auto;
        max-width: 380px;
        padding: 8px 10px 12px;
        width: calc(100% - 24px);
    }

    .mobile-calendar-panel .box-calendar {
        width: 100%;
    }

    .mobile-calendar-panel .calendar {
        box-shadow: none;
    }

    .mobile-fixed-bottom-nav {
        align-items: center;
        background: #fff;
        border-top: 1px solid #e6e6e6;
        bottom: 0;
        box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.12);
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        height: calc(62px + env(safe-area-inset-bottom));
        left: 0;
        padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 1200;
    }

    .mobile-bottom-item {
        align-items: center;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: transparent;
        border: 0;
        color: #5f6368;
        display: flex;
        flex-direction: column;
        font-size: 11px;
        font-weight: 700;
        gap: 3px;
        justify-content: center;
        line-height: 14px;
        min-width: 0;
        padding: 2px 0;
        text-align: center;
        text-decoration: none;
    }

    .mobile-bottom-item img {
        filter: brightness(0) saturate(100%) invert(39%) sepia(6%) saturate(301%) hue-rotate(169deg) brightness(93%) contrast(88%);
        height: 22px;
        -o-object-fit: contain;
           object-fit: contain;
        width: 22px;
    }

    .mobile-bottom-item.is-active,
    .mobile-bottom-item:focus,
    .mobile-bottom-item:hover {
        color: #f04b2f;
    }

    .mobile-bottom-item.is-active img,
    .mobile-bottom-item:focus img,
    .mobile-bottom-item:hover img {
        filter: invert(43%) sepia(88%) saturate(2401%) hue-rotate(344deg) brightness(100%) contrast(92%);
    }

    .mobile-bottom-icon {
        color: #5f6368;
        height: 22px;
        position: relative;
        width: 22px;
    }

    .mobile-bottom-item.is-active .mobile-bottom-icon,
    .mobile-bottom-item:focus .mobile-bottom-icon,
    .mobile-bottom-item:hover .mobile-bottom-icon {
        color: #f04b2f;
    }

    .mobile-bottom-icon-home::before {
        border-bottom: 10px solid currentColor;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        left: 1px;
        position: absolute;
        top: 1px;
    }

    .mobile-bottom-icon-home::after {
        background: currentColor;
        border-radius: 2px 2px 1px 1px;
        bottom: 1px;
        content: "";
        height: 11px;
        left: 5px;
        position: absolute;
        width: 12px;
    }

    .mobile-bottom-icon-live::before {
        background: currentColor;
        border-radius: 50%;
        box-shadow: -8px 7px 0 currentColor, 8px 7px 0 currentColor;
        content: "";
        height: 7px;
        left: 8px;
        position: absolute;
        top: 2px;
        width: 7px;
    }

    .mobile-bottom-icon-live::after {
        border-top: 2px solid currentColor;
        box-shadow: 0 7px 0 currentColor;
        content: "";
        height: 10px;
        left: 4px;
        position: absolute;
        top: 8px;
        transform: rotate(-25deg);
        width: 16px;
    }

    .mobile-back-to-top {
        bottom: calc(76px + env(safe-area-inset-bottom));
    }

    [data-theme="dark"] .mobile-fixed-topbar,
    [data-theme="dark"] .mobile-top-action {
        background: #ffffff;
    }

    [data-theme="dark"] .mobile-fixed-topbar {
        background: #050505;
    }

    [data-theme="dark"] .mobile-top-action img {
        filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(94%) contrast(84%);
    }

    [data-theme="dark"] .mobile-fixed-bottom-nav,
    [data-theme="dark"] .mobile-calendar-panel,
    [data-theme="dark"] .mobile-fixed-search-form {
        background: #181818;
        border-color: rgba(255, 255, 255, 0.08);
    }

    [data-theme="dark"] .mobile-fixed-search-form input {
        color: rgba(255, 255, 255, 0.88);
    }

    [data-theme="dark"] .mobile-bottom-item {
        color: rgba(255, 255, 255, 0.72);
    }

    [data-theme="dark"] .mobile-bottom-item img {
        filter: brightness(0) saturate(100%) invert(86%) sepia(6%) saturate(151%) hue-rotate(179deg) brightness(91%) contrast(89%);
    }

    [data-theme="dark"] .mobile-bottom-icon {
        color: rgba(255, 255, 255, 0.72);
    }

    [data-theme="dark"] .mobile-bottom-item.is-active,
    [data-theme="dark"] .mobile-bottom-item:focus,
    [data-theme="dark"] .mobile-bottom-item:hover {
        color: #f04b2f;
    }

    [data-theme="dark"] .mobile-bottom-item.is-active img,
    [data-theme="dark"] .mobile-bottom-item:focus img,
    [data-theme="dark"] .mobile-bottom-item:hover img {
        filter: invert(43%) sepia(88%) saturate(2401%) hue-rotate(344deg) brightness(100%) contrast(92%);
    }

    [data-theme="dark"] .mobile-bottom-item.is-active .mobile-bottom-icon,
    [data-theme="dark"] .mobile-bottom-item:focus .mobile-bottom-icon,
    [data-theme="dark"] .mobile-bottom-item:hover .mobile-bottom-icon {
        color: #f04b2f;
    }
}
.mobile-search-toggle,
.mobile-header-search{
    display: none;
}
@media screen and (max-width: 767px) {
    .mobile-search-toggle{
        align-items: center;
        background: #131313;
        border-radius: 6px;
        cursor: pointer;
        display: flex !important;
        height: 30px;
        justify-content: center;
        padding: 0;
        width: 34px;
    }
    .mobile-search-toggle[aria-expanded="true"]{
        border-color: #F86A0B;
        box-shadow: 0 0 0 1px #F86A0B inset;
    }
    .mobile-header-search{
        box-sizing: border-box;
        display: block !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 10px;
        pointer-events: none;
        transform: translateY(-6px);
        transition: max-height 0.22s ease, opacity 0.18s ease, padding 0.22s ease, transform 0.22s ease;
        width: 100%;
    }
    .mobile-header-search.is-open{
        max-height: 54px;
        opacity: 1;
        padding: 8px 10px 0;
        pointer-events: auto;
        transform: translateY(0);
    }
    .mobile-header-search-inner{
        align-items: center;
        background: #131313;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 6px;
        box-sizing: border-box;
        display: flex;
        gap: 8px;
        height: 38px;
        padding: 0 8px 0 10px;
        width: 100%;
    }
    .mobile-header-search-inner input{
        background: transparent;
        border: 0;
        color: #fff;
        flex: 1 1 auto;
        font-size: 16px;
        height: 100%;
        min-width: 0;
        outline: none;
        transform: scale(0.8125);
        transform-origin: left center;
        width: 123.08%;
    }
    .mobile-header-search-inner input::-moz-placeholder{
        color: rgba(255, 255, 255, 0.52);
    }
    .mobile-header-search-inner input::placeholder{
        color: rgba(255, 255, 255, 0.52);
    }
    .mobile-header-search-inner button{
        background: #F86A0B;
        border: 0;
        border-radius: 5px;
        color: #fff;
        cursor: pointer;
        flex: 0 0 auto;
        font-size: 12px;
        font-weight: 700;
        height: 28px;
        padding: 0 12px;
    }
}
@media screen and (min-width: 768px) {
    .trust-metrics{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .trust-features{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 18px 28px;
    }
    .login-container .onboarding {
        display: flex;
    }
    .flex-sign-up.mobile {
        display: none ;
    }
}
@media screen and (min-width: 1200px) {
    .trust-metrics,
    .trust-features{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .trust-features{
        padding: 18px 28px;
    }
}
@media screen and (max-width: 767px) {
    html,
    body {
        max-width: 100%;
        overflow-x: clip;
    }

    #content .container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip;
    }

    .hamburger-menu-btn {
        display: none;
    }

    body.has-prediction-sidebar .hamburger-menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 10px;
        border: 0;
        background: transparent;
        cursor: pointer;
        box-sizing: border-box;
    }

    .nav-drawer-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.45);
    }

    body.has-prediction-sidebar.sidebar-nav-open .nav-drawer-backdrop {
        display: block;
    }

    body.has-prediction-sidebar.sidebar-nav-open {
        overflow: hidden;
    }

    body.has-prediction-sidebar .box-content .js-prediction-sidebar {
        position: fixed;
        top: var(--prediction-sidebar-top, 0px);
        left: 0;
        z-index: 1001;
        display: flex;
        flex-direction: column;
        gap: 15px;
        width: min(100vw, 300px);
        max-width: 90vw;
        height: calc(100dvh - var(--prediction-sidebar-top, 0px) - 62px - env(safe-area-inset-bottom));
        max-height: calc(100dvh - var(--prediction-sidebar-top, 0px) - 62px - env(safe-area-inset-bottom));
        padding: 12px 10px calc(20px + env(safe-area-inset-bottom));
        box-sizing: border-box;
        margin: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2);
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }

    html[data-theme="dark"] body.has-prediction-sidebar .box-content .js-prediction-sidebar {
        background: #131313;
    }

    body.has-prediction-sidebar.sidebar-nav-open .box-content .js-prediction-sidebar {
        transform: translateX(0);
    }

    .login-container {
        height: 100vh;
    }
    body.has-prediction-sidebar .box-content {
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        overflow-x: clip !important;
    }

    body.has-prediction-sidebar .table-right {
        display: none !important;
    }

    /* Prediction show page: full width, let child pred-scroll containers handle their own scroll */
    body.has-prediction-sidebar .table-center {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .mobile-back-to-top{
        align-items: center;
        background: #F86A0B;
        border: 1px solid rgba(255, 255, 255, 0.84);
        border-radius: 999px;
        bottom: 18px;
        box-shadow: 0 8px 22px rgba(248, 106, 11, 0.34), 0 4px 14px rgba(0, 0, 0, 0.22);
        color: #fff;
        cursor: pointer;
        display: flex;
        height: 42px;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 16px;
        transform: translateY(12px);
        transition: opacity 0.2s ease, transform 0.2s ease, background 0.18s ease, box-shadow 0.18s ease;
        width: 42px;
        z-index: 950;
    }
    .mobile-back-to-top.is-visible{
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
    }
    .mobile-back-to-top:active{
        background: #d95400;
        box-shadow: 0 4px 16px rgba(248, 106, 11, 0.28), 0 3px 10px rgba(0, 0, 0, 0.2);
        transform: translateY(1px);
    }
    .mobile-back-to-top svg{
        display: block;
        height: 16px;
        width: 16px;
    }

    .flex-sign-up.pc {
        display: none ;
    }

    /*.flex-sign-up.mobile {*/
    /*    display: none ;*/
    /*}*/
}
@media screen and (width: 768px) {
    .login-container .onboarding {
        order: 0;
    }
    .login-container .login-form {
        order: 1;
    }
    .login-container .login-register {
        order: 1;
    }
    .login-container {
        height: 100vh;
    }
}
@media screen and (max-width: 420px) {
    .login-container .login-form {
        padding: 20px;
    }
    .login-container .login-register {
        padding: 20px;
    }
    .login-container .login-form-group {
        margin-bottom: 16px;
    }
    .login-container {
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .box-derby {
        width: 100%;
        margin: 0;
    }
    .box-derby-match {
        border-radius: 12px;
        gap: 10px;
        padding: 12px;
    }
    .derby-carousel .box-derby {
        height: auto;
        min-width: 0;
        padding: 0 4px;
        width: 100%;
    }
    .derby-carousel .box-derby-in {
        gap: 6px;
        height: auto;
        min-height: 92px;
        padding: 8px 6px;
    }
    .derby-carousel .box-orange-derby {
        height: 28px;
        padding: 6px 8px;
    }
    .derby-carousel .name-club-derby-orange span,
    .derby-carousel .name-club-derby span {
        max-width: 30px;
    }
    .derby-carousel .slick-list {
        margin: 0;
    }
    .derby-carousel .slick-track {
        display: flex;
        align-items: stretch;
    }

    .home-top-trend-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .home-top-trend-card {
        padding: 8px;
        gap: 6px;
    }

    .home-top-trend-card .box-derby-in-right {
        min-height: 88px;
        padding: 8px 6px;
    }

    .home-top-trend-card .name-tour-card span {
        max-width: 104px;
        font-size: 11px;
    }

    .home-top-trend-card .name-club-derby span {
        max-width: 28px;
    }

    .home-top-trend-card .box-winless-derby {
        min-height: 28px;
        padding: 5px 6px;
    }

    .home-top-trend-card .box-winless-derby span,
    .home-top-trend-card .box-unbeaten-derby span {
        font-size: 11px;
        line-height: 16px;
    }

    .home-top-trend-card .brief-top-trend-right span {
        font-size: 12px;
        line-height: 1.35;
        -webkit-line-clamp: 2;
    }
}
.mobile-match-time {
    display: none;
}
@media screen and (max-width: 500px) {
    .box-table-center .match-table-head-scroll,
    .box-table-center .match-table-body-scroll {
        overflow-x: hidden;
    }

    .match-table-head-scroll .head-center,
    .match-table-body-scroll .box-content-table {
        min-width: 0 !important;
        width: 100% !important;
    }

    .match-table-shell .prediction-market-tabs,
    .match-table-shell .calendar-center {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        width: 100%;
    }

    .match-table-shell .prediction-market-tabs::-webkit-scrollbar,
    .match-table-shell .calendar-center::-webkit-scrollbar {
        display: none;
    }

    .league-primary-tabs-even .prediction-market-tabs,
    .league-primary-tabs-even .head-center > .list-head-content {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-left: 8px;
        padding-right: 8px;
    }

    .prediction-market-tabs {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .league-primary-tabs-even .prediction-market-tabs::-webkit-scrollbar,
    .league-primary-tabs-even .head-center > .list-head-content::-webkit-scrollbar {
        display: none;
    }

    .league-primary-tabs-even .prediction-market-tabs .box-list-content,
    .league-primary-tabs-even .head-center > .list-head-content .box-list-content {
        flex: 0 0 auto;
        min-width: 82px;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .league-primary-tabs-even .prediction-market-tabs .box-list-content span,
    .league-primary-tabs-even .head-center > .list-head-content .box-list-content span {
        width: -moz-max-content;
        width: max-content;
        max-width: none;
        overflow: visible;
        text-overflow: clip;
    }

    .match-table-shell .grid-head-center,
    .match-table-shell .box-grid-main,
    .match-table-shell .tour-center {
        min-width: 0 !important;
        width: 100% !important;
    }

    .grid-head-center,
    .grid-head-center.live,
    .grid-head-center.under-over,
    .grid-head-center.under-over.btts,
    .grid-head-center.handicap,
    .grid-head-center.htft,
    .grid-head-center.double-chance,
    .grid-head-center.dropping-odds,
    .box-grid-main,
    .box-grid-main.live,
    .box-grid-main.under-over,
    .box-grid-main.under-over.btts,
    .box-grid-main.handicap,
    .box-grid-main.htft,
    .box-grid-main.double-chance {
        display: grid;
        gap: 3px;
        grid-template-columns: 18px minmax(0, 1fr) 78px 28px 34px 30px 44px;
        grid-template-areas: "time teams prob pred coef status score";
    }

    .grid-head-center.dropping-odds,
    .box-grid-main.dropping-odds {
        grid-template-columns: 18px 86px 108px 27px 32px 28px minmax(42px, 1fr);
    }

    .dropping-odds-cells {
        gap: 2px;
    }

    .dropping-odd-cell {
        min-height: 44px;
        padding: 2px 1px;
    }

    .dropping-odd-current {
        font-size: 11px;
        line-height: 14px;
    }

    .dropping-coef-fractional .dropping-odd-current,
    .dropping-coef-american .dropping-odd-current {
        font-size: 9px;
    }

    .dropping-odd-opening {
        font-size: 9px;
        line-height: 11px;
    }

    .dropping-coef-fractional .dropping-odd-opening,
    .dropping-coef-american .dropping-odd-opening {
        font-size: 8px;
    }

    .dropping-odd-change {
        display: block;
        font-size: 7px;
        letter-spacing: -.2px;
        line-height: 9px;
    }

    .dropping-odd-change-amount {
        display: none;
    }

    .dropping-odd-tooltip {
        bottom: 78px;
        display: none !important;
        left: 16px;
        min-width: 0;
        padding: 12px 14px;
        position: fixed;
        right: 16px;
        top: auto;
        transform: none;
        width: auto;
        z-index: 1000;
    }

    .dropping-odd-tooltip::after {
        display: none;
    }

    .dropping-odd-tooltip strong,
    .dropping-odd-tooltip span {
        font-size: 13px;
        line-height: 19px;
    }

    .dropping-odds-mobile-popup {
        background: #fff;
        border: 1px solid #d7d7d7;
        border-radius: 8px;
        box-shadow: 0 8px 26px rgba(0, 0, 0, .28);
        left: 50%;
        max-width: 360px;
        padding: 28px 16px 16px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: calc(100vw - 32px);
        /* Phải cao hơn #header (1002) và mobile fixed nav (1200-1301),
           không thì phần đầu popup bị các thanh này đè lên. */
        z-index: 1400;
    }

    .dropping-odds-mobile-popup.is-open {
        display: block;
    }

    .dropping-odds-mobile-close {
        align-items: center;
        background: #eee;
        border: 0;
        border-radius: 3px;
        color: #333;
        display: flex;
        font-size: 18px;
        height: 20px;
        justify-content: center;
        line-height: 1;
        padding: 0;
        position: absolute;
        right: 12px;
        top: 10px;
        width: 20px;
    }

    .dropping-odds-mobile-title {
        color: #222;
        display: block;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 14px;
        padding-right: 14px;
    }

    .dropping-odds-mobile-grid {
        display: grid;
        gap: 4px;
        grid-template-columns: 64px repeat(3, minmax(0, 1fr));
    }

    .dropping-odds-mobile-grid > span,
    .dropping-odds-mobile-grid > strong {
        align-items: center;
        background: #f5f5f5;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        color: #333;
        display: flex;
        font-size: 11px;
        justify-content: center;
        line-height: 15px;
        min-height: 31px;
        padding: 3px;
        text-align: center;
    }

    .dropping-odds-mobile-grid > span.dropping-odd-increased {
        color: #079447;
    }

    .dropping-odds-mobile-grid > span.dropping-odd-unchanged {
        color: #d97706;
    }

    .dropping-odds-mobile-grid > span.dropping-odd-decreased {
        color: #d9342b;
    }

    .dropping-odds-mobile-grid small {
        color: inherit;
        font-size: 9px;
        line-height: 11px;
    }

    .dropping-odds-mobile-grid .dropping-mobile-change-value {
        flex-direction: column;
    }

    .dropping-mobile-change-value b {
        color: inherit;
        font-size: 11px;
        line-height: 13px;
    }

    .grid-head-center {
        align-items: end;
        padding: 7px 4px 6px;
    }

    .box-grid-main {
        align-items: center;
        background: #f4f4f4;
        border-bottom: 1px solid #e5e5e5;
        min-height: 72px;
        padding: 6px 4px;
    }

    .grid-head-center .null {
        grid-area: time;
    }

    .grid-head-center .home-away {
        grid-area: teams;
    }

    .grid-head-center .probability {
        grid-area: prob;
    }

    .grid-head-center .home-away,
    .grid-head-center .column-pred,
    .grid-head-center .column-coef,
    .grid-head-center .column-score {
        align-self: center;
    }

    .grid-head-center .column-pred {
        grid-area: pred;
    }

    .grid-head-center .column-coef {
        grid-area: coef;
    }

    .grid-head-center .column-score {
        grid-area: score;
    }

    .box-grid-main .time-match-center {
        grid-area: time;
    }

    .box-grid-main .home-away-main {
        grid-area: teams;
    }

    .box-grid-main .probability-table-main {
        grid-area: prob;
    }

    .box-grid-main .metric-pred {
        grid-area: pred;
        position: relative;
    }

    .box-grid-main .metric-coef {
        grid-area: coef;
    }

    .box-grid-main .metric-score {
        grid-area: score;
    }

    .grid-head-center.htft,
    .box-grid-main.htft {
        grid-template-columns: 18px minmax(0, 1fr) 40px 32px 32px 34px 28px 36px;
        grid-template-areas: "time teams prob pred predft coef status score";
    }

    .grid-head-center.htft .column-pred-ft,
    .box-grid-main.htft .metric-pred-ft {
        grid-area: predft;
    }

    .grid-head-center .column-active-match {
        grid-area: status;
    }

    .box-grid-main .active-table {
        grid-area: status;
    }

    .box-grid-main .active-table .span-ft {
        font-size: 11px;
        line-height: 14px;
    }

    .grid-head-center .column-correct,
    .grid-head-center .column-avg,
    .grid-head-center .column-live-coef,
    .grid-head-center .column-weather,
    .box-grid-main .correct-table,
    .box-grid-main .metric-avg,
    .box-grid-main .metric-live-coef,
    .box-grid-main .weather-table,
    .box-grid-main .metric-pred-ft {
        display: none !important;
    }

    .box-grid-main.htft .metric-pred-ft {
        display: flex !important;
    }

    .grid-head-center .home-away span,
    .grid-head-center .head-robability span,
    .grid-head-center .box-probability span,
    .grid-head-center .column-pred,
    .grid-head-center .column-coef,
    .grid-head-center .column-score {
        font-size: 11px;
        line-height: 14px;
    }

    .grid-head-center .box-probability {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }

    .grid-head-center .box-probability.under-over,
    .grid-head-center .box-probability.btts {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-head-center.htft .head-robability {
        display: none;
    }

    .grid-head-center.htft .column-pred span {
        font-size: 10px;
        line-height: 12px;
    }

    .grid-head-center.htft .box-probability {
        grid-template-columns: 1fr;
    }

    .box-grid-main.htft .box-probability-table {
        grid-template-columns: 1fr;
    }

    .grid-head-center.under-over,
    .box-grid-main.under-over {
        grid-template-columns: 18px minmax(0, 1fr) 64px 40px 34px 28px 34px;
    }

    .grid-head-center.double-chance,
    .box-grid-main.double-chance {
        grid-template-columns: 18px minmax(0, 1fr) 54px 32px 34px 28px 34px;
    }

    .grid-head-center.handicap,
    .box-grid-main.handicap {
        grid-template-columns: 18px minmax(0, 1fr) 38px 56px 34px 28px 34px;
    }

    .box-grid-main.handicap .box-probability-table {
        grid-template-columns: 1fr;
    }

    .grid-head-center.under-over .box-probability,
    .box-grid-main.under-over .box-probability-table {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .grid-head-center.double-chance .head-robability {
        display: none;
    }

    .grid-head-center.double-chance .box-probability,
    .box-grid-main.double-chance .box-probability-table {
        grid-template-columns: 1fr;
    }

    .grid-head-center.double-chance .probability-1 {
        display: block;
    }

    .grid-head-center.double-chance .probability-1 span {
        display: block;
        font-size: 9px;
        line-height: 11px;
        text-align: center;
        white-space: normal;
    }

    .time-match-center {
        gap: 0;
        justify-content: center;
        min-width: 0;
    }

    .time-match-center span,
    .time-match-center p {
        display: none;
        font-size: 11px;
        line-height: 13px;
    }

    .home-away-main {
        align-items: stretch;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .18);
        gap: 3px;
        min-height: 64px;
        min-width: 0;
        padding: 7px 8px 6px;
    }

    .home-away-main .table-home {
        min-width: 0;
        width: 100%;
    }

    .home-away-main .table-home span {
        color: #c91616;
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html[data-theme="dark"] .home-away-main {
        background: #1f1f1f;
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: none;
    }

    html[data-theme="dark"] .home-away-main .table-home span {
        color: #f2f2f2;
    }

    html[data-theme="dark"] .mobile-match-time {
        color: #9b9b9b;
    }

    .home-away-main .table-home img {
        flex: 0 0 14px;
        height: 14px;
        width: 14px;
    }

    .mobile-match-time {
        color: #888;
        display: block;
        font-size: 11px;
        line-height: 14px;
        /* Ngày + giờ chung 1 dòng ("2026-07-09 20:00") có thể tràn/sát mép khi tên đội dài
           ép cột hẹp lại — cho phép xuống dòng ở khoảng trắng giữa ngày và giờ thay vì ép 1 dòng. */
        white-space: normal;
    }

    .probability-table-main {
        gap: 3px;
        justify-content: stretch;
        min-width: 0;
        width: 100%;
    }

    .probability-table-main .box-probability-table {
        display: grid;
        gap: 3px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .probability-table-main .probability-table {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
        height: 24px;
        justify-content: center;
        min-width: 0;
        padding: 0;
        width: 100% !important;
    }

    .probability-table-main .probability-table span {
        font-size: 12px;
        line-height: 14px;
    }

    .probability-table-main .svg-up-green,
    .probability-table-main .svg-down-red {
        display: none;
    }

    .pred-table {
        align-items: center;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }

    .pred-table > div {
        align-items: center;
        border-radius: 999px;
        display: flex;
        height: 26px;
        justify-content: center;
        margin: 0 auto;
        min-width: 26px;
        padding: 0;
        width: 26px;
    }

    .box-grid-main.under-over .pred-table > div {
        border-radius: 4px;
        height: 24px;
        min-width: 40px;
        padding: 0 3px;
        width: 40px;
    }

    .box-grid-main.htft .pred-table > div {
        border-radius: 4px;
        height: 24px;
        min-width: 30px;
        padding: 0 3px;
        width: 30px;
    }

    .box-grid-main.handicap .pred-table > div {
        border-radius: 4px;
        height: 24px;
        min-width: 58px;
        padding: 0 3px;
        width: 58px;
    }

    .pred-table span {
        font-size: 12px;
        font-weight: 700;
        line-height: 26px;
    }

    .pred-table .mobile-pred-score {
        color: #222;
        display: block;
        font-size: 10px !important;
        font-weight: 700;
        line-height: 11px;
        max-width: 42px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        top: calc(50% + 14px);
    }

    .box-grid-main.under-over .pred-table span {
        font-size: 10px;
        line-height: 24px;
    }

    .box-grid-main.htft .pred-table span {
        font-size: 11px;
        line-height: 24px;
    }

    .box-grid-main.handicap .pred-table span {
        font-size: 9px;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .metric-coef,
    .metric-score {
        background: #fff;
        border-radius: 4px;
        box-sizing: border-box;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
        height: 24px;
        max-width: 100%;
        min-width: 0 !important;
        padding: 0 3px;
        width: 100%;
    }

    .metric-score {
        background: transparent;
        box-shadow: none;
        min-width: 44px !important;
        padding: 0;
        white-space: nowrap;
        /* Ghi đè height:24px cố định ở rule .metric-coef,.metric-score phía trên — 24px chỉ đủ
           cho 1 dòng score chính. Trận AET/Pen có thêm 1-2 dòng phụ (et-score/penalty/half-time)
           cần chiều cao tự giãn, nếu không flexbox sẽ ép các dòng phụ co lại còn ~5px, chữ vỡ. */
        height: auto;
        min-height: 24px;
    }

    .metric-score .score-main-box {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, .16);
        box-sizing: border-box;
        min-height: 24px;
        min-width: 44px;
        padding: 0 3px;
        width: 100%;
    }

    .metric-coef span,
    .metric-score span {
        font-size: 11px !important;
        line-height: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .metric-score .half-score-row,
    .metric-score .penalty-score-row,
    .metric-score .et-score-row,
    .metric-score .score-spacer-row {
        font-size: 11px !important;
        line-height: 9px;
    }

    /* score-main-box có nền trắng + shadow riêng (như 1 card nhỏ) — các dòng phụ nằm sát
       cạnh nó nhìn như dính vào viền. Thêm khoảng cách nhỏ 2 bên trên/dưới cho thoáng. */
    .metric-score .et-score-row,
    .metric-score .penalty-score-row,
    .metric-score .score-spacer-row {
        margin-bottom: 4px;
    }
    .metric-score .half-score-row {
        margin-top: 4px;
    }

    .box-grid-main.under-over .metric-coef span,
    .box-grid-main.under-over .metric-score span {
        font-size: 10px !important;
    }

    .tour-center {
        height: auto;
        margin-top: 6px;
        padding: 7px 8px;
    }

    .tour-center h2 {
        font-size: 12px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .match-date-divider {
        min-width: 0 !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 360px) {
    .grid-head-center,
    .grid-head-center.live,
    .grid-head-center.under-over,
    .grid-head-center.under-over.btts,
    .grid-head-center.handicap,
    .grid-head-center.htft,
    .grid-head-center.double-chance,
    .box-grid-main,
    .box-grid-main.live,
    .box-grid-main.under-over,
    .box-grid-main.under-over.btts,
    .box-grid-main.handicap,
    .box-grid-main.htft,
    .box-grid-main.double-chance {
        gap: 3px;
        grid-template-columns: 18px minmax(0, 1fr) 44px 26px 28px 24px 36px;
    }

    .grid-head-center.htft,
    .box-grid-main.htft {
        grid-template-columns: 18px minmax(0, 1fr) 34px 28px 28px 30px 22px 28px;
    }

    .grid-head-center.double-chance,
    .box-grid-main.double-chance {
        grid-template-columns: 18px minmax(0, 1fr) 46px 26px 28px 22px 28px;
    }

    .grid-head-center.handicap,
    .box-grid-main.handicap {
        grid-template-columns: 18px minmax(0, 1fr) 36px 48px 28px 22px 28px;
    }

    .box-grid-main.handicap .pred-table > div {
        min-width: 52px;
        width: 52px;
    }

    .box-grid-main.handicap .pred-table span {
        font-size: 9px !important;
    }

    .grid-head-center.under-over,
    .box-grid-main.under-over {
        grid-template-columns: 18px minmax(0, 1fr) 38px 34px 26px 22px 34px;
    }

    .box-grid-main.under-over .pred-table > div {
        min-width: 36px;
        width: 36px;
    }

    .home-away-main {
        padding-left: 6px;
        padding-right: 6px;
    }

    .home-away-main .table-home span,
    .probability-table-main .probability-table span,
    .pred-table span,
    .metric-coef span,
    .metric-score span {
        font-size: 11px !important;
    }
}
/* Proof footer responsive overrides */
@media screen and (max-width: 1199px) {
    .trust-box-container{ width: calc(100% - 32px); }
    .trust-features{ gap: 18px; }
}
@media screen and (max-width: 767px) {
    .trust-box-section{ padding: 32px 0 36px; }
    .trust-box-container{ width: calc(100% - 24px); }
    .trust-box{ padding: 0; }
    .trust-box-head h2{ font-size: 23px; line-height: 29px; }
    .trust-box-head p{ font-size: 11px; line-height: 17px; margin-top: 6px; }
    .trust-metrics{ grid-template-columns: 1fr; gap: 10px; margin-top: 23px; }
    .trust-metric{ min-height: 174px; padding: 18px 14px 16px; }
    .trust-metric-icon{ height: 24px; margin-bottom: 6px; width: 24px; }
    .trust-metric strong{ font-size: 29px; line-height: 35px; }
    .trust-features{ grid-template-columns: 1fr; gap: 15px; margin-top: 10px; padding: 17px 18px; }
    .trust-feature{ align-items: center; }
    .trust-box-foot{ margin-top: 23px; }
    .trust-box-foot .trust-about{ font-size: 12px; line-height: 17px; }
    .trust-box-foot p{ line-height: 16px; padding:0 10px; }
    .trust-box-foot .trust-age-notice{ font-size: 12px; line-height: 20px; }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .trust-box-section{ padding: 40px 0 44px; }
    .trust-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .trust-features{ grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .trust-metric,
    .trust-metric a span{ transition: none; }
    .trust-metric:hover{ transform: none; }
}
/* Breadcrumb: gọn hơn trên màn hình hẹp */
@media (max-width: 767px) {
    .site-breadcrumb {
        padding: 0 10px;
        font-size: 11px;
        line-height: 16px;
    }
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/slick-1.8.1/slick/ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    src: url('/slick-1.8.1/slick/fonts/slick.eot');
    src: url('/slick-1.8.1/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/slick-1.8.1/slick/fonts/slick.woff') format('woff'), url('/slick-1.8.1/slick/fonts/slick.ttf') format('truetype'), url('/slick-1.8.1/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}
.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}
.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
/*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
 */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.\!container{
    width: 100% !important;
}
.container{
    width: 100%;
}
@media (min-width: 640px){
    .\!container{
        max-width: 640px !important;
    }
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .\!container{
        max-width: 768px !important;
    }
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .\!container{
        max-width: 1024px !important;
    }
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .\!container{
        max-width: 1280px !important;
    }
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .\!container{
        max-width: 1536px !important;
    }
    .container{
        max-width: 1536px;
    }
}
.pointer-events-none{
    pointer-events: none;
}
.\!visible{
    visibility: visible !important;
}
.visible{
    visibility: visible;
}
.invisible{
    visibility: hidden;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.inset-0{
    inset: 0px;
}
.bottom-0{
    bottom: 0px;
}
.left-0{
    left: 0px;
}
.left-1\/2{
    left: 50%;
}
.right-0{
    right: 0px;
}
.top-0{
    top: 0px;
}
.top-full{
    top: 100%;
}
.z-10{
    z-index: 10;
}
.z-20{
    z-index: 20;
}
.z-\[9999\]{
    z-index: 9999;
}
.col-span-1{
    grid-column: span 1 / span 1;
}
.col-span-2{
    grid-column: span 2 / span 2;
}
.col-span-3{
    grid-column: span 3 / span 3;
}
.col-span-4{
    grid-column: span 4 / span 4;
}
.col-span-6{
    grid-column: span 6 / span 6;
}
.m-0{
    margin: 0px;
}
.mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.mb-0{
    margin-bottom: 0px;
}
.mb-1{
    margin-bottom: 0.25rem;
}
.mb-10{
    margin-bottom: 2.5rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.mb-\[2px\]{
    margin-bottom: 2px;
}
.ml-1{
    margin-left: 0.25rem;
}
.mr-1{
    margin-right: 0.25rem;
}
.mt-1{
    margin-top: 0.25rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.mt-3{
    margin-top: 0.75rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-8{
    margin-top: 2rem;
}
.box-content{
    box-sizing: content-box;
}
.line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.line-clamp-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.inline-flex{
    display: inline-flex;
}
.table{
    display: table;
}
.\!grid{
    display: grid !important;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.hidden{
    display: none;
}
.h-0{
    height: 0px;
}
.h-10{
    height: 2.5rem;
}
.h-12{
    height: 3rem;
}
.h-16{
    height: 4rem;
}
.h-2{
    height: 0.5rem;
}
.h-2\.5{
    height: 0.625rem;
}
.h-20{
    height: 5rem;
}
.h-24{
    height: 6rem;
}
.h-3{
    height: 0.75rem;
}
.h-3\.5{
    height: 0.875rem;
}
.h-4{
    height: 1rem;
}
.h-5{
    height: 1.25rem;
}
.h-6{
    height: 1.5rem;
}
.h-7{
    height: 1.75rem;
}
.h-8{
    height: 2rem;
}
.h-9{
    height: 2.25rem;
}
.h-\[110px\]{
    height: 110px;
}
.h-\[12px\]{
    height: 12px;
}
.h-\[220px\]{
    height: 220px;
}
.h-\[2px\]{
    height: 2px;
}
.h-\[42px\]{
    height: 42px;
}
.h-\[80vh\]{
    height: 80vh;
}
.h-\[9px\]{
    height: 9px;
}
.h-full{
    height: 100%;
}
.h-px{
    height: 1px;
}
.max-h-56{
    max-height: 14rem;
}
.min-h-screen{
    min-height: 100vh;
}
.w-0{
    width: 0px;
}
.w-1{
    width: 0.25rem;
}
.w-10{
    width: 2.5rem;
}
.w-12{
    width: 3rem;
}
.w-14{
    width: 3.5rem;
}
.w-16{
    width: 4rem;
}
.w-2\.5{
    width: 0.625rem;
}
.w-20{
    width: 5rem;
}
.w-24{
    width: 6rem;
}
.w-3{
    width: 0.75rem;
}
.w-3\.5{
    width: 0.875rem;
}
.w-4{
    width: 1rem;
}
.w-5{
    width: 1.25rem;
}
.w-6{
    width: 1.5rem;
}
.w-7{
    width: 1.75rem;
}
.w-8{
    width: 2rem;
}
.w-9{
    width: 2.25rem;
}
.w-\[10\%\]{
    width: 10%;
}
.w-\[100px\]{
    width: 100px;
}
.w-\[120px\]{
    width: 120px;
}
.w-\[14\%\]{
    width: 14%;
}
.w-\[260px\]{
    width: 260px;
}
.w-\[35px\]{
    width: 35px;
}
.w-\[38\%\]{
    width: 38%;
}
.w-\[40px\]{
    width: 40px;
}
.w-\[42px\]{
    width: 42px;
}
.w-\[50px\]{
    width: 50px;
}
.w-\[52px\]{
    width: 52px;
}
.w-\[60px\]{
    width: 60px;
}
.w-\[70px\]{
    width: 70px;
}
.w-\[72px\]{
    width: 72px;
}
.w-\[80px\]{
    width: 80px;
}
.w-\[90px\]{
    width: 90px;
}
.w-fit{
    width: -moz-fit-content;
    width: fit-content;
}
.w-full{
    width: 100%;
}
.min-w-0{
    min-width: 0px;
}
.min-w-9{
    min-width: 2.25rem;
}
.min-w-\[100px\]{
    min-width: 100px;
}
.min-w-\[120px\]{
    min-width: 120px;
}
.min-w-\[130px\]{
    min-width: 130px;
}
.min-w-\[200px\]{
    min-width: 200px;
}
.min-w-\[44px\]{
    min-width: 44px;
}
.min-w-\[45px\]{
    min-width: 45px;
}
.min-w-\[600px\]{
    min-width: 600px;
}
.min-w-full{
    min-width: 100%;
}
.max-w-\[1000px\]{
    max-width: 1000px;
}
.max-w-\[430px\]{
    max-width: 430px;
}
.max-w-\[520px\]{
    max-width: 520px;
}
.max-w-\[700px\]{
    max-width: 700px;
}
.max-w-xl{
    max-width: 36rem;
}
.flex-1{
    flex: 1 1 0%;
}
.flex-shrink{
    flex-shrink: 1;
}
.flex-shrink-0{
    flex-shrink: 0;
}
.shrink-0{
    flex-shrink: 0;
}
.flex-grow{
    flex-grow: 1;
}
.table-fixed{
    table-layout: fixed;
}
.-translate-x-1\/2{
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[2px\]{
    --tw-translate-y: 2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90{
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
    cursor: pointer;
}
.resize{
    resize: both;
}
.scroll-mt-20{
    scroll-margin-top: 5rem;
}
.list-disc{
    list-style-type: disc;
}
.grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1fr_1fr_minmax\(0\2c 1\.4fr\)_1fr_1fr\]{
    grid-template-columns: 1fr 1fr minmax(0,1.4fr) 1fr 1fr;
}
.grid-cols-\[1fr_auto_1fr\]{
    grid-template-columns: 1fr auto 1fr;
}
.flex-row{
    flex-direction: row;
}
.flex-row-reverse{
    flex-direction: row-reverse;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.items-center{
    align-items: center;
}
.justify-start{
    justify-content: flex-start;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-evenly{
    justify-content: space-evenly;
}
.gap-1{
    gap: 0.25rem;
}
.gap-1\.5{
    gap: 0.375rem;
}
.gap-10{
    gap: 2.5rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-2\.5{
    gap: 0.625rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-4{
    gap: 1rem;
}
.gap-5{
    gap: 1.25rem;
}
.gap-6{
    gap: 1.5rem;
}
.gap-x-5{
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
}
.gap-y-2{
    row-gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-\[\#EFEFEF\] > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-divide-opacity, 1));
}
.divide-\[\#F0F0F0\] > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(240 240 240 / var(--tw-divide-opacity, 1));
}
.overflow-auto{
    overflow: auto;
}
.overflow-hidden{
    overflow: hidden;
}
.overflow-x-auto{
    overflow-x: auto;
}
.overflow-y-auto{
    overflow-y: auto;
}
.truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.text-nowrap{
    text-wrap: nowrap;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-\[10px\]{
    border-radius: 10px;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-lg{
    border-radius: 0.5rem;
}
.rounded-md{
    border-radius: 0.375rem;
}
.rounded-sm{
    border-radius: 0.125rem;
}
.rounded-xl{
    border-radius: 0.75rem;
}
.rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
}
.rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
}
.rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
}
.rounded-br-md{
    border-bottom-right-radius: 0.375rem;
}
.rounded-tl-lg{
    border-top-left-radius: 0.5rem;
}
.rounded-tl-md{
    border-top-left-radius: 0.375rem;
}
.rounded-tl-xl{
    border-top-left-radius: 0.75rem;
}
.rounded-tr-lg{
    border-top-right-radius: 0.5rem;
}
.rounded-tr-md{
    border-top-right-radius: 0.375rem;
}
.rounded-tr-xl{
    border-top-right-radius: 0.75rem;
}
.border{
    border-width: 1px;
}
.border-0{
    border-width: 0px;
}
.border-x-\[7px\]{
    border-left-width: 7px;
    border-right-width: 7px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-b-2{
    border-bottom-width: 2px;
}
.border-b-4{
    border-bottom-width: 4px;
}
.border-b-\[7px\]{
    border-bottom-width: 7px;
}
.border-b-\[8px\]{
    border-bottom-width: 8px;
}
.border-l-4{
    border-left-width: 4px;
}
.border-l-\[5px\]{
    border-left-width: 5px;
}
.border-r{
    border-right-width: 1px;
}
.border-r-4{
    border-right-width: 4px;
}
.border-r-\[5px\]{
    border-right-width: 5px;
}
.border-t{
    border-top-width: 1px;
}
.border-t-0{
    border-top-width: 0px;
}
.border-t-\[7px\]{
    border-top-width: 7px;
}
.border-\[\#A8A8A8\]{
    --tw-border-opacity: 1;
    border-color: rgb(168 168 168 / var(--tw-border-opacity, 1));
}
.border-\[\#D1D5DB\]{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-\[\#DADADA\]{
    --tw-border-opacity: 1;
    border-color: rgb(218 218 218 / var(--tw-border-opacity, 1));
}
.border-\[\#DDDDDD\]{
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.border-\[\#E0E0E0\]{
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}
.border-\[\#E5E5E5\]{
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-\[\#E5E7EB\]{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-\[\#E7E7E7\]{
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity, 1));
}
.border-\[\#E8ECF4\]{
    --tw-border-opacity: 1;
    border-color: rgb(232 236 244 / var(--tw-border-opacity, 1));
}
.border-\[\#EB5B00\]{
    --tw-border-opacity: 1;
    border-color: rgb(235 91 0 / var(--tw-border-opacity, 1));
}
.border-\[\#ECECEC\]{
    --tw-border-opacity: 1;
    border-color: rgb(236 236 236 / var(--tw-border-opacity, 1));
}
.border-\[\#EFEFEF\]{
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
}
.border-\[\#F0F0F0\]{
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}
.border-\[\#F4F4F4\]{
    --tw-border-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-border-opacity, 1));
}
.border-\[\#F5F8FF\]{
    --tw-border-opacity: 1;
    border-color: rgb(245 248 255 / var(--tw-border-opacity, 1));
}
.border-\[\#F79639\]{
    --tw-border-opacity: 1;
    border-color: rgb(247 150 57 / var(--tw-border-opacity, 1));
}
.border-\[\#F86A0B\]{
    --tw-border-opacity: 1;
    border-color: rgb(248 106 11 / var(--tw-border-opacity, 1));
}
.border-\[\#FFFFFF\]{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-\[\#f5f8ff\]{
    --tw-border-opacity: 1;
    border-color: rgb(245 248 255 / var(--tw-border-opacity, 1));
}
.border-black\/60{
    border-color: rgb(0 0 0 / 0.6);
}
.border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-orange-500{
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-transparent{
    border-color: transparent;
}
.border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-x-transparent{
    border-left-color: transparent;
    border-right-color: transparent;
}
.border-b-\[\#EB5B00\]{
    --tw-border-opacity: 1;
    border-bottom-color: rgb(235 91 0 / var(--tw-border-opacity, 1));
}
.border-b-\[\#F86A0B\]{
    --tw-border-opacity: 1;
    border-bottom-color: rgb(248 106 11 / var(--tw-border-opacity, 1));
}
.border-l-transparent{
    border-left-color: transparent;
}
.border-r-transparent{
    border-right-color: transparent;
}
.bg-\[\#009246\]{
    --tw-bg-opacity: 1;
    background-color: rgb(0 146 70 / var(--tw-bg-opacity, 1));
}
.bg-\[\#111827\]{
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#131313\]{
    --tw-bg-opacity: 1;
    background-color: rgb(19 19 19 / var(--tw-bg-opacity, 1));
}
.bg-\[\#141414\]{
    --tw-bg-opacity: 1;
    background-color: rgb(20 20 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#222222\]{
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6F6F6F\]{
    --tw-bg-opacity: 1;
    background-color: rgb(111 111 111 / var(--tw-bg-opacity, 1));
}
.bg-\[\#818181\]{
    --tw-bg-opacity: 1;
    background-color: rgb(129 129 129 / var(--tw-bg-opacity, 1));
}
.bg-\[\#BDBDBD\]{
    --tw-bg-opacity: 1;
    background-color: rgb(189 189 189 / var(--tw-bg-opacity, 1));
}
.bg-\[\#CF3627\]{
    --tw-bg-opacity: 1;
    background-color: rgb(207 54 39 / var(--tw-bg-opacity, 1));
}
.bg-\[\#D43B2A\]{
    --tw-bg-opacity: 1;
    background-color: rgb(212 59 42 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E0E0E0\]{
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E1E1E1\]{
    --tw-bg-opacity: 1;
    background-color: rgb(225 225 225 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E5E7EB\]{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E7E7E7\]{
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EB5B00\]{
    --tw-bg-opacity: 1;
    background-color: rgb(235 91 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ECECEC\]{
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEEEEE\]{
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEF0F5\]{
    --tw-bg-opacity: 1;
    background-color: rgb(238 240 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EFEFEF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F0F0F0\]{
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F2F2F2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F3F3F3\]{
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F5F5\]{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F5F8FF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(245 248 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F79639\]{
    --tw-bg-opacity: 1;
    background-color: rgb(247 150 57 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F86A0B\]{
    --tw-bg-opacity: 1;
    background-color: rgb(248 106 11 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9F9F9\]{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F9FAFB\]{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FAFAFA\]{
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFA755\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 167 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFF4E5\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 244 229 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-black{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/60{
    background-color: rgb(0 0 0 / 0.6);
}
.bg-green-500{
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-transparent{
    background-color: transparent;
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-400{
    --tw-bg-opacity: 1;
    background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#F79639\]{
    --tw-gradient-from: #F79639 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(247 150 57 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#CF3627\]{
    --tw-gradient-to: #CF3627 var(--tw-gradient-to-position);
}
.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}
.p-0{
    padding: 0px;
}
.p-1{
    padding: 0.25rem;
}
.p-2{
    padding: 0.5rem;
}
.p-3{
    padding: 0.75rem;
}
.p-4{
    padding: 1rem;
}
.p-6{
    padding: 1.5rem;
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.px-1\.5{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.px-14{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}
.py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}
.py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.pb-1{
    padding-bottom: 0.25rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pb-3{
    padding-bottom: 0.75rem;
}
.pb-4{
    padding-bottom: 1rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pb-8{
    padding-bottom: 2rem;
}
.pl-1{
    padding-left: 0.25rem;
}
.pl-2{
    padding-left: 0.5rem;
}
.pl-4{
    padding-left: 1rem;
}
.pl-5{
    padding-left: 1.25rem;
}
.pr-1{
    padding-right: 0.25rem;
}
.pr-10{
    padding-right: 2.5rem;
}
.pr-2{
    padding-right: 0.5rem;
}
.pt-1{
    padding-top: 0.25rem;
}
.pt-10{
    padding-top: 2.5rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pt-3{
    padding-top: 0.75rem;
}
.pt-4{
    padding-top: 1rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.align-baseline{
    vertical-align: baseline;
}
.align-middle{
    vertical-align: middle;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[10px\]{
    font-size: 10px;
}
.text-\[11px\]{
    font-size: 11px;
}
.text-\[12px\]{
    font-size: 12px;
}
.text-\[13px\]{
    font-size: 13px;
}
.text-\[14px\]{
    font-size: 14px;
}
.text-\[15px\]{
    font-size: 15px;
}
.text-\[16px\]{
    font-size: 16px;
}
.text-\[17px\]{
    font-size: 17px;
}
.text-\[18px\]{
    font-size: 18px;
}
.text-\[20px\]{
    font-size: 20px;
}
.text-\[22px\]{
    font-size: 22px;
}
.text-\[28px\]{
    font-size: 28px;
}
.text-\[31px\]{
    font-size: 31px;
}
.text-\[44px\]{
    font-size: 44px;
}
.text-\[9px\]{
    font-size: 9px;
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-black{
    font-weight: 900;
}
.font-bold{
    font-weight: 700;
}
.font-medium{
    font-weight: 500;
}
.font-normal{
    font-weight: 400;
}
.font-semibold{
    font-weight: 600;
}
.uppercase{
    text-transform: uppercase;
}
.italic{
    font-style: italic;
}
.tabular-nums{
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-4{
    line-height: 1rem;
}
.leading-5{
    line-height: 1.25rem;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-\[14px\]{
    line-height: 14px;
}
.leading-\[20px\]{
    line-height: 20px;
}
.leading-\[21px\]{
    line-height: 21px;
}
.leading-\[40px\]{
    line-height: 40px;
}
.leading-none{
    line-height: 1;
}
.leading-relaxed{
    line-height: 1.625;
}
.leading-tight{
    line-height: 1.25;
}
.tracking-tight{
    letter-spacing: -0.025em;
}
.tracking-wide{
    letter-spacing: 0.025em;
}
.text-\[\#009246\]{
    --tw-text-opacity: 1;
    color: rgb(0 146 70 / var(--tw-text-opacity, 1));
}
.text-\[\#0E8F67\]{
    --tw-text-opacity: 1;
    color: rgb(14 143 103 / var(--tw-text-opacity, 1));
}
.text-\[\#111111\]{
    --tw-text-opacity: 1;
    color: rgb(17 17 17 / var(--tw-text-opacity, 1));
}
.text-\[\#111827\]{
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-\[\#202020\]{
    --tw-text-opacity: 1;
    color: rgb(32 32 32 / var(--tw-text-opacity, 1));
}
.text-\[\#222222\]{
    --tw-text-opacity: 1;
    color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}
.text-\[\#333333\]{
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-\[\#363636\]{
    --tw-text-opacity: 1;
    color: rgb(54 54 54 / var(--tw-text-opacity, 1));
}
.text-\[\#374151\]{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-\[\#3C78C6\]{
    --tw-text-opacity: 1;
    color: rgb(60 120 198 / var(--tw-text-opacity, 1));
}
.text-\[\#444444\]{
    --tw-text-opacity: 1;
    color: rgb(68 68 68 / var(--tw-text-opacity, 1));
}
.text-\[\#4B5563\]{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-\[\#555555\]{
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}
.text-\[\#666666\]{
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#6B7280\]{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-\[\#777777\]{
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
.text-\[\#777\]{
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}
.text-\[\#7D1010\]{
    --tw-text-opacity: 1;
    color: rgb(125 16 16 / var(--tw-text-opacity, 1));
}
.text-\[\#8B8B8B\]{
    --tw-text-opacity: 1;
    color: rgb(139 139 139 / var(--tw-text-opacity, 1));
}
.text-\[\#8a5a12\]{
    --tw-text-opacity: 1;
    color: rgb(138 90 18 / var(--tw-text-opacity, 1));
}
.text-\[\#999999\]{
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#9A9A9A\]{
    --tw-text-opacity: 1;
    color: rgb(154 154 154 / var(--tw-text-opacity, 1));
}
.text-\[\#9B1C1C\]{
    --tw-text-opacity: 1;
    color: rgb(155 28 28 / var(--tw-text-opacity, 1));
}
.text-\[\#AAAAAA\]{
    --tw-text-opacity: 1;
    color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.text-\[\#B13F2B\]{
    --tw-text-opacity: 1;
    color: rgb(177 63 43 / var(--tw-text-opacity, 1));
}
.text-\[\#CF3627\]{
    --tw-text-opacity: 1;
    color: rgb(207 54 39 / var(--tw-text-opacity, 1));
}
.text-\[\#D14A3A\]{
    --tw-text-opacity: 1;
    color: rgb(209 74 58 / var(--tw-text-opacity, 1));
}
.text-\[\#DCDCDC\]{
    --tw-text-opacity: 1;
    color: rgb(220 220 220 / var(--tw-text-opacity, 1));
}
.text-\[\#F79639\]{
    --tw-text-opacity: 1;
    color: rgb(247 150 57 / var(--tw-text-opacity, 1));
}
.text-\[\#F86A0B\]{
    --tw-text-opacity: 1;
    color: rgb(248 106 11 / var(--tw-text-opacity, 1));
}
.text-\[\#FFA755\]{
    --tw-text-opacity: 1;
    color: rgb(255 167 85 / var(--tw-text-opacity, 1));
}
.text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-200{
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-green-600{
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-red-600{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
    text-decoration-line: underline;
}
.no-underline{
    text-decoration-line: none;
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline{
    outline-style: solid;
}
.blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow{
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-300{
    transition-duration: 300ms;
}
.ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}
.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}
.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}
.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}
.fa-1x{font-size:1em}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-6x{font-size:6em}
.fa-7x{font-size:7em}
.fa-8x{font-size:8em}
.fa-9x{font-size:9em}
.fa-10x{font-size:10em}
.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}
.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}
.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}
.fa-fw{text-align:center;width:1.25em}
.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}
.fa-ul>li{position:relative}
.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}
.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}
.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}
.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}
.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}
.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}
.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}
.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}
.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}
.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}
.fa-spin-reverse{--fa-animation-direction:reverse}
.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}
@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}
@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}
@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}
@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}
@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}
@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}
@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}
@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
.fa-rotate-90{transform:rotate(90deg)}
.fa-rotate-180{transform:rotate(180deg)}
.fa-rotate-270{transform:rotate(270deg)}
.fa-flip-horizontal{transform:scaleX(-1)}
.fa-flip-vertical{transform:scaleY(-1)}
.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}
.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}
.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}
.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-0{--fa:"\30"}
.fa-1{--fa:"\31"}
.fa-2{--fa:"\32"}
.fa-3{--fa:"\33"}
.fa-4{--fa:"\34"}
.fa-5{--fa:"\35"}
.fa-6{--fa:"\36"}
.fa-7{--fa:"\37"}
.fa-8{--fa:"\38"}
.fa-9{--fa:"\39"}
.fa-fill-drip{--fa:"\f576"}
.fa-arrows-to-circle{--fa:"\e4bd"}
.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}
.fa-at{--fa:"\40"}
.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}
.fa-text-height{--fa:"\f034"}
.fa-user-times,.fa-user-xmark{--fa:"\f235"}
.fa-stethoscope{--fa:"\f0f1"}
.fa-comment-alt,.fa-message{--fa:"\f27a"}
.fa-info{--fa:"\f129"}
.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}
.fa-explosion{--fa:"\e4e9"}
.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}
.fa-wave-square{--fa:"\f83e"}
.fa-ring{--fa:"\f70b"}
.fa-building-un{--fa:"\e4d9"}
.fa-dice-three{--fa:"\f527"}
.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}
.fa-anchor-circle-check{--fa:"\e4aa"}
.fa-building-circle-arrow-right{--fa:"\e4d1"}
.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}
.fa-arrows-up-to-line{--fa:"\e4c2"}
.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}
.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}
.fa-door-open{--fa:"\f52b"}
.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}
.fa-atom{--fa:"\f5d2"}
.fa-soap{--fa:"\e06e"}
.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}
.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}
.fa-bridge-circle-check{--fa:"\e4c9"}
.fa-pump-medical{--fa:"\e06a"}
.fa-fingerprint{--fa:"\f577"}
.fa-hand-point-right{--fa:"\f0a4"}
.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}
.fa-forward-step,.fa-step-forward{--fa:"\f051"}
.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}
.fa-flag-checkered{--fa:"\f11e"}
.fa-football,.fa-football-ball{--fa:"\f44e"}
.fa-school-circle-exclamation{--fa:"\e56c"}
.fa-crop{--fa:"\f125"}
.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}
.fa-users-rectangle{--fa:"\e594"}
.fa-people-roof{--fa:"\e537"}
.fa-people-line{--fa:"\e534"}
.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}
.fa-diagram-predecessor{--fa:"\e477"}
.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}
.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}
.fa-male,.fa-person{--fa:"\f183"}
.fa-laptop{--fa:"\f109"}
.fa-file-csv{--fa:"\f6dd"}
.fa-menorah{--fa:"\f676"}
.fa-truck-plane{--fa:"\e58f"}
.fa-record-vinyl{--fa:"\f8d9"}
.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}
.fa-bong{--fa:"\f55c"}
.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}
.fa-arrow-down-up-across-line{--fa:"\e4af"}
.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}
.fa-jar-wheat{--fa:"\e517"}
.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}
.fa-file-circle-exclamation{--fa:"\e4eb"}
.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}
.fa-pager{--fa:"\f815"}
.fa-address-book,.fa-contact-book{--fa:"\f2b9"}
.fa-strikethrough{--fa:"\f0cc"}
.fa-k{--fa:"\4b"}
.fa-landmark-flag{--fa:"\e51c"}
.fa-pencil,.fa-pencil-alt{--fa:"\f303"}
.fa-backward{--fa:"\f04a"}
.fa-caret-right{--fa:"\f0da"}
.fa-comments{--fa:"\f086"}
.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}
.fa-code-pull-request{--fa:"\e13c"}
.fa-clipboard-list{--fa:"\f46d"}
.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}
.fa-user-check{--fa:"\f4fc"}
.fa-vial-virus{--fa:"\e597"}
.fa-sheet-plastic{--fa:"\e571"}
.fa-blog{--fa:"\f781"}
.fa-user-ninja{--fa:"\f504"}
.fa-person-arrow-up-from-line{--fa:"\e539"}
.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}
.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}
.fa-toggle-off{--fa:"\f204"}
.fa-archive,.fa-box-archive{--fa:"\f187"}
.fa-person-drowning{--fa:"\e545"}
.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}
.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}
.fa-spray-can{--fa:"\f5bd"}
.fa-truck-monster{--fa:"\f63b"}
.fa-w{--fa:"\57"}
.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}
.fa-rainbow{--fa:"\f75b"}
.fa-circle-notch{--fa:"\f1ce"}
.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}
.fa-paw{--fa:"\f1b0"}
.fa-cloud{--fa:"\f0c2"}
.fa-trowel-bricks{--fa:"\e58a"}
.fa-face-flushed,.fa-flushed{--fa:"\f579"}
.fa-hospital-user{--fa:"\f80d"}
.fa-tent-arrow-left-right{--fa:"\e57f"}
.fa-gavel,.fa-legal{--fa:"\f0e3"}
.fa-binoculars{--fa:"\f1e5"}
.fa-microphone-slash{--fa:"\f131"}
.fa-box-tissue{--fa:"\e05b"}
.fa-motorcycle{--fa:"\f21c"}
.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}
.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}
.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}
.fa-mars-and-venus-burst{--fa:"\e523"}
.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}
.fa-cut,.fa-scissors{--fa:"\f0c4"}
.fa-sun-plant-wilt{--fa:"\e57a"}
.fa-toilets-portable{--fa:"\e584"}
.fa-hockey-puck{--fa:"\f453"}
.fa-table{--fa:"\f0ce"}
.fa-magnifying-glass-arrow-right{--fa:"\e521"}
.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}
.fa-users-slash{--fa:"\e073"}
.fa-clover{--fa:"\e139"}
.fa-mail-reply,.fa-reply{--fa:"\f3e5"}
.fa-star-and-crescent{--fa:"\f699"}
.fa-house-fire{--fa:"\e50c"}
.fa-minus-square,.fa-square-minus{--fa:"\f146"}
.fa-helicopter{--fa:"\f533"}
.fa-compass{--fa:"\f14e"}
.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}
.fa-file-circle-question{--fa:"\e4ef"}
.fa-laptop-code{--fa:"\f5fc"}
.fa-swatchbook{--fa:"\f5c3"}
.fa-prescription-bottle{--fa:"\f485"}
.fa-bars,.fa-navicon{--fa:"\f0c9"}
.fa-people-group{--fa:"\e533"}
.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}
.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}
.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}
.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}
.fa-film{--fa:"\f008"}
.fa-ruler-horizontal{--fa:"\f547"}
.fa-people-robbery{--fa:"\e536"}
.fa-lightbulb{--fa:"\f0eb"}
.fa-caret-left{--fa:"\f0d9"}
.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}
.fa-school-circle-xmark{--fa:"\e56d"}
.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}
.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}
.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}
.fa-cloud-showers-heavy{--fa:"\f740"}
.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}
.fa-sitemap{--fa:"\f0e8"}
.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}
.fa-memory{--fa:"\f538"}
.fa-road-spikes{--fa:"\e568"}
.fa-fire-burner{--fa:"\e4f1"}
.fa-flag{--fa:"\f024"}
.fa-hanukiah{--fa:"\f6e6"}
.fa-feather{--fa:"\f52d"}
.fa-volume-down,.fa-volume-low{--fa:"\f027"}
.fa-comment-slash{--fa:"\f4b3"}
.fa-cloud-sun-rain{--fa:"\f743"}
.fa-compress{--fa:"\f066"}
.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}
.fa-ankh{--fa:"\f644"}
.fa-hands-holding-child{--fa:"\e4fa"}
.fa-asterisk{--fa:"\2a"}
.fa-check-square,.fa-square-check{--fa:"\f14a"}
.fa-peseta-sign{--fa:"\e221"}
.fa-header,.fa-heading{--fa:"\f1dc"}
.fa-ghost{--fa:"\f6e2"}
.fa-list,.fa-list-squares{--fa:"\f03a"}
.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}
.fa-cart-plus{--fa:"\f217"}
.fa-gamepad{--fa:"\f11b"}
.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}
.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}
.fa-egg{--fa:"\f7fb"}
.fa-house-medical-circle-xmark{--fa:"\e513"}
.fa-campground{--fa:"\f6bb"}
.fa-folder-plus{--fa:"\f65e"}
.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}
.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}
.fa-lock{--fa:"\f023"}
.fa-gas-pump{--fa:"\f52f"}
.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}
.fa-map-location,.fa-map-marked{--fa:"\f59f"}
.fa-house-flood-water{--fa:"\e50e"}
.fa-tree{--fa:"\f1bb"}
.fa-bridge-lock{--fa:"\e4cc"}
.fa-sack-dollar{--fa:"\f81d"}
.fa-edit,.fa-pen-to-square{--fa:"\f044"}
.fa-car-side{--fa:"\f5e4"}
.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}
.fa-heart-circle-minus{--fa:"\e4ff"}
.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}
.fa-microscope{--fa:"\f610"}
.fa-sink{--fa:"\e06d"}
.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}
.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}
.fa-mitten{--fa:"\f7b5"}
.fa-person-rays{--fa:"\e54d"}
.fa-users{--fa:"\f0c0"}
.fa-eye-slash{--fa:"\f070"}
.fa-flask-vial{--fa:"\e4f3"}
.fa-hand,.fa-hand-paper{--fa:"\f256"}
.fa-om{--fa:"\f679"}
.fa-worm{--fa:"\e599"}
.fa-house-circle-xmark{--fa:"\e50b"}
.fa-plug{--fa:"\f1e6"}
.fa-chevron-up{--fa:"\f077"}
.fa-hand-spock{--fa:"\f259"}
.fa-stopwatch{--fa:"\f2f2"}
.fa-face-kiss,.fa-kiss{--fa:"\f596"}
.fa-bridge-circle-xmark{--fa:"\e4cb"}
.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}
.fa-chess-bishop{--fa:"\f43a"}
.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}
.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}
.fa-road-circle-check{--fa:"\e564"}
.fa-dice-five{--fa:"\f523"}
.fa-rss-square,.fa-square-rss{--fa:"\f143"}
.fa-land-mine-on{--fa:"\e51b"}
.fa-i-cursor{--fa:"\f246"}
.fa-stamp{--fa:"\f5bf"}
.fa-stairs{--fa:"\e289"}
.fa-i{--fa:"\49"}
.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}
.fa-pills{--fa:"\f484"}
.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}
.fa-tooth{--fa:"\f5c9"}
.fa-v{--fa:"\56"}
.fa-bangladeshi-taka-sign{--fa:"\e2e6"}
.fa-bicycle{--fa:"\f206"}
.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}
.fa-head-side-cough-slash{--fa:"\e062"}
.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}
.fa-wheat-awn-circle-exclamation{--fa:"\e598"}
.fa-snowman{--fa:"\f7d0"}
.fa-mortar-pestle{--fa:"\f5a7"}
.fa-road-barrier{--fa:"\e562"}
.fa-school{--fa:"\f549"}
.fa-igloo{--fa:"\f7ae"}
.fa-joint{--fa:"\f595"}
.fa-angle-right{--fa:"\f105"}
.fa-horse{--fa:"\f6f0"}
.fa-q{--fa:"\51"}
.fa-g{--fa:"\47"}
.fa-notes-medical{--fa:"\f481"}
.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}
.fa-dong-sign{--fa:"\e169"}
.fa-capsules{--fa:"\f46b"}
.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}
.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}
.fa-hand-point-up{--fa:"\f0a6"}
.fa-money-bill{--fa:"\f0d6"}
.fa-bookmark{--fa:"\f02e"}
.fa-align-justify{--fa:"\f039"}
.fa-umbrella-beach{--fa:"\f5ca"}
.fa-helmet-un{--fa:"\e503"}
.fa-bullseye{--fa:"\f140"}
.fa-bacon{--fa:"\f7e5"}
.fa-hand-point-down{--fa:"\f0a7"}
.fa-arrow-up-from-bracket{--fa:"\e09a"}
.fa-folder,.fa-folder-blank{--fa:"\f07b"}
.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}
.fa-radiation{--fa:"\f7b9"}
.fa-chart-simple{--fa:"\e473"}
.fa-mars-stroke{--fa:"\f229"}
.fa-vial{--fa:"\f492"}
.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}
.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}
.fa-e{--fa:"\45"}
.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}
.fa-bridge-circle-exclamation{--fa:"\e4ca"}
.fa-user{--fa:"\f007"}
.fa-school-circle-check{--fa:"\e56b"}
.fa-dumpster{--fa:"\f793"}
.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}
.fa-building-user{--fa:"\e4da"}
.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}
.fa-highlighter{--fa:"\f591"}
.fa-key{--fa:"\f084"}
.fa-bullhorn{--fa:"\f0a1"}
.fa-globe{--fa:"\f0ac"}
.fa-synagogue{--fa:"\f69b"}
.fa-person-half-dress{--fa:"\e548"}
.fa-road-bridge{--fa:"\e563"}
.fa-location-arrow{--fa:"\f124"}
.fa-c{--fa:"\43"}
.fa-tablet-button{--fa:"\f10a"}
.fa-building-lock{--fa:"\e4d6"}
.fa-pizza-slice{--fa:"\f818"}
.fa-money-bill-wave{--fa:"\f53a"}
.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}
.fa-house-flag{--fa:"\e50d"}
.fa-person-circle-minus{--fa:"\e540"}
.fa-ban,.fa-cancel{--fa:"\f05e"}
.fa-camera-rotate{--fa:"\e0d8"}
.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}
.fa-star{--fa:"\f005"}
.fa-repeat{--fa:"\f363"}
.fa-cross{--fa:"\f654"}
.fa-box{--fa:"\f466"}
.fa-venus-mars{--fa:"\f228"}
.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}
.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}
.fa-charging-station{--fa:"\f5e7"}
.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}
.fa-random,.fa-shuffle{--fa:"\f074"}
.fa-person-running,.fa-running{--fa:"\f70c"}
.fa-mobile-retro{--fa:"\e527"}
.fa-grip-lines-vertical{--fa:"\f7a5"}
.fa-spider{--fa:"\f717"}
.fa-hands-bound{--fa:"\e4f9"}
.fa-file-invoice-dollar{--fa:"\f571"}
.fa-plane-circle-exclamation{--fa:"\e556"}
.fa-x-ray{--fa:"\f497"}
.fa-spell-check{--fa:"\f891"}
.fa-slash{--fa:"\f715"}
.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}
.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}
.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}
.fa-server{--fa:"\f233"}
.fa-virus-covid-slash{--fa:"\e4a9"}
.fa-shop-lock{--fa:"\e4a5"}
.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}
.fa-blender-phone{--fa:"\f6b6"}
.fa-building-wheat{--fa:"\e4db"}
.fa-person-breastfeeding{--fa:"\e53a"}
.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}
.fa-venus{--fa:"\f221"}
.fa-passport{--fa:"\f5ab"}
.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}
.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}
.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}
.fa-temperature-high{--fa:"\f769"}
.fa-microchip{--fa:"\f2db"}
.fa-crown{--fa:"\f521"}
.fa-weight-hanging{--fa:"\f5cd"}
.fa-xmarks-lines{--fa:"\e59a"}
.fa-file-prescription{--fa:"\f572"}
.fa-weight,.fa-weight-scale{--fa:"\f496"}
.fa-user-friends,.fa-user-group{--fa:"\f500"}
.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}
.fa-chess-knight{--fa:"\f441"}
.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}
.fa-wheelchair{--fa:"\f193"}
.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}
.fa-toggle-on{--fa:"\f205"}
.fa-person-walking,.fa-walking{--fa:"\f554"}
.fa-l{--fa:"\4c"}
.fa-fire{--fa:"\f06d"}
.fa-bed-pulse,.fa-procedures{--fa:"\f487"}
.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}
.fa-face-laugh,.fa-laugh{--fa:"\f599"}
.fa-folder-open{--fa:"\f07c"}
.fa-heart-circle-plus{--fa:"\e500"}
.fa-code-fork{--fa:"\e13b"}
.fa-city{--fa:"\f64f"}
.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}
.fa-pepper-hot{--fa:"\f816"}
.fa-unlock{--fa:"\f09c"}
.fa-colon-sign{--fa:"\e140"}
.fa-headset{--fa:"\f590"}
.fa-store-slash{--fa:"\e071"}
.fa-road-circle-xmark{--fa:"\e566"}
.fa-user-minus{--fa:"\f503"}
.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}
.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}
.fa-clipboard{--fa:"\f328"}
.fa-house-circle-exclamation{--fa:"\e50a"}
.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}
.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}
.fa-bath,.fa-bathtub{--fa:"\f2cd"}
.fa-underline{--fa:"\f0cd"}
.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}
.fa-signature{--fa:"\f5b7"}
.fa-stroopwafel{--fa:"\f551"}
.fa-bold{--fa:"\f032"}
.fa-anchor-lock{--fa:"\e4ad"}
.fa-building-ngo{--fa:"\e4d7"}
.fa-manat-sign{--fa:"\e1d5"}
.fa-not-equal{--fa:"\f53e"}
.fa-border-style,.fa-border-top-left{--fa:"\f853"}
.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}
.fa-jedi{--fa:"\f669"}
.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}
.fa-mug-hot{--fa:"\f7b6"}
.fa-battery-car,.fa-car-battery{--fa:"\f5df"}
.fa-gift{--fa:"\f06b"}
.fa-dice-two{--fa:"\f528"}
.fa-chess-queen{--fa:"\f445"}
.fa-glasses{--fa:"\f530"}
.fa-chess-board{--fa:"\f43c"}
.fa-building-circle-check{--fa:"\e4d2"}
.fa-person-chalkboard{--fa:"\e53d"}
.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}
.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}
.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}
.fa-cloud-showers-water{--fa:"\e4e4"}
.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}
.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}
.fa-less-than-equal{--fa:"\f537"}
.fa-train{--fa:"\f238"}
.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}
.fa-crow{--fa:"\f520"}
.fa-sailboat{--fa:"\e445"}
.fa-window-restore{--fa:"\f2d2"}
.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}
.fa-torii-gate{--fa:"\f6a1"}
.fa-frog{--fa:"\f52e"}
.fa-bucket{--fa:"\e4cf"}
.fa-image{--fa:"\f03e"}
.fa-microphone{--fa:"\f130"}
.fa-cow{--fa:"\f6c8"}
.fa-caret-up{--fa:"\f0d8"}
.fa-screwdriver{--fa:"\f54a"}
.fa-folder-closed{--fa:"\e185"}
.fa-house-tsunami{--fa:"\e515"}
.fa-square-nfi{--fa:"\e576"}
.fa-arrow-up-from-ground-water{--fa:"\e4b5"}
.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}
.fa-square-binary{--fa:"\e69b"}
.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}
.fa-columns,.fa-table-columns{--fa:"\f0db"}
.fa-lemon{--fa:"\f094"}
.fa-head-side-mask{--fa:"\e063"}
.fa-handshake{--fa:"\f2b5"}
.fa-gem{--fa:"\f3a5"}
.fa-dolly,.fa-dolly-box{--fa:"\f472"}
.fa-smoking{--fa:"\f48d"}
.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}
.fa-monument{--fa:"\f5a6"}
.fa-snowplow{--fa:"\f7d2"}
.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}
.fa-cannabis{--fa:"\f55f"}
.fa-circle-play,.fa-play-circle{--fa:"\f144"}
.fa-tablets{--fa:"\f490"}
.fa-ethernet{--fa:"\f796"}
.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}
.fa-chair{--fa:"\f6c0"}
.fa-check-circle,.fa-circle-check{--fa:"\f058"}
.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}
.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}
.fa-plate-wheat{--fa:"\e55a"}
.fa-icicles{--fa:"\f7ad"}
.fa-person-shelter{--fa:"\e54f"}
.fa-neuter{--fa:"\f22c"}
.fa-id-badge{--fa:"\f2c1"}
.fa-marker{--fa:"\f5a1"}
.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}
.fa-helicopter-symbol{--fa:"\e502"}
.fa-universal-access{--fa:"\f29a"}
.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}
.fa-lari-sign{--fa:"\e1c8"}
.fa-volcano{--fa:"\f770"}
.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}
.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}
.fa-viruses{--fa:"\e076"}
.fa-square-person-confined{--fa:"\e577"}
.fa-user-tie{--fa:"\f508"}
.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}
.fa-tent-arrow-down-to-line{--fa:"\e57e"}
.fa-certificate{--fa:"\f0a3"}
.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}
.fa-suitcase{--fa:"\f0f2"}
.fa-person-skating,.fa-skating{--fa:"\f7c5"}
.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}
.fa-camera-retro{--fa:"\f083"}
.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}
.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}
.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}
.fa-box-open{--fa:"\f49e"}
.fa-scroll{--fa:"\f70e"}
.fa-spa{--fa:"\f5bb"}
.fa-location-pin-lock{--fa:"\e51f"}
.fa-pause{--fa:"\f04c"}
.fa-hill-avalanche{--fa:"\e507"}
.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}
.fa-bomb{--fa:"\f1e2"}
.fa-registered{--fa:"\f25d"}
.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}
.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}
.fa-subscript{--fa:"\f12c"}
.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}
.fa-burst{--fa:"\e4dc"}
.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}
.fa-face-tired,.fa-tired{--fa:"\f5c8"}
.fa-money-bills{--fa:"\e1f3"}
.fa-smog{--fa:"\f75f"}
.fa-crutch{--fa:"\f7f7"}
.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}
.fa-palette{--fa:"\f53f"}
.fa-arrows-turn-right{--fa:"\e4c0"}
.fa-vest{--fa:"\e085"}
.fa-ferry{--fa:"\e4ea"}
.fa-arrows-down-to-people{--fa:"\e4b9"}
.fa-seedling,.fa-sprout{--fa:"\f4d8"}
.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}
.fa-boxes-packing{--fa:"\e4c7"}
.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}
.fa-group-arrows-rotate{--fa:"\e4f6"}
.fa-bowl-food{--fa:"\e4c6"}
.fa-candy-cane{--fa:"\f786"}
.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}
.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}
.fa-remove-format,.fa-text-slash{--fa:"\f87d"}
.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}
.fa-file-word{--fa:"\f1c2"}
.fa-file-powerpoint{--fa:"\f1c4"}
.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}
.fa-house-lock{--fa:"\e510"}
.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}
.fa-children{--fa:"\e4e1"}
.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}
.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}
.fa-envelope-open{--fa:"\f2b6"}
.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}
.fa-mattress-pillow{--fa:"\e525"}
.fa-guarani-sign{--fa:"\e19a"}
.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}
.fa-fire-extinguisher{--fa:"\f134"}
.fa-cruzeiro-sign{--fa:"\e152"}
.fa-greater-than-equal{--fa:"\f532"}
.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}
.fa-atlas,.fa-book-atlas{--fa:"\f558"}
.fa-virus{--fa:"\e074"}
.fa-envelope-circle-check{--fa:"\e4e8"}
.fa-layer-group{--fa:"\f5fd"}
.fa-arrows-to-dot{--fa:"\e4be"}
.fa-archway{--fa:"\f557"}
.fa-heart-circle-check{--fa:"\e4fd"}
.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}
.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}
.fa-square{--fa:"\f0c8"}
.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}
.fa-couch{--fa:"\f4b8"}
.fa-cedi-sign{--fa:"\e0df"}
.fa-italic{--fa:"\f033"}
.fa-table-cells-column-lock{--fa:"\e678"}
.fa-church{--fa:"\f51d"}
.fa-comments-dollar{--fa:"\f653"}
.fa-democrat{--fa:"\f747"}
.fa-z{--fa:"\5a"}
.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}
.fa-road-lock{--fa:"\e567"}
.fa-a{--fa:"\41"}
.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}
.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}
.fa-p{--fa:"\50"}
.fa-snowflake{--fa:"\f2dc"}
.fa-newspaper{--fa:"\f1ea"}
.fa-ad,.fa-rectangle-ad{--fa:"\f641"}
.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}
.fa-filter-circle-xmark{--fa:"\e17b"}
.fa-locust{--fa:"\e520"}
.fa-sort,.fa-unsorted{--fa:"\f0dc"}
.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}
.fa-person-dress-burst{--fa:"\e544"}
.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}
.fa-vector-square{--fa:"\f5cb"}
.fa-bread-slice{--fa:"\f7ec"}
.fa-language{--fa:"\f1ab"}
.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}
.fa-filter{--fa:"\f0b0"}
.fa-question{--fa:"\3f"}
.fa-file-signature{--fa:"\f573"}
.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}
.fa-house-chimney-user{--fa:"\e065"}
.fa-hand-holding-heart{--fa:"\f4be"}
.fa-puzzle-piece{--fa:"\f12e"}
.fa-money-check{--fa:"\f53c"}
.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}
.fa-code{--fa:"\f121"}
.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}
.fa-building-circle-exclamation{--fa:"\e4d3"}
.fa-magnifying-glass-chart{--fa:"\e522"}
.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}
.fa-cubes-stacked{--fa:"\e4e6"}
.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}
.fa-virus-covid{--fa:"\e4a8"}
.fa-austral-sign{--fa:"\e0a9"}
.fa-f{--fa:"\46"}
.fa-leaf{--fa:"\f06c"}
.fa-road{--fa:"\f018"}
.fa-cab,.fa-taxi{--fa:"\f1ba"}
.fa-person-circle-plus{--fa:"\e541"}
.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}
.fa-bolt-lightning{--fa:"\e0b7"}
.fa-sack-xmark{--fa:"\e56a"}
.fa-file-excel{--fa:"\f1c3"}
.fa-file-contract{--fa:"\f56c"}
.fa-fish-fins{--fa:"\e4f2"}
.fa-building-flag{--fa:"\e4d5"}
.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}
.fa-object-ungroup{--fa:"\f248"}
.fa-poop{--fa:"\f619"}
.fa-location-pin,.fa-map-marker{--fa:"\f041"}
.fa-kaaba{--fa:"\f66b"}
.fa-toilet-paper{--fa:"\f71e"}
.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}
.fa-eject{--fa:"\f052"}
.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}
.fa-plane-circle-check{--fa:"\e555"}
.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}
.fa-object-group{--fa:"\f247"}
.fa-chart-line,.fa-line-chart{--fa:"\f201"}
.fa-mask-ventilator{--fa:"\e524"}
.fa-arrow-right{--fa:"\f061"}
.fa-map-signs,.fa-signs-post{--fa:"\f277"}
.fa-cash-register{--fa:"\f788"}
.fa-person-circle-question{--fa:"\e542"}
.fa-h{--fa:"\48"}
.fa-tarp{--fa:"\e57b"}
.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}
.fa-arrows-to-eye{--fa:"\e4bf"}
.fa-plug-circle-bolt{--fa:"\e55b"}
.fa-heart{--fa:"\f004"}
.fa-mars-and-venus{--fa:"\f224"}
.fa-home-user,.fa-house-user{--fa:"\e1b0"}
.fa-dumpster-fire{--fa:"\f794"}
.fa-house-crack{--fa:"\e3b1"}
.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}
.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}
.fa-bottle-water{--fa:"\e4c5"}
.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}
.fa-toilet-paper-slash{--fa:"\e072"}
.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}
.fa-kitchen-set{--fa:"\e51a"}
.fa-r{--fa:"\52"}
.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}
.fa-cube{--fa:"\f1b2"}
.fa-bitcoin-sign{--fa:"\e0b4"}
.fa-shield-dog{--fa:"\e573"}
.fa-solar-panel{--fa:"\f5ba"}
.fa-lock-open{--fa:"\f3c1"}
.fa-elevator{--fa:"\e16d"}
.fa-money-bill-transfer{--fa:"\e528"}
.fa-money-bill-trend-up{--fa:"\e529"}
.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}
.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}
.fa-circle{--fa:"\f111"}
.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}
.fa-recycle{--fa:"\f1b8"}
.fa-user-astronaut{--fa:"\f4fb"}
.fa-plane-slash{--fa:"\e069"}
.fa-trademark{--fa:"\f25c"}
.fa-basketball,.fa-basketball-ball{--fa:"\f434"}
.fa-satellite-dish{--fa:"\f7c0"}
.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}
.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}
.fa-volume-high,.fa-volume-up{--fa:"\f028"}
.fa-users-rays{--fa:"\e593"}
.fa-wallet{--fa:"\f555"}
.fa-clipboard-check{--fa:"\f46c"}
.fa-file-audio{--fa:"\f1c7"}
.fa-burger,.fa-hamburger{--fa:"\f805"}
.fa-wrench{--fa:"\f0ad"}
.fa-bugs{--fa:"\e4d0"}
.fa-rupee,.fa-rupee-sign{--fa:"\f156"}
.fa-file-image{--fa:"\f1c5"}
.fa-circle-question,.fa-question-circle{--fa:"\f059"}
.fa-plane-departure{--fa:"\f5b0"}
.fa-handshake-slash{--fa:"\e060"}
.fa-book-bookmark{--fa:"\e0bb"}
.fa-code-branch{--fa:"\f126"}
.fa-hat-cowboy{--fa:"\f8c0"}
.fa-bridge{--fa:"\e4c8"}
.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}
.fa-truck-front{--fa:"\e2b7"}
.fa-cat{--fa:"\f6be"}
.fa-anchor-circle-exclamation{--fa:"\e4ab"}
.fa-truck-field{--fa:"\e58d"}
.fa-route{--fa:"\f4d7"}
.fa-clipboard-question{--fa:"\e4e3"}
.fa-panorama{--fa:"\e209"}
.fa-comment-medical{--fa:"\f7f5"}
.fa-teeth-open{--fa:"\f62f"}
.fa-file-circle-minus{--fa:"\e4ed"}
.fa-tags{--fa:"\f02c"}
.fa-wine-glass{--fa:"\f4e3"}
.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}
.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}
.fa-parking,.fa-square-parking{--fa:"\f540"}
.fa-house-signal{--fa:"\e012"}
.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}
.fa-faucet-drip{--fa:"\e006"}
.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}
.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}
.fa-terminal{--fa:"\f120"}
.fa-mobile-button{--fa:"\f10b"}
.fa-house-medical-flag{--fa:"\e514"}
.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}
.fa-tape{--fa:"\f4db"}
.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}
.fa-eye{--fa:"\f06e"}
.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}
.fa-audio-description{--fa:"\f29e"}
.fa-person-military-to-person{--fa:"\e54c"}
.fa-file-shield{--fa:"\e4f0"}
.fa-user-slash{--fa:"\f506"}
.fa-pen{--fa:"\f304"}
.fa-tower-observation{--fa:"\e586"}
.fa-file-code{--fa:"\f1c9"}
.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}
.fa-bus{--fa:"\f207"}
.fa-heart-circle-xmark{--fa:"\e501"}
.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}
.fa-window-maximize{--fa:"\f2d0"}
.fa-face-frown,.fa-frown{--fa:"\f119"}
.fa-prescription{--fa:"\f5b1"}
.fa-shop,.fa-store-alt{--fa:"\f54f"}
.fa-floppy-disk,.fa-save{--fa:"\f0c7"}
.fa-vihara{--fa:"\f6a7"}
.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}
.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}
.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}
.fa-plant-wilt{--fa:"\e5aa"}
.fa-diamond{--fa:"\f219"}
.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}
.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}
.fa-chart-diagram{--fa:"\e695"}
.fa-bacterium{--fa:"\e05a"}
.fa-hand-pointer{--fa:"\f25a"}
.fa-drum-steelpan{--fa:"\f56a"}
.fa-hand-scissors{--fa:"\f257"}
.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}
.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}
.fa-biohazard{--fa:"\f780"}
.fa-location,.fa-location-crosshairs{--fa:"\f601"}
.fa-mars-double{--fa:"\f227"}
.fa-child-dress{--fa:"\e59c"}
.fa-users-between-lines{--fa:"\e591"}
.fa-lungs-virus{--fa:"\e067"}
.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}
.fa-phone{--fa:"\f095"}
.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}
.fa-child-reaching{--fa:"\e59d"}
.fa-head-side-virus{--fa:"\e064"}
.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}
.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}
.fa-door-closed{--fa:"\f52a"}
.fa-shield-virus{--fa:"\e06c"}
.fa-dice-six{--fa:"\f526"}
.fa-mosquito-net{--fa:"\e52c"}
.fa-file-fragment{--fa:"\e697"}
.fa-bridge-water{--fa:"\e4ce"}
.fa-person-booth{--fa:"\f756"}
.fa-text-width{--fa:"\f035"}
.fa-hat-wizard{--fa:"\f6e8"}
.fa-pen-fancy{--fa:"\f5ac"}
.fa-digging,.fa-person-digging{--fa:"\f85e"}
.fa-trash{--fa:"\f1f8"}
.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}
.fa-book-medical{--fa:"\f7e6"}
.fa-poo{--fa:"\f2fe"}
.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}
.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}
.fa-cubes{--fa:"\f1b3"}
.fa-divide{--fa:"\f529"}
.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}
.fa-headphones{--fa:"\f025"}
.fa-hands-holding{--fa:"\f4c2"}
.fa-hands-clapping{--fa:"\e1a8"}
.fa-republican{--fa:"\f75e"}
.fa-arrow-left{--fa:"\f060"}
.fa-person-circle-xmark{--fa:"\e543"}
.fa-ruler{--fa:"\f545"}
.fa-align-left{--fa:"\f036"}
.fa-dice-d6{--fa:"\f6d1"}
.fa-restroom{--fa:"\f7bd"}
.fa-j{--fa:"\4a"}
.fa-users-viewfinder{--fa:"\e595"}
.fa-file-video{--fa:"\f1c8"}
.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}
.fa-table-cells,.fa-th{--fa:"\f00a"}
.fa-file-pdf{--fa:"\f1c1"}
.fa-bible,.fa-book-bible{--fa:"\f647"}
.fa-o{--fa:"\4f"}
.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}
.fa-user-secret{--fa:"\f21b"}
.fa-otter{--fa:"\f700"}
.fa-female,.fa-person-dress{--fa:"\f182"}
.fa-comment-dollar{--fa:"\f651"}
.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}
.fa-table-cells-large,.fa-th-large{--fa:"\f009"}
.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}
.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}
.fa-hat-cowboy-side{--fa:"\f8c1"}
.fa-clipboard-user{--fa:"\f7f3"}
.fa-child{--fa:"\f1ae"}
.fa-lira-sign{--fa:"\f195"}
.fa-satellite{--fa:"\f7bf"}
.fa-plane-lock{--fa:"\e558"}
.fa-tag{--fa:"\f02b"}
.fa-comment{--fa:"\f075"}
.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}
.fa-envelope{--fa:"\f0e0"}
.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}
.fa-paperclip{--fa:"\f0c6"}
.fa-arrow-right-to-city{--fa:"\e4b3"}
.fa-ribbon{--fa:"\f4d6"}
.fa-lungs{--fa:"\f604"}
.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}
.fa-litecoin-sign{--fa:"\e1d3"}
.fa-border-none{--fa:"\f850"}
.fa-circle-nodes{--fa:"\e4e2"}
.fa-parachute-box{--fa:"\f4cd"}
.fa-indent{--fa:"\f03c"}
.fa-truck-field-un{--fa:"\e58e"}
.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}
.fa-mountain{--fa:"\f6fc"}
.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}
.fa-circle-info,.fa-info-circle{--fa:"\f05a"}
.fa-cloud-meatball{--fa:"\f73b"}
.fa-camera,.fa-camera-alt{--fa:"\f030"}
.fa-square-virus{--fa:"\e578"}
.fa-meteor{--fa:"\f753"}
.fa-car-on{--fa:"\e4dd"}
.fa-sleigh{--fa:"\f7cc"}
.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}
.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}
.fa-water{--fa:"\f773"}
.fa-calendar-check{--fa:"\f274"}
.fa-braille{--fa:"\f2a1"}
.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}
.fa-landmark{--fa:"\f66f"}
.fa-truck{--fa:"\f0d1"}
.fa-crosshairs{--fa:"\f05b"}
.fa-person-cane{--fa:"\e53c"}
.fa-tent{--fa:"\e57d"}
.fa-vest-patches{--fa:"\e086"}
.fa-check-double{--fa:"\f560"}
.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}
.fa-money-bill-wheat{--fa:"\e52a"}
.fa-cookie{--fa:"\f563"}
.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}
.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}
.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}
.fa-dumbbell{--fa:"\f44b"}
.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}
.fa-tarp-droplet{--fa:"\e57c"}
.fa-house-medical-circle-check{--fa:"\e511"}
.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}
.fa-calendar-plus{--fa:"\f271"}
.fa-plane-arrival{--fa:"\f5af"}
.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}
.fa-subway,.fa-train-subway{--fa:"\f239"}
.fa-chart-gantt{--fa:"\e0e4"}
.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}
.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}
.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}
.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}
.fa-dna{--fa:"\f471"}
.fa-virus-slash{--fa:"\e075"}
.fa-minus,.fa-subtract{--fa:"\f068"}
.fa-chess{--fa:"\f439"}
.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}
.fa-plug-circle-check{--fa:"\e55c"}
.fa-street-view{--fa:"\f21d"}
.fa-franc-sign{--fa:"\e18f"}
.fa-volume-off{--fa:"\f026"}
.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}
.fa-cog,.fa-gear{--fa:"\f013"}
.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}
.fa-mosque{--fa:"\f678"}
.fa-mosquito{--fa:"\e52b"}
.fa-star-of-david{--fa:"\f69a"}
.fa-person-military-rifle{--fa:"\e54b"}
.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}
.fa-vials{--fa:"\f493"}
.fa-plug-circle-plus{--fa:"\e55f"}
.fa-place-of-worship{--fa:"\f67f"}
.fa-grip-vertical{--fa:"\f58e"}
.fa-hexagon-nodes{--fa:"\e699"}
.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}
.fa-u{--fa:"\55"}
.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}
.fa-clock,.fa-clock-four{--fa:"\f017"}
.fa-backward-step,.fa-step-backward{--fa:"\f048"}
.fa-pallet{--fa:"\f482"}
.fa-faucet{--fa:"\e005"}
.fa-baseball-bat-ball{--fa:"\f432"}
.fa-s{--fa:"\53"}
.fa-timeline{--fa:"\e29c"}
.fa-keyboard{--fa:"\f11c"}
.fa-caret-down{--fa:"\f0d7"}
.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}
.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}
.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}
.fa-plane-up{--fa:"\e22d"}
.fa-piggy-bank{--fa:"\f4d3"}
.fa-battery-3,.fa-battery-half{--fa:"\f242"}
.fa-mountain-city{--fa:"\e52e"}
.fa-coins{--fa:"\f51e"}
.fa-khanda{--fa:"\f66d"}
.fa-sliders,.fa-sliders-h{--fa:"\f1de"}
.fa-folder-tree{--fa:"\f802"}
.fa-network-wired{--fa:"\f6ff"}
.fa-map-pin{--fa:"\f276"}
.fa-hamsa{--fa:"\f665"}
.fa-cent-sign{--fa:"\e3f5"}
.fa-flask{--fa:"\f0c3"}
.fa-person-pregnant{--fa:"\e31e"}
.fa-wand-sparkles{--fa:"\f72b"}
.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}
.fa-ticket{--fa:"\f145"}
.fa-power-off{--fa:"\f011"}
.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}
.fa-flag-usa{--fa:"\f74d"}
.fa-laptop-file{--fa:"\e51d"}
.fa-teletype,.fa-tty{--fa:"\f1e4"}
.fa-diagram-next{--fa:"\e476"}
.fa-person-rifle{--fa:"\e54e"}
.fa-house-medical-circle-exclamation{--fa:"\e512"}
.fa-closed-captioning{--fa:"\f20a"}
.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}
.fa-venus-double{--fa:"\f226"}
.fa-images{--fa:"\f302"}
.fa-calculator{--fa:"\f1ec"}
.fa-people-pulling{--fa:"\e535"}
.fa-n{--fa:"\4e"}
.fa-cable-car,.fa-tram{--fa:"\f7da"}
.fa-cloud-rain{--fa:"\f73d"}
.fa-building-circle-xmark{--fa:"\e4d4"}
.fa-ship{--fa:"\f21a"}
.fa-arrows-down-to-line{--fa:"\e4b8"}
.fa-download{--fa:"\f019"}
.fa-face-grin,.fa-grin{--fa:"\f580"}
.fa-backspace,.fa-delete-left{--fa:"\f55a"}
.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}
.fa-file-circle-check{--fa:"\e5a0"}
.fa-forward{--fa:"\f04e"}
.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}
.fa-face-meh,.fa-meh{--fa:"\f11a"}
.fa-align-center{--fa:"\f037"}
.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}
.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}
.fa-dedent,.fa-outdent{--fa:"\f03b"}
.fa-heart-circle-exclamation{--fa:"\e4fe"}
.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}
.fa-calendar-week{--fa:"\f784"}
.fa-laptop-medical{--fa:"\f812"}
.fa-b{--fa:"\42"}
.fa-file-medical{--fa:"\f477"}
.fa-dice-one{--fa:"\f525"}
.fa-kiwi-bird{--fa:"\f535"}
.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}
.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}
.fa-cutlery,.fa-utensils{--fa:"\f2e7"}
.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}
.fa-mill-sign{--fa:"\e1ed"}
.fa-bowl-rice{--fa:"\e2eb"}
.fa-skull{--fa:"\f54c"}
.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}
.fa-truck-pickup{--fa:"\f63c"}
.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}
.fa-stop{--fa:"\f04d"}
.fa-code-merge{--fa:"\f387"}
.fa-upload{--fa:"\f093"}
.fa-hurricane{--fa:"\f751"}
.fa-mound{--fa:"\e52d"}
.fa-toilet-portable{--fa:"\e583"}
.fa-compact-disc{--fa:"\f51f"}
.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}
.fa-caravan{--fa:"\f8ff"}
.fa-shield-cat{--fa:"\e572"}
.fa-bolt,.fa-zap{--fa:"\f0e7"}
.fa-glass-water{--fa:"\e4f4"}
.fa-oil-well{--fa:"\e532"}
.fa-vault{--fa:"\e2c5"}
.fa-mars{--fa:"\f222"}
.fa-toilet{--fa:"\f7d8"}
.fa-plane-circle-xmark{--fa:"\e557"}
.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}
.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}
.fa-sun{--fa:"\f185"}
.fa-guitar{--fa:"\f7a6"}
.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}
.fa-horse-head{--fa:"\f7ab"}
.fa-bore-hole{--fa:"\e4c3"}
.fa-industry{--fa:"\f275"}
.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}
.fa-arrows-turn-to-dots{--fa:"\e4c1"}
.fa-florin-sign{--fa:"\e184"}
.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}
.fa-less-than{--fa:"\3c"}
.fa-angle-down{--fa:"\f107"}
.fa-car-tunnel{--fa:"\e4de"}
.fa-head-side-cough{--fa:"\e061"}
.fa-grip-lines{--fa:"\f7a4"}
.fa-thumbs-down{--fa:"\f165"}
.fa-user-lock{--fa:"\f502"}
.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}
.fa-anchor-circle-xmark{--fa:"\e4ac"}
.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}
.fa-chess-pawn{--fa:"\f443"}
.fa-first-aid,.fa-kit-medical{--fa:"\f479"}
.fa-person-through-window{--fa:"\e5a9"}
.fa-toolbox{--fa:"\f552"}
.fa-hands-holding-circle{--fa:"\e4fb"}
.fa-bug{--fa:"\f188"}
.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}
.fa-automobile,.fa-car{--fa:"\f1b9"}
.fa-hand-holding-hand{--fa:"\e4f7"}
.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}
.fa-mountain-sun{--fa:"\e52f"}
.fa-arrows-left-right-to-line{--fa:"\e4ba"}
.fa-dice-d20{--fa:"\f6cf"}
.fa-truck-droplet{--fa:"\e58c"}
.fa-file-circle-xmark{--fa:"\e5a1"}
.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}
.fa-medal{--fa:"\f5a2"}
.fa-bed{--fa:"\f236"}
.fa-h-square,.fa-square-h{--fa:"\f0fd"}
.fa-podcast{--fa:"\f2ce"}
.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}
.fa-bell{--fa:"\f0f3"}
.fa-superscript{--fa:"\f12b"}
.fa-plug-circle-xmark{--fa:"\e560"}
.fa-star-of-life{--fa:"\f621"}
.fa-phone-slash{--fa:"\f3dd"}
.fa-paint-roller{--fa:"\f5aa"}
.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}
.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}
.fa-file{--fa:"\f15b"}
.fa-greater-than{--fa:"\3e"}
.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}
.fa-arrow-down{--fa:"\f063"}
.fa-droplet,.fa-tint{--fa:"\f043"}
.fa-eraser{--fa:"\f12d"}
.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}
.fa-person-burst{--fa:"\e53b"}
.fa-dove{--fa:"\f4ba"}
.fa-battery-0,.fa-battery-empty{--fa:"\f244"}
.fa-socks{--fa:"\f696"}
.fa-inbox{--fa:"\f01c"}
.fa-section{--fa:"\e447"}
.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}
.fa-envelope-open-text{--fa:"\f658"}
.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}
.fa-wine-bottle{--fa:"\f72f"}
.fa-chess-rook{--fa:"\f447"}
.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}
.fa-dharmachakra{--fa:"\f655"}
.fa-hotdog{--fa:"\f80f"}
.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}
.fa-drum{--fa:"\f569"}
.fa-ice-cream{--fa:"\f810"}
.fa-heart-circle-bolt{--fa:"\e4fc"}
.fa-fax{--fa:"\f1ac"}
.fa-paragraph{--fa:"\f1dd"}
.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}
.fa-star-half{--fa:"\f089"}
.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}
.fa-chain,.fa-link{--fa:"\f0c1"}
.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}
.fa-tree-city{--fa:"\e587"}
.fa-play{--fa:"\f04b"}
.fa-font{--fa:"\f031"}
.fa-table-cells-row-lock{--fa:"\e67a"}
.fa-rupiah-sign{--fa:"\e23d"}
.fa-magnifying-glass,.fa-search{--fa:"\f002"}
.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}
.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}
.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}
.fa-naira-sign{--fa:"\e1f6"}
.fa-cart-arrow-down{--fa:"\f218"}
.fa-walkie-talkie{--fa:"\f8ef"}
.fa-file-edit,.fa-file-pen{--fa:"\f31c"}
.fa-receipt{--fa:"\f543"}
.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}
.fa-suitcase-rolling{--fa:"\f5c1"}
.fa-person-circle-exclamation{--fa:"\e53f"}
.fa-chevron-down{--fa:"\f078"}
.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}
.fa-skull-crossbones{--fa:"\f714"}
.fa-code-compare{--fa:"\e13a"}
.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}
.fa-school-lock{--fa:"\e56f"}
.fa-tower-cell{--fa:"\e585"}
.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}
.fa-ranking-star{--fa:"\e561"}
.fa-chess-king{--fa:"\f43f"}
.fa-person-harassing{--fa:"\e549"}
.fa-brazilian-real-sign{--fa:"\e46c"}
.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}
.fa-arrow-up{--fa:"\f062"}
.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}
.fa-shrimp{--fa:"\e448"}
.fa-list-check,.fa-tasks{--fa:"\f0ae"}
.fa-jug-detergent{--fa:"\e519"}
.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}
.fa-user-shield{--fa:"\f505"}
.fa-wind{--fa:"\f72e"}
.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}
.fa-y{--fa:"\59"}
.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}
.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}
.fa-fish{--fa:"\f578"}
.fa-user-graduate{--fa:"\f501"}
.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}
.fa-clapperboard{--fa:"\e131"}
.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}
.fa-baseball,.fa-baseball-ball{--fa:"\f433"}
.fa-jet-fighter-up{--fa:"\e518"}
.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}
.fa-copy{--fa:"\f0c5"}
.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}
.fa-hand-sparkles{--fa:"\e05d"}
.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}
.fa-share-from-square,.fa-share-square{--fa:"\f14d"}
.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}
.fa-gun{--fa:"\e19b"}
.fa-phone-square,.fa-square-phone{--fa:"\f098"}
.fa-add,.fa-plus{--fa:"\2b"}
.fa-expand{--fa:"\f065"}
.fa-computer{--fa:"\e4e5"}
.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}
.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}
.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}
.fa-peso-sign{--fa:"\e222"}
.fa-building-shield{--fa:"\e4d8"}
.fa-baby{--fa:"\f77c"}
.fa-users-line{--fa:"\e592"}
.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}
.fa-tractor{--fa:"\f722"}
.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}
.fa-arrow-down-up-lock{--fa:"\e4b0"}
.fa-lines-leaning{--fa:"\e51e"}
.fa-ruler-combined{--fa:"\f546"}
.fa-copyright{--fa:"\f1f9"}
.fa-equals{--fa:"\3d"}
.fa-blender{--fa:"\f517"}
.fa-teeth{--fa:"\f62e"}
.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}
.fa-map{--fa:"\f279"}
.fa-rocket{--fa:"\f135"}
.fa-photo-film,.fa-photo-video{--fa:"\f87c"}
.fa-folder-minus{--fa:"\f65d"}
.fa-hexagon-nodes-bolt{--fa:"\e69a"}
.fa-store{--fa:"\f54e"}
.fa-arrow-trend-up{--fa:"\e098"}
.fa-plug-circle-minus{--fa:"\e55e"}
.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}
.fa-bezier-curve{--fa:"\f55b"}
.fa-bell-slash{--fa:"\f1f6"}
.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}
.fa-school-flag{--fa:"\e56e"}
.fa-fill{--fa:"\f575"}
.fa-angle-up{--fa:"\f106"}
.fa-drumstick-bite{--fa:"\f6d7"}
.fa-holly-berry{--fa:"\f7aa"}
.fa-chevron-left{--fa:"\f053"}
.fa-bacteria{--fa:"\e059"}
.fa-hand-lizard{--fa:"\f258"}
.fa-notdef{--fa:"\e1fe"}
.fa-disease{--fa:"\f7fa"}
.fa-briefcase-medical{--fa:"\f469"}
.fa-genderless{--fa:"\f22d"}
.fa-chevron-right{--fa:"\f054"}
.fa-retweet{--fa:"\f079"}
.fa-car-alt,.fa-car-rear{--fa:"\f5de"}
.fa-pump-soap{--fa:"\e06b"}
.fa-video-slash{--fa:"\f4e2"}
.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}
.fa-radio{--fa:"\f8d7"}
.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}
.fa-traffic-light{--fa:"\f637"}
.fa-thermometer{--fa:"\f491"}
.fa-vr-cardboard{--fa:"\f729"}
.fa-hand-middle-finger{--fa:"\f806"}
.fa-percent,.fa-percentage{--fa:"\25"}
.fa-truck-moving{--fa:"\f4df"}
.fa-glass-water-droplet{--fa:"\e4f5"}
.fa-display{--fa:"\e163"}
.fa-face-smile,.fa-smile{--fa:"\f118"}
.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}
.fa-trophy{--fa:"\f091"}
.fa-person-praying,.fa-pray{--fa:"\f683"}
.fa-hammer{--fa:"\f6e3"}
.fa-hand-peace{--fa:"\f25b"}
.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}
.fa-spinner{--fa:"\f110"}
.fa-robot{--fa:"\f544"}
.fa-peace{--fa:"\f67c"}
.fa-cogs,.fa-gears{--fa:"\f085"}
.fa-warehouse{--fa:"\f494"}
.fa-arrow-up-right-dots{--fa:"\e4b7"}
.fa-splotch{--fa:"\f5bc"}
.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}
.fa-dice-four{--fa:"\f524"}
.fa-sim-card{--fa:"\f7c4"}
.fa-transgender,.fa-transgender-alt{--fa:"\f225"}
.fa-mercury{--fa:"\f223"}
.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}
.fa-person-falling-burst{--fa:"\e547"}
.fa-award{--fa:"\f559"}
.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}
.fa-building{--fa:"\f1ad"}
.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}
.fa-qrcode{--fa:"\f029"}
.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}
.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}
.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}
.fa-shield,.fa-shield-blank{--fa:"\f132"}
.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}
.fa-comment-nodes{--fa:"\e696"}
.fa-house-medical{--fa:"\e3b2"}
.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}
.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}
.fa-house-chimney-window{--fa:"\e00d"}
.fa-pen-nib{--fa:"\f5ad"}
.fa-tent-arrow-turn-left{--fa:"\e580"}
.fa-tents{--fa:"\e582"}
.fa-magic,.fa-wand-magic{--fa:"\f0d0"}
.fa-dog{--fa:"\f6d3"}
.fa-carrot{--fa:"\f787"}
.fa-moon{--fa:"\f186"}
.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}
.fa-cheese{--fa:"\f7ef"}
.fa-yin-yang{--fa:"\f6ad"}
.fa-music{--fa:"\f001"}
.fa-code-commit{--fa:"\f386"}
.fa-temperature-low{--fa:"\f76b"}
.fa-biking,.fa-person-biking{--fa:"\f84a"}
.fa-broom{--fa:"\f51a"}
.fa-shield-heart{--fa:"\e574"}
.fa-gopuram{--fa:"\f664"}
.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}
.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}
.fa-hashtag{--fa:"\23"}
.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}
.fa-oil-can{--fa:"\f613"}
.fa-t{--fa:"\54"}
.fa-hippo{--fa:"\f6ed"}
.fa-chart-column{--fa:"\e0e3"}
.fa-infinity{--fa:"\f534"}
.fa-vial-circle-check{--fa:"\e596"}
.fa-person-arrow-down-to-line{--fa:"\e538"}
.fa-voicemail{--fa:"\f897"}
.fa-fan{--fa:"\f863"}
.fa-person-walking-luggage{--fa:"\e554"}
.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}
.fa-cloud-moon-rain{--fa:"\f73c"}
.fa-calendar{--fa:"\f133"}
.fa-trailer{--fa:"\e041"}
.fa-bahai,.fa-haykal{--fa:"\f666"}
.fa-sd-card{--fa:"\f7c2"}
.fa-dragon{--fa:"\f6d5"}
.fa-shoe-prints{--fa:"\f54b"}
.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}
.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}
.fa-hand-holding{--fa:"\f4bd"}
.fa-plug-circle-exclamation{--fa:"\e55d"}
.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}
.fa-clone{--fa:"\f24d"}
.fa-person-walking-arrow-loop-left{--fa:"\e551"}
.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}
.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}
.fa-tornado{--fa:"\f76f"}
.fa-file-circle-plus{--fa:"\e494"}
.fa-book-quran,.fa-quran{--fa:"\f687"}
.fa-anchor{--fa:"\f13d"}
.fa-border-all{--fa:"\f84c"}
.fa-angry,.fa-face-angry{--fa:"\f556"}
.fa-cookie-bite{--fa:"\f564"}
.fa-arrow-trend-down{--fa:"\e097"}
.fa-feed,.fa-rss{--fa:"\f09e"}
.fa-draw-polygon{--fa:"\f5ee"}
.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}
.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}
.fa-shower{--fa:"\f2cc"}
.fa-desktop,.fa-desktop-alt{--fa:"\f390"}
.fa-m{--fa:"\4d"}
.fa-table-list,.fa-th-list{--fa:"\f00b"}
.fa-comment-sms,.fa-sms{--fa:"\f7cd"}
.fa-book{--fa:"\f02d"}
.fa-user-plus{--fa:"\f234"}
.fa-check{--fa:"\f00c"}
.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}
.fa-house-circle-check{--fa:"\e509"}
.fa-angle-left{--fa:"\f104"}
.fa-diagram-successor{--fa:"\e47a"}
.fa-truck-arrow-right{--fa:"\e58b"}
.fa-arrows-split-up-and-left{--fa:"\e4bc"}
.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}
.fa-cloud-moon{--fa:"\f6c3"}
.fa-briefcase{--fa:"\f0b1"}
.fa-person-falling{--fa:"\e546"}
.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}
.fa-user-tag{--fa:"\f507"}
.fa-rug{--fa:"\e569"}
.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}
.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}
.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}
.fa-baht-sign{--fa:"\e0ac"}
.fa-book-open{--fa:"\f518"}
.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}
.fa-handcuffs{--fa:"\e4f8"}
.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}
.fa-database{--fa:"\f1c0"}
.fa-mail-forward,.fa-share{--fa:"\f064"}
.fa-bottle-droplet{--fa:"\e4c4"}
.fa-mask-face{--fa:"\e1d7"}
.fa-hill-rockslide{--fa:"\e508"}
.fa-exchange-alt,.fa-right-left{--fa:"\f362"}
.fa-paper-plane{--fa:"\f1d8"}
.fa-road-circle-exclamation{--fa:"\e565"}
.fa-dungeon{--fa:"\f6d9"}
.fa-align-right{--fa:"\f038"}
.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}
.fa-life-ring{--fa:"\f1cd"}
.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}
.fa-calendar-day{--fa:"\f783"}
.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}
.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}
.fa-face-grimace,.fa-grimace{--fa:"\f57f"}
.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}
.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}
.fa-person-walking-arrow-right{--fa:"\e552"}
.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}
.fa-dice{--fa:"\f522"}
.fa-bowling-ball{--fa:"\f436"}
.fa-brain{--fa:"\f5dc"}
.fa-band-aid,.fa-bandage{--fa:"\f462"}
.fa-calendar-minus{--fa:"\f272"}
.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}
.fa-gifts{--fa:"\f79c"}
.fa-hotel{--fa:"\f594"}
.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}
.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}
.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}
.fa-thumbs-up{--fa:"\f164"}
.fa-user-clock{--fa:"\f4fd"}
.fa-allergies,.fa-hand-dots{--fa:"\f461"}
.fa-file-invoice{--fa:"\f570"}
.fa-window-minimize{--fa:"\f2d1"}
.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}
.fa-brush{--fa:"\f55d"}
.fa-file-half-dashed{--fa:"\e698"}
.fa-mask{--fa:"\f6fa"}
.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}
.fa-ruler-vertical{--fa:"\f548"}
.fa-user-alt,.fa-user-large{--fa:"\f406"}
.fa-train-tram{--fa:"\e5b4"}
.fa-user-nurse{--fa:"\f82f"}
.fa-syringe{--fa:"\f48e"}
.fa-cloud-sun{--fa:"\f6c4"}
.fa-stopwatch-20{--fa:"\e06f"}
.fa-square-full{--fa:"\f45c"}
.fa-magnet{--fa:"\f076"}
.fa-jar{--fa:"\e516"}
.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}
.fa-bug-slash{--fa:"\e490"}
.fa-arrow-up-from-water-pump{--fa:"\e4b6"}
.fa-bone{--fa:"\f5d7"}
.fa-table-cells-row-unlock{--fa:"\e691"}
.fa-user-injured{--fa:"\f728"}
.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}
.fa-plane{--fa:"\f072"}
.fa-tent-arrows-down{--fa:"\e581"}
.fa-exclamation{--fa:"\21"}
.fa-arrows-spin{--fa:"\e4bb"}
.fa-print{--fa:"\f02f"}
.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}
.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}
.fa-x{--fa:"\58"}
.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}
.fa-users-cog,.fa-users-gear{--fa:"\f509"}
.fa-person-military-pointing{--fa:"\e54a"}
.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}
.fa-umbrella{--fa:"\f0e9"}
.fa-trowel{--fa:"\e589"}
.fa-d{--fa:"\44"}
.fa-stapler{--fa:"\e5af"}
.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}
.fa-kip-sign{--fa:"\e1c4"}
.fa-hand-point-left{--fa:"\f0a5"}
.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}
.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}
.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}
.fa-barcode{--fa:"\f02a"}
.fa-plus-minus{--fa:"\e43c"}
.fa-video,.fa-video-camera{--fa:"\f03d"}
.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}
.fa-hand-holding-medical{--fa:"\e05c"}
.fa-person-circle-check{--fa:"\e53e"}
.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}
.fa-brands,.fab{font-weight:400}
.fa-monero{--fa:"\f3d0"}
.fa-hooli{--fa:"\f427"}
.fa-yelp{--fa:"\f1e9"}
.fa-cc-visa{--fa:"\f1f0"}
.fa-lastfm{--fa:"\f202"}
.fa-shopware{--fa:"\f5b5"}
.fa-creative-commons-nc{--fa:"\f4e8"}
.fa-aws{--fa:"\f375"}
.fa-redhat{--fa:"\f7bc"}
.fa-yoast{--fa:"\f2b1"}
.fa-cloudflare{--fa:"\e07d"}
.fa-ups{--fa:"\f7e0"}
.fa-pixiv{--fa:"\e640"}
.fa-wpexplorer{--fa:"\f2de"}
.fa-dyalog{--fa:"\f399"}
.fa-bity{--fa:"\f37a"}
.fa-stackpath{--fa:"\f842"}
.fa-buysellads{--fa:"\f20d"}
.fa-first-order{--fa:"\f2b0"}
.fa-modx{--fa:"\f285"}
.fa-guilded{--fa:"\e07e"}
.fa-vnv{--fa:"\f40b"}
.fa-js-square,.fa-square-js{--fa:"\f3b9"}
.fa-microsoft{--fa:"\f3ca"}
.fa-qq{--fa:"\f1d6"}
.fa-orcid{--fa:"\f8d2"}
.fa-java{--fa:"\f4e4"}
.fa-invision{--fa:"\f7b0"}
.fa-creative-commons-pd-alt{--fa:"\f4ed"}
.fa-centercode{--fa:"\f380"}
.fa-glide-g{--fa:"\f2a6"}
.fa-drupal{--fa:"\f1a9"}
.fa-jxl{--fa:"\e67b"}
.fa-dart-lang{--fa:"\e693"}
.fa-hire-a-helper{--fa:"\f3b0"}
.fa-creative-commons-by{--fa:"\f4e7"}
.fa-unity{--fa:"\e049"}
.fa-whmcs{--fa:"\f40d"}
.fa-rocketchat{--fa:"\f3e8"}
.fa-vk{--fa:"\f189"}
.fa-untappd{--fa:"\f405"}
.fa-mailchimp{--fa:"\f59e"}
.fa-css3-alt{--fa:"\f38b"}
.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}
.fa-vimeo-v{--fa:"\f27d"}
.fa-contao{--fa:"\f26d"}
.fa-square-font-awesome{--fa:"\e5ad"}
.fa-deskpro{--fa:"\f38f"}
.fa-brave{--fa:"\e63c"}
.fa-sistrix{--fa:"\f3ee"}
.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}
.fa-battle-net{--fa:"\f835"}
.fa-the-red-yeti{--fa:"\f69d"}
.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}
.fa-edge{--fa:"\f282"}
.fa-threads{--fa:"\e618"}
.fa-napster{--fa:"\f3d2"}
.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}
.fa-google-plus-g{--fa:"\f0d5"}
.fa-artstation{--fa:"\f77a"}
.fa-markdown{--fa:"\f60f"}
.fa-sourcetree{--fa:"\f7d3"}
.fa-google-plus{--fa:"\f2b3"}
.fa-diaspora{--fa:"\f791"}
.fa-foursquare{--fa:"\f180"}
.fa-stack-overflow{--fa:"\f16c"}
.fa-github-alt{--fa:"\f113"}
.fa-phoenix-squadron{--fa:"\f511"}
.fa-pagelines{--fa:"\f18c"}
.fa-algolia{--fa:"\f36c"}
.fa-red-river{--fa:"\f3e3"}
.fa-creative-commons-sa{--fa:"\f4ef"}
.fa-safari{--fa:"\f267"}
.fa-google{--fa:"\f1a0"}
.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}
.fa-atlassian{--fa:"\f77b"}
.fa-linkedin-in{--fa:"\f0e1"}
.fa-digital-ocean{--fa:"\f391"}
.fa-nimblr{--fa:"\f5a8"}
.fa-chromecast{--fa:"\f838"}
.fa-evernote{--fa:"\f839"}
.fa-hacker-news{--fa:"\f1d4"}
.fa-creative-commons-sampling{--fa:"\f4f0"}
.fa-adversal{--fa:"\f36a"}
.fa-creative-commons{--fa:"\f25e"}
.fa-watchman-monitoring{--fa:"\e087"}
.fa-fonticons{--fa:"\f280"}
.fa-weixin{--fa:"\f1d7"}
.fa-shirtsinbulk{--fa:"\f214"}
.fa-codepen{--fa:"\f1cb"}
.fa-git-alt{--fa:"\f841"}
.fa-lyft{--fa:"\f3c3"}
.fa-rev{--fa:"\f5b2"}
.fa-windows{--fa:"\f17a"}
.fa-wizards-of-the-coast{--fa:"\f730"}
.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}
.fa-meetup{--fa:"\f2e0"}
.fa-centos{--fa:"\f789"}
.fa-adn{--fa:"\f170"}
.fa-cloudsmith{--fa:"\f384"}
.fa-opensuse{--fa:"\e62b"}
.fa-pied-piper-alt{--fa:"\f1a8"}
.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}
.fa-codiepie{--fa:"\f284"}
.fa-node{--fa:"\f419"}
.fa-mix{--fa:"\f3cb"}
.fa-steam{--fa:"\f1b6"}
.fa-cc-apple-pay{--fa:"\f416"}
.fa-scribd{--fa:"\f28a"}
.fa-debian{--fa:"\e60b"}
.fa-openid{--fa:"\f19b"}
.fa-instalod{--fa:"\e081"}
.fa-files-pinwheel{--fa:"\e69f"}
.fa-expeditedssl{--fa:"\f23e"}
.fa-sellcast{--fa:"\f2da"}
.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}
.fa-r-project{--fa:"\f4f7"}
.fa-delicious{--fa:"\f1a5"}
.fa-freebsd{--fa:"\f3a4"}
.fa-vuejs{--fa:"\f41f"}
.fa-accusoft{--fa:"\f369"}
.fa-ioxhost{--fa:"\f208"}
.fa-fonticons-fi{--fa:"\f3a2"}
.fa-app-store{--fa:"\f36f"}
.fa-cc-mastercard{--fa:"\f1f1"}
.fa-itunes-note{--fa:"\f3b5"}
.fa-golang{--fa:"\e40f"}
.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}
.fa-grav{--fa:"\f2d6"}
.fa-weibo{--fa:"\f18a"}
.fa-uncharted{--fa:"\e084"}
.fa-firstdraft{--fa:"\f3a1"}
.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}
.fa-wikipedia-w{--fa:"\f266"}
.fa-rendact,.fa-wpressr{--fa:"\f3e4"}
.fa-angellist{--fa:"\f209"}
.fa-galactic-republic{--fa:"\f50c"}
.fa-nfc-directional{--fa:"\e530"}
.fa-skype{--fa:"\f17e"}
.fa-joget{--fa:"\f3b7"}
.fa-fedora{--fa:"\f798"}
.fa-stripe-s{--fa:"\f42a"}
.fa-meta{--fa:"\e49b"}
.fa-laravel{--fa:"\f3bd"}
.fa-hotjar{--fa:"\f3b1"}
.fa-bluetooth-b{--fa:"\f294"}
.fa-square-letterboxd{--fa:"\e62e"}
.fa-sticker-mule{--fa:"\f3f7"}
.fa-creative-commons-zero{--fa:"\f4f3"}
.fa-hips{--fa:"\f452"}
.fa-css{--fa:"\e6a2"}
.fa-behance{--fa:"\f1b4"}
.fa-reddit{--fa:"\f1a1"}
.fa-discord{--fa:"\f392"}
.fa-chrome{--fa:"\f268"}
.fa-app-store-ios{--fa:"\f370"}
.fa-cc-discover{--fa:"\f1f2"}
.fa-wpbeginner{--fa:"\f297"}
.fa-confluence{--fa:"\f78d"}
.fa-shoelace{--fa:"\e60c"}
.fa-mdb{--fa:"\f8ca"}
.fa-dochub{--fa:"\f394"}
.fa-accessible-icon{--fa:"\f368"}
.fa-ebay{--fa:"\f4f4"}
.fa-amazon{--fa:"\f270"}
.fa-unsplash{--fa:"\e07c"}
.fa-yarn{--fa:"\f7e3"}
.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}
.fa-500px{--fa:"\f26e"}
.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}
.fa-asymmetrik{--fa:"\f372"}
.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}
.fa-gratipay{--fa:"\f184"}
.fa-apple{--fa:"\f179"}
.fa-hive{--fa:"\e07f"}
.fa-gitkraken{--fa:"\f3a6"}
.fa-keybase{--fa:"\f4f5"}
.fa-apple-pay{--fa:"\f415"}
.fa-padlet{--fa:"\e4a0"}
.fa-amazon-pay{--fa:"\f42c"}
.fa-github-square,.fa-square-github{--fa:"\f092"}
.fa-stumbleupon{--fa:"\f1a4"}
.fa-fedex{--fa:"\f797"}
.fa-phoenix-framework{--fa:"\f3dc"}
.fa-shopify{--fa:"\e057"}
.fa-neos{--fa:"\f612"}
.fa-square-threads{--fa:"\e619"}
.fa-hackerrank{--fa:"\f5f7"}
.fa-researchgate{--fa:"\f4f8"}
.fa-swift{--fa:"\f8e1"}
.fa-angular{--fa:"\f420"}
.fa-speakap{--fa:"\f3f3"}
.fa-angrycreative{--fa:"\f36e"}
.fa-y-combinator{--fa:"\f23b"}
.fa-empire{--fa:"\f1d1"}
.fa-envira{--fa:"\f299"}
.fa-google-scholar{--fa:"\e63b"}
.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}
.fa-studiovinari{--fa:"\f3f8"}
.fa-pied-piper{--fa:"\f2ae"}
.fa-wordpress{--fa:"\f19a"}
.fa-product-hunt{--fa:"\f288"}
.fa-firefox{--fa:"\f269"}
.fa-linode{--fa:"\f2b8"}
.fa-goodreads{--fa:"\f3a8"}
.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}
.fa-jsfiddle{--fa:"\f1cc"}
.fa-sith{--fa:"\f512"}
.fa-themeisle{--fa:"\f2b2"}
.fa-page4{--fa:"\f3d7"}
.fa-hashnode{--fa:"\e499"}
.fa-react{--fa:"\f41b"}
.fa-cc-paypal{--fa:"\f1f4"}
.fa-squarespace{--fa:"\f5be"}
.fa-cc-stripe{--fa:"\f1f5"}
.fa-creative-commons-share{--fa:"\f4f2"}
.fa-bitcoin{--fa:"\f379"}
.fa-keycdn{--fa:"\f3ba"}
.fa-opera{--fa:"\f26a"}
.fa-itch-io{--fa:"\f83a"}
.fa-umbraco{--fa:"\f8e8"}
.fa-galactic-senate{--fa:"\f50d"}
.fa-ubuntu{--fa:"\f7df"}
.fa-draft2digital{--fa:"\f396"}
.fa-stripe{--fa:"\f429"}
.fa-houzz{--fa:"\f27c"}
.fa-gg{--fa:"\f260"}
.fa-dhl{--fa:"\f790"}
.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}
.fa-xing{--fa:"\f168"}
.fa-blackberry{--fa:"\f37b"}
.fa-creative-commons-pd{--fa:"\f4ec"}
.fa-playstation{--fa:"\f3df"}
.fa-quinscape{--fa:"\f459"}
.fa-less{--fa:"\f41d"}
.fa-blogger-b{--fa:"\f37d"}
.fa-opencart{--fa:"\f23d"}
.fa-vine{--fa:"\f1ca"}
.fa-signal-messenger{--fa:"\e663"}
.fa-paypal{--fa:"\f1ed"}
.fa-gitlab{--fa:"\f296"}
.fa-typo3{--fa:"\f42b"}
.fa-reddit-alien{--fa:"\f281"}
.fa-yahoo{--fa:"\f19e"}
.fa-dailymotion{--fa:"\e052"}
.fa-affiliatetheme{--fa:"\f36b"}
.fa-pied-piper-pp{--fa:"\f1a7"}
.fa-bootstrap{--fa:"\f836"}
.fa-odnoklassniki{--fa:"\f263"}
.fa-nfc-symbol{--fa:"\e531"}
.fa-mintbit{--fa:"\e62f"}
.fa-ethereum{--fa:"\f42e"}
.fa-speaker-deck{--fa:"\f83c"}
.fa-creative-commons-nc-eu{--fa:"\f4e9"}
.fa-patreon{--fa:"\f3d9"}
.fa-avianex{--fa:"\f374"}
.fa-ello{--fa:"\f5f1"}
.fa-gofore{--fa:"\f3a7"}
.fa-bimobject{--fa:"\f378"}
.fa-brave-reverse{--fa:"\e63d"}
.fa-facebook-f{--fa:"\f39e"}
.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}
.fa-web-awesome{--fa:"\e682"}
.fa-mandalorian{--fa:"\f50f"}
.fa-first-order-alt{--fa:"\f50a"}
.fa-osi{--fa:"\f41a"}
.fa-google-wallet{--fa:"\f1ee"}
.fa-d-and-d-beyond{--fa:"\f6ca"}
.fa-periscope{--fa:"\f3da"}
.fa-fulcrum{--fa:"\f50b"}
.fa-cloudscale{--fa:"\f383"}
.fa-forumbee{--fa:"\f211"}
.fa-mizuni{--fa:"\f3cc"}
.fa-schlix{--fa:"\f3ea"}
.fa-square-xing,.fa-xing-square{--fa:"\f169"}
.fa-bandcamp{--fa:"\f2d5"}
.fa-wpforms{--fa:"\f298"}
.fa-cloudversify{--fa:"\f385"}
.fa-usps{--fa:"\f7e1"}
.fa-megaport{--fa:"\f5a3"}
.fa-magento{--fa:"\f3c4"}
.fa-spotify{--fa:"\f1bc"}
.fa-optin-monster{--fa:"\f23c"}
.fa-fly{--fa:"\f417"}
.fa-square-bluesky{--fa:"\e6a3"}
.fa-aviato{--fa:"\f421"}
.fa-itunes{--fa:"\f3b4"}
.fa-cuttlefish{--fa:"\f38c"}
.fa-blogger{--fa:"\f37c"}
.fa-flickr{--fa:"\f16e"}
.fa-viber{--fa:"\f409"}
.fa-soundcloud{--fa:"\f1be"}
.fa-digg{--fa:"\f1a6"}
.fa-tencent-weibo{--fa:"\f1d5"}
.fa-letterboxd{--fa:"\e62d"}
.fa-symfony{--fa:"\f83d"}
.fa-maxcdn{--fa:"\f136"}
.fa-etsy{--fa:"\f2d7"}
.fa-facebook-messenger{--fa:"\f39f"}
.fa-audible{--fa:"\f373"}
.fa-think-peaks{--fa:"\f731"}
.fa-bilibili{--fa:"\e3d9"}
.fa-erlang{--fa:"\f39d"}
.fa-x-twitter{--fa:"\e61b"}
.fa-cotton-bureau{--fa:"\f89e"}
.fa-dashcube{--fa:"\f210"}
.fa-42-group,.fa-innosoft{--fa:"\e080"}
.fa-stack-exchange{--fa:"\f18d"}
.fa-elementor{--fa:"\f430"}
.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}
.fa-creative-commons-nd{--fa:"\f4eb"}
.fa-palfed{--fa:"\f3d8"}
.fa-superpowers{--fa:"\f2dd"}
.fa-resolving{--fa:"\f3e7"}
.fa-xbox{--fa:"\f412"}
.fa-square-web-awesome-stroke{--fa:"\e684"}
.fa-searchengin{--fa:"\f3eb"}
.fa-tiktok{--fa:"\e07b"}
.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}
.fa-renren{--fa:"\f18b"}
.fa-linux{--fa:"\f17c"}
.fa-glide{--fa:"\f2a5"}
.fa-linkedin{--fa:"\f08c"}
.fa-hubspot{--fa:"\f3b2"}
.fa-deploydog{--fa:"\f38e"}
.fa-twitch{--fa:"\f1e8"}
.fa-flutter{--fa:"\e694"}
.fa-ravelry{--fa:"\f2d9"}
.fa-mixer{--fa:"\e056"}
.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}
.fa-vimeo{--fa:"\f40a"}
.fa-mendeley{--fa:"\f7b3"}
.fa-uniregistry{--fa:"\f404"}
.fa-figma{--fa:"\f799"}
.fa-creative-commons-remix{--fa:"\f4ee"}
.fa-cc-amazon-pay{--fa:"\f42d"}
.fa-dropbox{--fa:"\f16b"}
.fa-instagram{--fa:"\f16d"}
.fa-cmplid{--fa:"\e360"}
.fa-upwork{--fa:"\e641"}
.fa-facebook{--fa:"\f09a"}
.fa-gripfire{--fa:"\f3ac"}
.fa-jedi-order{--fa:"\f50e"}
.fa-uikit{--fa:"\f403"}
.fa-fort-awesome-alt{--fa:"\f3a3"}
.fa-phabricator{--fa:"\f3db"}
.fa-ussunnah{--fa:"\f407"}
.fa-earlybirds{--fa:"\f39a"}
.fa-trade-federation{--fa:"\f513"}
.fa-autoprefixer{--fa:"\f41c"}
.fa-whatsapp{--fa:"\f232"}
.fa-square-upwork{--fa:"\e67c"}
.fa-slideshare{--fa:"\f1e7"}
.fa-google-play{--fa:"\f3ab"}
.fa-viadeo{--fa:"\f2a9"}
.fa-line{--fa:"\f3c0"}
.fa-google-drive{--fa:"\f3aa"}
.fa-servicestack{--fa:"\f3ec"}
.fa-simplybuilt{--fa:"\f215"}
.fa-bitbucket{--fa:"\f171"}
.fa-imdb{--fa:"\f2d8"}
.fa-deezer{--fa:"\e077"}
.fa-raspberry-pi{--fa:"\f7bb"}
.fa-jira{--fa:"\f7b1"}
.fa-docker{--fa:"\f395"}
.fa-screenpal{--fa:"\e570"}
.fa-bluetooth{--fa:"\f293"}
.fa-gitter{--fa:"\f426"}
.fa-d-and-d{--fa:"\f38d"}
.fa-microblog{--fa:"\e01a"}
.fa-cc-diners-club{--fa:"\f24c"}
.fa-gg-circle{--fa:"\f261"}
.fa-pied-piper-hat{--fa:"\f4e5"}
.fa-kickstarter-k{--fa:"\f3bc"}
.fa-yandex{--fa:"\f413"}
.fa-readme{--fa:"\f4d5"}
.fa-html5{--fa:"\f13b"}
.fa-sellsy{--fa:"\f213"}
.fa-square-web-awesome{--fa:"\e683"}
.fa-sass{--fa:"\f41e"}
.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}
.fa-buromobelexperte{--fa:"\f37f"}
.fa-salesforce{--fa:"\f83b"}
.fa-octopus-deploy{--fa:"\e082"}
.fa-medapps{--fa:"\f3c6"}
.fa-ns8{--fa:"\f3d5"}
.fa-pinterest-p{--fa:"\f231"}
.fa-apper{--fa:"\f371"}
.fa-fort-awesome{--fa:"\f286"}
.fa-waze{--fa:"\f83f"}
.fa-bluesky{--fa:"\e671"}
.fa-cc-jcb{--fa:"\f24b"}
.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}
.fa-fantasy-flight-games{--fa:"\f6dc"}
.fa-rust{--fa:"\e07a"}
.fa-wix{--fa:"\f5cf"}
.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}
.fa-supple{--fa:"\f3f9"}
.fa-webflow{--fa:"\e65c"}
.fa-rebel{--fa:"\f1d0"}
.fa-css3{--fa:"\f13c"}
.fa-staylinked{--fa:"\f3f5"}
.fa-kaggle{--fa:"\f5fa"}
.fa-space-awesome{--fa:"\e5ac"}
.fa-deviantart{--fa:"\f1bd"}
.fa-cpanel{--fa:"\f388"}
.fa-goodreads-g{--fa:"\f3a9"}
.fa-git-square,.fa-square-git{--fa:"\f1d2"}
.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}
.fa-trello{--fa:"\f181"}
.fa-creative-commons-nc-jp{--fa:"\f4ea"}
.fa-get-pocket{--fa:"\f265"}
.fa-perbyte{--fa:"\e083"}
.fa-grunt{--fa:"\f3ad"}
.fa-weebly{--fa:"\f5cc"}
.fa-connectdevelop{--fa:"\f20e"}
.fa-leanpub{--fa:"\f212"}
.fa-black-tie{--fa:"\f27e"}
.fa-themeco{--fa:"\f5c6"}
.fa-python{--fa:"\f3e2"}
.fa-android{--fa:"\f17b"}
.fa-bots{--fa:"\e340"}
.fa-free-code-camp{--fa:"\f2c5"}
.fa-hornbill{--fa:"\f592"}
.fa-js{--fa:"\f3b8"}
.fa-ideal{--fa:"\e013"}
.fa-git{--fa:"\f1d3"}
.fa-dev{--fa:"\f6cc"}
.fa-sketch{--fa:"\f7c6"}
.fa-yandex-international{--fa:"\f414"}
.fa-cc-amex{--fa:"\f1f3"}
.fa-uber{--fa:"\f402"}
.fa-github{--fa:"\f09b"}
.fa-php{--fa:"\f457"}
.fa-alipay{--fa:"\f642"}
.fa-youtube{--fa:"\f167"}
.fa-skyatlas{--fa:"\f216"}
.fa-firefox-browser{--fa:"\e007"}
.fa-replyd{--fa:"\f3e6"}
.fa-suse{--fa:"\f7d6"}
.fa-jenkins{--fa:"\f3b6"}
.fa-twitter{--fa:"\f099"}
.fa-rockrms{--fa:"\f3e9"}
.fa-pinterest{--fa:"\f0d2"}
.fa-buffer{--fa:"\f837"}
.fa-npm{--fa:"\f3d4"}
.fa-yammer{--fa:"\f840"}
.fa-btc{--fa:"\f15a"}
.fa-dribbble{--fa:"\f17d"}
.fa-stumbleupon-circle{--fa:"\f1a3"}
.fa-internet-explorer{--fa:"\f26b"}
.fa-stubber{--fa:"\e5c7"}
.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}
.fa-old-republic{--fa:"\f510"}
.fa-odysee{--fa:"\e5c6"}
.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}
.fa-node-js{--fa:"\f3d3"}
.fa-edge-legacy{--fa:"\e078"}
.fa-slack,.fa-slack-hash{--fa:"\f198"}
.fa-medrt{--fa:"\f3c8"}
.fa-usb{--fa:"\f287"}
.fa-tumblr{--fa:"\f173"}
.fa-vaadin{--fa:"\f408"}
.fa-quora{--fa:"\f2c4"}
.fa-square-x-twitter{--fa:"\e61a"}
.fa-reacteurope{--fa:"\f75d"}
.fa-medium,.fa-medium-m{--fa:"\f23a"}
.fa-amilia{--fa:"\f36d"}
.fa-mixcloud{--fa:"\f289"}
.fa-flipboard{--fa:"\f44d"}
.fa-viacoin{--fa:"\f237"}
.fa-critical-role{--fa:"\f6c9"}
.fa-sitrox{--fa:"\e44a"}
.fa-discourse{--fa:"\f393"}
.fa-joomla{--fa:"\f1aa"}
.fa-mastodon{--fa:"\f4f6"}
.fa-airbnb{--fa:"\f834"}
.fa-wolf-pack-battalion{--fa:"\f514"}
.fa-buy-n-large{--fa:"\f8a6"}
.fa-gulp{--fa:"\f3ae"}
.fa-creative-commons-sampling-plus{--fa:"\f4f1"}
.fa-strava{--fa:"\f428"}
.fa-ember{--fa:"\f423"}
.fa-canadian-maple-leaf{--fa:"\f785"}
.fa-teamspeak{--fa:"\f4f9"}
.fa-pushed{--fa:"\f3e1"}
.fa-wordpress-simple{--fa:"\f411"}
.fa-nutritionix{--fa:"\f3d6"}
.fa-wodu{--fa:"\e088"}
.fa-google-pay{--fa:"\e079"}
.fa-intercom{--fa:"\f7af"}
.fa-zhihu{--fa:"\f63f"}
.fa-korvue{--fa:"\f42f"}
.fa-pix{--fa:"\e43a"}
.fa-steam-symbol{--fa:"\f3f6"}
:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}
.fa-regular,.far{font-weight:400}
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}
.fa-solid,.fas{font-weight:900}
@font-face{font-family:"Font Awesome 5 Brands";font-display: swap;font-weight:400;src:url(/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display: swap;font-weight:900;src:url(/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 5 Free";font-display: swap;font-weight:400;src:url(/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype")}
@font-face{font-family:"FontAwesome";font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}
@font-face{font-family:"FontAwesome";font-display: swap;src:url(/fonts/fontawesome/webfonts/fa-v4compatibility.woff2) format("woff2"),url(/fonts/fontawesome/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
.last\:border-b-0:last-child{
    border-bottom-width: 0px;
}
.last\:border-r-0:last-child{
    border-right-width: 0px;
}
.focus-within\:border-\[\#F79639\]:focus-within{
    --tw-border-opacity: 1;
    border-color: rgb(247 150 57 / var(--tw-border-opacity, 1));
}
.hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-\[\#F86A0B\]:hover{
    --tw-border-opacity: 1;
    border-color: rgb(248 106 11 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#1F2937\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#222222\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#E7E7E7\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 231 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ECECEC\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F0F0F0\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F5F5F5\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F9F9F9\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#F9FAFB\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#d9d9d9\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#dbdbdb\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(219 219 219 / var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#F79639\]:hover{
    --tw-text-opacity: 1;
    color: rgb(247 150 57 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#F86A0B\]:hover{
    --tw-text-opacity: 1;
    color: rgb(248 106 11 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover{
    text-decoration-line: underline;
}
.hover\:opacity-80:hover{
    opacity: 0.8;
}
.hover\:opacity-90:hover{
    opacity: 0.9;
}
.focus\:underline:focus{
    text-decoration-line: underline;
}
.disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
}
.disabled\:opacity-60:disabled{
    opacity: 0.6;
}
.group:hover .group-hover\:scale-\[1\.04\]{
    --tw-scale-x: 1.04;
    --tw-scale-y: 1.04;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-\[\#F86A0B\]{
    --tw-text-opacity: 1;
    color: rgb(248 106 11 / var(--tw-text-opacity, 1));
}
.dark\:\!bg-\[\#000000\]:is(.dark *){
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}
@media (max-width: 480px){
    .max-\[480px\]\:pt-3{
        padding-top: 0.75rem;
    }
}
@media (min-width: 640px){
    .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .sm\:text-\[12px\]{
        font-size: 12px;
    }
}
@media (min-width: 768px){
    .md\:col-span-2{
        grid-column: span 2 / span 2;
    }
    .md\:block{
        display: block;
    }
    .md\:flex{
        display: flex;
    }
    .md\:w-1\/2{
        width: 50%;
    }
    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .md\:p-5{
        padding: 1.25rem;
    }
    .md\:p-8{
        padding: 2rem;
    }
    .md\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1024px){
    .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (min-width: 1280px){
    .xl\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}