/* FEATURED VIDEOS */
.render-featured-text {
    margin: 6px;
    width: 100%;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2em;
}
.render-featured-in{
    background: linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(to left, transparent, var(--accent), transparent) border-box;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    
    width: 100%;
    max-width: 1144px;

    margin-bottom: 24px;
    border-radius: 24px;
    
    display: flex;
    flex-wrap: wrap;
    
    padding: 6px;
}
.render-featured-unreleased {
    display: grid;

    width: 90vw;
    height: 100vh;
    max-width: 560px;
    max-height: 315px;
    margin: 6px;
    margin-left: auto;
    margin-right: auto;
    
    background-color: var(--mantle);
    background: linear-gradient(90deg, rgba(107,194,248,.1) 0%, rgba(212,216,240,.1) 50%, rgba(226,97,242,.1) 100%);
    border-radius: 16px;
    
    color: var(--text);
    place-items: center;
    font-family: "Outfit", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2em;
}
.render-featured-embed{
    width: 90vw;
    height: 100vh;
    max-width: 560px;
    max-height: 315px;
    
    border-radius: 16px;
    border: 0;
    margin: 6px;
    margin-left: auto;
    margin-right: auto;
}

/* RENDERS GRID */
.render-grid {
    column-count: 4;
}
@media screen and (max-width: 1400px) {
    .render-grid {
        column-count: 3;
    }
}
@media screen and (max-width: 1000px) {
    .render-grid {
        column-count: 2;
    }
}
@media screen and (max-width: 600px) {
    .render-grid {
        column-count: 1;
    }
}
.render-grid img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    background-color: var(--mantle);
}