html {
    font-size: 2.564vw;
}

.flex {
    display: flex !important;
}

.grid {
    display: grid !important;
}

.flex > .edit-tools,
.grid > .edit-tools {
    display: none;
    /*width: auto !important;*/
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col {
    flex-direction: column;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, auto);
}

.grid-cols-3 {
    grid-template-columns: repeat(3, auto);
}

.grid-cols-4 {
    grid-template-columns: repeat(4, auto);
}

.grid-cols-subcasts {
    grid-template-columns: repeat(2, auto);
}

.grid-subcasts {
    grid-template-columns: repeat(2, auto);
    gap: 3.5rem 1.5rem;
}

.shrink-0 {
    flex-shrink: 0;
}

.gap-casts {
    gap: 4.2rem 2.3rem;
}

.gap-members {
    gap: 1.8rem;
}

.gap-topics {
    column-gap: 6rem;
}

.align-start {
    align-items: flex-start;
}

.align-center {
    align-items: center;
}

.align-end {
    align-items: flex-end;
}

.justify-center {
    justify-content: center;
}

.bg-blend-overlay {
    mix-blend-mode: overlay;
}

.btn-box-shadow {
    box-shadow: 0.2rem 0.6rem 0px 0px #000;
}

.text-stroke {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
}

.select-none a {
    pointer-events: none;
    user-select: none;
}

.map-venue .embed {
    padding: 0px;
}

@media (max-width: 682px) {
    .sm-flex {
        display: flex !important;
    }
    
    .sm-flex .edit-tools,
    .sm-grid .edit-tools {
        width: auto !important;
    }
}

@media (min-width: 683px) {
    html {
        font-size: 0.694vw;
    }
    
    .md-flex {
        display: flex !important;
    }
    
    .md-grid {
        display: grid !important;
    }
    
    .md-flex > .edit-tools,
    .md-grid > .edit-tools {
        display: none;
    }
    
    .md-flex-row-reverse {
        flex-direction: row-reverse;
    }
    
    .grid-subcasts {
        grid-template-columns: repeat(4, auto);
        gap: 5rem 3.2rem;
    }
    
    .gap-casts {
        gap: 7.4rem 6.7rem;
    }
    
    .gap-members {
        gap: 3.4rem 3rem;
    }
    
    .btn-box-shadow {
        box-shadow: 0.6rem 1rem 0px 0px #000;
    }
    
    .text-stroke {
        -webkit-text-stroke: 2px #000;
        text-stroke: 2px #000;
    }
}