.fgmr-wrap {
    --fgmr-accent: #0f766e;
    margin: 1.25rem 0;
    color: #111827;
    font-family: inherit
}

.fgmr-title {
    margin: 0 0 1rem;
    font-size: clamp(1.3rem,2vw,1.9rem);
    line-height: 1.15;
    font-weight: 800
}

.fgmr-timezone-box,.fgmr-filters {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: center;
    margin: 0 0 1rem
}

.fgmr-timezone-box label {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #475467;
    font-size: .9rem
}

.fgmr-filters input,.fgmr-filters select,.fgmr-timezone-box select {
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    padding: .58rem .75rem;
    background: #fff;
    color: #111827;
    min-height: 40px
}

.fgmr-filters input {
    min-width: 210px
}

.fgmr-table-scroll {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fff
}

.fgmr-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
    background: #fff
}

.fgmr-table th {
    background: #fafafa;
    color: #667085;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .035em;
    text-align: left;
    padding: .75rem;
    border-bottom: 1px solid #e5e7eb;
    font-weight: 700
}

.fgmr-table td {
    padding: .78rem .75rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    font-size: .94rem
}

.fgmr-table tbody tr:last-child td {
    border-bottom: 0
}

.fgmr-table tbody tr:hover {
    background: #fcfcfd
}

.fgmr-team {
    /* display:inline-flex; */
    align-items: center;
    gap: .35rem
}

.fgmr-local-time {
    font-weight: 600;
    white-space: nowrap
}

.fgmr-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .22rem .55rem;
    font-size: .76rem;
    font-weight: 700;
    white-space: nowrap
}

.fgmr-badge.is-finished {
    background: #ecfdf3;
    color: var(--fgmr-accent)
}

.fgmr-badge.is-scheduled {
    background: #deffef;
    color: #0c703f;
}

.fgmr-empty,.fgmr-error {
    border: 1px dashed #d0d5dd;
    border-radius: 14px;
    padding: 1rem;
    background: #fcfcfd;
    color: #667085
}

.fgmr-error {
    border-color: #fecaca;
    background: #fff1f2;
    color: #be123c
}

.fgmr-source {
    font-size: .82rem;
    color: #667085;
    margin: .75rem 0 0
}

.fgmr-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
    gap: 1rem
}

.fgmr-card {
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #e5e5e5;
    padding: 1rem;
    box-shadow: 0px 6px 6px #e9e9e98f;
}

.fgmr-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: #0877f7;
    font-size: .86rem
}

.fgmr-card-match {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: .75rem;
    align-items: center;
    margin: 1rem 0;
    font-weight: 800;
}

.fgmr-card-match span:last-child {
    text-align: right
}

.fgmr-card-match strong {
    background: #f8fafc;
    color: #111827;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: .42rem .65rem;
    white-space: nowrap
}

.fgmr-card-meta {
    font-size: .86rem;
    color: #b3b3b3;
}

.fgmr-standings {
    display: grid;
    /* grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); */
    gap: 2rem;
}

.fgmr-standing-group h3 {
    margin: .1rem 0 .55rem;
    font-size: 1.05rem;
    font-weight: 800
}

.fgmr-standing-scroll {
    border-radius: 12px
}

.fgmr-standing-table {
    min-width: 560px
}

.fgmr-standing-table th,.fgmr-standing-table td {
    text-align: center;
    padding: .65rem .55rem
}

.fgmr-standing-table th:nth-child(2),.fgmr-standing-table td:nth-child(2) {
    text-align: left
}

.fgmr-standing-table .fgmr-rank {
    color: #667085;
    font-weight: 700;
    width: 2.2rem
}

.fgmr-standing-table .fgmr-points {
    font-weight: 900;
    color: var(--fgmr-accent)
}

.fg-content img {
    height: 2rem !important;
    width: 2rem !important;
}
@media(max-width: 640px) {
    .fgmr-table {
        min-width:680px
    }

    .fgmr-standing-table {
        min-width: 540px
    }

    .fgmr-card-match {
        grid-template-columns: 1fr;
        text-align: center
    }

    .fgmr-card-match span:last-child {
        text-align: center
    }

    .fgmr-card-top {
        align-items: flex-start;
        flex-direction: column
    }
}