.preform.preform-dark .form-control{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s}
.rep-in .btn i{transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s}
.preform .form-group{margin-bottom:20px}
.preform .form-control{font-size:13px;border-radius:3px;border:none!important}
.preform .form-control:disabled{cursor:not-allowed;background:#404246;color:#ccc}
.preform .prelabel{font-size:11px;text-transform:uppercase;opacity:.5;font-weight:400;letter-spacing:1px}
.preform .custom-control-label{line-height:1.5rem}
.preform .d-verify{margin:1rem 0;font-size:13px;font-weight:500}
.preform .d-verify .span-v{display:inline-block}
.preform .d-verify.is-yes .span-v{color:#38009f;border:1px solid #38009f;padding:.3rem .8rem;border-radius:2rem;font-size:12px}
.preform .d-verify.is-no{padding:.6rem .8rem;background-color:rgba(0,0,0,.6);border-radius:.5rem}
.preform .d-verify.is-no .span-v{color:#666}
.preform .d-verify #sendEmailVerify{background:#127400;padding:0 5px;border-radius:3px;color:#aaa}
.preform .d-verify .note{margin-top:.3rem}
.link-highlight{color:#a879ff}
.form-control-textarea{max-width:100%;min-width:100%}
.list-comment{padding:0 7px}
.comment-input,.cw_list .cw_l-line{position:relative;padding:20px 5px;padding-left:65px;background:#1c1c1c;border-radius:3px;margin:.75rem 0;font-size:14px;display:inline-block;width:100%}
.replies-wrap .cw_l-line{background:#161616;border:0}
.cw_list .cw_l-line.is-pinned{padding-bottom:1rem;margin-bottom:1rem;border-bottom:3px solid rgba(255,255,255,.075)}
.comment-input .user-avatar,.cw_list .cw_l-line .user-avatar{position:absolute;left:5px;top:20px;width:55px;padding-bottom:55px}
.cw_l-line .ihead{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.cw_l-line .ihead>div{display:inline;white-space:nowrap}
.cw_l-line .ihead>div.user-name{font-weight:500}
.cw_l-line .ihead>div.eps{font-size:.8em;color:#919191;margin-left:7px}
.cw_l-line .ipinned{margin-bottom:.5rem}
.cw_l-line .ipinned span{display:inline-block;padding:2px 8px;font-weight:500;font-size:12px;background-color:#fff;color:#000;border-radius:2rem}
.cw_l-line .ibody{color:#ccc;margin-bottom:.5rem;overflow:hidden}
.cw_l-line .ibody p{margin-bottom:0;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-break:anywhere;border-radius:2px}
.cw_l-line .ibody p a{color:#fff}
.cw_l-line .ibody p a.tag-name{color:#a879ff}
.cw_l-line .ibody.is-spoil p{display:none}
.cw_l-line .ibody.is-spoil p:last-of-type{display:block;white-space:nowrap;max-width:500px;width:100%;overflow:hidden;text-overflow:ellipsis;filter:blur(3px);background:#75757545;border-radius:3px}
.cw_l-line .ibody.is-spoil .show-spoil a{background:#2c2c2c!important;text-transform:uppercase;font-weight:600;color:#aaa}
.cw_l-line .ibottom .ib-li{display:inline;margin-right:1rem;position:relative}
.cw_l-line .ibottom .ib-li .btn{padding:0;font-size:.9em}
.cw_l-line .ibottom .ib-li .btn:hover{color:#a879ff}
.cw_l-line .ibottom .ib-li .btn.active{display:inline-block!important;color:#a879ff}
.cw_l-line .ibottom .ib-li.ib-like .btn.active i::before{font-weight:900}
.cw_l-line .ibottom .ib-li.ib-dislike .btn.active{color:#ff6969}
.cw_l-line .ibottom .ib-li.ib-dislike .btn.active i::before{font-weight:900}
.react-pop{position:absolute;display:flex;gap:6px;align-items:center;top:25px;left:0;background:#3c3c3c;padding:8px 8px;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.2);user-select:none;z-index:1}
.react-pop span{cursor:pointer;margin:4px 2px;transition:.3s ease-in-out;border-radius:5px}
.react-pop span:hover{display:inline-block;transform:scale(1.5)}
.reaction-tb{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.r-item{display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:relative;font-size:14px;margin:0 5px;cursor:pointer;white-space:nowrap;transition:.3s}
.r-item:hover{transform:scale(1.05)!important;color:#a879ff}
.r-item .r-count{font-size:17px;font-weight:700}
.r-item.is-selected{color:#a879ff;border-radius:4px;border:1px solid #a879ff}
.r-item.is-selected .re-tp{border-radius:3px 3px 0 0}
.thread-react-actions{display:flex;justify-content:center}
.rc-total{background:#2a2a2a;text-align:center;border-radius:50%;width:25px;height:25px;top:3px;position:relative}
.rc-total-top{margin-bottom:5px;display:inline-block}
.reaction-tb>span{display:inline-flex;align-items:center;background-color:#2a2a2a;border-radius:.4rem;padding:0 .6rem 0 0;font-size:.85rem;line-height:1;color:#fff}
.re-tp{background-size:60px 60px;background-position:inherit;width:60px;height:60px;border-radius:4px}
.cw_l-line .replies{padding-top:.5rem}
.comment-input.is-reply,.cw_l-line .replies>div>.cw_l-line{padding-left:45px}
.comment-input.is-reply .user-avatar,.cw_l-line .replies>div>.cw_l-line>.user-avatar{width:30px;padding-bottom:30px}
.user-name.is-level-x span{font-size:9px;text-transform:uppercase;margin-left:5px;color:#afafaf;padding:.20rem .20rem;flex-shrink:0}
.show-spoil .btn{font-size:11px}
.rep-more.view-more{text-align:center;padding:5px 0;background:#1c1c1c;border-radius:3px}
.rep-more .btn{color:#888;font-weight:600;padding:0;box-shadow:none!important}
.rep-more .btn:hover{color:#aaa}
.rep-in .btn span::before{content:"View "}
.rep-in .btn.active span::before{content:"Hide "}
.rep-in .btn.active i{transform:rotate(180deg)}
.sc-header{position:relative;border-radius:5px;padding:10px;background:#141414;z-index:1}
.sc-child_cx a{padding:2px 8px;border-radius:3px;cursor:pointer;color:#aaa;transition:.2s ease-in-out}
.sc-child_cx a.active{color:#fff;background:#38009f}
.sc-child_cx a:hover{background:#121212}
.sc-header .sc-h-title{line-height:32px;font-weight:600;float:left;margin-left:1rem}
.sc-header .sc-h-from{float:left;position:relative;padding-right:1.5rem;margin-right:1.5rem}
.sc-header .sc-h-from:before{content:"";position:absolute;top:5px;bottom:5px;right:0;width:1px;background-color:#444}
.sc-header .sc-h-from .btn{padding:0;line-height:32px}
.sc-header .sc-h-sort{float:right}
.sc-header .sc-h-sort .btn{padding:0;line-height:32px}
.comment-input{margin-bottom:1.5rem}
.comment-input .user-name{margin-bottom:.75rem}
.comment-input.is-reply{margin-bottom:0}
.preform.preform-dark .form-control{background-color:#141414;color:#fff;border-radius:.3rem;box-shadow:none!important}
.preform.preform-dark .form-control::placeholder{color:#fff;opacity:.5}
.comment-input .preform.preform-dark{position:relative}
.comment-input .preform.preform-dark textarea.form-control{resize:none;box-shadow:none!important;height:72px}
.comment-input .preform.preform-dark textarea.form-control.emo-on{padding-right:40px}
.comment-input .ci-buttons{margin-top:.5rem}
.comment-input .ci-buttons .cb-li{float:left}
.comment-input .ci-buttons .cb-li .btn{font-size:13px;padding:.3rem .5rem;line-height:1.4;border:none!important;box-shadow:none!important}
.comment-input .ci-buttons .cb-li .btn.btn-spoil{padding:.3rem 0;color:#ccc}
.comment-input .ci-buttons .ci-b-left{float:left}
.comment-input .ci-buttons .ci-b-right{float:right}
.comment-input .ci-buttons .ci-b-right .btn-secondary{background:0 0!important}
.comment-input .ci-emo{position:absolute;top:0;right:0;cursor:pointer}
.comment-input .ci-emo .cb-icon{font-size:16px;width:40px;line-height:40px;text-align:center;color:#9d9fa6}
.comment-input.is-reply .preform.preform-dark textarea.form-control{height:54px}
.cb-li .btn.btn-spoil i{float:left;width:16px;height:16px;line-height:16px;margin-top:1px;text-align:center;border-radius:3px;display:block;background-color:#4c4f57;font-size:0}
.cb-li .btn.btn-spoil.active i{background-color:#7124ff;color:#fff;font-size:10px}
.dr-bottom-right{transform:none!important;top:auto!important;left:auto!important;right:0!important}
.verified{display:inline-block;color:#0093ff}
.comment-focus>.info>.ibody{background-color:#141414;padding:.5rem;border-radius:.4rem}

.thread-react-box{display:block;text-align:center}

.cw_l-line .ihead .badg-level.rank{background-image:url(../images/ranks.png);background-repeat:no-repeat;background-size:auto;display:inline-block;width:20px;height:30px}
.cw_l-line .ihead .badg-level.rank{height:14px;width:14px;background-size:contain;background-position:center center;vertical-align:sub;margin-right:5px}
.cw_l-line .ihead .badg-level.rank.rank-n,.cw_l-line .ihead .badg-level.rank.rank-0{background-position:0 0}

.re{display:inline-block;width:32px;height:32px;aspect-ratio:1 / 1;background-repeat:no-repeat;margin-right:.4rem;border-radius:.3rem 0 0 .3rem}
.re{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%2232%22%3E%3Ctext%20x%3D%2216%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%80%3C%2Ftext%3E%3Ctext%20x%3D%2248%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%B2%3C%2Ftext%3E%3Ctext%20x%3D%2280%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%82%3C%2Ftext%3E%3Ctext%20x%3D%22112%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%8D%3C%2Ftext%3E%3Ctext%20x%3D%22144%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%A2%3C%2Ftext%3E%3Ctext%20x%3D%22176%22%20y%3D%2225%22%20font-size%3D%2226%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%A1%3C%2Ftext%3E%3C%2Fsvg%3E");background-size:192px 32px}
.r1{background-position:0 0}
.r2{background-position:-32px 0}
.r3{background-position:-64px 0}
.r4{background-position:-96px 0}
.r5{background-position:-128px 0}
.r6{background-position:-160px 0}

.rtp-1{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%80%3C%2Ftext%3E%3C%2Fsvg%3E")}
.rtp-2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%B2%3C%2Ftext%3E%3C%2Fsvg%3E")}
.rtp-3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%82%3C%2Ftext%3E%3C%2Fsvg%3E")}
.rtp-4{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%8D%3C%2Ftext%3E%3C%2Fsvg%3E")}
.rtp-5{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%A2%3C%2Ftext%3E%3C%2Fsvg%3E")}
.rtp-6{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2260%22%3E%3Ctext%20x%3D%2230%22%20y%3D%2247%22%20font-size%3D%2248%22%20text-anchor%3D%22middle%22%20font-family%3D%22Apple%20Color%20Emoji%2CSegoe%20UI%20Emoji%2CNoto%20Color%20Emoji%2Csans-serif%22%3E%F0%9F%98%A1%3C%2Ftext%3E%3C%2Fsvg%3E")}

.loading-absolute{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;border-radius:.3rem;background:rgba(0,0,0,.55)}

.cm-notif-list{max-height:320px;overflow-y:auto}
.cm-notif-item{color:inherit;text-decoration:none}
.cm-notif-item:hover{background:#1c1c1c;color:inherit;text-decoration:none}
.cm-notif-menu .cm-notif-avatar{flex-shrink:0}

.comment-focus{scroll-margin-top:80px}

@media (max-width:767.98px){
.sc-header{margin-bottom:.5em}
.sc-header>div>.btn{height:32px}
.sc-header .sc-h-title span{display:none}
.sc-header .sc-h-sort{float:right}
.sc-header .sc-h-sort .btn{padding:0;font-size:13px}
.sc-header .sc-h-from{padding-right:1rem;margin-right:1rem}
.comment-input{margin-bottom:1rem}
.comment-input,.cw_list .cw_l-line{padding-left:45px}
.comment-input .ci-buttons .cb-li .btn{font-size:12px;font-weight:500}
.cb-li .btn.btn-spoil i{margin-top:0}
.cw_l-line .ibody p{line-height:1.4}
.cw_l-line .ibottom .ib-li{margin-right:10px}
.re-tp{background-size:50px 50px;width:50px;height:50px}
}

.user-avatar{width:100%;padding-bottom:100%;border-radius:5px;overflow:hidden;display:inline-block;position:relative}
.user-avatar .user-avatar-img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;object-fit:cover}
.info div.eps{display:flex;position:relative;top:-8px;color:#919191;font-size:13px;text-decoration:underline;text-underline-position:under}
.info div.eps span{margin-right:10px}
.dropdown-menu-model{border:0;min-width:200px;padding:0;border-radius:4px;overflow:hidden;margin-top:5px;box-shadow:0 20px 20px rgba(0,0,0,.05)}
.dropdown-menu-model.dropdown-menu-normal{min-width:150px;max-height:240px;overflow:auto}
.dropdown-menu-model .dropdown-item{padding:8px 12px;font-size:12px;background:#161616;border-bottom:1px solid #060606;color:#aaa;cursor:pointer}
.dropdown-menu-model .dropdown-item:active,.dropdown-menu-model .dropdown-item:hover{background:#434343;color:#fff!important}
.dropdown-menu-model .dropdown-item.active{background:#eff0f4;color:#111!important;font-weight:600}
.dropdown-menu-model .dropdown-item.active i,.dropdown-menu-model .dropdown-item.added i{float:right}
.dropdown-menu-model.dropdown-menu-emo{max-height:400px;min-width:auto;overflow:hidden}