/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/

.match-layout {
    display: grid;

    grid-template-columns: minmax(0, 1fr) 280px;

    gap: 24px;

    align-items: start;

    width: min(
        var(--site-max-width),
        calc(100% - (var(--site-side-space) * 2))
    );

    margin-inline: auto;
}

.match-content{

    display:flex;

    flex-direction:column;

    gap:20px;

    min-width:0;

}

.match-sidebar{

    position:sticky;

    top:20px;

    align-self:start;

}

/* =========================================================
   Match Page - Desktop Container
   ========================================================= */

@media (min-width: 993px) {

    .match-page1 > .container,
    .match-page1 .container {
        width: min(
            var(--site-max-width),
            calc(100% - (var(--site-side-space) * 2))
        );

        max-width: none;
        margin-inline: auto;
    }

 

}

@media (min-width: 993px) {

    .match-layout {
        width: calc(100vw - 32px) !important;
        max-width: 1440px !important;
        margin-inline: auto !important;
    }

}