@CHARSET "UTF-8";

.title {
    background: var(--color-bg-subtle, #e6eff7);
    font-size: 1.25rem;
    font-weight: 700;
    padding: 6px 10px;
    border-radius: var(--radius-sm, 4px);
    color: var(--color-text, #0a192f);
}

.title div {
    margin-bottom: 0.5em;
}

.search-info-page {
    width: 100%;
}

.search-info-individual .search-info-content a,
.search-info-individual .search-info-content a:visited,
.search-info-team .search-info-content a,
.search-info-team .search-info-content a:visited {
    color: var(--color-accent, #163b65);
    text-decoration: none;
}

.search-info-individual .search-info-content a:hover,
.search-info-individual .search-info-content a:focus-visible,
.search-info-team .search-info-content a:hover,
.search-info-team .search-info-content a:focus-visible {
    color: var(--color-accent-hover, #0c2540);
    text-decoration: underline;
}

.search-info-individual .search-info-content a.nation-link,
.search-info-individual .search-info-content a.nation-link:visited {
    color: var(--color-text, #1e293b);
}

.search-info-individual .search-info-content a.nation-link:hover,
.search-info-individual .search-info-content a.nation-link:focus-visible {
    color: var(--color-accent, #163b65);
    text-decoration: underline;
}

.search-info-profile .card-body {
    overflow-wrap: anywhere;
}

.search-info-profile .search-info-photo {
    margin: 1rem 0;
}

.search-info-opponent {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.search-info-opponent-photo {
    flex: 0 0 auto;
    line-height: 0;
}

.search-info-opponent-photo img {
    max-width: 40px;
    height: auto;
}

.search-info-opponent-info {
    min-width: 0;
    text-align: left;
    overflow-wrap: anywhere;
}

.search-info-opponent-info > a:first-child {
    display: block;
}

.search-info-opponent-country {
    display: block;
}

.search-info-opponent-flag img {
    vertical-align: middle;
}

.search-info-profile .search-info-photo img,
.search-info-profile .search-info-flag img {
    max-width: 100%;
    height: auto;
}

.search-info-tables {
    min-width: 0;
}

.search-info-results {
    min-width: 0;
}

.search-info-tables table {
    width: 100%;
    margin-bottom: 1rem;
}

.search-info-tables table.Participants {
    max-width: 100%;
}

.search-info-individual .search-info-tables table.Participants {
    min-width: 0;
    table-layout: fixed;
}

.search-info-individual .search-info-tables th,
.search-info-individual .search-info-tables td {
    overflow-wrap: anywhere;
}

.search-info-team .search-info-tables table.Participants {
    min-width: 0;
    table-layout: fixed;
    font-family: Arlia, Helvetica, Sans-Serif;
}

.search-info-team .search-info-tables th,
.search-info-team .search-info-tables td {
    overflow-wrap: anywhere;
}

.search-info-team .search-info-wide-matches table.Participants {
    min-width: 42rem;
    table-layout: auto;
}

.search-info-team .search-info-desktop-matches table.Participants td:first-child {
    white-space: nowrap;
}

.search-info-team .search-info-mobile-matches {
    display: block !important;
}

.search-info-team .search-info-desktop-matches {
    display: none !important;
}

@media (min-width: 768px) {
    .search-info-team .search-info-mobile-matches {
        display: none !important;
    }

    .search-info-team .search-info-desktop-matches {
        display: block !important;
    }
}

.search-info-team .search-info-mobile-matches .scheduled-matches {
    padding: 0;
}

.search-info-team .search-info-mobile-matches .scheduled-phase-title {
    overflow-x: auto;
    overflow-y: hidden;
}

.search-info-team .search-info-mobile-matches .scheduled-phase-name {
    white-space: nowrap;
}

.search-info-team .search-info-mobile-matches .scheduled-phase-name a,
.search-info-team .search-info-mobile-matches .scheduled-phase-name a:visited {
    color: var(--color-text-inverse, #ffffff);
}

.search-info-team .search-info-mobile-matches .scheduled-phase-name a:hover,
.search-info-team .search-info-mobile-matches .scheduled-phase-name a:focus-visible {
    color: var(--color-text-inverse, #ffffff);
    text-decoration: underline;
}

.search-info-team .piccolo {
    font-size: 70%;
}

.search-info-team .grande {
    font-size: 120%;
}

.Details th {
    background: linear-gradient(135deg, #0e2a47 0%, #1b497c 100%);
    color: var(--color-text-inverse, #ffffff);
    font-size: var(--font-size-base, 13px);
    padding: 6px 8px;
    font-weight: 600;
}