/* Component: arcadian-comp-youtube-playlist — extracted from main-with-blocks.css for R1 conditional loading */

@media (width <= 1024.98px) {
    .full-width-video__wrapper {
        margin: 4.8rem auto
    }
}

@media (width <= 640.98px) {
    .full-width-video__wrapper {
        margin: 2.4rem auto
    }
}

.full-width-video__wrapper.text-center {
    text-align: center
}

.full-width-video__wrapper.text-left {
    text-align: left
}

.full-width-video__wrapper.text-right {
    text-align: right
}

.full-width-video__content-wrapper {
    padding: 12rem
}

@media (width <= 640.98px) {
    .full-width-video__content-wrapper {
        padding: 8rem 2.4rem
    }
}

.full-width-video__stacking-grid {
    isolation: isolate;
    grid-template-rows:1fr;
    grid-template-columns:1fr;
    justify-content: center;
    display: grid;
    overflow: clip
}

.full-width-video__video-wrapper {
    z-index: -1;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    display: flex
}

.full-width-video__poster {
    cursor: pointer;
    grid-area: 1/1
}

.full-width-video__poster-image, .full-width-video__video {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

.full-width-video__overlay {
    cursor: pointer;
    z-index: 1;
    grid-area: 1/1;
    justify-content: center;
    align-items: center;
    display: flex
}

.full-width-video__overlay:hover .full-width-video__overlay-icon {
    scale: 1.2
}

.full-width-video__overlay .full-width-video__overlay-icon {
    border: 2px solid #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 6rem;
    height: 6rem;
    display: flex
}

.full-width-video__overlay .full-width-video__overlay-icon:focus-visible {
    outline: 3px solid red
}

.full-width-video__overlay .full-width-video__overlay-icon:before {
    content: " ";
    border: 15px solid #0000;
    border-left: 25px solid #fff;
    border-right-width: 0;
    transform: translate(3px)
}

.full-width-video__content-wrapper {
    z-index: 2;
    grid-area: 1/1
}

.full-width-video__content-container {
    flex-direction: column;
    gap: 4rem;
    display: flex
}

.full-width-video__cta-container .cta-button {
    justify-content: center;
    display: flex
}

.full-width-video__cta-container .cta-button a {
    width: max-content
}

.full-width-video__cta-container.text-center {
    justify-content: center
}

.full-width-video__cta-container.text-left {
    justify-content: flex-start
}

.full-width-video__cta-container.text-right {
    justify-content: flex-end
}

@media (width <= 640.98px) {
    .full-width-video__cta-container {
        grid-auto-flow: row;
        gap: 1.2rem;
        display: grid
    }
    .full-width-video__cta-container.text-center, .full-width-video__cta-container.text-left, .full-width-video__cta-container.text-right {
        justify-content: unset
    }
    .full-width-video__cta-container .cta-button a {
        width: 100%
    }
}

.full-width-video__caption-wrapper {
    margin-top: 1.2rem
}

.full-width-video__wrapper {
    margin: 10.4rem auto
}

@media (width <= 1024.98px) {
    .full-width-video__wrapper {
        margin: 4.8rem auto
    }
}

.full-width-video__content-group {
    gap: 4.8rem;
    display: grid
}

.full-width-video__intro-content {
    -moz-column-gap: 2.4rem;
    grid-template-rows:auto auto;
    grid-template-columns:auto auto;
    column-gap: 2.4rem;
    margin-bottom: 0;
    display: grid
}

@media (width <= 640.98px) {
    .full-width-video__intro-content {
        display: block
    }
}

.full-width-video__heading {
    color: #d52838;
    max-width: 55.5rem;
    margin: 0;
    font-weight: 400
}

.full-width-video__heading + p {
    margin-top: 1.6rem !important
}

.full-width-video__description {
    grid-column: 1;
    max-width: 55.5rem;
    margin: 0
}

.full-width-video__cta-container {
    grid-area: 1/2/3;
    gap: 2.4rem;
    height: fit-content;
    margin-top: 0;
    display: flex;
    justify-content: flex-end !important
}

.full-width-video__cta-container .cta-button--secondary a {
    color: #d52838;
    border-color: #d52838
}

.full-width-video__cta-container .cta-button--secondary a:after {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 13 13' fill='none'><path d='M9.58594 2H0V0H13V13H11V3.41436L1.70718 12.7072L0.292969 11.293L9.58594 2Z' fill='%23d52838'/></svg>")
}

@media (width <= 640.98px) {
    .full-width-video__cta-container {
        gap: 1.6rem;
        margin-top: 4rem;
        display: grid;
        justify-content: unset !important
    }
    .full-width-video__cta-container .cta-button {
        width: 100%
    }
}

.full-width-video__description {
    margin-top: 0
}

.full-width-video__video {
    aspect-ratio: unset
}

.full-width-video__video video, .full-width-video__video iframe {
    aspect-ratio: 16/9
}

.full-width-video__overlay .full-width-video__overlay-icon {
    border: none;
    width: 10rem;
    height: 10rem;
    transition: scale .2s
}

.full-width-video__overlay .full-width-video__overlay-icon:before {
    border-width: 3.8rem 0 3.8rem 6.6rem
}