﻿.dualGrid.min-width-600 .grid__content
{
    padding: 0;
}
.dualGrid--right.min-width-600 .splitView__item--right, .dualGrid--right.min-width-600 .splitView__item--right .slotCardCompact, .dualGrid.min-width-600:not(.slotCategoryGrid--right) .splitView__item--left, .dualGrid.min-width-600:not(.slotCategoryGrid--right) .splitView__item--left .slotCardCompact
{
    height: 100%;
}
.carousel .viewcontainer>.grid--searchable
{
    margin-top: calc(var(--sidePadding) * -1 + 20px);
}
.grid
{
    --columnMinWidth: 200px;
}
.grid__content
{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(var(--columnMinWidth),1fr));
    grid-gap: 20px;
    margin: auto;
    padding-bottom: 10px;
    width: 100%;
}
.grid__search
{
    background: url(../../gambling/image/search.svg) 0/20px 20px no-repeat;
    border: none;
    color: var(--userTextColor);
    grid-column: 1/-1;
    margin: auto;
    outline: none;
    padding-left: 28px;
    width: 100%;
}
.grid__buttonWrapper
{
    display: flex;
    justify-content: center;
    margin: auto;
    overflow: auto;
    width: 100%;
}
.grid__button
{
    font-size: 20px;
    margin: 19px auto 12px;
    max-width: calc(50% - 14px);
}
@media(max-width: 768px)
{
    .grid__button
    {
        max-width: none;
    }
}
.gridHeader
{
    align-items: center;
    color: var(--neutral60);
    display: flex;
    font-size: var(--h5-size);
    font-weight: 800;
    margin-bottom: 16px;
}
.gridHeader--grayscale .gridHeader__icon, .gridHeader--grayscale .gridHeader__title
{
    filter: grayscale(100%);
    mix-blend-mode: multiply;
    opacity: 90%;
}
.gridHeader__seeAll
{
    margin-left: auto;
}
.splitView
{
    align-items: center;
    column-gap: calc(var(--sidePadding) / 2);
    display: grid;
    grid-template-areas: "left right";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
}
.splitView__item--left
{
    grid-area: left;
}
.splitView__item--right
{
    grid-area: right;
}
.splitView img
{
    width: 100%;
}
@media(max-width: 600px)
{
    .splitView
    {
        column-gap: unset;
        grid-template-areas: "left left" "right right";
        padding: calc(var(--sidePadding));
        row-gap: calc(var(--sidePadding) * 2);
    }
    .splitView .jumbotron__description
    {
        text-align: left;
    }
    .splitView--flipped
    {
        grid-template-areas: "right right" "left left";
    }
}