.youtube-url-field .youtube-url-help,
.youtube-url-field .youtube-url-result {
    display: block;
    max-width: 100%;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.youtube-url-field .youtube-url-help {
    color: #626b73;
}

.youtube-url-field .youtube-url-result {
    min-height: 0;
    font-weight: 600;
}

.youtube-url-field .youtube-url-result.is-valid,
.youtube-url-field.is-valid .form-control {
    color: #237445;
}

.youtube-url-field .youtube-url-result.is-invalid,
.youtube-url-field.is-invalid .form-control {
    color: #b42318;
}

.youtube-url-field.is-valid .form-control {
    border-color: #23814b;
}

.youtube-url-field.is-invalid .form-control {
    border-color: #b42318;
}

.youtube-url-field .youtube-url-result.is-valid,
.youtube-url-field .youtube-url-result.is-invalid {
    animation: youtube-url-result-in .25s ease-out both;
}

@keyframes youtube-url-result-in {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.video-block .youtube-video-thumbnail {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
    .youtube-url-field .youtube-url-result.is-valid,
    .youtube-url-field .youtube-url-result.is-invalid {
        animation: none;
    }
}