﻿.scrollingCarousel
{
    --columnMinWidth: 260px;
    display: flex;
    flex-flow: column nowrap;
    height: auto;
    overflow: hidden;
    position: relative;
}
.scrollingCarousel--scrollSnap .scrollingCarousel__content
{
    padding-top: 5px;
    scroll-padding: 50%;
    scroll-snap-type: x mandatory;
}
.scrollingCarousel--scrollSnap .scrollingCarousel__content>*
{
    scroll-snap-align: center;
}
@media(min-width: 1100px)
{
    .scrollingCarousel--left .scrollingCarousel__content
    {
        justify-content: flex-start;
    }
    .scrollingCarousel--center .scrollingCarousel__content
    {
        justify-content: center;
    }
    .scrollingCarousel--right .scrollingCarousel__content
    {
        justify-content: flex-end;
    }
}
.scrollingCarousel:hover .scrollingCarousel__content
{
    will-change: transform;
}
.scrollingCarousel.section__child
{
    overflow: visible;
}
.scrollingCarousel__content
{
    display: flex;
    flex-flow: row nowrap;
    height: auto;
    margin-left: calc(var(--sidePadding) * -1);
    overflow: auto;
    padding: 10px var(--sidePadding);
    width: calc(100% + var(--sidePadding) * 2);
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}
.scrollingCarousel__content>*
{
    flex-basis: var(--columnMinWidth);
    flex-shrink: 0;
    margin-right: calc(var(--sidePadding) / 2);
    width: var(--columnMinWidth);
}
.isCard .scrollingCarousel.section__child
{
    padding-left: var(--sidePadding);
    padding-right: var(--sidePadding);
}
.isCard .scrollingCarousel.section__child:after
{
    box-shadow: inset -18px 0 24px -6px #fff,inset 18px 0 24px -6px #fff;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}
.scrollingCarousel__content>:last-of-type
{
    margin-right: 0;
}
.scrollingCarousel__showMore.scrollingCarousel__showMore
{
    flex-basis: auto!important;
    flex-shrink: 0;
    position: relative;
    width: 100px!important;
}
.scrollingCarousel__showMore>div:first-of-type
{
    visibility: hidden;
}
.scrollingCarousel__showMoreAction
{
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    padding-left: 5px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.scrollingCarousel__content::-webkit-scrollbar
{
    display: none;
}
@media(max-width: 1138px)
{
    .section:not(.isCard) .scrollingCarousel.section__child .scrollingCarousel__content
    {
        margin-left: calc(var(--sidePadding) * -1);
        width: calc(100% + var(--sidePadding) * 2);
    }
}
.scrollingCarousel__arrow
{
    background-size: 19px 19px;
    background: #0000 url(../../gambling/image/dropdown-arrow-icon.svg) 50% no-repeat;
    background-color: #fff;
    border-radius: 50%;
    bottom: 0;
    cursor: pointer;
    height: 60px;
    margin: auto 0;
    opacity: .95;
    padding: 19px;
    position: absolute;
    top: 0;
    transition: padding .1s ease-in-out,opacity .1s ease-in-out;
    width: 60px;
    z-index: 2;
}
.scrollingCarousel__arrow:hover
{
    padding: 40px;
}
.scrollingCarousel__arrow:active
{
    opacity: .75;
    padding: 45px;
}
.scrollingCarousel__arrow--left
{
    box-shadow: 0 -2px 4px 0 #0000004d;
    left: 0;
    transform: rotate(180deg);
}
.scrollingCarousel__arrow--right
{
    box-shadow: 0 2px 4px 0 #0000004d;
    right: 0;
}