:root {
    --dialog-xs-max-width: 28.75rem;
    --dialog-small-max-width: 43.125rem;
    --dialog-medium-max-width: 57.5rem;
    --dialog-large-max-width: 86.25rem;

    --purple-70: 124 58 237;
    --purple-80: 109 40 217;
    --primary-70: var(--purple-70);
    --primary-80: var(--purple-80);
}

.post-content .youtube_player:has(.sesame-activate),
.post-content .vimeo_player:has(.sesame-activate) {}

.post-content * .sesame-activate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sesame-allow {
    background-color: rgb(var(--primary-70));
    color: rgb(255, 255, 255);
    border: none;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.sesame-allow:hover {
    background-color: rgb(var(--primary-80));
}