#root .coupon-carousel {
    width: 100%;
    position: relative;
    display: block;
    /* background-color: var(--o-primary); */
    margin-top:16px
}
#root .desktop .coupon-carousel {
    margin-top: var(--s-2x);
}

#root .coupon-carousel .carousel-scrollable {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px 0;
}

#root .coupon-carousel .carousel-scrollable app-widget-host {
    justify-content: flex-start;
    scroll-behavior: smooth;
    /*     margin: 0px 38px; */
    padding: 2px 0;
}

#root #mainDiv.desktop .coupon-carousel .carousel-scrollable app-widget-host {
    overflow-x: hidden;
}

#root #mainDiv:not(.desktop) .coupon-carousel .carousel-scrollable app-widget-host {
    overflow-x: auto;
}

#root #mainDiv:not(.desktop) .coupon-carousel .carousel-scrollable app-widget-host::-webkit-scrollbar {
    display: none
}

#root .coupon-carousel .carousel-scrollable app-widget-host.dragged {
    scroll-behavior: unset;
}

#root .coupon-carousel .carousel-scrollable app-widget-host.dragged .carousel-content {
}

#root app-sports-coupon.carousel-content .events-sport-content, #root app-sports-coupon.carousel-content .events-tournament-content, #root app-sports-coupon.carousel-content .events-tournament-wrapper, #root app-sports-coupon.carousel-content .events-break-wrapper, #root app-sports-coupon.carousel-content .events-sport-wrapper, #root app-sports-coupon.carousel-content .events-wrapper, #root app-sports-coupon.carousel-content .sports-coupon, #root app-sports-coupon.carousel-content .events-sport-wrapper > div:not(.events-sport-header), #root .coupon-carousel .carousel-scrollable app-widget-host {
    display: flex;
    flex-direction: row;
}

#root app-sports-coupon.carousel-content .events-sport-content {
    background-color: transparent;
}

#root app-sports-coupon.carousel-content {
    width: unset;
    background-color: transparent;
}

#root .carousel-scrollable .carousel-content .events-wrapper {
    transition: all 2s ease-in;
}

#root app-sports-coupon.carousel-content .by-date-header-wrapper, #root app-sports-coupon.carousel-content .events-sport-header {
    display: none;
}

#root app-sports-coupon.carousel-content .by-date-header-wrapper, #root app-sports-coupon.carousel-content .events-sport-header {
    display: none;
}

#root app-sports-coupon.carousel-content .events-tournament-content {
}
#root app-sports-coupon.carousel-content .events-tournament-wrapper {
    /* gap: 4px; */
}

#root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper {
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 282px;
    padding-right: unset;
    position: relative;
    border-radius: var(--r);
    margin-right: var(--s-x);
    /* padding-left: 4px; */
    align-items: center;
    justify-content: center;
    background-color: var(--a-teal-dark);
    /* background-color: var(--o-blue-c); */
    /* box-shadow: var(--x-surface-b); */
    /* box-shadow: var(--x-surface-c), inset 0 0 40px 10px #0003; */
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.2s ease;
    background-blend-mode: luminosity;
    background-image: url(/v1.13/r/images/site/carousel/Carousel_Image_Soccer2.webp);
    color: var(--c-s-white);
    background-size: cover;
}
.theme-light #root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper {
    /* background-color: var(--o-blue-b); */
}
.theme-light #root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper:hover {
    /* background-color: var(--o-blue-a) */
}
#root .desktop:not(.view-page-sports-worldcup2026) app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper:hover {
    background-color: var(--a-teal-dark-hover);
    color: var(--c-s-white-e)
}
#root #mainDiv app-sports-coupon.carousel-content .match-odd:not(.odd-locked) .odds-selection-default.odds-bet-slip-selected .odd {
    box-shadow:unset;
    background-color: var(--aw-carousel-selected);
    height: 40px;
    color: var(--aw-text-carousel-selected);
}

#root .desktop app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.match-sport-basketball {
    background-image: url(/v1.13/r/images/site/carousel/Carousel_Image_Basketball2.webp);
}
#root .desktop app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.match-sport-tennis {
    background-image: url(/v1.13/r/images/site/carousel/Carousel_Image_Tennis2.webp);
}

#root app-sports-coupon.carousel-content .live-part .events-tournament-wrapper .events-item-wrapper {
    background-color: var(--o-blue-b);
}

#root app-sports-coupon.carousel-content .tournament-header-wrapper {
    display: none!important;
}

#root .observer-on app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper {
    opacity: 0.3;
}

#root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.leave-right:not(.all-visible) {
    background: linear-gradient(to right, var(--o-primary-b), transparent);
    opacity: 0.3;
    transition: opacity 0.2s ease;
}

#root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.leave-left:not(.all-visible) {
    background: linear-gradient(to left, var(--o-primary-b), transparent);
    opacity: 0.3;
    transition: opacity 0.2s ease;
}

#root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.all-visible {
    background: var(--o-primary-b);
    opacity: 1;
}

#root app-sports-coupon.carousel-content .events-tournament-wrapper .events-item-wrapper.hidden {
    opacity: 0.3;
    background: var(--o-primary);
}

#root .events-tournament-wrapper .events-item-wrapper ~ div {
    background-size: 100%;
    background-size: cover;
    background-position: center;
    width: 280px;
    height: 100%;
    transition: filter 0.5s ease, background-size 0.5s ease;
    display: block;
    margin-right: 5px;
    border-radius: var(--r);
    cursor: pointer;
    box-shadow: var(--x-surface);
}

#root .events-item-wrapper ~ div.leave-left:not(.all-visible), #root .events-item-wrapper ~ div.leave-right:not(.all-visible), #root .events-item-wrapper ~ div:not(.all-visible) {
    filter: blur(20px);
    background-size: 200%;
}

#root app-sports-coupon.carousel-content .item-info-wrapper {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    margin-right: unset;
    height: auto;
    display: inline-flex;
    align-items: flex-start;
    position: relative;
    padding: 6px 4px 0 4px;
}

#root app-sports-coupon.carousel-content .item-info-wrapper.market-code-no-market .match-info {
    margin-bottom: auto;
    margin-top: 5px;
}

#root app-sports-coupon.carousel-content .item-info-wrapper.market-code-no-market .match-live-info {
    bottom: 48px;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-info {
    flex-direction: row;
    flex-wrap: wrap;
    height: unset;
    justify-content: flex-start;
    height: 100%;
    align-items: center;
    padding: 0;
    position: unset;
    width: 90%;
    gap: 0;
    flex: 1;
    height: auto;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-schedule {
    /* height: unset; */
    flex-direction: row;
    display: inline-flex;
    width: 40%;
    line-height: 28px;
    padding: 0;
    /* margin-left: auto; */
    padding-right: 4px;
    justify-content: flex-end;
    flex-wrap: wrap;
    order: 0;
    height: auto;
    align-content: center;
    align-items: center;
}
#root app-sports-coupon.carousel-content .item-info-wrapper .match-schedule .match-code {
    order:3
}
#root app-sports-coupon.carousel-content .match-schedule div:not(.match-code):not(.match-locked) {
    margin: 0 2px;
    padding-right: 5px;
    font-size: 1rem;
    /* height: 16px; */
    display: flex;
    /*     line-height: 1; */
    align-items: center;
    background: unset;
    border: 0;
}

#root app-sports-coupon.carousel-content .match-is-live .match-schedule {
    position: absolute;
    right: 0px;
    top: 0px;
}

#root app-sports-coupon.carousel-content .match-is-live .match-schedule div.match-minute {
    margin: 0;
    padding-right: 0px;
}

#root app-sports-coupon.carousel-content .match-info .match-schedule div.match-period {
    display: none;
}

#root app-sports-coupon.carousel-content .match-schedule .match-total-markets {
    display: none!important;
}

#root #mainDiv app-sports-coupon.carousel-content .item-info-wrapper .match-type {
    /* margin-top: 4px; */
    /* height: 40%; */
    line-height: 28px;
    /* max-height: 32px; */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    /* transform: skew( -20deg ); */
    /* background-color: var(--o-primary); */
    /* color: var(--o-primary); */
    order: -1;
    /* flex-direction: column; */
    width: 60%;
    overflow: unset;
    padding-left: 8px;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-type .match-sport-icon {
    display: none;
}

#root #mainDiv app-sports-coupon.carousel-content .item-info-wrapper .events-category-flag {
    display: flex!important;
    order: -1;
    height: 16px;
    min-width: 24px;
    background-repeat: no-repeat;
    /* margin-right:5px; */
    z-index: 2;
    background-position: center;
    /* transform: skew( 20deg ); */
    /* top: -25px !important; */
    /* left: calc(50% - 15px); */
    /* position: absolute; */
}

#root #mainDiv app-sports-coupon.carousel-content .item-info-wrapper .match-type div:not(.match-tournament):not(.match-category) {
    display: none;
    /* height: 28px!important; */
    /* background-size: 28px!important; */
    width: unset!important;
}

#root .carousel-content .events-category-flag.international, #root .carousel-content .events-category-flag.international-clubs, #root .carousel-content .events-category-flag.international-youth, #root .carousel-content .events-category-flag.tennis.other, #root .carousel-content .events-category-flag.electronic-leagues, #root .carousel-content .events-category-flag.exhibition {
    width: 24px;
    height: 20px;
    background-size: unset;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-category {
    display: none;
    margin-top: 3px;
    padding-left: 8px;
    color: transparent;
    position: absolute;
    top: 23px;
    z-index: 2;
}

#root #mainDiv app-sports-coupon.carousel-content .item-info-wrapper .match-type .match-tournament {
    /* color: var(--c-white); */
    /*     line-height: 22px; */
    /* font-weight: 600; */
    /* letter-spacing: 0.7px; */
    height: auto;
    text-align: left;
    margin: 0 0 0 4px;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 0 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .is-live-booked {
    display: none;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-teams {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 0;
    /* min-height: 51px; */
    /* height: 66px; */
    min-width: 100%;
    background-size: cover;
    padding: 8px;
    border-left: 0;
    margin-left: 0;
    /* box-shadow: var(--x-d-b),var(--x-d-t); */
}

#root app-sports-coupon.carousel-content .match-is-live .item-info-wrapper .match-teams {
    /* min-width: 90%; */
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-home-team, #root app-sports-coupon.carousel-content .item-info-wrapper .match-away-team {
    width: 100%;
    padding: 0;
    /* max-width: 130px; */
    font-weight: 600;
    line-height: 24px;
}

#root app-sports-coupon.carousel-content .item-info-wrapper .match-home-team {
    /* text-align: right; */
    /* padding-right: 5px; */
}

#root app-sports-coupon.carousel-content .events-item-wrapper:not(.match-is-live) .item-info-wrapper .match-away-team {
    text-align: left;
}

#root app-sports-coupon.carousel-content .match-markets-wrapper {
    width: 100%;
    justify-content: space-between;
    /* padding: 0 5px; */
    margin-bottom: 0 !important;
    margin: 0;
    /* padding: 0 8px 12px 8px; */
    /* flex: 1 1 100%; */
    /* padding-bottom: 8px; */
    min-height: unset;
    );
    /* box-shadow: 0 -1px 1px #00000036; */);
    /* box-shadow:  var(--x-surface-b); */
    /* background-image: var(--g-4); */
}

#root app-sports-coupon.carousel-content .match-market {
    width: 90%;
    margin: unset;
}

#root app-sports-coupon.carousel-content .match-market:not(.market-0) {
    display: none;
}

#root app-sports-coupon.carousel-content .match-market-wrapper {
    flex: unset;
    height: auto;
}

#root app-sports-coupon.carousel-content .match-market .match-odd, #root app-sports-coupon.carousel-content .match-market .market-special {
    min-width: 50px!important;
    max-width: unset!important;
    height: 40px;
    margin-left: 0px;
}

#root app-sports-coupon.carousel-content .match-markets-wrapper .odds-selection-default {
    border-radius: var(--r-d2);
}

#root app-sports-coupon.carousel-content .match-markets-wrapper .odd {
    display: flex;
    height: 100%;
    border-radius: 2px;
}

#root #mainDiv app-sports-coupon.carousel-content .match-markets-wrapper .odd span:not(.mobile-outcome) {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
    font-weight: 600;
    color: var(--aw-text-light)!important;
}

#root #mainDiv app-sports-coupon.carousel-content .match-markets-wrapper .odd span.mobile-outcome {
    background-color: unset;
    color: var(--aw-text-light)!important;
    height: 50%;
    padding: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}
#root #mainDiv app-sports-coupon.carousel-content .match-markets-wrapper .odds-bet-slip-selected .odd span{
    color:var(--c-s-black)!important;
}
#root app-sports-coupon.carousel-content .match-links {
    display: none;
}

#root #mainDiv app-sports-coupon.carousel-content .match-schedule .match-live {
    position: unset;
    order: 3;
    display: none;
    font-style: unset;
    padding-right: 2px;
    color: var(--c-white-e);
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info {
    height: calc(100% - 34px);
    padding: unset;
    position: absolute;
    width: 10%;
    display: flex;
    justify-content: center;
    box-shadow: var(--x-d-b),var(--x-d-t);
    height: 100%;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score-server-set-wrapper {
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 0 4px;
    height: 100%;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: end;
    flex-direction: column;
    padding: 8px 5px;
    /* transform: skew( -20deg ); */
    /* background-color: var(--c-shade-b); */
    color: var(--o-yellow)!important;
    width: unset;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score-server-set-wrapper > div:not(.match-score) {
    display: none;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score-server-set-wrapper > div:not(.match-score) {
    /* display:none; */
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score .match-score-home, #root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score .match-score-away {
    /* font-size: 1em; */
    padding: 0;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score .match-score-away {
    margin-top: 3px;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-score .match-score-separator {
    display: none!important;
    padding: 0 3px;
}

#root app-sports-coupon.carousel-content .match-is-live .item-info-wrapper .match-teams .match-team-separator {
    color: transparent;
    background-color: transparent;
    width: 50px;
}

#root app-sports-coupon.carousel-content .match-is-live .match-live-info .match-server {
    display: none;
}

#root .mobile .carousel-scrollable button {
    display: none
}

#root #mainDiv:not(.mobile) .carousel-scrollable button {
    position: absolute;
    background-color: var(--o-primary-b);
    box-shadow: var(--x-surface);
    width: 36px;
    height: calc(100% - 4px);
    z-index: 14;
    opacity: 1;
    transition: opacity 0.1s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.previous {
    left: 0px;
    border-radius: var(--r-l)
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.next {
    right: 0px;
    border-radius: var(--r-r)
}

#root #mainDiv:not(.mobile) .carousel-scrollable button .icon {
    /*line-height: 20px; */
    width: 24px;
    height: 24px;
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.previous, #root #mainDiv:not(.mobile) .carousel-scrollable button.next {
    background-color: var(--o-primary-b);
    padding: 6px;
    margin: 4px;
    width: auto;
    height: auto;
    border-radius: 50%;
    box-shadow: 0px 2px 4px #0004;
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.previous {
    left: -50px;
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.next {
    right: -50px;
}

#root #mainDiv:not(.mobile) .carousel-scrollable:hover button.previous {
    transform: translatex(55px);
}

#root #mainDiv:not(.mobile) .carousel-scrollable:hover button.next {
    transform: translatex(-55px);
}

#root #mainDiv:not(.mobile) .carousel-scrollable button {
    transition: 0.5s 0.5s
}

#root #mainDiv:not(.mobile) .carousel-scrollable.scrolled-start button.previous .icon, #root #mainDiv:not(.mobile) .carousel-scrollable.scrolled-end button.next .icon {
}

#root #mainDiv:not(.mobile) .carousel-scrollable.scrolled-start button.previous, #root #mainDiv:not(.mobile) .carousel-scrollable.scrolled-end button.next {
    background-color: transparent;
    box-shadow: unset;
    color: transparent;
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.next div, #root #mainDiv:not(.mobile) .carousel-scrollable button.previous div {
    font: var(--icon-font);
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.next div:before {
    content: " ar-right"
}

#root #mainDiv:not(.mobile) .carousel-scrollable button.previous div:before {
    content: " ar-left"
}

.progress-container {
    width: 100%;
    background: var(--o-primary);
    margin-top: 4px;
    border-radius: 2px;
    overflow: hidden;
    /* position: absolute; */
    height: 4px;
    bottom: -6px;
}

#progress-bar {
    height: 4px;
    background: var(--o-blue-b);
    width: 0%;
    transition: all 0.2s ease-in-out;
    border-bottom: unset;
}

#root app-sports-coupon.carousel-content .has-zero-margin {
    /* position:absolute; */
    /* right:5px; */
    /* top:calc(50% + 5px); */
}

/*  */
#root #mainDiv app-sports-coupon.carousel-content .has-zero-margin, 
#root #mainDiv app-sports-coupon.carousel-content .has-zero-percent-margin, 
#root #mainDiv app-sports-coupon.carousel-content .has-under-percent-margin {
    height: 14px;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    margin: 0;
    order: 4;
    padding: 0 8px;
    justify-content: flex-end;
    position: absolute;
    bottom: 10px;
}