#sportsbook header.mobile-header .content-wrapper {
    background-color: #00254b;
}
#sportsbook header.mobile-header .content-wrapper nav a {
    color: #fff;
    font-size: 0.8rem;
}
#sportsbook header.mobile-header .content-wrapper .search {
    background-color: #00162d;
    border: 0;
    height: 2.2rem;
    border-radius: 4px;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
}
#sportsbook header.mobile-header .content-wrapper .search {
    padding-left: 0;
    width: 6rem;
}
#sportsbook header.mobile-header .content-wrapper .search .app-icon[icon=search] {
    display: none;
}
#sportsbook header.mobile-header .content-wrapper .search input {
    color: #fff;
    font-size: 0.8rem;
    width: 100%;
}
#sportsbook header.mobile-header .content-wrapper .search input::placeholder {
    color: rgba(255,255,255,.5);
}

#sportsbook footer span {
    white-space: nowrap;
}

#sportsbook #prematch .league-info ul.market-titles li.market:nth-child(n + 4),
#sportsbook #prematch .match-group-title ul.market-titles li.market:nth-child(n + 4),
#sportsbook #prematch .match-row .header-markets .market:nth-child(4) {
    display: none;
}

#sportsbook #prematch .match-row.is-mobile .match-name {
    max-width: calc(100% - 19rem);
}

#sportsbook #prematch .match-group-title ul.market-titles li.market .pos-name,
#sportsbook #prematch .match-row .header-markets .market .odd-rect {
    width: 4rem;
}

#sportsbook #prematch .league-info ul.market-titles li.market[column-count='2'] {
    width: calc(8rem + 4px);
}
#sportsbook #prematch .league-info ul.market-titles li.market[column-count='2'].with-param {
    width: 11.5rem;
}
#sportsbook #prematch .league-info ul.market-titles li.market[column-count='3'] {
    width: calc(12rem + 8px);
}
#sportsbook #prematch .league-info ul.market-titles li.market[column-count='3'].with-param {
    width: 15.5rem;
}

#sportsbook #prematch .match-list.is-mobile .match-group-title {
    height: 2rem;
}
#sportsbook #prematch .match-list.is-mobile .match-group-title .pos-name {
    line-height: 1rem;
    font-size: 0.7rem;
}
#sportsbook #prematch .offers-list .title {
    background: var(--brandColor);
    color: var(--textColorOnBrandColor);
    margin-bottom: .5rem;
    padding: .6667rem;
    border-radius: 5px;
}

#sportsbook #prematch .offers-list .title .offer-icon-wrapper {
    width: 2.2rem;
    height: 2.1333rem;
    background-image: url('../brandAssets/223/offers-title-logo.svg');
}

#sportsbook #prematch .offers-list .title .view-all {
    color: var(--textColorOnBrandColor);
}

#sportsbook #prematch .offered-item .content ul li .market {
    color: #9C9C9C;
}

#sportsbook #prematch .offered-item .content ul li .market::before,
#sportsbook .betslip .betslip-odd-row .offered-odd ul li .market::before {
    border-color: #9C9C9C;
    border-radius: 50%;
}

#sportsbook #prematch .offers-list .offered-item:not(.detailed) .footer {
    background-color: var(--siteBgColor);
    border-radius: 4.2px;
    padding: .4667rem;
    height: 1rem;
    justify-content: center;
}

#sportsbook #prematch .offers-list .offered-item.detailed .footer {
    gap: 0.5rem;
}

#sportsbook #prematch .offers-list .offered-item.detailed .footer .img-wrapper {
    width: 1.6rem;
    height: 1.3333rem;
}

#sportsbook #prematch .offers-list .offered-item.detailed .footer span {
    min-width: 4rem;
}

#sportsbook #prematch .offers-list .offered-item.detailed .footer span:first-child {
    justify-content: center;
    font-size: 1.2rem;
}

#sportsbook #prematch .offers-list .offered-item.detailed .footer span:last-child {
    font-size: 1.2667rem;
    height: 2.5rem;
}

#sportsbook #prematch .offers-list .offered-item .footer .img-wrapper, 
#sportsbook .betslip-odd-row .odd .img-wrapper,
#sportsbook .my-bets .match-row .img-wrapper {
    background-image: url('../brandAssets/223/offered-odd-change.svg');
}

#sportsbook #prematch .offers-list .offered-item .heading .title-addition {
    display: flex;
    align-items: center;
    gap: .5rem;
}

#sportsbook #prematch .offers-list .offered-item .heading .title-addition .img-wrapper {
    display: block;
    width: 1.3333rem;
    height: 1.3333rem;
    background-image: url('../brandAssets/223/offer-logo.svg');
}

#sportsbook #prematch .offers-list .offered-item .heading .title-addition .name-wrapper {
    display: block;
    width: 4rem;
    height: .8rem;
    background-image: url('../brandAssets/223/brand-logo.svg');
}

#sportsbook #prematch .offers-list .offered-item .heading {
    gap: 0.5rem;
}

#sportsbook #prematch .offers-list .offered-item .heading p {
    flex-wrap: wrap;
    gap: 0 0.3rem;
    margin-left: .62rem;
    color: #9C9C9C;
}

#sportsbook #live .no-data {
    background-color: var(--bgColor4);
    flex-direction: column;
    height: auto;
    padding: 3rem 0;
}
#sportsbook #live .no-data .brand-logo {
    width: 100%;
    height: 2rem;
    margin-bottom: 1.5rem;
    background: url('../brandAssets/223/logo.png') no-repeat;
    background-size: auto 100%;
    transform-origin: center;
    animation: rotate360Anim 3s linear infinite;
    background-position: center;
}
#sportsbook #live .no-data p:nth-of-type(1) {
    font-size: 1rem;
}
#sportsbook #live .no-data p:nth-of-type(2) {
    color: var(--tertiaryTextColor);
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

#sportsbook footer {
    .betslip-icon {
        background: #FFC502;

        &:not(.active) {
            width: 3.2rem;
            height: 3.2rem;
            margin-top: -0.6rem;

            .app-icon {
                margin-top: 0.5rem;
                color: #001830;
            }

            span.text {
                display: block;
                background-color: var(--bgColor1);
                min-width: 3.5rem;
                margin-top: 4px;
                padding-top: 2px;
            }
        }

        &.active {
            .text {
                display: none;
            }
        }
    }
}

@keyframes rotate360Anim {
    from {
        transform: none;
    }
    to {
        transform: rotate3d(0, 1, 0, 360deg);
    }
}