.bettingOddAdNotice {
    font-size: 10px;
    text-align: center;
    margin-bottom: 2px;
}

.bettingOdd {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='250' preserveAspectRatio='none' viewBox='0 0 1440 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1023%26quot%3b)' fill='none'%3e%3cpath d='M44 250L294 0L576 0L326 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1024%26quot%3b)'%3e%3c/path%3e%3cpath d='M260.6 250L510.6 0L822.6 0L572.6 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1024%26quot%3b)'%3e%3c/path%3e%3cpath d='M499.20000000000005 250L749.2 0L791.2 0L541.2 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1024%26quot%3b)'%3e%3c/path%3e%3cpath d='M748.8000000000001 250L998.8000000000001 0L1073.8000000000002 0L823.8000000000001 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1024%26quot%3b)'%3e%3c/path%3e%3cpath d='M1399 250L1149 0L829.5 0L1079.5 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1025%26quot%3b)'%3e%3c/path%3e%3cpath d='M1200.4 250L950.4000000000001 0L900.9000000000001 0L1150.9 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1025%26quot%3b)'%3e%3c/path%3e%3cpath d='M942.8 250L692.8 0L593.8 0L843.8 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1025%26quot%3b)'%3e%3c/path%3e%3cpath d='M721.1999999999999 250L471.19999999999993 0L259.69999999999993 0L509.69999999999993 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1025%26quot%3b)'%3e%3c/path%3e%3cpath d='M1243.83697112029 250L1440 53.836971120289974L1440 250z' fill='url(%26quot%3b%23SvgjsLinearGradient1024%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 250L196.16302887971003 250L 0 53.836971120289974z' fill='url(%26quot%3b%23SvgjsLinearGradient1025%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1023'%3e%3crect width='1440' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1024'%3e%3cstop stop-color='rgba(179%2c 179%2c 179%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(179%2c 179%2c 179%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1025'%3e%3cstop stop-color='rgba(179%2c 179%2c 179%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(179%2c 179%2c 179%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");display: flex;
    flex-direction: column;
    /*background-color: #000;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    /*color: #FFF;*/
    border-radius: 5px;
    padding: 1rem;
}

.bettingOdd * {
    box-sizing: border-box;
}

.bettingOdd .bettingOdd__team img {
    max-width: 50px;
    height: 70px;
    width: 100%;
    object-fit: contain;
    box-shadow: none;
}

.bettingOdd .bettingOdd__header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0;
    grid-template-areas:
    "team1 time team2"
    "team1_name question team2_name";
}

.bettingOdd .bettingOdd__team.--team1 {
    grid-area: team1;
}
.bettingOdd .bettingOdd__teamName.--team1 {
    grid-area: team1_name;
}

.bettingOdd .bettingOdd__start {
    grid-area: time;
}

.bettingOdd .bettingOdd__question {
    grid-area: question;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
}

.bettingOdd .bettingOdd__team.--team2 {
    display: flex;
    justify-content: flex-end;
    grid-area: team2;
}
.bettingOdd .bettingOdd__teamName.--team2 {
    grid-area: team2_name;
    display: flex;
    justify-content: flex-end;
}

.bettingOdd .bettingOdd__team:last-child {
    align-items: flex-end;
}

.bettingOdd .bettingOdd__start {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 0 0 30%;
    font-family: 'Oswald', sans-serif;
}

.bettingOdd .bettingOdd__team strong {
    font-family: 'Oswald', sans-serif;
}
.bettingOddInformation {
    margin: 0.5rem 0 1rem 0;
    font-style: italic;
    font-size: 0.8rem;
}
.bettingOdd .bettingOdd__bets {
    display: grid;
    grid-template-columns: repeat(var(--per-desktop-column), 1fr);
    grid-column-gap: 0.6rem;
    grid-row-gap: 0.6rem;
    margin-top: 0.5rem;
}
.bettingOdd .bettingOdd__bet {
    display: flex;
    gap: 0.25rem;
}
.bettingOdd .bettingOdd__betLogo {
    flex: 0 0 42px;
}
.bettingOdd .bettingOdd__betLogo picture {
    display: flex;
}
.bettingOdd .bettingOdd__betRatio {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 100%;
    background-color: #000;
    color: #FFF;
    height: 42px;
    border-radius: 5px;
    padding: 0 30px;
}

.bettingOdd .bettingOdd__betLogo img {
    width: 42px;
    border-radius: 5px;
    padding-right: 0;
}

.bettingOdd .bettingOdd__bet.--highlight .bettingOdd__betRatio {
    border: 3px solid #FACD00;
    font-weight: bold;
}

.bettingOdd .bettingOdd__bet.--highlight .bettingOdd__betRatio::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23FACD00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-trending-up'%3E%3Cpath d='m23 6-9.5 9.5-5-5L1 18'/%3E%3Cpath d='M17 6h6v6'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    .bettingOdd .bettingOdd__bets {
        display: grid;
        grid-template-columns: repeat(var(--per-tablet-column), 1fr);
    }
}
@media (max-width: 568px) {
    .bettingOdd .bettingOdd__header {
        grid-template-areas:
            "team1 time team2"
            "team1_name time team2_name"
            "question question question";
    }

    .bettingOdd .bettingOdd__bets {
        display: grid;
        grid-template-columns: 1fr;
    }
}