.child-discuss{padding-top:20px}
.child-box{display:block;position:relative}
.child-box .child-header{font-size:1.3em;font-weight:600;color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;min-height:40px}
.my-area{margin-bottom:1.5rem}
.mb-3{margin-bottom:1rem!important}
.textarea-wrap{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-radius:.75rem;background-color:#00000010;border:1px solid #c7c7c7}
.my-area .ma-input{position:relative}
.my-area .ma-input .v-form-control{padding:1rem 1.2rem;border-radius:.6rem;border:1px solid transparent;background-color:#fff!important;box-shadow:none}
textarea.v-form-control{resize:none;padding:.6rem 1rem;height:auto;width:calc(100% - 38px)}
textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}
.my-area .ma-input .chac-left{position:absolute;top:6px;right:10px;font-size:11px;line-height:1}
.textarea-wrap .ma-buttons{padding:0}
.gap-3{gap:1rem!important}
.d-flex{display:flex!important}
.flex-grow-1{flex-grow:1!important}
.my-area .ma-buttons .btn-submit{color:#fff!important;background-color:#086aa0!important}
.btn span{white-space:nowrap}
.btn .inc-icon{width:14px;height:14px;flex-shrink:0}
.icon-20{width:20px!important;height:20px!important}
.inc-icon{width:16px;height:16px;flex-shrink:0;font-size:0!important;line-height:0!important}
.ms-1{margin-left:.25rem!important}
.inc-icon img,.inc-icon svg{width:100%!important;height:100%!important}
.discuss-list{display:flex;justify-content:space-between;flex-direction:column;gap:2rem;margin-top:1rem;background:#00000005;padding:10px;border-radius:10px}
.d-item{display:flex;align-items:flex-start;gap:1rem;position:relative}
.sound-cover,.user-avatar,.v-actor{width:50px;height:50px;border-radius:50%;flex-shrink:0;position:relative;background-color:var(--bg-2)}
.cover-fade .cover-image img,.gallery-row .item img,.object-fit img,.sound-cover img,.user-avatar img,.v-actor img,.v-thumbnail img{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;object-fit:cover;border-radius:50%}
.user-avatar img.khungvien{position:absolute;width:70px;height:70px;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;border-radius:50%;z-index:1}
.d-item .info{flex-grow:1}
.d-item .comment-header{display:flex;justify-content:flex-start;align-items:center;gap:.6rem;margin-bottom:.5rem;position:relative}
.d-item .comment-header .user-name{margin:0;white-space:nowrap}
.d-item .user-name{font-size:1em;font-weight:700;color:#333;margin-bottom:.3rem}
.d-item .comment-header .c-time{opacity:.5;margin-left:.5rem;font-size:11px}
.d-item .comment-header .ch-for{margin-left:.2rem;display:block;font-size:11px;white-space:nowrap;line-height:1.2;padding:.2rem .3rem;border:1px solid #0005;opacity:.5;border-radius:.3rem}
.d-item .text{color:#333;filter:blur(0)}
#totop,.accordion-button .btn-select,.bu-top .bu-tabs .item,.button-play,.cat-more .line-center,.coin-pack-list .item,.d-item .text,.de-type .item,.item-focus.is-on,.menu-toggle .icon-menu *,.network-select .net-item,.new-payment-method .item,.pin-trans .line-center,.search-toggle .icon-search *,.shoutbox,.sound-cover,.toggle-x *,.top-slide-small .swiper-slide,.top-up .sw-item .v-thumbnail img,.topic-item .inc-icon,.topics-grid .row-topic,.topics-line .topic-item,.transition,header{transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s}
.d-item .comment-bottom{position:relative;font-size:12px;margin-top:.5rem}
.group-react{gap:1rem}
.group-react .item{padding:0;gap:.4rem;justify-content:center;height:28px;cursor:pointer;font-size:11px}
.group-react .item i{font-size:16px}
.d-item .comment-bottom .btn-xs{height:28px;opacity:.5;font-weight:300;font-size:12px}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
.btn-basic{border-color:transparent!important}
.btn-basic,.btn-outline{background-color:transparent!important;color:#000!important}
.btn-xs{font-size:11px;gap:.3rem;padding:.2rem .5rem;border-radius:.2rem;min-height:26px}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
.child-box .child-header .inc-icon{width:24px;height:24px}
.primary-text,.text-primary{color:#086aa0!important}
.d-item .replies-wrap{margin-top:1rem}
.d-item .replies-wrap .replies-toggle{font-size:12px}
.d-item .replies-wrap .replies{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 0 0}
.d-item .replies .rep-sub{display:inline;background-color:#e7e7e7;color:#000;font-size:12px;padding:.2rem .3rem;vertical-align:text-top;border-radius:.2rem;margin-right:.2rem}
.spinner-border{--bs-spinner-width:1.5rem;--bs-spinner-height:1.5rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}
.spinner-border-sm{--bs-spinner-width:.8rem;--bs-spinner-height:.8rem}
.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}
@keyframes spinner-border{
  to{transform:rotate(1turn)}
}
.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}
@keyframes spinner-grow{
  0%{transform:scale(0)}
  50%{opacity:1;transform:none}
}
.spinner-grow{--bs-spinner-width:1.5rem;--bs-spinner-height:1.5rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}
.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}
@media (prefers-reduced-motion:reduce){
  .spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}
}
.d-item .comment-header .rated{font-size:12px;color:#fff;display:inline-flex;align-items:center;gap:.5rem;line-height:1;padding:.5rem .6rem .5rem .3rem;border-radius:2rem;background-color:#3556b6}
.d-item .comment-header .ch-for span:before{content:" - Tập "}
.me-1{margin-right:.25rem!important}
.v-loader-area{display:flex;justify-content:center;align-items:center;padding:0 3rem;height:200px;position:relative}
.v-loader-area.fixed{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#ffffff05}
.v-loader{width:45px;aspect-ratio:1;--c:no-repeat linear-gradient(#5b5d68 0 0);background:var(--c) 0 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s linear infinite;transform:scale(.9);border-radius:50%}
@keyframes l1{
  0%{background-size:20% 100%,20% 100%,20% 100%}
  33%{background-size:20% 10%,20% 100%,20% 100%}
  50%{background-size:20% 100%,20% 10%,20% 100%}
  66%{background-size:20% 100%,20% 100%,20% 10%}
  to{background-size:20% 100%,20% 100%,20% 100%}
}
body{opacity:1;overflow:unset;height:auto}
@keyframes allpage-load{
  0%{opacity:0}
  50%{opacity:0}
  to{opacity:1;overflow:unset;height:auto}
}
.v-notice{padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;border-radius:1rem;color:#777}
.v-notice .icon-notice{width:3rem;height:3rem;opacity:.5}
.antiselect,.app-download-button,.d-item .spoil-toggle,.dm-bar .item,.player-control *,.reason-list .h-item,.sound-cover,.v-actor,.v-thumbnail,.v-toggle{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.player-control{background-color:#fff;border-radius:0 0 .8rem .8rem;gap:0;justify-content:flex-start;width:100%;padding:5px 0}
.player-control .control-items{gap:1rem;width:100%;padding:0 .5rem}
.player-control .control-items .item{display:flex;align-items:center;gap:.3rem;color:#000;padding:.6rem .3rem;cursor:pointer;border-radius:.4rem;white-space:nowrap;background:#00000010}
.player-control .control-items .item span{font-size:.8rem}
.toggle-basic-label.is-on .toggle-basic{opacity:1;border-color:#000;background:var(--primary-color)}
.toggle-basic{border:1px solid #000;border-radius:.2rem;font-size:10px;line-height:1;padding:.2rem;color:#000;opacity:.5;cursor:pointer;width:28px;text-align:center}
.toggle-basic-label.is-on .toggle-basic:before{content:"ON"}
.toggle-basic:before{content:"OFF"}