.video-series-episode-comments {
--vs-accent: var(--c-primary, #f0501e);
--vs-surface: #ffffff;
--vs-surface-deep: #f4f5f7;
--vs-ink: #ffffff;
--vs-text: var(--c-text, #33363b);
--vs-text-muted: #6a6f78;
--vs-text-dim: #9aa0a8;
--vs-border: rgba(18, 21, 26, 0.08);
background-color: var(--vs-surface);
border: 1px solid var(--vs-border);
border-radius: 16px;
box-shadow: 0 8px 24px rgba(18, 21, 26, 0.04);
color: var(--vs-text);
}
.video-series-episode-comments__heading {
color: var(--c-text, #33363b);
font-weight: 800;
}
.video-series-episode-comments__sort-link {
background-color: #fff;
border-color: rgba(18, 21, 26, 0.1);
color: #6a6f78;
}
.video-series-episode-comments__sort-link.is-active {
background-color: #ffe4d8;
border-color: var(--c-primary, #f0501e);
color: var(--c-primary, #f0501e);
}
.video-series-episode-comments__mobile-toggle {
color: var(--c-primary, #f0501e);
}
.video-series-episode-comments__input {
background-color: #f7f8fa;
border-color: rgba(18, 21, 26, 0.1);
color: var(--c-text, #33363b);
}
.video-series-episode-comments__input:focus {
outline: 2px solid color-mix(in srgb, var(--c-primary, #f0501e) 35%, transparent);
outline-offset: 1px;
border-color: color-mix(in srgb, var(--c-primary, #f0501e) 55%, transparent);
}
.video-series-episode-comments__input::placeholder {
color: #9aa0a8;
}
.video-series-episode-comments__submit {
background-color: var(--c-primary, #f0501e);
color: #ffffff;
box-shadow: 0 6px 16px rgba(240, 80, 30, 0.28);
}
.video-series-episode-comments__submit:hover {
background-color: var(--c-primary-dark, #d6451a);
}
.video-series-episode-comments__form .comment-form-cookies-consent {
color: #6a6f78;
}
.video-series-episode-comments__list > .video-series-episode-comments__comment + .video-series-episode-comments__comment {
border-top-color: rgba(18, 21, 26, 0.08);
}
.video-series-episode-comments__author {
color: var(--c-text, #33363b);
}
.video-series-episode-comments__date {
color: #9aa0a8;
}
.video-series-episode-comments__text {
color: #6a6f78;
}
.video-series-episode-comments__actions a {
color: #8a9099;
}
.video-series-episode-comments__actions a:hover {
color: var(--c-primary, #f0501e);
}
.video-series-episode-comments__replies {
border-inline-start-color: rgba(18, 21, 26, 0.1);
}
.video-series-episode-comments__more-replies {
color: var(--c-primary, #f0501e);
}
.video-series-episode-comments__recaptcha,
.ch-comment-recaptcha {
margin: 14px 0 4px;
}
.ch-comment-recaptcha .g-recaptcha {
transform-origin: top right;
}
.ch-comment-recaptcha__noscript {
margin: 0;
font-size: 12.5px;
color: #c0392b;
}
.ch-recaptcha-toast {
position: fixed;
z-index: 100000;
inset-inline-start: 50%;
bottom: 24px;
width: min(420px, calc(100% - 32px));
padding: 13px 18px;
border: 1px solid rgba(192, 57, 43, 0.18);
border-radius: 12px;
background: #fff;
box-shadow: 0 14px 36px rgba(18, 21, 26, 0.18);
color: #a93226;
font-size: 13.5px;
font-weight: 700;
line-height: 1.7;
text-align: center;
opacity: 0;
transform: translate(-50%, 18px);
transition: opacity 0.25s ease, transform 0.25s ease;
pointer-events: none;
}
.ch-recaptcha-toast.is-visible {
opacity: 1;
transform: translate(-50%, 0);
}
@media (max-width: 400px) {
.ch-comment-recaptcha .g-recaptcha {
transform: scale(0.92);
}
.ch-recaptcha-toast {
bottom: 16px;
}
}