﻿.page-bg
{
    pointer-events: none;
    position: absolute;
    margin-top: -.75rem;
    display: flex;
    height: 24rem;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}
@media(min-width: 768px)
{
    .page-bg
    {
        height: 30rem;
    }
}
@media(min-width: 1024px)
{
    .page-bg
    {
        height: 28rem;
    }
}
.page-bg:after
{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 75%;
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
@media(min-width: 768px)
{
    .page-bg:after
    {
        height: 50%;
    }
}
[data-theme=dark] .page-bg:after
{
    --tw-gradient-to: #0a1c2d var(--tw-gradient-to-position);
}
[data-theme=dark] .page-bg:after, [data-theme=light] .page-bg:after
{
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
}
[data-theme=light] .page-bg:after
{
    --tw-gradient-to: #ebeced var(--tw-gradient-to-position);
}
.image-wrapper
{
    clip-path: content-box;
    -webkit-clip-path: content-box;
}
@media only screen and (min-width: 960px)
{
    .image-wrapper:hover .gamecard-overlay
    {
        opacity: 1;
        z-index: 20;
    }
    .image-wrapper:hover img
    {
        transform: translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}
.image-wrapper
{
    overflow: hidden;
    border-radius: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--background-default)/var(--tw-bg-opacity,1));
}
.bg-lateral-left
{
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
    width: 16.666667%;
    background-image: linear-gradient(to left,var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
@media(min-width: 768px)
{
    .bg-lateral-left
    {
        display: block;
    }
}
.bg-lateral-right
{
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 10;
    display: none;
    width: 16.666667%;
    background-image: linear-gradient(to right,var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
@media(min-width: 768px)
{
    .bg-lateral-right
    {
        display: block;
    }
}
.bg-transparent-bottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: none;
    height: 20%;
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
@media(min-width: 768px)
{
    .bg-transparent-bottom
    {
        display: block;
    }
}
.bg-transparent-bottom-mobile
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 20%;
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
[data-theme=dark] .bg-lateral-left, [data-theme=dark] .bg-lateral-right, [data-theme=dark] .bg-transparent-bottom
{
    --tw-gradient-to: #0a1c2d var(--tw-gradient-to-position);
}
[data-theme=light] .bg-lateral-left, [data-theme=light] .bg-lateral-right, [data-theme=light] .bg-transparent-bottom
{
    --tw-gradient-to: #ebeced var(--tw-gradient-to-position);
}/*# sourceMappingURL=cb95c97d0022029a.css.map*/