.d102-video-embed-container{
    
    text-align: left;
}


.d102-video-embed-container .video-js{
    font-size: 16px;
    font-family: inherit;
    max-width: 100%;
}

.d102-video-embed-container video{
    max-width: 100%;
}


.d102-video-embed-container summary.transcript-link-toggle{
    margin-block: 1rem;
    color: var(--csc-dark-green);
}
.d102-video-embed-container summary.transcript-link-toggle:hover{
    color: var(--csc-dark-green);
}
.d102-video-embed-container summary.transcript-link-toggle::before {
    background-color: var(--csc-dark-green);
}



.d102-video-embed-transcript{
    max-height: 400px;
    overflow-y: auto;
    background-color: var(--csc-white);
    color: var(--csc-dark-neutral);
    padding: 1rem;
}

.d102-video-embed-transcript > p:first-child {
    margin-top: 0;
}
.d102-video-embed-transcript > p:last-child {
    margin-bottom: 0;
}


.d102-video-embed-temp{
    background-color: grey;
    aspect-ratio: 16/9;
    display: flex;
    align-items: center;
    justify-content: center;
}


.d102-video-embed-container .video-heading-m{
    margin-top: 0;
}


.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {
    background-color: var(--csc-mid-green);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
transition: all 0.4s;
}

.video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before {
    color: var(--csc-lightest-green);
    transition: all 0s;
}