.brotv-comments{margin:24px 10px 32px;color:#edf0f5;font-family:RobotoRegular,Arial,sans-serif;font-size:16px;line-height:1.5}
.brotv-comments .comments-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;clear:both}
.brotv-comments .content_title,.media-page .ep-details .brotv-comments .content_title{float:none;width:auto;margin:0;padding:0}
.brotv-comments .comments-total{color:#9299a3;font-weight:400}
.brotv-comments .comments-sort{display:flex;align-items:center;gap:8px;font-size:13px;color:#9299a3}
.brotv-comments select{padding:6px;border:1px solid #424751;border-radius:8px;background:#24282e;color:#edf0f5;font:inherit}
.brotv-comments textarea,.brotv-comments input[type=text]{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:8px 14px;border:1px solid #424751;border-radius:10px;background:#24282e;color:#fff;font:inherit;line-height:24px}
.brotv-comments textarea::placeholder,.brotv-comments input::placeholder{color:#9299a3;opacity:1}
.brotv-comments textarea{height:42px;min-height:42px;resize:none;overflow:hidden}
.brotv-comments .is-expanded textarea{height:96px;min-height:96px;max-height:360px;resize:none;overflow:hidden}
.brotv-comments .comments-form-details{display:none;margin-top:12px}
.brotv-comments .is-expanded .comments-form-details{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}
.brotv-comments .comments-name{flex:0 1 260px;max-width:260px}
.brotv-comments .comments-name input{height:42px}
.brotv-comments button{box-sizing:border-box;min-height:40px;padding:8px 14px;border:1px solid #424751;border-radius:10px;background:transparent;color:#edf0f5;font:inherit;font-size:14px;line-height:22px;cursor:pointer}
.brotv-comments button:disabled{opacity:.4;cursor:default}
.brotv-comments :is(input,textarea,select):focus{outline:0!important;border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.brotv-comments button:focus-visible{outline:2px solid #aeb5c0!important;outline-offset:2px}
.brotv-comments .comments-submit{height:42px;border-color:#e5314b;background:#e5314b;color:#fff}
.brotv-comments .comments-submit:disabled{opacity:1;background:#2a2f36;border-color:#2a2f36;color:#6c727b;cursor:not-allowed}
.brotv-comments .comments-form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 0 auto}
.brotv-comments .comments-form-wrap{margin-bottom:20px}
.brotv-comments .comment{--comment-depth:0;position:relative;box-sizing:border-box;clear:both;margin:0 0 16px calc(var(--comment-depth)*28px);padding:0 0 0 48px;border:0;scroll-margin-top:100px}
.brotv-comments .comment[data-level="1"]{--comment-depth:1}
.brotv-comments .comment[data-level]:not([data-level="0"]):not([data-level="1"]){--comment-depth:2}
.brotv-comments .comment[data-level="0"]:not(:first-child){margin-top:32px}
.brotv-comments .comment:not([data-level="0"]){padding-left:44px}
.brotv-comments .comment-avatar{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#394952;color:#fff;font-size:16px;font-weight:600;text-transform:uppercase}
.brotv-comments .comment:not([data-level="0"]) .comment-avatar{left:0;width:30px;height:30px;font-size:14px}
.brotv-comments .comment-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 4px}
.brotv-comments .comment-author{color:#fff;font-size:15px;font-weight:600}
.brotv-comments .comment-date,.brotv-comments .comment-parent{font-size:12px;color:#9299a3}
.brotv-comments .comment-body{color:#d6d9de;margin:6px 0 8px;line-height:1.6;overflow-wrap:anywhere;font-size:16px;font-weight:400}
.brotv-comments .comment-body p{margin:0 0 8px}
.brotv-comments .comment-footer{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px}
.brotv-comments .comment-footer button{min-height:32px;border:0;border-radius:6px;padding:4px 0;color:#aeb5c0;font-size:13px}
.brotv-comments .comments-rating{display:flex;align-items:center;gap:2px;margin-left:auto;padding:0 2px;border-radius:8px;background:#24282e}
.brotv-comments .comment-footer .comments-like,.brotv-comments .comment-footer .comments-dislike{min-width:32px;min-height:32px;padding:5px;font-size:12px}
.brotv-comments .comments-rating-count{min-width:12px;text-align:center;font-size:13px;color:#777f8b}
.brotv-comments .comment.rated .comments-rating-count{color:#91baff}
.brotv-comments .comment.positive .comments-rating-count{color:#75bf94}
.brotv-comments .comment.negative .comments-rating-count{color:#e19a9f}
.brotv-comments .comments-more{display:block;margin:20px auto 0}
.brotv-comments .comments-new{margin:8px 0 16px}
.brotv-comments .comments-replies-more{margin:0 0 22px 76px;border:0;padding:4px 0;color:#aeb5c0;font-size:13px}
.brotv-comments .comments-status{margin:0 0 20px;padding:10px 14px;border-left:3px solid #d63a4e;background:#24282e;color:#edf0f5;font-size:14px;line-height:1.5;clear:both}
.brotv-comments .comments-status[data-type=success]{border-left-color:#58a77b}
.brotv-comments .comments-status:empty{display:none}
.brotv-comments .comment-highlight .comment-body{background:#2c343e;border-radius:6px;box-shadow:0 0 0 6px #2c343e}
.brotv-comments .invalid-feedback{color:#ff9ca9;font-size:13px;margin:6px 0 10px}
.brotv-comments .comment-reply-cancel,.brotv-comments .comment-update-cancel{display:none}
.brotv-comments .comments-form-cancel{height:42px}
.brotv-comments .comments-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brotv-comments [hidden]{display:none!important}
@media (hover:hover){
.brotv-comments button:not(:disabled):hover{border-color:#aeb5c0;background:#303641}
.brotv-comments .comments-submit:not(:disabled):hover{background:#e4475b;border-color:#e4475b}
.brotv-comments .comment-footer button:not(:disabled):hover{color:#fff;background:transparent}
.brotv-comments .comment-reply:hover{text-decoration:underline;text-underline-offset:3px}
}
@media only screen and (max-width:640px){
.brotv-comments .comments-name{flex:1 0 100%;max-width:none}
.brotv-comments .comments-form-actions{width:100%}
}
@media only screen and (max-width:480px){
.brotv-comments .comment{margin-left:calc(var(--comment-depth)*16px)}
.brotv-comments .comments-heading{flex-wrap:wrap}
.brotv-comments .comments-replies-more{margin-left:64px}
.brotv-comments .comments-sort{font-size:12px}
}