﻿.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;
    }
}