.replyo{
--rp-bg:#18161f;
--rp-bg-soft:#221f2b;
--rp-card:#262233;
--rp-border:#3a3151;
--rp-border-soft:#4a3f67;
--rp-text:#f5f1ff;
--rp-muted:#b8adc9;
--rp-accent:#8f67ff;
--rp-accent-2:#6e4be0;
--rp-pill:#2f2940;
--rp-danger:#ff6b7d;
margin:32px 0;
padding:24px;
border:1px solid var(--rp-border);
border-radius:18px;
background:linear-gradient(180deg,var(--rp-bg),#1b1725);
box-shadow:0 16px 40px rgba(0,0,0,.28);
color:var(--rp-text);
}
.replyo *{box-sizing:border-box}
.replyo-header{margin-bottom:18px}
.replyo-header h3{margin:0 0 6px;font-size:24px;color:#fff}
.replyo-header p{margin:0;color:var(--rp-muted)}
.replyo-form-card{
padding:16px;
border:1px solid var(--rp-border);
border-radius:16px;
background:linear-gradient(180deg,var(--rp-bg-soft),#201c2a);
}
.replyo-grid{display:grid;gap:12px}
.replyo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.replyo textarea,.replyo input,.replyo select{
width:100%;
padding:14px 16px;
border:1px solid var(--rp-border-soft);
border-radius:14px;
font:inherit;
color:var(--rp-text);
background:#2b2736;
outline:none;
}
.replyo textarea::placeholder,.replyo input::placeholder{color:#9d92b1}
.replyo textarea:focus,.replyo input:focus{
border-color:var(--rp-accent);
box-shadow:0 0 0 3px rgba(143,103,255,.15);
}
.replyo textarea{min-height:128px;resize:vertical}
.replyo-form-actions,.replyo-inline-actions{display:flex;gap:10px;align-items:center;margin-top:12px}
.replyo-button{
border:0;
background:linear-gradient(180deg,var(--rp-accent),var(--rp-accent-2));
color:#fff;
border-radius:12px;
padding:11px 18px;
font:inherit;
font-weight:700;
cursor:pointer;
box-shadow:0 8px 20px rgba(111,75,224,.28);
}
.replyo-button-secondary{
background:#332c45;
color:#f3efff;
box-shadow:none;
}
.replyo-feedback{
margin:14px 0;
padding:12px 14px;
border-radius:12px;
font-weight:600;
}
.replyo-success{background:rgba(34,197,94,.12);color:#9df0b9}
.replyo-error{background:rgba(255,107,125,.12);color:#ffb1ba}
.replyo-post-reactions,.replyo-comment-reactions{margin-bottom:16px}
.replyo-reaction-row{display:flex;flex-wrap:wrap;gap:8px}
.replyo-reaction{
display:inline-flex;
align-items:center;
gap:8px;
padding:9px 12px;
border-radius:999px;
border:1px solid var(--rp-border-soft);
background:var(--rp-pill);
color:#fff;
cursor:pointer;
font:inherit;
transition:.18s ease;
}
.replyo-reaction:hover{transform:translateY(-1px);border-color:var(--rp-accent)}
.replyo-reaction.is-active{
background:rgba(143,103,255,.18);
border-color:var(--rp-accent);
box-shadow:0 0 0 2px rgba(143,103,255,.12) inset;
}
.replyo-post-reactions.is-loading,.replyo-comment-reactions.is-loading{opacity:.7}
.replyo-comment-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.replyo-comment{
padding:18px;
border:1px solid var(--rp-border);
border-radius:16px;
background:linear-gradient(180deg,#221d2e,#1d1927);
}
.replyo-comment-main{display:flex;align-items:flex-start;gap:14px}
.replyo-avatar{
width:44px;height:44px;border-radius:999px;object-fit:cover;
background:#3b344b;border:1px solid var(--rp-border);
}
.replyo-body{flex:1;min-width:0}
.replyo-meta{
display:flex;flex-wrap:wrap;align-items:center;gap:8px;
margin-bottom:10px;color:var(--rp-muted);font-size:14px
}
.replyo-meta strong{color:#fff;font-size:15px}
.replyo-content{color:#f4f1fb;line-height:1.7}
.replyo-content p{margin:.2em 0}
.replyo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.replyo-action{
padding:0;border:0;background:transparent;color:#d6cffa;
font:inherit;cursor:pointer
}
.replyo-action:hover{color:#fff}
.replyo-children{
margin-left:56px;margin-top:14px;display:flex;flex-direction:column;gap:14px;
border-left:2px solid rgba(143,103,255,.18);padding-left:14px
}
.replyo-inline-area{margin-top:12px}
.replyo-inline-box{
padding:14px;border-radius:14px;background:#272235;border:1px solid var(--rp-border)
}
.replyo-history-item{padding:10px 0;border-bottom:1px solid var(--rp-border)}
.replyo-history-item:last-child{border-bottom:0}
.replyo-history-date{font-size:12px;color:var(--rp-muted);margin-bottom:6px}
.replyo-badges{display:inline-flex;gap:6px;flex-wrap:wrap}
.replyo-badge{
display:inline-flex;align-items:center;gap:6px;color:#fff;
padding:4px 8px;border-radius:999px;font-size:12px;line-height:1
}
.replyo-badge img{width:14px;height:14px;border-radius:999px;object-fit:cover}
.replyo-edited-tag{
display:inline-flex;padding:2px 8px;background:rgba(143,103,255,.18);
color:#d8ccff;border-radius:999px;font-size:12px;border:1px solid rgba(143,103,255,.28)
}
.replyo-empty{
padding:18px;border-radius:14px;background:#241f30;color:var(--rp-muted);
margin-top:18px;text-align:center;border:1px dashed var(--rp-border)
}
.replyo-login-note{color:var(--rp-muted)}
.comment-respond .comment-form,
#respond .comment-form,
.comment-list,
.comment-navigation {
display:none !important;
}
@media (max-width:640px){
.replyo{padding:18px}
.replyo-grid-2{grid-template-columns:1fr}
.replyo-children{margin-left:18px}
.replyo-comment-main{gap:10px}
}
.replyo-post-reactions .replyo-reaction-row{
display:grid;
grid-template-columns:repeat(3, minmax(92px, 120px));
justify-content:center;
gap:12px;
margin:8px auto 18px;
}
.replyo-post-reactions .replyo-reaction{
justify-content:center;
min-height:48px;
font-size:16px;
padding:12px 14px;
}
.replyo-comment-reactions .replyo-reaction-row{
display:flex;
justify-content:flex-start;
gap:8px;
}
.replyo-comment-reactions .replyo-reaction{
min-height:auto;
padding:6px 10px;
font-size:13px;
}
.replyo-more-wrap{
display:flex;
justify-content:center;
margin-top:18px;
}
.replyo-removed{
margin:0;
padding:10px 12px;
border-radius:10px;
}
.replyo-removed-author{
background:rgba(255,255,255,.04);
color:var(--rp-muted);
}
.replyo-removed-admin{
background:rgba(255,107,125,.10);
color:#ffb8c1;
border:1px solid rgba(255,107,125,.18);
}
.replyo-reaction[disabled]{opacity:.8;cursor:default}
.replyo-more-replies-wrap{
margin:10px 0 0 56px;
}
.replyo-load-more-replies{
color:#bcaeff;
}
.replyo-toolbar{
display:flex;
justify-content:flex-end;
align-items:center;
gap:10px;
margin:14px 0 6px;
}
.replyo-toolbar label{
color:var(--rp-muted);
font-size:13px;
}
.replyo-toolbar .replyo-sort-select{
width:auto;
min-width:150px;
padding:10px 12px;
}
.replyo-live-notice{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(143,103,255,.25);background:rgba(143,103,255,.10);color:#daccff;border-radius:12px;opacity:.92}.replyo-live-notice.is-visible{animation:replyoFadeIn .2s ease}@keyframes replyoFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:.92;transform:none}}
.replyo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.replyo-toolbar-left,.replyo-toolbar-right{display:flex;align-items:center;gap:10px}
.replyo-total-comments{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.replyo-mention{color:#bda7ff;font-weight:600}
.replyo-replying-to{margin-bottom:8px;font-size:13px;color:#b7a6df}
.replyo-live-notice{opacity:0;transform:translateY(-4px);transition:.2s ease;pointer-events:none;margin-bottom:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.replyo-live-notice.is-visible{opacity:1;transform:translateY(0)}
.replyo-toolbar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:'. center .' 'left . right';align-items:end;gap:14px 16px;margin-top:12px}
.replyo-toolbar-left{grid-area:left;justify-self:start}
.replyo-toolbar-center{grid-area:center;justify-self:center}
.replyo-toolbar-right{grid-area:right;justify-self:end}
.replyo-post-reactions{margin:0}
.replyo-inline-reply-box{margin-top:12px;padding:14px;border:1px solid var(--rp-border);background:rgba(255,255,255,.03);border-radius:14px}
.replyo-inline-reply-form textarea{min-height:96px}
.replyo-quoted-text{margin:0 0 10px;padding:10px 12px;border-left:3px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--rp-muted);font-style:italic;border-radius:8px}
@media (max-width:900px){
.replyo-toolbar{
grid-template-columns:1fr;
grid-template-areas:"center" "left" "right";
}
.replyo-toolbar-left,.replyo-toolbar-center,.replyo-toolbar-right{justify-self:stretch}
.replyo-toolbar-right{justify-content:flex-start}
}
.replyo-inline-reply-slot{display:block;width:100%}
.replyo-more-wrap{display:flex;justify-content:center;margin-top:16px}
.replyo-inline-reply-slot{display:block;width:100%;margin-top:12px}
.replyo-comment.is-pinned{
border-color: rgba(255, 215, 64, .45);
box-shadow: 0 0 0 1px rgba(255,215,64,.18), 0 12px 28px rgba(255,215,64,.08);
background: linear-gradient(180deg, rgba(255,215,64,.08), rgba(255,255,255,.02));
}
.replyo-pinned-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding:3px 9px;
border-radius:999px;
background: rgba(255,215,64,.14);
border:1px solid rgba(255,215,64,.28);
color:#ffd95a;
font-size:12px;
font-weight:700;
}
.replyo-role-pill{
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px;
border-radius:999px;
color:#fff;
font-size:12px;
font-weight:700;
line-height:1;
box-shadow:0 8px 18px rgba(0,0,0,.18);
}
.replyo-role-pill img{
width:14px;
height:14px;
border-radius:4px;
object-fit:cover;
}
.replyo-role-emoji{font-size:13px;line-height:1} .replyo-toolbar-right{
display:flex;
align-items:center;
justify-content:flex-end;
gap:12px;
flex-wrap:wrap;
}
.replyo-notification-wrap{
position:relative;
display:flex;
align-items:center;
}
.replyo-notification-bell{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-width:48px;
height:42px;
padding:0 12px;
border-radius:999px;
border:1px solid rgba(138,92,246,.35);
background:rgba(255,255,255,.04);
color:#fff;
cursor:pointer;
box-shadow:0 8px 18px rgba(17,12,31,.18);
}
.replyo-notification-bell:hover{
border-color:rgba(168,85,247,.6);
}
.replyo-bell-icon{
font-size:18px;
line-height:1;
}
.replyo-notification-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:18px;
height:18px;
padding:0 5px;
border-radius:999px;
background:linear-gradient(90deg,#8b5cf6,#ec4899);
color:#fff;
font-size:11px;
font-weight:700;
}
.replyo-notification-dropdown{
position:absolute;
right:0;
top:calc(100% + 10px);
width:320px;
max-width:min(90vw,320px);
background:#171426;
border:1px solid rgba(138,92,246,.24);
border-radius:14px;
box-shadow:0 20px 40px rgba(17,12,31,.35);
overflow:hidden;
z-index:30;
}
.replyo-notification-item,
.replyo-notification-all{
display:block;
padding:12px 14px;
color:#fff;
text-decoration:none;
}
.replyo-notification-item{
border-bottom:1px solid rgba(255,255,255,.06);
}
.replyo-notification-item.is-unread{
background:rgba(139,92,246,.08);
}
.replyo-notification-message{
font-size:14px;
line-height:1.45;
}
.replyo-notification-time{
margin-top:4px;
font-size:12px;
color:#b6b0d3;
}
.replyo-notification-all{
text-align:center;
font-weight:600;
background:rgba(255,255,255,.03);
}
.replyo-notification-empty{
padding:14px;
color:#b6b0d3;
text-align:center;
} .replyo-toolbar-right{
align-self:end;
justify-self:end;
display:flex;
align-items:center;
gap:10px;
white-space:nowrap;
}
.replyo-toolbar-right label{
margin:0;
}
.replyo-toolbar-right .replyo-sort-select{
min-width:118px;
max-width:132px;
width:132px;
}
.replyo-toolbar-right .replyo-notification-bell{
min-width:42px;
width:42px;
height:42px;
padding:0;
flex:0 0 42px;
}
@media (max-width:900px){
.replyo-toolbar-right{
justify-self:end;
margin-top:8px;
}
} .replyo-toolbar-right{
display:flex !important;
align-items:center !important;
gap:8px !important;
flex-direction:row !important;
}
.replyo-toolbar-right label{
margin-right:4px;
white-space:nowrap;
}
.replyo-toolbar-right .replyo-sort-select{
width:130px;
min-width:130px;
}
.replyo-toolbar-right .replyo-notification-wrap{
display:flex;
align-items:center;
} .replyo-toolbar-right,
.replyo-toolbar .replyo-toolbar-right{
display:inline-flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:center !important;
justify-content:flex-end !important;
gap:8px !important;
width:auto !important;
max-width:none !important;
white-space:nowrap !important;
}
.replyo-toolbar-right > label,
.replyo-toolbar .replyo-toolbar-right > label{
display:inline-flex !important;
align-items:center !important;
margin:0 !important;
padding:0 !important;
white-space:nowrap !important;
flex:0 0 auto !important;
}
.replyo-toolbar-right > .replyo-sort-select,
.replyo-toolbar .replyo-toolbar-right > .replyo-sort-select{
display:inline-block !important;
width:130px !important;
min-width:130px !important;
max-width:130px !important;
flex:0 0 130px !important;
margin:0 !important;
}
.replyo-toolbar-right > .replyo-notification-wrap,
.replyo-toolbar .replyo-toolbar-right > .replyo-notification-wrap{
display:inline-flex !important;
align-items:center !important;
flex:0 0 auto !important;
margin:0 !important;
}
.replyo-toolbar-right .replyo-notification-bell{
width:42px !important;
min-width:42px !important;
height:42px !important;
padding:0 !important;
} .replyo-post-reactions .replyo-reaction-row{
display:flex !important;
flex-wrap:nowrap !important;
justify-content:center !important;
gap:12px !important;
}
.replyo-post-reactions .replyo-reaction{
flex:0 0 auto !important;
}
@media (max-width: 900px){
.replyo-post-reactions .replyo-reaction-row{
gap:10px !important;
overflow-x:auto;
overflow-y:hidden;
justify-content:flex-start !important;
padding-bottom:4px;
scrollbar-width:thin;
}
} .replyo-toolbar-center{
justify-self:center !important;
width:100%;
display:flex;
justify-content:center;
}
.replyo-post-reactions{
display:flex;
justify-content:center;
width:100%;
}
.replyo-post-reactions .replyo-reaction-row{
width:auto !important;
margin:0 auto !important;
justify-content:center !important;
}
@media (max-width:900px){
.replyo-toolbar-center{
width:100%;
}
.replyo-post-reactions{
justify-content:center;
}
} .replyo-toolbar{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
grid-template-rows:auto auto !important;
align-items:end !important;
gap:14px 16px !important;
}
.replyo-toolbar-center{
grid-column:1 / -1 !important;
grid-row:1 !important;
justify-self:center !important;
width:auto !important;
display:flex !important;
justify-content:center !important;
}
.replyo-toolbar-left{
grid-column:1 !important;
grid-row:2 !important;
justify-self:start !important;
}
.replyo-toolbar-right{
grid-column:3 !important;
grid-row:2 !important;
justify-self:end !important;
}
.replyo-post-reactions{
width:max-content !important;
margin:0 auto !important;
}
.replyo-post-reactions .replyo-reaction-row{
width:max-content !important;
margin:0 auto !important;
justify-content:center !important;
}
@media (max-width:900px){
.replyo-toolbar{
grid-template-columns:1fr !important;
grid-template-rows:auto auto auto !important;
}
.replyo-toolbar-center{
grid-column:1 !important;
grid-row:1 !important;
}
.replyo-toolbar-left{
grid-column:1 !important;
grid-row:2 !important;
}
.replyo-toolbar-right{
grid-column:1 !important;
grid-row:3 !important;
justify-self:end !important;
}
} .replyo-notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-width:min(90vw,320px);background:#171426;border:1px solid rgba(138,92,246,.24);border-radius:14px;box-shadow:0 20px 40px rgba(17,12,31,.35);overflow:hidden;z-index:30}
.replyo-notification-item,.replyo-notification-all{display:block;padding:12px 14px;color:#fff;text-decoration:none}
.replyo-notification-item{border-bottom:1px solid rgba(255,255,255,.06)}
.replyo-notification-item.is-unread{background:rgba(139,92,246,.08)}
.replyo-notification-message{font-size:14px;line-height:1.45}
.replyo-notification-time{margin-top:4px;font-size:12px;color:#b6b0d3}
.replyo-notification-all{text-align:center;font-weight:600;background:rgba(255,255,255,.03)}
.replyo-notification-empty{padding:14px;color:#b6b0d3;text-align:center}
.replyo-theme-page{max-width:960px;margin:24px auto;padding:0 16px}
.replyo-theme-card{background:linear-gradient(180deg,#171426 0%,#0f0d18 100%);padding:20px;border:1px solid rgba(138,92,246,.24);border-radius:16px;box-shadow:0 14px 32px rgba(17,12,31,.28);color:#fff}
.replyo-theme-card h2{margin-top:0;color:#fff}
.replyo-theme-notification{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.replyo-theme-notification:first-of-type{border-top:0}
.replyo-theme-notification-message{font-size:15px;color:#fff}
.replyo-theme-notification-time{margin-top:6px;font-size:12px;color:#b6b0d3}
.replyo-theme-empty{color:#b6b0d3}
.replyo-theme-notification{display:block;color:inherit;text-decoration:none}
.replyo-theme-notification:hover{background:rgba(139,92,246,.08)}
.replyo-comment-highlight{animation:replyoCommentHighlight 2.4s ease}
@keyframes replyoCommentHighlight{
0%{box-shadow:0 0 0 0 rgba(139,92,246,0);background:rgba(139,92,246,0)}
15%{box-shadow:0 0 0 3px rgba(139,92,246,.30);background:rgba(139,92,246,.12)}
100%{box-shadow:0 0 0 0 rgba(139,92,246,0);background:rgba(139,92,246,0)}
}
.replyo-avatar-link{
display:block;
padding:0;
margin:0;
line-height:0;
background:transparent;
border:0;
border-radius:999px;
box-shadow:none;
color:inherit;
text-decoration:none;
flex:0 0 44px;
align-self:flex-start;
}
.replyo-comment-main > .replyo-avatar-link .replyo-avatar{
display:block;
margin:0;
}
.replyo-author-link{
display:inline-flex;
align-items:center;
gap:0;
padding:0;
border-radius:0;
background:transparent;
border:0;
color:#fff;
font-weight:700;
transition:color .18s ease;
box-shadow:none;
text-decoration:none;
}
.replyo-profile-comment-link {
display:inline-flex;
align-items:center;
gap:8px;
padding:11px 16px;
border-radius:14px;
background:linear-gradient(180deg, rgba(125,88,255,.22), rgba(125,88,255,.12));
border:1px solid rgba(125,88,255,.34);
color:#f4f1ff;
font-weight:700;
transition:all .18s ease;
box-shadow:0 10px 24px rgba(35, 16, 88, .18);
text-decoration:none;
}
.replyo-author-link strong {
color: inherit;
}
.replyo-comment .replyo-author-link{
background:transparent !important;
border:0 !important;
box-shadow:none !important;
padding:0 !important;
border-radius:0 !important;
}
.replyo-comment .replyo-author-link strong{
font-size:15px;
line-height:1.2;
}
.replyo-author-link:hover{
color:#fff;
transform:none;
border-color:transparent;
}
.replyo-profile-comment-link:hover{
transform:translateY(-1px);
border-color:rgba(125,88,255,.42);
}
.replyo-comment-main > .replyo-avatar-link,
.replyo-comment-main > .replyo-avatar-link:hover{
transform:none;
}
.replyo-profile-page {
max-width: 960px;
margin: 24px auto;
}
.replyo-profile-card {
padding: 24px;
}
.replyo-profile-header {
display: flex;
gap: 18px;
align-items: center;
margin-bottom: 20px;
}
.replyo-profile-avatar,
.replyo-profile-avatar-preview {
width: 112px;
height: 112px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255,255,255,.12);
}
.replyo-profile-name {
margin: 0 0 6px;
}
.replyo-profile-submeta {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.replyo-profile-activity-badge {
padding: 4px 10px;
border-radius: 999px;
background: rgba(125,88,255,.14);
border: 1px solid rgba(125,88,255,.25);
}
.replyo-profile-stats-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin: 18px 0 22px;
}
.replyo-profile-stat,
.replyo-profile-settings-box,
.replyo-profile-comment-card {
position: relative;
padding: 18px;
margin-bottom: 14px;
background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
border: 1px solid rgba(255,255,255,.08);
border-radius: 18px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 10px 32px rgba(8, 5, 28, .18);
}
.replyo-profile-stat {
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
min-height: 110px;
}
.replyo-profile-stat-value,
.replyo-profile-stat-label {
display: block;
}
.replyo-profile-stat-value {
font-size: 31px;
line-height: 1.05;
font-weight: 800;
color: #fff;
letter-spacing: -.02em;
}
.replyo-profile-stat-date {
font-size: 24px;
line-height: 1.2;
}
.replyo-profile-stat-label {
color: rgba(255,255,255,.72);
font-size: 15px;
font-weight: 700;
}
.replyo-profile-comment-hidden {
display: none;
}
.replyo-profile-comments-more-wrap {
display: flex;
justify-content: center;
margin: 8px 0 16px;
}
.replyo-profile-comments-more {
appearance: none;
border: 1px solid rgba(125,88,255,.3);
background: linear-gradient(180deg, rgba(125,88,255,.18), rgba(125,88,255,.1));
color: #fff;
padding: 12px 18px;
border-radius: 14px;
font-weight: 800;
cursor: pointer;
box-shadow: 0 10px 24px rgba(12,8,36,.18);
}
.replyo-profile-comments-more:hover {
background: linear-gradient(180deg, rgba(125,88,255,.28), rgba(125,88,255,.14));
border-color: rgba(125,88,255,.46);
}
.replyo-profile-comment-card::before {
content: '';
position: absolute;
top: 16px;
left: 16px;
bottom: 16px;
width: 3px;
border-radius: 999px;
background: linear-gradient(180deg, rgba(125,88,255,.85), rgba(125,88,255,.15));
opacity: .95;
}
.replyo-profile-comment-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
margin-bottom: 14px;
padding-left: 14px;
}
.replyo-profile-comment-text-wrap {
margin: 0 0 14px 14px;
padding: 14px 15px;
border-radius: 16px;
background: rgba(255,255,255,.035);
border: 1px solid rgba(255,255,255,.08);
}
.replyo-profile-comment-text {
line-height: 1.65;
color: rgba(255,255,255,.92);
margin: 0;
}
.replyo-profile-comment-actions {
display: flex;
justify-content: flex-start;
padding-left: 14px;
}
.replyo-profile-comment-date {
flex-shrink: 0;
display: inline-flex;
align-items: center;
height: max-content;
padding: 7px 11px;
border-radius: 999px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
color: #d8d1f6;
font-size: 13px;
font-weight: 700;
}
.replyo-profile-comment-post-wrap {
display: flex;
flex-direction: column;
gap: 9px;
min-width: 0;
flex: 1;
}
.replyo-profile-comment-label {
display: inline-flex;
align-items: center;
width: max-content;
padding: 5px 10px;
border-radius: 999px;
background: rgba(125,88,255,.14);
border: 1px solid rgba(125,88,255,.26);
color: #cbb7ff;
font-size: 12px;
font-weight: 700;
letter-spacing: .02em;
}
.replyo-profile-comment-post-box {
display: block;
width: 100%;
padding: 14px 16px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(18, 14, 48, .85), rgba(255,255,255,.02));
border: 1px solid rgba(125,88,255,.16);
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.replyo-profile-comment-post {
display: block;
font-size: 17px;
line-height: 1.45;
color: #fff;
word-break: break-word;
}
.replyo-profile-comment-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
padding: 12px 16px;
border-radius: 14px;
background: linear-gradient(180deg, rgba(125,88,255,.26), rgba(125,88,255,.14));
border: 1px solid rgba(125,88,255,.34);
color: #f8f6ff;
font-weight: 800;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
box-shadow: 0 10px 24px rgba(20, 14, 58, .22);
}
.replyo-profile-comment-link:hover {
transform: translateY(-1px);
background: linear-gradient(180deg, rgba(125,88,255,.34), rgba(125,88,255,.18));
border-color: rgba(125,88,255,.52);
box-shadow: 0 14px 28px rgba(12, 8, 36, .26);
}
.replyo-profile-comment-link-text {
letter-spacing: .01em;
}
@media (max-width: 767px) {
.replyo-profile-comment-top {
flex-direction: column;
}
.replyo-profile-comment-date {
align-self: flex-start;
}
}
@media (max-width: 900px) {
.replyo-profile-stats-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.replyo-profile-stat {
min-height: 96px;
}
.replyo-profile-stat-value {
font-size: 24px;
}
.replyo-profile-stat-date {
font-size: 18px;
}
.replyo-profile-stat-label {
font-size: 14px;
}
}
.replyo-profile-stats-grid .replyo-profile-stat {
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
gap:8px !important;
}
.replyo-profile-stats-grid .replyo-profile-stat-value,
.replyo-profile-stats-grid .replyo-profile-stat-label {
display:block !important;
width:100%;
}
.replyo-profile-comments-more {
appearance:none !important;
-webkit-appearance:none !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:46px;
padding:12px 18px !important;
border-radius:14px !important;
border:1px solid rgba(125,88,255,.34) !important;
background:linear-gradient(180deg, rgba(125,88,255,.26), rgba(125,88,255,.14)) !important;
color:#f8f6ff !important;
font-weight:800 !important;
line-height:1 !important;
text-decoration:none !important;
box-shadow:0 10px 24px rgba(20,14,58,.22) !important;
}
.replyo-profile-comments-more:hover {
transform:translateY(-1px);
background:linear-gradient(180deg, rgba(125,88,255,.34), rgba(125,88,255,.18)) !important;
border-color:rgba(125,88,255,.52) !important;
}
.replyo-profile-settings-box {
padding: 24px 22px !important;
}
.replyo-profile-settings-title {
margin: 0 0 16px !important;
font-size: 31px;
line-height: 1.2;
}
.replyo-profile-form {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.replyo-profile-avatar-options {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px !important;
}
.replyo-profile-checkbox {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 52px;
padding: 14px 16px !important;
border-radius: 14px !important;
background: rgba(255,255,255,.035) !important;
border: 1px solid rgba(255,255,255,.08) !important;
color: #f7f4ff !important;
font-weight: 700 !important;
line-height: 1.35 !important;
cursor: pointer;
}
.replyo-profile-checkbox input[type="radio"] {
margin: 0 !important;
flex: 0 0 auto;
}
.replyo-profile-checkbox span {
display: block;
}
.replyo-profile-field-label {
display: block !important;
margin: 0 !important;
color: rgba(255,255,255,.72) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: .02em;
text-transform: uppercase;
}
.replyo-profile-avatar-url {
width: 100% !important;
min-height: 48px;
padding: 0 14px !important;
border-radius: 14px !important;
border: 1px solid rgba(255,255,255,.1) !important;
background: rgba(255,255,255,.04) !important;
color: #fff !important;
box-sizing: border-box !important;
}
.replyo-profile-avatar-preview-wrap {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 116px;
padding: 4px 0 0 !important;
}
.replyo-profile-form-actions {
display: flex !important;
justify-content: flex-start !important;
}
.replyo-profile-save-btn {
min-width: 132px;
}
@media (max-width: 700px) {
.replyo-profile-avatar-options {
grid-template-columns: 1fr;
}
} .replyo-media-composer{margin-top:12px;border:1px dashed rgba(148,163,184,.45);border-radius:14px;padding:12px;background:rgba(15,23,42,.02)}
.replyo-media-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.replyo-media-hint{font-size:12px;color:#64748b}
.replyo-media-dropzone{margin-top:10px;padding:14px;border-radius:12px;background:rgba(148,163,184,.08);text-align:center;font-size:13px;color:#64748b;transition:.2s}
.replyo-media-dropzone.is-dragover{background:rgba(99,102,241,.12);border-color:#6366f1;color:#334155}
.replyo-media-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:12px}
.replyo-media-preview-item{position:relative;border:1px solid rgba(148,163,184,.24);border-radius:12px;overflow:hidden;background:#fff}
.replyo-media-preview-item img{display:block;width:100%;height:100px;object-fit:cover;background:#f8fafc}
.replyo-media-preview-meta{padding:8px 10px 32px;font-size:12px;color:#475569;word-break:break-word}
.replyo-media-preview-remove{position:absolute;right:8px;bottom:8px;border:none;border-radius:999px;background:#111827;color:#fff;padding:5px 10px;font-size:11px;cursor:pointer}
.replyo-media-progress{margin-top:10px;height:8px;border-radius:999px;background:rgba(148,163,184,.2);overflow:hidden}
.replyo-media-progress-bar{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899)}
.replyo-comment-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.replyo-comment-media-link{position:relative;display:block;border-radius:14px;overflow:hidden;background:#0f172a}
.replyo-comment-media-link img{display:block;width:100%;height:180px;object-fit:cover;transition:transform .2s ease}
.replyo-comment-media-link:hover img{transform:scale(1.03)}
.replyo-media-gif-badge{position:absolute;right:8px;bottom:8px;background:rgba(15,23,42,.88);color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;letter-spacing:.04em}
.replyo-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(2,6,23,.88);display:flex;align-items:center;justify-content:center;padding:20px}
.replyo-lightbox img{max-width:min(96vw,1200px);max-height:88vh;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.replyo-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:none;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media (max-width: 640px){
.replyo-comment-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.replyo-comment-media-link img{height:140px}
}
.replyo-inline-image{max-width:100%;border-radius:10px;margin-top:8px;display:block} @media (max-width: 480px) {
.replyo-comment-reactions,
.replyo-comment-actions-reactions,
.replyo-comment-footer-reactions {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
align-items: stretch !important;
}
.replyo-comment-reactions .reaction,
.replyo-comment-actions-reactions .reaction,
.replyo-comment-footer-reactions .reaction,
.replyo-comment-reactions .replyo-reaction,
.replyo-comment-actions-reactions .replyo-reaction,
.replyo-comment-footer-reactions .replyo-reaction {
width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
text-align: center !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
}
.replyo-header-actions,
.replyo-toolbar,
.replyo-topbar {
flex-wrap: wrap !important;
gap: 10px !important;
}
.replyo-sort,
.replyo-sort-wrap,
.replyo-sortbar {
width: 100% !important;
justify-content: flex-start !important;
}
.replyo-sort select,
.replyo-sort-wrap select,
.replyo-sortbar select {
max-width: 100% !important;
}
.replyo-comment-card,
.replyo-comment-item,
.replyo-item,
.replyo-form-card,
.replyo-form-wrap {
padding-left: 16px !important;
padding-right: 16px !important;
}
.replyo-comment-children,
.replyo-children,
.replyo-replies {
margin-left: 14px !important;
padding-left: 12px !important;
}
.replyo-media-composer {
padding: 12px !important;
}
.replyo-media-toolbar {
flex-direction: column !important;
align-items: stretch !important;
}
.replyo-media-picker,
.replyo-button,
.replyo-button-secondary {
max-width: 100% !important;
}
.replyo-floating-scrolltop,
.replyo-scrolltop,
.replyo-backtotop {
right: 12px !important;
bottom: 12px !important;
}
} @media (max-width: 480px) {
.replyo-post-reactions {
margin-bottom: 12px !important;
}
.replyo-post-reactions .replyo-reaction-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
}
.replyo-post-reactions .replyo-reaction {
width: 100% !important;
min-width: 0 !important;
justify-content: center !important;
text-align: center !important;
padding: 12px 8px !important;
box-sizing: border-box !important;
margin: 0 !important;
}
.replyo-toolbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"left left"
"center right" !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
}
.replyo-toolbar-left {
grid-area: left !important;
justify-self: start !important;
width: auto !important;
min-width: 0 !important;
}
.replyo-toolbar-center {
grid-area: center !important;
justify-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
}
.replyo-toolbar-right {
grid-area: right !important;
justify-self: end !important;
width: auto !important;
min-width: 0 !important;
}
.replyo-toolbar-center label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
.replyo-sort-select {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
.replyo-toolbar-right .replyo-button,
.replyo-toolbar-right .replyo-button-secondary,
.replyo-toolbar-right button {
max-width: none !important;
}
} @media (max-width: 480px) {
.replyo-post-reactions {
display: flex !important;
justify-content: center !important;
margin: 0 0 14px 0 !important;
width: 100% !important;
}
.replyo-post-reactions .replyo-reaction-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
max-width: 360px !important;
margin: 0 auto !important;
}
.replyo-post-reactions .replyo-reaction {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 64px !important;
padding: 12px 8px !important;
font-size: 16px !important;
line-height: 1 !important;
box-sizing: border-box !important;
margin: 0 !important;
white-space: nowrap !important;
}
.replyo-post-reactions .replyo-reaction > * {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.replyo-post-reactions .replyo-reaction .emoji,
.replyo-post-reactions .replyo-reaction .replyo-reaction-emoji,
.replyo-post-reactions .replyo-reaction .icon {
font-size: 22px !important;
line-height: 1 !important;
}
.replyo-post-reactions .replyo-reaction .count,
.replyo-post-reactions .replyo-reaction .replyo-reaction-count,
.replyo-post-reactions .replyo-reaction .replyo-count {
font-size: 15px !important;
line-height: 1 !important;
}
.replyo-toolbar {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas:
"left left"
"center right" !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
}
.replyo-toolbar-left {
grid-area: left !important;
justify-self: start !important;
width: auto !important;
min-width: 0 !important;
}
.replyo-toolbar-center {
grid-area: center !important;
justify-self: stretch !important;
width: 100% !important;
min-width: 0 !important;
}
.replyo-toolbar-right {
grid-area: right !important;
justify-self: end !important;
width: auto !important;
min-width: 0 !important;
}
.replyo-toolbar-center label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
}
.replyo-sort-select {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
} @media (max-width: 480px) {
.replyo-toolbar {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-areas:
"left"
"center"
"right" !important;
gap: 12px !important;
align-items: stretch !important;
}
.replyo-toolbar-left,
.replyo-toolbar-center,
.replyo-toolbar-right {
width: 100% !important;
min-width: 0 !important;
justify-self: stretch !important;
}
.replyo-toolbar-left { grid-area: left !important; }
.replyo-toolbar-center { grid-area: center !important; }
.replyo-toolbar-right {
grid-area: right !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 10px !important;
}
.replyo-toolbar-right label {
display: none !important;
}
.replyo-sort-select {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
}
.replyo-post-reactions {
width: 100% !important;
margin: 0 !important;
}
.replyo-post-reactions .replyo-reaction-row {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
max-width: none !important;
}
.replyo-post-reactions .replyo-reaction {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
padding: 10px 8px !important;
box-sizing: border-box !important;
white-space: nowrap !important;
overflow: hidden !important;
}
.replyo-post-reactions .replyo-emoji {
display: inline-block !important;
font-size: 20px !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
.replyo-post-reactions .replyo-count {
display: inline-block !important;
font-size: 16px !important;
line-height: 1 !important;
flex: 0 0 auto !important;
}
.replyo-total-comments {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
}
} @media (max-width: 480px) {
.replyo-toolbar-left {
order: 3 !important;
margin-top: 2px !important;
}
.replyo-total-comments {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
}
} @media (max-width: 480px) {
.replyo-toolbar {
display: grid !important;
grid-template-columns: 1fr !important;
grid-template-areas:
"center"
"right"
"left" !important;
gap: 12px !important;
align-items: stretch !important;
}
.replyo-toolbar-center {
grid-area: center !important;
width: 100% !important;
order: 1 !important;
}
.replyo-toolbar-right {
grid-area: right !important;
width: 100% !important;
order: 2 !important;
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
align-items: center !important;
gap: 10px !important;
}
.replyo-toolbar-left {
grid-area: left !important;
width: 100% !important;
order: 3 !important;
display: flex !important;
justify-content: flex-start !important;
margin-top: 0 !important;
}
.replyo-toolbar-right label {
display: none !important;
}
.replyo-total-comments {
display: inline-flex !important;
width: auto !important;
max-width: 100% !important;
}
} @media (max-width: 480px) {
.replyo-toolbar-right {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
width: 100% !important;
}
.replyo-toolbar-right label {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.replyo-sort-select {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
margin: 0 !important;
}
.replyo-notification-wrap,
.replyo-notification-bell {
flex: 0 0 auto !important;
margin: 0 !important;
}
.replyo-toolbar-left {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin-top: 0 !important;
}
.replyo-total-comments {
margin: 0 !important;
}
} @media (max-width: 480px) {
.replyo-toolbar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
}
.replyo-toolbar-center {
order: 1 !important;
width: 100% !important;
flex: 0 0 100% !important;
}
.replyo-toolbar-left {
order: 2 !important;
flex: 0 0 auto !important;
width: auto !important;
margin-right: auto !important;
display: flex !important;
align-items: center !important;
}
.replyo-toolbar-right {
order: 2 !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
}
.replyo-toolbar-right label {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
line-height: 1 !important;
transform: none !important;
position: static !important;
white-space: nowrap !important;
flex: 0 0 auto !important;
}
.replyo-sort-select {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: 170px !important;
margin: 0 !important;
align-self: center !important;
}
.replyo-notification-wrap,
.replyo-notification-bell {
flex: 0 0 auto !important;
align-self: center !important;
margin: 0 !important;
}
.replyo-total-comments {
margin: 0 !important;
}
}
.replyo-powered-by{
margin-top:18px;
text-align:center;
font-size:15px;
color:rgba(255,255,255,.76);
}
.replyo-powered-by a{
color:#c4a3ff;
text-decoration:none;
font-weight:700;
}
.replyo-powered-by a:hover{
color:#d5c1ff;
text-decoration:underline;
}
.replyo-profile-comment-text{
word-break: break-word;
overflow-wrap: anywhere;
}
.replyo-profile-comment-media{
margin-top:10px;
display:grid;
gap:10px;
}
.replyo-profile-comment-image{
display:block;
max-width:100%;
height:auto;
border-radius:12px;
}
.replyo-header h3{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.replyo-header-brand{
display:inline-flex;
align-items:center;
font-size:13px;
font-weight:600;
line-height:1;
opacity:.86;
}
.replyo-header-brand::before{
content:"•";
margin-right:10px;
color:rgba(255,255,255,.35);
}
.replyo-header-brand a{
color:#c4a3ff;
text-decoration:none;
}
.replyo-header-brand a:hover{
color:#decfff;
text-decoration:underline;
}
@media (max-width: 480px){
.replyo-header h3{
gap:8px;
}
.replyo-header-brand{
font-size:12px;
}
.replyo-header-brand::before{
margin-right:8px;
}
} .replyo-content,
.replyo-profile-comment-text,
.replyo-inline-box,
.replyo-inline-area,
.replyo-comment-text,
.replyo-body {
overflow-wrap: anywhere;
word-break: break-word;
}
.replyo-content a,
.replyo-profile-comment-text a,
.replyo-comment-text a {
overflow-wrap: anywhere;
word-break: break-word;
}
@media (max-width: 480px) {
.replyo-comment .replyo-comment-reactions,
.replyo-comment .replyo-reaction-row {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
}
.replyo-comment .replyo-reaction-row .replyo-reaction,
.replyo-comment .replyo-comment-reactions .replyo-reaction {
width: auto !important;
min-width: 120px !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
.replyo-comment .replyo-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
}
.replyo-comment .replyo-content,
.replyo-comment .replyo-body,
.replyo-comment .replyo-meta {
min-width: 0 !important;
}
} .replyo-header-brand{
font-size: inherit !important;
font-weight: 700 !important;
}
.replyo-header-brand a{
font-size: inherit !important;
font-weight: 700 !important;
}
@media (max-width: 480px) {
.replyo-comment .replyo-reaction-row,
.replyo-comment .replyo-comment-reactions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
max-width: 260px !important;
}
.replyo-comment .replyo-reaction-row .replyo-reaction,
.replyo-comment .replyo-comment-reactions .replyo-reaction {
width: 100% !important;
min-width: 0 !important;
min-height: 56px !important;
padding: 10px 8px !important;
justify-content: center !important;
box-sizing: border-box !important;
margin: 0 !important;
}
}
.replyo-more-wrap {
margin-top: 14px;
text-align: center;
} .replyo-more-wrap {
margin-top: 14px;
text-align: center;
}
.replyo-load-more {
background: transparent !important;
color: #a78bfa !important;
border: 1px solid rgba(167, 139, 250, 0.4) !important;
border-radius: 12px !important;
padding: 10px 18px !important;
font-size: 13px !important;
font-weight: 500 !important;
backdrop-filter: blur(6px);
box-shadow: 0 0 0 rgba(167, 139, 250, 0);
transition: all 0.2s ease !important;
}
.replyo-load-more:hover {
background: rgba(167, 139, 250, 0.1) !important;
border-color: rgba(167, 139, 250, 0.8) !important;
color: #c4b5fd !important;
box-shadow: 0 0 12px rgba(167, 139, 250, 0.25);
}:root{
--rag-bg:#07111f;
--rag-panel:#0f172a;
--rag-panel-2:#111c34;
--rag-text:#f8fafc;
--rag-muted:#a5b4fc;
--rag-soft:#cbd5e1;
--rag-accent:#60a5fa;
--rag-accent-2:#7c3aed;
--rag-success:#22c55e;
--rag-danger:#f97316;
}
.replyo-rag-lock,
.replyo-rag-lock body{overflow:hidden !important;height:100% !important;touch-action:none !important;}
.replyo-rag-blur body > *:not(#replyo-rag-overlay):not(script):not(style):not(link):not(meta):not(title){filter:blur(6px);pointer-events:none;user-select:none;}
#replyo-rag-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,23,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#replyo-rag-overlay.replyo-rag-visible{display:flex}
.replyo-rag-panel{position:relative;width:min(100%,760px);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(10,15,30,.98));border:1px solid rgba(148,163,184,.18);border-radius:30px;box-shadow:0 35px 90px rgba(2,6,23,.62);overflow:hidden;color:var(--rag-text)}
.replyo-rag-panel::before{content:"";position:absolute;inset:auto auto 100% -12%;width:170px;height:170px;background:radial-gradient(circle,rgba(96,165,250,.35),transparent 68%);transform:translateY(60%)}
.replyo-rag-panel__top{display:flex;gap:18px;padding:26px 24px 10px;align-items:flex-start}
.replyo-rag-icon{flex:0 0 64px;width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(37,99,235,.35)}
.replyo-rag-icon svg{width:32px;height:32px;fill:#fff}
.replyo-rag-headline{flex:1 1 auto}
.replyo-rag-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(249,115,22,.12);color:#fdba74;border:1px solid rgba(249,115,22,.18);font-weight:700;font-size:12px;letter-spacing:.03em;margin-bottom:14px}
.replyo-rag-title{font-size:clamp(28px,4vw,40px);line-height:1.08;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}
.replyo-rag-message{margin:0;color:var(--rag-soft);font-size:16px;line-height:1.7}
.replyo-rag-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:16px;padding:16px 24px 0}
.replyo-rag-card{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.14);border-radius:22px;padding:18px}
.replyo-rag-card h3{margin:0 0 12px;font-size:15px;color:#e2e8f0}
.replyo-rag-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.replyo-rag-list li{display:flex;gap:12px;align-items:flex-start;color:#dbeafe;line-height:1.55}
.replyo-rag-list li i{display:inline-flex;width:24px;height:24px;border-radius:50%;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.16);color:#86efac;align-items:center;justify-content:center;font-style:normal;font-weight:700;flex:0 0 24px}
.replyo-rag-state{display:grid;gap:12px}
.replyo-rag-chip{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.12);font-size:14px;color:#e5e7eb;gap:10px}
.replyo-rag-chip strong{color:#fff;word-break:break-word;text-align:right}
.replyo-rag-actions{padding:18px 24px 12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.replyo-rag-btn{appearance:none;border:none;cursor:pointer;border-radius:18px;padding:14px 18px;font-size:15px;font-weight:800;letter-spacing:.01em;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}
.replyo-rag-btn:hover{transform:translateY(-1px)}
.replyo-rag-btn--primary{background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;box-shadow:0 18px 40px rgba(37,99,235,.28)}
.replyo-rag-btn--secondary{background:rgba(148,163,184,.1);color:#e2e8f0;border:1px solid rgba(148,163,184,.22);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.replyo-rag-btn--secondary:hover{color:#fff;border-color:rgba(96,165,250,.4);box-shadow:0 18px 36px rgba(15,23,42,.18)}
.replyo-rag-btn--ghost{background:rgba(12,18,34,.65);color:#dbeafe;border:1px solid rgba(96,165,250,.24)}
.replyo-rag-btn--ghost:hover{border-color:rgba(96,165,250,.55);box-shadow:0 18px 36px rgba(15,23,42,.18)}
.replyo-rag-status{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:14px}
.replyo-rag-dot{width:10px;height:10px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 8px rgba(245,158,11,.1);animation:ragBlink 1.5s infinite}
.replyo-rag-report-panel{margin:0 24px 18px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(14,22,40,.88),rgba(10,16,30,.92));border:1px solid rgba(96,165,250,.16)}
.replyo-rag-report-copy{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.replyo-rag-report-copy strong{font-size:16px;color:#fff}
.replyo-rag-report-copy p{margin:0;color:#cbd5e1;line-height:1.6}
.replyo-rag-contact-row{display:flex;flex-wrap:wrap;gap:10px}
.replyo-rag-contact-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:14px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.24);color:#dbeafe;text-decoration:none;font-weight:700}
.replyo-rag-contact-btn:hover{background:rgba(96,165,250,.18);color:#fff}
.replyo-rag-contact-empty{color:#94a3b8;font-size:14px}
.replyo-rag-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 24px 22px;color:#94a3b8;font-size:13px}
.replyo-rag-brand{font-weight:700;color:#dbeafe}
.replyo-rag-safe{color:#86efac}
.replyo-rag-danger{color:#fdba74}
@keyframes ragBlink{0%,100%{opacity:1}50%{opacity:.4}}
@media (max-width: 768px){
.replyo-rag-panel__top{padding:22px 18px 8px;gap:14px}
.replyo-rag-grid{grid-template-columns:1fr;padding:14px 18px 0}
.replyo-rag-actions{padding:16px 18px 10px}
.replyo-rag-report-panel{margin:0 18px 16px}
.replyo-rag-footer{padding:0 18px 18px;flex-direction:column;align-items:flex-start}
.replyo-rag-title{font-size:30px}
.replyo-rag-icon{width:56px;height:56px;border-radius:18px}
.replyo-rag-btn,.replyo-rag-contact-btn{width:100%}
}@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,500,500i,600,600i,700,700i&display=swap");
:focus{outline:none}
*,::before,::after{box-sizing:border-box}
blockquote,q{margin:5px 0;quotes:none;background:#252230;border-left:3px solid #353535;padding:5px 10px}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
.lightmode blockquote,.lightmode q{background:#FAFAFA;border-color:#DDD}
table{border-collapse:collapse;border-spacing:0}
hr{border-color:#555}
a{color:#FFF;text-decoration:none;transition:color .1s linear;-moz-transition:color .1s linear;-webkit-transition:color .1s linear}
:focus{outline:none}
a:hover{color:#0c70de;text-decoration:none}
.bxcl ul li .lchx a:visited,.listupd .utao .uta .luf ul li a:visited{color:#0c70de!important}
img{max-width:100%;height:auto}
.postbody p{margin:10px 0}
.clear{clear:both}
body{position:relative;background:#16151d;font-size:14px;line-height:1.5;color:#b8b8b8;margin:0 auto;font-family:'Fira Sans',sans-serif;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}
.strip{margin-top:5px;margin-bottom:5px;border-bottom:1px dashed #D0CDCD;box-shadow:0 0 4px #FFF}
.kln{overflow:hidden;position:relative;text-align:center}
.blox.kln{margin:0 auto;max-width:1150px}
.kln a.col{width:50%;display:block;padding:2px 4px;float:left}
.klnrec{overflow:hidden;margin-bottom:15px}
.klnrec .kln{float:left;width:70%;padding:5px;margin-right:5px;border:1px solid #DDD}
.klnrec .kln img,.klnrec .mini img{width:100%;max-height:90px}
.klnrec .mini{overflow:hidden;margin-left:10px;border:1px solid #DDD;padding:5px}
.bixbox .kln,.singlex{float:left;margin-right:15px}
#floatcenter{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999}
#floatcenter .ctrx{width:100%;max-width:500px;margin:auto;padding-top:20vh}
#teaser1,#teaser2{z-index:2}
.playerx{position:relative}
#overplay{position:absolute;z-index:200;width:100%;height:100%;background:rgba(0,0,0,0.7)}
#overplay .chain{width:100%;max-width:300px;margin:auto;padding-top:50px}
#content{overflow:hidden;max-width:1220px;margin:0 auto;position:relative}
.wrapper{margin:0 20px;position:relative}
header{float:left;margin: 12px 30px 12px 0;}
.logos img{height: 35px;}
.logos{margin:0;min-height:1px;display:block}
.logos span.hdl{display:none;width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}
.mobilelogo {display: none;}
.th{overflow:hidden;background:#0b0a0d;height:60px}
.th .centernav{margin:0 auto;max-width:1220px;padding:0 20px}
.shme{display:none}
#main-menu{margin:0;background:#0c70de;margin-bottom:15px}
#main-menu .centernav .logo img{width:100%;height:auto}
#main-menu .centernav{margin:0 auto;max-width:1220px;padding:0 20px}
#main-menu .centernav .logo{display:none;float:left;margin-top:23px;margin-right:30px;max-width:190px}
#main-menu .dashicons,#main-menu ._mi{line-height:inherit;width:auto;height:auto;font-size:14px;padding-right:2px}
#main-menu ul{position:relative;float:left;list-style:none;padding:0;margin:0}
#main-menu ul li{float:left;position:relative;margin:0 10px}
#main-menu ul li a{display:block;text-align:center;line-height:42px;height:42px;padding:0 10px;color:#FFF;border-left:0;transition:color .5s;position:relative;font-size:1em}
#main-menu ul .menu-item-has-children>a:after{content:"\f140";padding:0;display:none;width:auto;height:auto;padding-left:5px;font-size:19px;float:right;line-height:35px;font-family:dashicons}
#main-menu ul li a:hover{text-decoration:none;color:#FFF;background:rgba(0,0,0,.32)}
#main-menu ul li ul{position:absolute;top:42px;min-width:240px;display:none;z-index:9999;background:#333;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,0.38);overflow:hidden}
#main-menu ul li:hover ul{display:block}
#main-menu ul li ul li{float:none;margin:0}
#main-menu ul li:hover ul li ul{display:none}
#main-menu ul li ul li a{margin:0;height:auto;display:block;background:0 0;line-height:normal;font-size:13px;padding:8px 15px;text-align:left;color:#FFF}
#main-menu ul li ul li a:hover{background:rgba(0,0,0,.32)}
#main-menu .random{float:right;color:#fff;cursor:pointer;text-transform:none;font-weight:400;font-size:14px;margin:0;border-radius:0;border:0;line-height:33px;background:#2866a7;padding:0 10px}
#main-menu .random:hover{background:#ececec;color:#333;text-decoration:none}
.show-menu{display:none;color:#fff;line-height:37px;font-size:16px;font-weight:700;text-transform:uppercase;text-align:center;cursor:pointer}
#main-menu input[type=checkbox]{display:none;-webkit-appearance:none}
#main-menu input[type=checkbox]:checked~#menu-menu{display:block;z-index:9999;float:none;background:#222;position:relative}
.ms{border-radius:3px;cursor:pointer;display:none;height:34px;left:auto;position:absolute;text-align:center;top:17px;width:34px;color:#fff;right:15px}
#main-menu .ms .dashicons{display:block!important;font-size:26px}
#top-menu{list-style:none;padding:0;margin:0;float:right;margin-right:15px;margin-top:18px;position:relative}
#top-menu ul{position:relative;list-style:none;padding:0;margin:0;max-width:460px;overflow:hidden;white-space:nowrap}
#top-menu ul:hover{overflow-x:auto}
#top-menu ul::-webkit-scrollbar{height:0}
#top-menu ul::-webkit-scrollbar-thumb{background:none}
#top-menu li{display:inline-block}
#top-menu li a{padding:2px 10px;line-height:27px;display:block}
#top-menu li a:hover{background:#0c70de;border-radius:5px;color:#FFF}
.topmobile{display:none}
.searchx{float:left;width:350px;margin:13px 25px 13px 0;position:relative}
.searchx #form{padding:0;position:relative}
.searchx #form #s{font-weight:300;background:#17151b;box-shadow:none!important;display:block;width:100%;height:34px;padding:6px 12px;padding-right:30px;font-family:inherit;font-size:14px;line-height:1.42857143;color:#FFF;background-image:none;border:1px solid #23202a;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.searchx #form #sel{margin:0;color:#888;border:0;outline:0;display:inline-block;font-family:open sans,sans-serif;background-color:#fff;border:1px solid #e5e2e2;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:4px 5px}
.searchx #form #submit{position:absolute;background:none;color:#555;cursor:pointer;font-family:inherit;border:0;padding:0 7px;top:8px;font-size:medium;right:2px;line-height:36px}
.searchx #form #submit .dashicons{display:block;font-size:22px}
.searchx #form #s:focus{outline:0}
.surprise{float:right;margin-top:7px;background:rgba(0,0,0,.32);color:#FFF;font-size:12px;margin-right:10px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;padding:5px 10px;line-height:1.5}
.surprise .dashicons{width:auto;height:auto;line-height:18px;font-size:12px!important;margin-right:0}
.surprise:hover{color:#333;background:#FFF}
.headertwo .th{background:#1a1920;height:67px}
.headertwo .th .logos img{max-height:37px}
.headertwo .th>.centernav>header{margin:0;margin-top:16px;margin-right:25px}
.headertwo .th>.centernav>header .logos{width:auto}
.headertwo .th .searchx{margin:18px 15px 13px 0;width:275px}
.headertwo .th .searchx #form #s{background:#24232e;border-color:#24232e;height:36px}
.headertwo .th .centernav #top-menu{font-weight:500;margin-top:20px}
.headertwo #top-menu li a:hover{background:none;border-radius:0}
.headertwo #thememode{margin-top:21px}
.headertwo #main-menu{background:#222;text-align:center;font-size:13px}
.headertwo #main-menu ul{float:none;margin:0 auto;display:inline-block}
.headertwo #main-menu ul li ul{display:none}
.headertwo #main-menu ul li{margin:5px}
.headertwo #main-menu ul li a{padding:7px 19px;background:#1a1920;height:auto;line-height:normal;color:#ccc}
.headertwo #main-menu ul li:hover ul{display:block;top:36px;background:#222}
.headertere{margin-bottom:20px}
.headertere .th{background:#222!important}
.headertere .th .searchx #form #s{background:#333;border-color:#494949}
.headerfor{position:fixed;width:100%;z-index:99999;box-shadow:0 2px 5px #111}
.headerfor .th .centernav{max-width:100%}
.headspacer{height:85px}
.srcmob {display: none;}
.loop{margin-bottom:15px;width:75%!important;float:left;direction: initial;}
.slidtop.slidfull .loop{width:100%!important;float:none!important}
.slide-content .rating .site-vote span span{font-family:roboto!important;font-weight:500!important}
.slide-content{font-family:inherit!important;font-size:13px}
.slide-content .ellipsis{float:none!important;display:block!important}
.slide-content .extras{margin-top:5px!important}
.slide-content .title .release-year{font-size:13px!important;color:#FFC107!important;margin:0!important}
.slide-content .rating .site-vote .dashicons{font-size:52px!important;width:initial!important;height:auto!important}
.slide-content .rating .site-vote span span{top:20px!important;left:0!important;width:51px;text-align:center;font-size:13px!important}
.slide-content .cast strong{color:unset!important;font-weight:400!important}
.owl-dot.active span,.owl-dot.active:hover span{background:#FFD400!important}
.owl-dot{background:none!important;border:0!important;padding:0!important}
.slide-item.full .slide-content .poster{width:22%!important}
.slide-item.full .slide-content{padding:30px 50px!important}
.slide-shadow{background-image:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/pattern.png)!important;background-color:rgba(0,0,0,0.5)!important}
.slide-content .extras div{color:#DDD!important}
.slide-content .excerpt{max-height:60px;overflow:hidden}
.slidtop{overflow:hidden}
.slidtop .trending{overflow:hidden}
.slidtop .trending .tdb{cursor:pointer;height:280px;margin-left:10px;position:relative}
.slidtop .trending .tdb .crown{background-image:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/crown.png);background-size:100%;position:absolute;right:5px;top:10px;height:40px;width:40px;z-index:3}
.slidtop .trending .tdb .imgxa{height:100%;width:100%;overflow:hidden;background-size:auto 100%;background-position:top center}
.slidtop .trending .tdb .imgxa .imgxb{height:100%;width:100%;background-position:center;background-size:cover}
.slidtop .trending .tdb .textbg{position:absolute;height:100%;width:100%;top:0;left:0;transition:opacity .2s;z-index:1;box-shadow:inset 0 0 40px #000}
.slidtop .trending .tdb .textbg.blxc{color:#eee;background:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/black.png)}
.slidtop .trending .tdb .textbg .bghover{margin-top:40%;padding:0 5%;line-height:19px;text-align:left;text-transform:uppercase}
.slidtop .trending .tdb .textbg .bghover .numa{display:block;font-size:16px}
.slidtop .trending .tdb .textbg .bghover .numb{display:block;font-size:17px;margin-top:5px;height:55px;overflow:hidden}
.owl-nav{display:none}
#header{overflow:hidden;margin-bottom:20px}
#header .logo{float:left}
#header .logo img{max-width:252px;height:auto}
#header .headads{float:right;max-width:728px;max-height:90px}
.recommended{margin:0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f3f3f3;margin-bottom:20px;line-height:28px;font-size:13px;padding-right:10px}
.recommended h2{background:#4d4d4d;color:#FFF;font-weight:700;line-height:28px;padding:0 5px;margin:0;font-size:13px;display:inline-block}
.recommended a{padding:5px;color:#333}
.postbody p.index{padding:15px;margin:0;margin-bottom:18px;border-radius:3px;line-height:19px;background:#1d1b26;color:#DDD;text-align:center;font-size:13px}
.postbody p.index b{color:#FFF;font-weight:500}
.postbody p.ctn{margin:0 5px;margin-bottom:10px;font-size:13px;padding:10px;border-radius:5px;background:#27222e}
.postbody .ntf{margin:10px;padding:8px;background:#333;color:#CCC;font-size:13px;border-radius:5px}
.postbody{float:left;width:70%}
.postbody .ldr{margin:0 -5px}
.bixbox{background:#222;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-bottom:18px;overflow:hidden;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);-khtml-box-shadow:0 2px 3px rgba(0,0,0,.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,.1);-o-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}
.postbody .box{overflow:hidden;margin-bottom:20px}
.bixbox.seriesearch{overflow:unset}
.releases{position:relative;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #312f40;padding:8px 15px}
.releases:after{position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:transparent;display:block;z-index:1;transform:scaleY(0.5);opacity:.8;background-image:linear-gradient(90deg,rgba(0,0,0,0.01) 0,rgba(0,0,0,0.1) 10%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.2) 80%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0.01) 100%)}
.releases h1,.releases h2,.releases h3,#sidebar .section h4{font-size:15px;color:#FFF;line-height:20px;font-weight:500;margin:0;position:relative}
.releases .vl{font-size:.6em;text-transform:uppercase;color:#FFF;height:18px;line-height:18px;padding:0 6px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background:#0c70de;display:inline-block;float:right;margin-top:1px;margin-right:-3px}
.postbody .box .rld{padding:5px;position:relative;overflow:hidden}
.postbody .ldr .outbx{float:left;width:20%}
.postbody .ldr .outbx .limit{overflow:hidden;position:relative;padding:0 0 135%;background:#333}
.postbody .box .rld img{width:100%;height:auto;position:absolute}
.postbody .box .rld h2{background:linear-gradient(to bottom,rgba(0,0,0,0.05) 6%,rgba(0,0,0,0.85) 70%);text-shadow:rgba(0,0,0,0.8) 1px 1px 0;position:absolute;padding:10px;width:100%;color:#FFF;left:0;bottom:0;margin:0;font-weight:500;overflow:hidden;text-align:center;font-size:13px;box-sizing:border-box}
.postbody .boxed{overflow:hidden;margin-bottom:15px}
.postbody .boxed .left{float:left;margin-right:10px}
.postbody .boxed .right .lts{float:right;width:470px}
.postbody .boxed .right .lts h3{text-transform:uppercase;padding:5px 10px;font-size:11px;border:5px solid #EFF1F1}
.postbody .boxed .right .lts ul{overflow:hidden}
.postbody .boxed .right .lts ul li{overflow:hidden;margin:5px 0;padding-bottom:5px;border-bottom:1px solid #E2E5E5}
.postbody .boxed .right .lts ul li .thumb{float:left;border:1px solid #E2E5E5;overflow:hidden;height:55px}
.postbody .boxed .right .lts ul li .thumb img{width:100px;height:auto}
.postbody .boxed .right .lts ul li .dtl{width:350px;padding:5px;background:#F5F4F4;height:47px;float:right}
.postbody .boxed .right .lts ul li .dtl h2{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.postbody .boxed .right .lts ul li .dtl h2 a{color:#333}
.postbody .boxed .right .lts ul li .dtl h2 a:hover{text-decoration:none;color:#F13E3E}
.postbody .boxed .right .lts ul li .dtl span{font-family:tahoma;color:#555;display:block;font-size:11px}
.postbody .boxed .right .lts ul li .dtl span a{color:#F13E3E}
.postbody .epsc .boxed .right .lts{float:none;width:100%}
.postbody .epsc .boxed .right .lts ul li .dtl{width:520px}
.postbody .epsc .boxed{overflow:hidden;margin-bottom:0}
.postbody .boxed .right .lts ul li .dtl h1{color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.listupd{padding:10px;overflow:hidden}
.listupd.cp{margin:-15px}
.listupd .lexa{overflow:hidden;margin-bottom:10px;border-bottom:1px solid #DDD;padding-bottom:10px}
.listupd .lexa .thumb{float:left;overflow:hidden;max-height:100px;margin-right:15px}
.listupd .lexa .dtl{overflow:hidden;padding:10px;margin:0;border-bottom:0;background:#f7f7f7}
.listupd .lexa .dtl h2{font-size:16px;margin:0;margin-bottom:5px}
.listupd .lexa .dtl span{display:block;margin-bottom:3px}
.listupd .lexa .dtl h2 a{color:#000}
.listupd .lexa .dtl h2 a:hover{text-decoration:none;color:#0c70de}
.listupd .lexa .thumb img{max-width:175px}
.listupd .utao{float:left;width:33.33333%;position:relative}
.listupd .utao .uta{padding:15px 10px;overflow:hidden;position:relative;border-bottom:1px solid #312f40}
.listupd .utao .uta .imgu{position:relative;float:left;overflow:hidden;height:105px;margin-right:10px;border-radius:3px}
.listupd .utao .uta .imgu img{width:75px;height:auto}
.listupd .utao .uta .imgu .hot{position:absolute;top:3px;left:3px;background:#ba291f;font-size:11px;font-weight:700;padding:0 4px;padding-top:2px;border-radius:3px;line-height:15px;color:#FFF}
.listupd .utao .uta .imgu .new{position:absolute;top:3px;right:3px;background:#ff5e00;font-size:11px;font-weight:700;padding:0 4px;padding-top:2px;border-radius:3px;line-height:15px;color:#FFF}
.listupd .utao .uta .luf{overflow:hidden}
.listupd .utao .uta .luf h4{margin:0;font-size:.98em;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.listupd .utao .uta .luf ul{margin:0;margin-top:10px;padding-left:15px}
.listupd .utao .uta .luf ul li{margin-bottom:5px;font-size:13px;color:#0c70de}
.listupd .utao .uta .luf ul li a{display:block;float:left;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listupd .utao .uta .luf ul li span{float:right;color:#555;font-size:12px}
.listupd .utao .uta .luf ul.Manhua li{color:#009688}
.listupd .utao .uta .luf ul.Manhwa li{color:#9d4942}
.listupd .utao.styletwo{width:50%}
.listupd .utao.styletwo .uta .imgu{height:141px;border-radius:0}
.listupd .utao.styletwo .uta .imgu img{width:100px}
.listupd .utao.styletwo .uta .luf h4{font-size:15px;font-weight:500}
.listupd .utao.styletwo .uta .luf ul li{margin-bottom:10px;font-size:14px}
.listupd .utao.styletwo .uta .luf ul li a{font-weight:500;color:#999}
.listupd .utao.styletwo .uta .luf ul li a:hover{color:#FFF}
.bs{float:left;width:20%}
.bs .bsx{position:relative;overflow:hidden;margin:10px 7px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.bs .bsx .limit{padding:137% 0 0;position:relative;overflow:hidden;background:#111;border-radius:3px}
.bs .bsx .limit .t{position:absolute;top:0;z-index:1;width:100%;text-align:center;overflow:hidden}
.bs .bsx .limit .b{position:absolute;bottom:-30px;color:#FFF;z-index:1;padding:8px 0;width:100%;text-align:center;background:rgba(34,58,101,0.9);transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s}
.bs .bsx .limit img{width:100%;height:auto;top:0;position:absolute}
.bs .bsx .limit .t .type{margin-top:5px;margin-left:5px;font-size:11px;padding:1px 5px;border-radius:1px;float:left;color:#eee;background:#673ab7}
.bs .bsx .limit .t .ept{margin-top:5px;margin-right:5px;font-size:11px;padding:1px 5px;border-radius:1px;float:right;color:#222;background:rgba(255,255,255,0.9)}
.bs .bsx .limit .t .type.TV{background:rgba(14,175,193,0.8);color:#FFF}
.bs .bsx .limit .t .type.Movie{background:#218c4c}
.bs .bsx .limit .t .type.OVA{background:#fb3a00}
.bs .bsx .limit .b .bt{margin:0 5px;font-family:Open Sans,sans-serif;font-size:13px}
.bs .bsx .limit .b .bt .tx{overflow:hidden;height:36px;font-size:12px}
.bs .bsx .limit .b .bt .status{margin-top:5px;overflow:hidden}
.bs .bsx .limit .b .bt .status span{display:inline-block;color:#FFF;background:#0eafc1;padding:2px 6px 2px 8px;border-radius:2px;font-size:12px}
.bs .bsx:hover .limit .b{bottom:0}
.bs .bsx .limit .b .bt .tx b{font-weight:400}
.bs .bsx .limit .bt{position:absolute;bottom:0;z-index:2;width:100%;background:rgba(34,58,101,0.9);color:#FFF;font-size:11px;line-height:20px;overflow:hidden}
.bs .bsx .limit .bt span.epx{display:block;float:left;margin-left:10px}
.bs .bsx .limit .bt span.sb{display:block;float:right;padding:0 5px;font-size:11px;color:#111;text-transform:uppercase;background:#d9da17}
.bs .bsx .limit .bt span.sb.RAW{background:rgba(14,175,193,0.8);color:#fff}
.bs .bsx .tt{font-size:.95em;margin:8px 0;margin-bottom:5px;font-weight:500;line-height:19px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bs .bsx .limit .ply{display:none;position:absolute;width:100%;z-index:1;height:100%;top:0;background:rgba(0,0,0,0.51)}
.bs .bsx .limit .ply .dashicons{background:rgba(14,175,193,0.8);border-radius:20%;-webkit-border-radius:20%;-moz-border-radius:20%;width:40px;height:40px;font-size:30px;position:absolute;top:50%;left:50%;display:inline-block;text-align:center;line-height:38px;margin-top:-20px;margin-left:-20px;border:2px solid #2fc5d9;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;line-height:38px;transition:all .3s ease 0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0}
.bs .bsx .limit .status{position:absolute;top:13px;left:-22px;line-height:normal;color:#fff;text-transform:uppercase;font-weight:700;z-index:1;padding:2px 18px;font-size:9px;background:#de3b3b;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.bigor{height:80px}
.bs .bsx .limit .hot{position:absolute;top:3px;right:3px;background:#F44336;font-size:13px;font-weight:700;padding:0 5px;padding-top:3px;border-radius:3px;line-height:17px;color:#FFF;z-index:1}
.bs .bsx:hover .limit .ply{display:block}
.bs .bsx .adds{font-size:13px;color:#999}
.bs .bsx .adds .rating{overflow:hidden;font-size:12px;margin-top:5px}
.bs .bsx .adds .rating .rtg{float:left}
.bs .bsx .adds .rating .rtg a{font-size:14px!important}
.bs .bsx .adds .rating i{float:right;color:#555;font-size:11px;margin-right:2px}
.bs .bsx .adds .rating .rtg a:after{color:#333}
.bs .bsx .adds .rating .rtg a.br-selected:after{color:#EDB867}
#main-menu ul li a:hover:before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:2px;background:#0c70de}
.surprise{background:rgba(0,0,0,0.32);margin-top:7px;color:#FFF}
.surprise:hover{background:#FFF;color:#222!important}
#main-menu .surprise .dashicons{display:block;float:left;line-height:16px;font-size:13px}
.bs .bsx .limit .type{position:absolute;bottom:5px;left:5px;z-index:1;padding:2px 7px;font-size:10px;font-weight:700;text-transform:uppercase;border-radius:3px;color:#efefef;background:#0c70de}
.bs .bsx .limit .type.Manhua{background:#009688}
.bs .bsx .limit .type.Manhwa{background:#a12e24}
.bs .bsx .rating-prc .rtp .rtb{font-size:13px;width:73px;margin-right:5px;height:13px}
.bs .bsx .numscore{line-height:normal}
.bs.styletere .adds{color:#666}
.bs.styletere .epxdate{font-size:11px;margin-top:3px}
.bs.styletere .epxs{color:#0c70de}
.bs.styletere .bsx .tt{font-size:13px}
ul.taxindex{list-style:none;padding:0;margin:0 -10px;overflow:hidden;flex-wrap:wrap;display:flex}
ul.taxindex li{width:25%}
ul.taxindex li a{margin:10px;padding:.5rem 1rem;display:block;font-weight:500;border-radius:.25rem;background:#333;color:#999}
ul.taxindex li a i{float:right;font-style:normal;color:#727579;font-weight:400}
ul.taxindex li a:hover{background:#e2e8f0;color:#727579}
ul.taxindex li a span{display:inline-block;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.restrictcontainer{position:fixed;top:0;width:100%;height:100%;z-index:99999}
.restrictcontainer .restrictcheck{height:100%;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,0.8)}
.restrictcontainer .restrictcheck .restrictmess{max-width:600px;text-align:center;padding:20px}
.restrictcontainer .restrictcheck .restrictmess .restitle{font-size:28px;font-weight:700;color:#FFF;margin-bottom:15px}
.restrictcontainer .restrictcheck .restrictmess .resdescp{background:#dd5f05;color:#FFF;padding:10px;margin-bottom:15px;border-radius:3px}
.restrictcontainer .restrictcheck .restrictmess .resconfirm{display:flex;flex-wrap:nowrap;margin:0 -10px}
.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb{width:50%;margin:0 10px;padding:7px 10px;background:#333;color:#FFF;border-radius:3px;border:0;font-family:inherit;cursor:pointer}
.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb.enterx{background:#d30000}
.cts{font-size:13px;line-height:19px;overflow:hidden;height:85px;overflow-y:scroll;padding:5px;border:1px solid #DDD}
.cts p{margin:0}
.chapterbody .bs{width:14.28%}
#content.readercontent{overflow:auto;max-width:none}
#content.readercontent .ts-breadcrumb{text-align:center;max-width:1142px;margin:0 auto}
#content.readercontent .ts-breadcrumb a{color:#999}
#content.readercontent .chdesc{text-align:center;margin:0 auto;margin-bottom:25px;max-width:1142px}
.page{padding:15px}
.page h2,.page h3,.page h4{margin:0;font-weight:500;margin-bottom:5px}
.page.blog{color:#DDD;font-size:14px}
.page.blog img{width:auto!important;max-width:70%}
.bigblogt{clear:both;overflow:hidden;margin-bottom:15px}
.bigblogt h1{margin:0;line-height:normal;font-size:20px;font-weight:400;color:#DDD;margin-bottom:3px}
.bigblogt span{font-size:12px;font-weight:500;text-transform:uppercase}
.bigblogt span a{background:#0c70de;color:#ddd;padding:0 5px;margin-left:10px}
.page.blog .thumb{margin:-15px;margin-bottom:20px;position:relative;overflow:hidden;padding:40% 0 0;border-bottom:3px solid #0c70de}
.page.blog .thumb img{width:100%!important;max-width:100%!important;top:0;position:absolute;z-index:1}
.page.blog .thumb .shdwx{background:rgba(0,0,0,0.13);position:absolute;height:100%;width:100%;z-index:2;top:0;box-shadow:inset 0 0 150px #000}
.animeinfo{overflow:hidden}
.animeinfo .left{float:left;width:326px;padding-right:5px;margin-right:5px;overflow:hidden;border-right:1px solid #EAEAEA}
.animeinfo .left img{float:left;width:140px;height:190px;margin-right:10px}
.animeinfo .left p{margin:0}
.animeinfo .left span{display:block}
.animeinfo .right{float:right;width:300px;height:195px}
.animeinfo .right .related{overflow:hidden}
.animeinfo .right .related li{overflow:hidden;margin-bottom:6px}
.animeinfo .right .related li .border{padding:1px;float:left;border:1px solid #DDD}
.animeinfo .right .related li .border .limiter{height:39px;overflow:hidden}
.animeinfo .right .related li .border .limiter img{width:39px;height:auto}
.animeinfo .right .related li .rights{margin-left:50px;line-height:15px;height:35px;padding:4px;background:#F5F5F5}
.animeinfo .right .related li .rights .title{color:#F13E3E;display:block;font-weight:700}
.animeinfo .right .related li .rights .title a{color:#F13E3E}
.animeinfo .right .related li .rights .cat{display:block;font-size:11px;color:#444;font-family:tahoma;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.animeinfo .right .related li .rights .cat a{color:#444}
.animeinfo .sinop{margin-top:5px;background:#F5F5F5;border-radius:3px;padding:10px;line-height:normal}
.animeinfo .sinop p{margin:0}
.expr{margin-bottom:15px;background:#F7F7F7;padding:10px}
.dtl{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #DDD}
.dtl h1{margin:0;font-weight:500;font-size:18px;margin-bottom:5px}
.dtl span{color:#8f95a3;font-weight:500;line-height:20px}
.alr{margin-bottom:18px;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);-khtml-box-shadow:0 2px 3px rgba(0,0,0,.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,.1);-o-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1);border-radius:3px;color:#FFF;background:#d7382d;font-size:13px;padding:15px}
.postb{font-size:15px;line-height:22px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #DDD}
#shadow{display:none;position:fixed;left:0;top:0;bottom:0;background:rgba(0,0,0,0.93);width:100%;height:100%;z-index:100;transition:all .5s ease}
.megavid.xp #embed_holder{padding:0 10%}
.mirc{overflow:hidden;position:relative}
.meta{margin-bottom:15px;overflow:hidden;box-shadow:0 3px 0 0 #d7dbe3}
.meta h1{font-size:19px;margin:0;line-height:normal;font-weight:400;margin-top:3px;margin-bottom:5px}
.meta img{float:left;width:60px;margin-right:10px}
.meta .lm{overflow:hidden}
.meta .epx{display:block;font-size:14px;color:#7a7a7a;font-weight:400;margin-bottom:5px}
.meta .epx .lg{background-color:#f5f5f5;border-radius:4px;font-size:.75rem;color:#4a4a4a;line-height:22px;justify-content:center;padding-left:.75em;padding-right:.75em;display:inline-block;text-transform:lowercase}
.meta .year{font-size:.75rem;color:#b5b5b5}
.bixbox.infx{padding:15px;font-weight:300;font-size:13px;text-align:justify;color:#777}
.bixbox.infx p{margin:0}
.bixbox.infx b{font-weight:500}
.sosmed{position:absolute;right:10px;bottom:15px}
.sosmed span{width:auto;height:auto;font-size:16px;padding:4px;border-radius:15px;color:#FFF;background:#444;margin-right:3px}
.sosmed span.dashicons.dashicons-facebook-alt{background:#2d6bc8}
.sosmed span.dashicons.dashicons-twitter{background:#21c3cd}
.sosmed span.dashicons.dashicons-googleplus{background:#dc5b15}
.bixbox.mctn{padding:15px;font-size:13px;color:#777}
.mctnx{margin:15px}
.dlbox ul{list-style:none;margin:0;padding:0}
.dlbox ul li.head{display:table;width:100%;table-layout:fixed;border-collapse:separate}
.dlbox ul li.head span{background:#f5f5f5;padding:10px;border-right:1px solid #e5e5e5;margin-right:3px;padding:6px 10px;margin-bottom:0;font-size:13px;font-weight:500;line-height:normal;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:2px;display:table-cell;border-radius:0}
.dlbox ul li{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.dlbox ul li span{margin-right:3px;padding:7px 12px;margin-bottom:0;font-size:13px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:2px;display:table-cell;border-radius:0;border-right:1px solid #e5e5e5}
.dlbox ul li span b{font-weight:500}
.listo{overflow:hidden;margin:-15px;font-size:14px;padding:15px;position:relative}
.listo .bx{padding:13px 0;border-bottom:1px solid #262432;overflow:hidden}
.listo .bx .imgx{width:70px;min-height:98px;float:left}
.listo .bx .inx{overflow:hidden;padding-left:15px}
.listo .bx .inx h2{font-size:1em;font-weight:500;margin:0 0 3px;line-height:1.2em}
.listo .bx .inx span{font-size:.9em;margin-bottom:5px;line-height:18px}
.listo .bx .inx span p{margin:0}
.lista{padding:10px;margin:-15px;line-height:normal;text-align:center}
.lista a{margin:4px;border:1px solid #0c70de;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;min-width:32px;text-align:center;font-size:14px;padding:5px 8px;display:inline-block;color:#FFF;background:#0c70de}
.lista a:hover{background:#292635;color:#CCC;border-color:#292635}
.mirc .mirror{float:left;padding:5px;border-radius:3px;font-family:inherit;border:1px solid #DDD;box-shadow:inset 0 1px 5px #DDD}
.mirc .lightSwitcher{cursor:pointer;float:right;z-index:102;position:relative;padding:5px 8px;color:#FFF;font-size:13px;background:#0c70de;border-radius:3px}
.nextprev{overflow:hidden}
.nextprev .prev{float:left}
.nextprev .next{float:right}
.postb img{max-width:100%;height:auto}
.postb .imgb{display:block;margin:0 auto;margin-bottom:15px;max-width:75%}
.postarea{overflow:hidden;margin-bottom:10px;margin-top:15px}
.headpost{overflow:hidden;text-align:center;padding:0 10px;margin:0 auto;margin-bottom:15px;max-width:1142px}
.headpost h1{margin:0;font-size:21px;color:#DDD}
.allc a{color:#ddd;font-weight:500}
.headpost .allc{font-size:13px}
.headpost .allc a{color:#0c70de}
.headpost .allc a:hover{color:inherit}
.chnav{overflow:hidden;margin:0 auto;max-width:1142px}
.nextprev a{display:block;padding:2px 15px;border-radius:20px;color:#FFF;font-size:13px;background:#0c70de;line-height:25px}
.nextprev a[rel=next]{float:right}
.nextprev a[rel=prev]{float:left}
.nextprev a:hover{background:#333!important;color:#FFF!important}
.black .nextprev a.disabled{background:#222;color:#555}
.black .nextprev a.disabled:hover{background:#222!important;color:#555!important;cursor:default}
.readingnav{display: none;}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a.disabled{cursor:default;color:#555}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a:hover{background:none!important}
.chnav.selectchp .npv{float:right}
.chnav.selectchp .slc{float:left;margin-left:10px}
.chnav.selectchp .slc #chapter{background:#252428;color:#DDD;border:1px solid #3e3949;font-family:inherit;padding:3px 10px;font-size:13px;border-radius:2px;max-width:300px}
.chnav .dlx{float:right}
.chnav .dlx a{display:block;padding:2px 10px;font-size:13px;border-radius:20px;color:#FFF;line-height:25px;margin-left:5px;background:#d50f00;position:relative;z-index:1}
.chnav .dlx a:hover{background:#333}
.chnav.selectchp .npv .nextprev{margin-left:5px}
.chnav .selector select{background:#333;border:1px solid #333;font-family:inherit;display:block;color:#9b9b9b;padding:5px 10px;padding-right: 25px;border-radius:20px;font-size:13px;-webkit-appearance: none;}
.chnav .l .nvx,.chnav .pagedsel,.chnav .readingmode{position:relative}
.chnav .l .nvx:after,.chnav .pagedsel:after,.chnav .readingmode:after{position:absolute;top:0;right: 7px;content:"\f0dc";font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;text-decoration:inherit;background:0 0;width:17px;top:50%;font-size:12px;transform:translateY(-50%);background: #333;text-align: center;}
.chnav .l{float:left;margin-right:10px}
.chnav .r{float:right;margin-left:10px}
.nextprev a[rel=next]{margin-left:10px}
.chnav.ctop{margin-bottom:20px}
.chnav.cbot{margin-top:20px;margin-bottom:20px}
.readingnav{padding:0 20px;width:100%;position:fixed;left:0;z-index:1;background:rgba(0,0,0,.7);transition:all .8s ease}
.readingnav.rnavtop{top: -44px;}
.readingnav.rnavbot{bottom: -40px;}
.readingnav.rnavtop .readingnavtop{max-width:1142px;margin:0 auto;display:flex;flex-wrap:nowrap}
.readingnav.rnavtop .readingnavtop .daw{width:33.33333%}
.readingnav.rnavtop .readingnavtop .daw.chpnw{text-align:center;color:#FFF;line-height:44px;font-size:15px}
.readingnav.rnavtop .readingnavtop .daw.backseries{font-size:25px}
.readingnav.rnavtop .readingnavtop .daw .fas{line-height:43px}
.readingnav.rnavtop .readingnavtop .daw.dl{text-align:right;font-size:18px}
.readingnav.rnavbot .readingnavbot{max-width:1142px;margin:0 auto}
.readingnav.rnavbot .readingnavbot .readingbar{margin:10px 0;height:7px;background:#000}
.readingnav.rnavbot .readingnavbot .readingbar .readingprogress{height:7px;background:#0c70de}
.readingnav.rnavbot .readingnavbot .readingoption{margin-bottom:10px;overflow:hidden}
.readingnav.rnavbot .readingnavbot .readingoption:after{clear:both}
.readingnav.rnavbot .readingnavbot .readingoption .l{float:left}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev{float:right}
.readingnav.rnavbot .readingnavbot .readingoption .selectorx select{font-family:inherit;background:#000;border:1px solid #000;color:#ccc;padding:5px 10px;border-radius:20px;cursor:pointer}
.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l{margin-right:10px}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a{background:0;font-size:19px;padding:0;color:#ccc}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a .fas{line-height:29px}
.readingnav.rnavbot .readingnavbot .readingoption .nextprev a[rel=prev]{margin-right:10px}
.hidenopt .readingnav.rnavbot{bottom: 0;}
.hidenopt .readingnav.rnavtop{top: 0;}
.customize-support.hidenopt .readingnav.rnavtop{top: 32px;}
.readingnav.rnavtop.headerfor{top:68px}
.customize-support .readingnav.rnavtop.headerfor{top:100px}
.readingnav.rnavbot .minimizebar{position:absolute;top: -15px;left:0;width:100%;text-align:center;}
.readingnav.rnavbot .minimizebar .icomin{display:inline-block;background:rgba(0,0,0,.7);border-top-left-radius:5px;border-top-right-radius:5px;padding: 5px 20px;cursor:pointer;}
.readingnav.rnavbot .minimizebar .icomin .barip{height:5px;width:50px;background:#535353;border-radius:10px}
#readerarea{margin:10px auto;text-align:center;position:relative;max-width:1142px}
#readerarea .preventclick{margin:0;position:absolute;top:0;width:100%;height:100%}
#readerarea img{max-width:100%;margin:0 auto;display:block}
#readerarea br{display:none}
#readerarea p{margin:0}
#readerarea.rdminimal{text-align:left;line-height:23px}
#readerarea .gallery {overflow: hidden;}
.readingnav .rdnmx{position:absolute;width:100%;height:45px;left:0;cursor:pointer}
.readingnav .rdnmx.rdbot{bottom:65px}
.readingnav .rdnmx.rdtop{top:44px}
.hidenopt .readingnav .rdnmx{height:25px}
#content.readercontent .chaptertags{max-width:1142px;margin:0 auto;margin-bottom:15px;background:#222;overflow:hidden;border-radius:3px;padding:0 15px;font-size:13px}
#content.readercontent .bixbox{margin:0 auto;margin-bottom:20px;max-width:1142px}
img.curleft{cursor:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/img/arrow-left-circle.svg),auto}
img.curright{cursor:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/img/arrow-right-circle.svg),auto}
img.curdown{cursor:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/img/arrow-down-circle.svg),auto}
.releases.series{display:block;margin-bottom:15px}
.releases.series h1{font-weight:500;font-size:20px;display:block;padding:0;margin:0;color:#000;padding-bottom:2px;font-family:inherit}
.releases.series .alter{display:block;color:#999;font-size:13px;padding-bottom:5px}
.side.infomanga{overflow:hidden;margin-bottom:15px}
.side.infomanga .imgprop{float:left;margin-right:5px}
.side.infomanga .imgprop img{float:left;max-width:190px;height:auto}
.side.infomanga table.listinfo{overflow:hidden}
.side.infomanga table.listinfo tr{vertical-align:top}
.side.infomanga table.listinfo tr th{display:block;font-weight:700;text-align:left;padding:3px 10px}
.side.infomanga table.listinfo tr td{padding:3px 10px 3px 0}
.sny{overflow:hidden}
.sny h2{margin:0;font-weight:500;font-size:16px}
.animefull .bigcover .ime a.lnk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}
.animefull .bigcover{position:relative}
.animefull .bigcover .ime{width:100%;padding-bottom:37%;position:relative;overflow:hidden}
.animefull .bigcover .ime img{width:100%;position:absolute}
.animefull .bigcover a.gp{background:rgba(14,175,193,0.8);border-radius:20%;-webkit-border-radius:20%;-moz-border-radius:20%;width:80px;height:80px;position:absolute;top:50%;left:50%;z-index:3;display:inline-block;text-align:center;line-height:78px;margin-top:-40px;margin-left:-40px;border:2px solid #2fc5d9;border:3px solid #fff;line-height:88px;background:rgba(30,222,244,0.8)}
.animefull .bigcover a.gp .dashicons{width:auto;height:auto;font-size:50px;line-height:75px;color:#FFF;text-align:center}
.animefull .bigcover:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(51,66,94,0.5);z-index:1}
.bigcontent{position:relative;padding:15px 20px 25px;z-index:1;padding-left:215px;min-height:510px}
.bigcontent .thumb{overflow:hidden;margin-bottom:10px;border-radius:3px}
.bigcontent .thumb img{width:100%}
.bigcontent .infox{font-size:14px}
.bigcontent .infox h1{margin:0 0 15px;font-size:21px;font-weight:700;line-height:28px;color:#FFF}
.socialts{overflow:hidden;margin-bottom:15px}
.chapterbody .socialts{text-align:center}
.socialts a{display:inline-block;margin-right:2px;margin-bottom:2px;background:#333;color:#FFF!important;padding:0;line-height:22px;font-size:12px;border-radius:3px}
.socialts a i{padding-left:6px;padding-right:4px}
.socialts a span{padding-right:6px}
.socialts a.fb{background:#3b5999}
.socialts a.fb:hover{background:#2f477b}
.socialts a.twt{background:#1DA1F2}
.socialts a.twt:hover{background:#1781c3}
.socialts a.wa{background:#01ba6d}
.socialts a.wa:hover{background:#008f54}
.socialts a.pntrs{background:#e81737}
.socialts a.pntrs:hover{background:#b2132c}
.bigcontent .infox .alter{display:block;margin-bottom:5px;color:#555}
.bigcontent .infox .spe{margin-bottom:10px;overflow:hidden}
.bigcontent .infox .spe span{width:48%;margin-right:2%;margin-bottom:2px;float:left;padding-left:14px;position:relative}
.bigcontent .infox .spe span.split{overflow:hidden;white-space:nowrap}
.bigcontent .infox .desc{line-height:1.4em;color:#888}
.bigcontent .infox .spe span:before{content:"";width:8px;height:8px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background:#0c70de;display:inline-block;position:absolute;left:0;top:4px}
.bigcontent .rt .rating{text-align:center;padding:7px 10px;background:#343434;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;overflow:hidden;margin-top:6px}
.bigcontent .rt .rating strong{margin-bottom:7px;display:block;font-weight:500;font-size:13px}
.bigcontent .rt .rating .br-widget a:after{color:#333}
.bigcontent .rt .rating .br-widget a.br-selected:after{color:#EDB867}
.bigcontent .thumbook{position:absolute;top:-20px;left:16px;width:180px}
.bigcontent.nobigcover .thumbook{top:auto}
.rating-prc .rtp{overflow:hidden;display:inline-block;float:left}
.rating-prc .rtp .rtb{position:relative;overflow:hidden;color:#ffc700;height:15px;line-height:1;width:85px;font-size:15px;margin:0 auto}
.rating-prc .rtp .rtb:before{content:"\f005\f005\f005\f005\f005";font-family:"Font Awesome 5 Free";position:absolute;top:0;left:0;color:#686868;height:15px}
.rating-prc .rtp .rtb span{overflow:hidden;top:0;left:0;position:absolute;padding-top:15px}
.rating-prc .rtp .rtb span:before{content:"\f005\f005\f005\f005\f005";font-family:"Font Awesome 5 Free";font-weight:900;top:0;position:absolute;left:0}
.rating-prc .num{float:right;line-height:normal;font-size:13px}
.bigcontent .infox .wd-full{margin-bottom:15px}
.bigcontent .infox .wd-full b,.bigcontent .infox .wd-full h2,.bigcontent .infox .flex-wrap .fmed b{margin:0;font-size:14px;margin-bottom:5px;display:block;color:#d9d9d9;font-weight:500}
.bigcontent .infox .wd-full span{display:block}
.bigcontent .infox .wd-full p{margin:0}
.bigcontent .infox .flex-wrap{display:flex;flex-wrap:wrap;margin-bottom:10px}
.bigcontent .infox .flex-wrap .fmed{width:50%}
.bigcontent .infox .wd-full .mgen{display:block;overflow:hidden}
.bigcontent .infox .wd-full .mgen a{display:inline-block;margin-right:3px;margin-bottom:6px;background:#343434;padding:4px 12px;border-radius:3px}
.imptdt{padding:7px 10px;background:#343434;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;overflow:hidden;margin-top:6px;font-size:13px}
.imptdt i,.imptdt a{font-style:normal;float:right}
.animefull .bottom{background:rgba(34,58,101,0.02);padding:12px 20px;font-size:.85em;border-top:1px solid #312f40;text-transform:lowercase;font-weight:300}
.bookmark{text-align:center;background:#0c70de;font-size:13px;color:#FFF;border-radius:5px;padding:8px 5px;cursor:pointer}
.bookmark .dashicons{width:auto;height:auto;font-size:16px}
.bookmark:hover{background:#222}
.bookmark.marked{background:#be342a}
.bmc{text-align:center;font-size:12px;margin-top:4px}
.hapus{display:inline-block;padding:2px 18px;font-size:13px;line-height:20px;border-radius:3px;color:#FFF;background:#e53427;cursor:pointer}
.delmark{position:absolute;z-index:9;cursor:pointer;top:0;right:0;color:#FFF;font-size:13px;padding:2px 5px;border-bottom-left-radius:5px;background:#e53427}
.bixbox.trailer{overflow:hidden}
.bixbox.trailer .tply{padding:58% 0 0;position:relative}
.bixbox.trailer .tply iframe{width:100%;height:100%;top:0;position:absolute}
#gallery.owl-loaded{margin:15px;overflow:hidden;width:unset}
#gallery.owl-loaded .owl-dots{position:relative;bottom:0;margin-top:10px}
#gallery.owl-loaded .owl-dots span{box-shadow:none;background:#555;cursor:pointer}
#gallery.owl-loaded .owl-item{max-height:210px}
#gallery.owl-loaded .owl-dots .owl-dot.active span{background:#0c70de!important}
.lastend{overflow:hidden;position:relative;margin:10px}
.lastend .inepcx{width:50%;float:left;text-align:center}
.lastend .inepcx a{display:block;color:#fff;margin:5px;padding:15px;background:#0c70de;border-radius:5px;line-height:normal}
.lastend .inepcx a span{display:block;font-size:15px}
.lastend .inepcx a span.epcur{font-size:20px;margin-top:6px;font-weight:700}
.lastend .inepcx a:hover{background:#333}
.search-chapter{overflow:hidden;position:relative;margin:0 15px 15px}
#searchchapter{width:100%;color:#CCC;font-family:inherit;padding:7px 10px;background:#343434;border:1px solid #464357;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.bxcl{overflow:hidden}
.bxcl ul{padding:0;list-style:none;margin:0;margin-left:-5px;overflow:auto;max-height:297px}
.bxcl ul li{float:left;width:25%}
.bxcl ul #lihide{float:none!important;width:auto!important}
.bxcl ul li .rg{margin:5px;padding:10px;overflow:hidden;position:relative;background:#FAFAFA;border:2px solid #e2e3e7}
.bxcl ul li .rg .lch{float:left}
.bxcl ul li .rg .dlx{position:absolute;right:10px;top:0}
.bxcl ul li .rg .dlx a.dlxx{overflow:hidden;position:relative}
.bxcl ul li .rg .dlx a.dlxx .dashicons{width:auto;height:auto;font-size:22px;line-height:38px;color:#888}
.bxcl ul li .rg .dlx a.dlxx .dashicons:hover{color:#006400;text-decoration:none}
.bxcl ul li .rg .dlx .ndlx{font-size:22px;line-height:36px;color:#c6c6c6}
.bxcl ul li span.dt{float:right}
.bxcl ul li .lchx{line-height:26px}
.bxcl ul li span.dt a{display:block;background:#0c70de;color:#DDD;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border:none;box-shadow:none;padding:5px 10px;font-size:12px;line-height:1.5;margin-left:7px;float:left}
.bxcl ul li span.dt a .dashicons{width:auto;height:auto;font-size:16px;line-height:18px;color:#DDD}
.bxcl ul li span.dt a:hover{background:#222;color:#fff}
.bxcl ul li span.dt a:hover .dashicons{color:#FFF}
.bxcl ul li .chbox{overflow:hidden;padding:5px 10px;border:1px solid #333;font-size:14px;margin:0 5px;margin-bottom:10px;position:relative;border-radius:5px}
.bxcl ul li .chbox:hover{background:#333}
.bs .bsx .limit .bt span.sb .dashicons{width:auto;height:auto;font-size:12px;line-height:19px;color:rgba(34,58,101,0.9)}
#chapterlist{margin:15px}
.bxcl ul::-webkit-scrollbar-thumb,.quickfilter .filters .filter .genrez::-webkit-scrollbar-thumb{background:#0c70de}
.bxcl ul::-webkit-scrollbar-track,.quickfilter .filters .filter .genrez::-webkit-scrollbar-track{background:none}
.bxcl ul::-webkit-scrollbar,.quickfilter .filters .filter .genrez::-webkit-scrollbar{width:5px}
.bxcl ul li .eph-num{float:left}
.bxcl ul li .dt{float:right;font-size:20px;margin-top:8px;margin-right:5px}
.bxcl ul li .eph-num span{display:block}
.bxcl ul li .eph-num span.chapternum{font-weight:400}
.bxcl ul li .eph-num span.chapterdate{font-size:12px;color:#888}
.bxcl ul li .eph-num a:visited{color:#0c70de}
.bxcl ul li .dt a{color:#0c70de}
.bxcl ul li .dt a:hover{color:#FFF}
.bxcl .clstyle{margin-left:0}
.bxcl .clstyle li{float:none;width:auto}
.bxcl .clstyle li .chbox{margin-left:0}
.bxcl .clstyle li .eph-num{width:85%}
.bxcl .clstyle li span.chapternum{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.page .auth{margin-bottom:15px;display:block;color:#999;font-size:11px;font-family:tahoma}
.page .auth a{color:#999}
.page img{width:100%;height:auto;margin:0 auto;margin-bottom:10px;display:block;text-align:center}
.page iframe{width:100%;min-height:350px}
.bloglist{position:relative}
.bloglist .bl{overflow:hidden;padding:15px}
.bloglist .bl:nth-child(odd){background:#262432}
.bloglist .bl .l{float:left;width:80%}
.bloglist .bl .r{overflow:hidden;padding-left:10px;text-align:right}
.bloglist .bl .r span{padding-top:11px;display:block;color:#6a6a6a;font-size:12px}
.bloglist .bl .l h2{margin:0;margin-bottom:5px;font-size:14px;font-weight:400}
.bloglist .bl .l span{font-size:13px}
.genres{margin:0;margin-bottom:15px;background:#f7f7f7;padding:10px;overflow:hidden;color:#999;border-radius:5px}
.genres li{width:20%;margin-left:25px;line-height:24px;float:left}
.genres li a{color:#333}
.advancedsearch{position:relative}
.advancedsearch .quickfilter .filters .filter,.advancedsearch .quickfilter .filters .filter.submit{width:20%;position:static}
.advancedsearch .quickfilter .filters .filter ul{right:0;left:0;top:auto;width:auto}
.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1{max-width:none;float:none}
.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 li{width:25%;float:left}
.quickfilter .filters .filter .genrez{max-height: 240px;overflow:hidden;}
.quickfilter .filters .filter .genrez:hover{overflow-y:scroll}
*,::before,::after{box-sizing:border-box}
.genx{display:block;position:relative;padding:3px 0;padding-left:17px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;width:20%}
.genx input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:8px;left:0;height:6px;border-radius:50%;width:6px;background-color:#282635}
.genx:hover input ~ .checkmark{background-color:#ccc}
.genx input:checked ~ .checkmark{background-color:#e3eff2}
.checkmark:after{content:"";position:absolute;display:none}
.genx input:checked ~ .checkmark:after{display:block}
.genx .checkmark:after{left:2px;top:-2px;width:5px;height:10px;border:solid #28a745;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.radiox{display:block;position:relative;padding-left:18px;margin-right:15px;margin-bottom:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radiox input{position:absolute;opacity:0;cursor:pointer}
.checkmarkx{position:absolute;top:3px;left:0;height:12px;width:12px;background-color:#282635;border-radius:50%}
.radiox:hover input ~ .checkmarkx{background-color:#ccc}
.radiox input:checked ~ .checkmarkx{background-color:#0c70de}
.checkmarkx:after{content:"";position:absolute;display:none}
.radiox input:checked ~ .checkmarkx:after{display:block}
.radiox .checkmarkx:after{top:3px;left:3.5px;width:5px;height:5px;border-radius:50%;background:#fff}
.advancedsearch button.searchz{font-family:inherit;border:1px solid #0c70de;color:#ddd;line-height:30px;padding:0 15px;border-radius:30px;background:#0c70de;cursor:pointer;font-weight:300;display:inline-block;font-size:17px;margin:2px}
.btnx{text-align:center;overflow:hidden}
.gnr{font-family:inherit;border:1px solid #333041;color:#DDD;line-height:30px;padding:0 15px;border-radius:30px;background:#333041;cursor:pointer;font-weight:300;display:none;font-size:17px;margin:2px;cursor:pointer}
.modex{margin:0 15px;margin-bottom:5px;text-align:right}
.other-opts .modex{float:right}
.modex a{cursor:pointer;color:#FFF;display:inline-block;line-height:25px;padding:0 10px;font-weight:300;white-space:nowrap;font-size:12px;background:#333;border-radius:3px}
.nav_apb{margin:15px;margin-bottom:5px;text-align:center}
.nav_apb a{text-align:center;display:inline-block;background:#333;padding:5px 12px!important;margin:5px;border-radius:3px}
.nav_apb a:hover{background:#0c70de;color:#FFF}
.soralist span{display:block;border-bottom:4px solid #DDD}
.soralist span a{font-weight:700;font-size:15px}
.soralist span{display:block;padding:0 15px;padding-bottom:5px;border-bottom:1px solid #312f40}
.soralist ul{margin:0;overflow:hidden;color:#0c70de;padding:15px;font-weight:400}
.soralist ul li{margin-left:15px;float:left;line-height:20px;margin-bottom:5px;width:47%}
.archx{overflow:hidden}
.archx .arche{overflow:hidden;margin-bottom:10px;border-bottom:1px solid #DDD;padding-bottom:10px}
.archx .arche .imgx{float:left;margin-right:15px;position:relative;overflow:hidden}
.archx .arche .imgx span{top:0;left:0;color:#FFF;background:rgba(72,72,72,0.68);padding:3px 7px;font-size:13px;font-weight:500;position:absolute}
.archx .arche .imgx img{max-width:110px;height:auto}
.archx .arche .inx{overflow:hidden}
.archx .arche .inx h2{margin:0;font-size:16px;margin-bottom:10px}
.archx .arche .inx h2 a{color:#000}
.archx .arche .inx h2 a:hover{text-decoration:none;color:#0c70de}
.archx .arche .inx span{display:block;margin-bottom:3px;color:#8f95a3;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.archx .arche .inx span a{color:#8f95a3}
.archx .arche .inx span b{width:90px;float:left}
.seriestitle{display:block;font-size:14px;font-weight:700;background:#141414;color:#888;line-height:30px;margin:-5px -9px 5px;padding:0 7px}
.seriestitle .score{margin:3px;float:right;line-height:23px;color:#888}
.infseries{overflow:hidden;margin:5px 0}
.infseries img{float:left;width:150px;height:200px;padding:1px;border:1px solid #525151;margin-right:10px}
.infseries .right{font-size:12px;line-height:18px;color:#a2a2a2}
.infseries .right span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.infseries .right b{color:#a2a2a2}
.infseries .right a{color:#a2a2a2}
.infseries .right .deskrip{border-top:1px solid #515151;display:block;margin-top:5px;padding-top:5px;margin-left:168px}
.infseries .right .deskrip p{margin:0}
#sidebar{width:30%;float:right;position:relative;z-index:1}
#sidebar .section{margin-left:15px;background:#222;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-bottom:18px}
#sidebar .section ul{margin:0;padding:0;list-style:none}
#sidebar .section .textwidget{padding:5px 15px;padding-bottom:15px;line-height:normal;font-size:13px}
#sidebar .section ul>li{padding:10px 15px;border-bottom:1px solid #383838;font-size:.97em}
#sidebar .section .tagcloud{padding:10px 15px}
#sidebar .section .screen-reader-text{display:none}
#sidebar .section>select,#sidebar .section>form>select{width:100%;font-family:inherit;background:#333;color:#CCC;border-color:#333;padding:5px 15px}
#sidebar .section #searchform{position:relative;padding:10px 15px}
#sidebar .section #searchform #s{font-family:inherit;color:#CCC;background:#333;border:1px solid #333;padding:5px;width:80%;-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
#sidebar .section #searchform #searchsubmit{-webkit-box-flex:0;flex:0 0 25%;max-width:25%;font-family:inherit;cursor:pointer;background:#0c70de;color:#FFF;border:1px solid #0c70de}
#sidebar .section #searchform div{display:flex;flex-wrap:wrap}
.quickfilter{padding:9px}
.quickfilter .filters{position:relative}
.quickfilter .filters .filter{width:50%;float:left;box-sizing:border-box;padding:6px 5px;margin:0;display:inline-block;position:relative;border-radius:2px}
.quickfilter .filters .filter button{width:100%;color:#ccc;padding:3px 6px;font-size:12px;line-height:1.5;border-radius:2px;background-color:#333;border-color:#333;display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;-webkit-appearance:button;cursor:pointer;background-image:none;border:1px solid transparent;overflow:visible;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:inherit}
.quickfilter .filters .filter ul{width:500px;margin-top:1px!important;padding:10px!important;font-size:13px;position:absolute;display:none;top:100%;right:0;left:auto;z-index:2;min-width:160px;text-align:left;background-color:#333;border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box;list-style:none}
.quickfilter .filters .filter ul li{width:25%;float:left;color:#3c3c3c;-khtml-transition:all .1s ease-in-out 0;-moz-transition:all .1s ease-in-out 0;-ms-transition:all .1s ease-in-out 0;-o-transition:all .1s ease-in-out 0;transition:all .1s ease-in-out 0;border:0!important;padding:0!important}
.quickfilter .filters .filter ul li input{display:none}
.quickfilter .filters .filter ul li input,.quickfilter .filters .filter ul li label{position:inherit;cursor:pointer}
.quickfilter .filters .filter ul label{display:block;color:#ccc;padding:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.quickfilter .filters .filter ul li input+label:before,.quickfilter .filters .filter ul li input:not(:checked)+label:before{display:inline-block;content:"";top:3px;left:0;height:12px;width:12px;background-color:#5d5d5d;border-radius:3px;margin-right:5px}
.quickfilter .filters .filter ul.c1 li input+label:before,.quickfilter .filters .filter ul.c1 li input:not(:checked)+label:before{border-radius:50%}
.quickfilter .filters .filter ul li input:checked+label:before{left:2px;top:-2px;width:5px;height:10px;border:solid #28a745;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:none}
.quickfilter .filters .filter i{font-size:12px;width:auto;height:auto;line-height:18px;font-weight:700}
.quickfilter .filters .filter.submit{float:none;width:100%}
.quickfilter .filters .filter.submit button{background:#0c70de!important;color:#FFF!important}
.quickfilter .filters .filter.submit button:hover{background:#333!important;color:#FFF!important;border-color:#333!important}
.quickfilter .filters .filter.open button,.quickfilter .filters .filter button:hover{color:#333;background-color:#d0d0d0;border-color:#d0d0d0}
.quickfilter .filters .filter.open ul{display:block}
.quickfilter .filters .filter ul.dropdown-menu.c1{max-width:160px;float:right}
.quickfilter .filters .filter ul.dropdown-menu.c1 li{width:100%;float:none}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs{list-style:none;margin:10px;padding:6px;overflow:hidden;background:#333;border-radius:3px}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li.active a{display:block;background:#0c70de;border-radius:3px;color:#FFF}
#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li{float:left;width:33.3333333%;padding:0;border:0;text-align:center}
.ts-wpop-series-gen .ts-wpop-nav-tabs li a{padding:2px;display:block;font-size:12px;cursor:pointer}
#wpop-items .serieslist>div{display:none}
.bloglist{padding:15px 8px;overflow:hidden;}
.bloglist .blogbox{float:left;width:33.3333333%;overflow:hidden}
.bloglist .blogbox .innerblog{margin:7px}
.bloglist .blogbox .innerblog .thumb{position:relative;overflow:hidden;padding-top:55%;background: rgba(0,0,0,0.1);border-radius: 7px;}
.bloglist .blogbox .innerblog .thumb img{width:100%;position:absolute;top:0;min-height:139px}
.bloglist .blogbox .innerblog .infoblog{overflow:hidden;margin-top:10px;margin-bottom:10px;height:125px}
.bloglist .blogbox .innerblog .infoblog .entry-header{margin:0;margin-bottom:5px;float:none;display:block}
.bloglist .blogbox .innerblog .infoblog .entry-header h2{margin:0;font-size:15px;font-weight: 500;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta a{color:#aaa}
.bloglist .blogbox .innerblog .infoblog .entry-content{font-size:13px;color:#999;line-height: 160%;}
.bloglist .blogbox .innerblog .infoblog .entry-content p{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta b{font-weight:500}
.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta .hide{display:none}
.blogpost .thumb{position:relative;overflow:hidden;text-align: center;margin-top: 15px;}
.bixbox.blogpost .thumb img{max-width: 600px;}
.blogpost .entry-header{padding:15px;float:none;margin:0;text-align:center;display:block;}
.blogpost .entry-header h1{margin:0;margin-bottom:5px;line-height:27px;font-size:19px;color: #FFF;font-weight: 500;}
.blogpost .entry-header .entry-meta{font-size:12px;color: #999;}
.blogpost .entry-header .entry-meta .hide{display:none}
.blogpost .entry-header .entry-meta b{font-weight:500}
.blogpost .entry-content{margin:15px;overflow:hidden;font-size:15px;line-height: 160%;}
.blogpost .entry-content .aligncenter{margin:0 auto;display:block}
.blogpost .entry-content img{margin-bottom:15px}
.blogpost .entry-content .alignright{display:block;float:right;margin-left:15px}
.blogpost .entry-content pre{white-space:pre-wrap}
.blogpost .entry-header .entry-meta a{color:#999}
.blogpost .entry-header .entry-meta .far,.blogpost .entry-header .entry-meta .fa{font-size:10px;margin-right:3px}
.bloglist .blogbox .innerblog .infoblog .entry-meta{margin-top:7px;font-size:12px}
.bloglist .blogbox .innerblog .infoblog .entry-meta .far{font-size:10px}
.bloglist .blogbox .innerblog .infoblog .entry-meta .hide{display:none}
.bloglist .blogbox .innerblog .thumb .btags {position: absolute;z-index: 4;bottom: 5px;left: 5px;background: #366ad3;opacity: 0.85;font-size: 12px;padding: 1px 5px;line-height: 16px;border-radius: 3px;color:#FFF !important;}
.blogpost .socialts{text-align:center;margin-left:15px;margin-right:15px}
.serieslist{overflow:hidden}
.serieslist ul{overflow:hidden}
#sidebar .section .serieslist ul li{padding:12px 15px;text-overflow:unset;white-space:unset;overflow:hidden;border-bottom:1px solid #383838;position:relative}
#sidebar .section .serieslist ul li:last-child{border:0}
.serieslist ul li .ctr{width:25px;height:25px;text-align:center;line-height:25px;font-size:1em;color:#888;position:absolute;top:30px;left:15px;border:.5px solid #888;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.serieslist.pop ul li{padding-left:55px}
.serieslist ul li .imgseries{float:left;overflow:hidden;width:58px;max-height:72px;margin-right:10px;border-radius:3px}
#wpop-items .serieslist ul li .imgseries{margin-left:37px}
.serieslist ul li .imgseries img{width:100%;height:auto;padding:0;border:none;margin-bottom:0;margin-right:0;float:none}
.serieslist ul li .leftseries span.bt{font-size:11px;display:block;margin-top:4px;float:left;padding:2px 4px;background:#f5f5f5}
.serieslist ul li .leftseries span span.lmt{float:left;max-width:145px;margin-right:3px}
.serieslist ul li .leftseries{overflow:hidden;text-overflow:unset;white-space:unset}
#sidebar .serieslist ul li .leftseries h2{font-size:.98em;font-weight:500;margin:0 0 3px;line-height:1.4em}
#sidebar .serieslist ul li .leftseries h2 a{color:#FFF;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#sidebar .serieslist ul li .leftseries h2 a:hover{color:#0c70de}
.serieslist ul li .leftseries span{white-space:unset;font-size:.9em;color:#888;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.serieslist ul li .leftseries span b{font-weight:500}
#sidebar .section .serieslist.pop ul li.topone{padding:0;position:relative}
.serieslist.pop ul li.topone .limit{padding:52% 0 0;position:relative;overflow:hidden}
.serieslist.pop ul li.topone .limit>img{position:absolute;top:0;min-height:175px;height:auto;width:100%;transform-style:preserve-3d}
.serieslist.pop ul li.topone .limit .shadow{background-image:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/pattern.png)!important;background-color:rgba(40,119,182,0.28)!important;z-index:1;position:absolute;width:100%;height:100%;top:0}
.serieslist.pop ul li.topone .limit .bw{position:absolute;bottom:-2px;width:100%;z-index:1;padding:10px 15px;padding-top:30px;padding-left:55px;background:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/item-shadow.png) top center repeat}
.serieslist.pop ul li.topone .limit .bw .ctr{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border:none;background:#0c70de;color:#FFF;top:auto;bottom:0;height:52px;font-size:1.2em}
.serieslist.pop ul li.topone .limit .bw .imgseries{background:none;box-shadow:0 1px 5px #000}
.serieslist.pop ul li.topone .limit .bw a,.serieslist.pop ul li.topone .limit .bw span{color:#FFF;line-height:15px}
.serieslist .numscore{display:inline-block;margin-left:5px;font-size:12px;line-height:normal;font-style:italic;color:#999}
.serieslist .rating{overflow:hidden}
.serieslist .rating .rating-prc{float:left}
.serieslist .rating-prc .rtp .rtb{margin:0;font-size:12px;width:67px;height:14px}
.serieslist .rating-prc .rtp .rtb span{margin:0;font-size:inherit;color:inherit!important}
.serieslist.pop ul li.topone .numscore{color:#FFF}
#sidebar .section ul.genre{overflow:hidden;list-style:none;position:relative;padding:5px 0 15px}
#sidebar .section ul.genre li{float:left;width:33.33%;overflow:hidden;text-overflow:ellipsis;border:0;padding:0}
#sidebar .section ul.genre li a{font-size:13px;padding:4px 15px;display:inline-block;white-space:nowrap}
#sidebar .section ul.genre:before,#sidebar .section ul.genre:after{content:"";position:absolute;width:1px;height:100%;top:0;bottom:0;left:33.33%;background:#312f40}
#sidebar .section ul.genre:after{left:66.66%}
#sidebar #bm-history{list-style:none;margin:0 -15px;margin-top:-5px;margin-bottom:-16px}
#sidebar #bm-history li{padding:0;border-bottom:1px solid #262432}
#sidebar #bm-history li a{padding:7px 15px;font-size:12.5px;display:block;line-height:20px}
#sidebar #bm-history li a:hover{background:#0c70de;color:#FFF;z-index:99;box-shadow:0 2px 5px #000}
.ltslist{overflow:hidden}
.ltslist li{border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;padding:6px 10px;font-size:12px}
.ltslist li:nth-child(odd){background:#FAFAFA}
.ltslist li a{color:#333}
.ppr{font-size:12px;margin-bottom:10px;padding:1px;padding-bottom:0;background:#EAEAEA}
.ppr li{overflow:hidden;padding:5px;border-bottom:1px solid #EAEAEA;background:#fff}
.ppr li .bor{float:left;padding:1px;border:1px solid #ddd}
.ppr li .bor .limit{height:39px;overflow:hidden}
.ppr li .bor .limit img{width:39px;height:auto}
.ppr li .right{height:41px;margin-left:47px;padding:1px 5px;font-size:13px;background:#F5F5F5;line-height:18px}
.ppr li .right .title{display:block;font-weight:700;color:#F13E3E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ppr li .right .title a{color:#F13E3E}
.ppr li .right .latest{font-size:12px;overflow:hidden;font-family:tahoma;text-overflow:ellipsis;white-space:nowrap;display:block;color:#555}
.ppr li .right .latest a{color:#555}
div#live-search_sb{width:350px!important}
#live-search_results{background:#1a1920;z-index:550!important;overflow:hidden;-webkit-box-shadow:0 4px 20px #000;-khtml-box-shadow:0 4px 20px #000;-moz-box-shadow:0 4px 20px #000;-ms-box-shadow:0 4px 20px #000;-o-box-shadow:0 4px 20px #000;box-shadow:0 4px 20px #000}
.live-search_more{display:none}
.live-search_header{display:none}
.live-search_result_container ul{margin:0;padding:0;overflow:hidden}
.live-search_result_container li{font-family:inherit!important;padding:10px;color:#999;border-bottom:1px solid #262432;overflow:hidden}
.live-search_result_container li:hover{background:#1f1d26}
.live-search_result_container li a{display:block}
.live-search_result_container .post-thumbnail{margin-right:10px;float:left;width:40px;height:60px;overflow:hidden;display:inline-block;padding-bottom:0}
.live-search_result_container .post-thumbnail img{width:100%!important;height:auto!important}
span.live-search_text{display:block;color:#FFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#live-search_loading{display:block!important;width:100%;height:31px!important}
.live-search_result_container a:hover{text-decoration:none;color:#FFF}
ul.live-search_main{margin:0;padding:0;list-style:none}
.live-search_result_container .over{overflow:hidden}
.live-search_result_container .over .autotitle{font-size:.95em;font-weight:500;margin-bottom:3px;display:block}
.live-search_result_container .over span{display:block;margin-bottom:2px;font-size:12px;color:#999;overflow:hidden}
.live-search_result_container .over span i{display:inline-block;margin:2px 5px;width:4px;height:4px;background:#777;border-radius:50%}
.notf{text-align:center;margin:30px 0}
.ts-breadcrumb{overflow:hidden;padding:10px 15px;font-size:13px}
.ts-breadcrumb ol{list-style:none;margin:0;padding:0}
.ts-breadcrumb ol li{display:inline-block;margin:0 4px}
.series-gen{position:relative;padding:15px}
.series-gen .nav-tabs{list-style:none;margin:0;padding:6px;overflow:hidden;background:#333;border-radius:3px}
.series-gen .nav-tabs li{float:left;width:20%}
.series-gen .nav-tabs li a{display:block;text-align:center;padding:4px;font-size:13px}
.series-gen .nav-tabs li.active a{background:#0c70de;border-radius:3px;color:#FFF}
.series-gen .tab-pane{display:none}
.series-gen .tab-pane.active{display:block}
.series-gen .listupd{padding:10px 0;margin:0 -7px}
#footer{margin-top:30px;text-align:center;line-height:20px;padding:0;font-size:13px;color: #FFF;background:#222}
#footer .footermenu{text-align:center;background:#0c70de}
#footer .footermenu ul{padding:0;margin:0;list-style:none;display:block;overflow:hidden}
#footer .footermenu ul li{padding:7px 10px;display:inline-block}
#footer .footermenu ul li a{color:#FFF}
.footer-az{margin-bottom: 10px;margin-top:30px;text-align: center;position:relative;z-index:5}
.footer-az span.ftaz{display:inline-block;padding-right:20px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.3);line-height:1em;font-size:1.4em;font-weight:600}
.footer-az span.size-s{font-size:12px}
.footer-az .az-list{font-size:0;list-style:none;margin:0;padding:0;margin-top:18px}
.footer-az .az-list li{margin:0 10px 10px 0;display:inline-block}
.footer-az .az-list li a{font-size:14px;padding:4px 9px;display:inline-block;line-height:normal;color:#fff!important;background:#0c70de;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.footer-az .az-list li a:hover{color:#FFF!important}
.footercopyright{max-width:1220px;padding:0 20px;margin:0 auto;overflow:hidden;position:relative;z-index:1}
.footercopyright p{margin:0;margin-top:5px;font-size:.8em;margin-bottom:0;line-height: 17px;letter-spacing:.5px}
.footercopyright p i{font-style:normal;color:#FFF}
.footercopyright .copyright{overflow:hidden;margin-bottom: 30px;}
.footercopyright .copyright .footer-logo{float:left;margin-right:20px;margin-bottom:40px}
.footercopyright .copyright .footer-logo img{height:50px;width:auto}
.footercopyright .copyright .txt{ margin: 0 auto;max-width: 700px;}
.footercopyright .copyright.marx{padding-top:20px;padding-bottom:20px}
.footercopyright .copyright.marx .footer-logo{float:none;margin:0;margin-bottom:5px}
.footercopyright .copyright.marx .txt{float:none;width:auto;text-align:center}
.footercopyright .copyright.marx .txt p{margin-top:3px}
.footercopyright .ftnaru{position:absolute;bottom:0;right:0;content:"";background:url(//nirvanamanga.com/wp-content/themes/mangastream/assets/images/naruto.png) no-repeat;background-size:contain;display:block;width:205px;height:225px;z-index:1}
.scrollToTop{z-index:999;padding:10px 12px;text-align:center;background:#0c70de;border-radius:50%;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;position:fixed;bottom:80px;right:15px;display:none}
.scrollToTop:hover{color:#FFF}
.pagination{overflow:hidden;line-height:normal;text-align:center;margin:15px 0 30px}
.pagination span.page-numbers.dots{color:#888;display:none}
.pagination span.page-numbers.current{display:inline-block;background:#0c70de!important;padding:8px 15px!important;margin:2px;color:#DDD;border-radius:3px}
.pagination a{display:inline-block;background:#16151d;padding:8px 15px!important;margin:2px;border-radius:3px}
.hpage{clear:both;padding-top:15px;padding-bottom:10px;text-align:center;overflow:hidden}
.hpage a{display:inline-block;background:#0c70de;padding:5px 10px;font-size:13px;border-radius:2px;color:#DDD;width:110px;text-align:center}
.hpage a .dashicons{width:auto;height:auto;font-size:16px}
.soraddl{overflow:hidden;text-align:center;margin-bottom:10px}
.soraddl .sorattl{padding:5px 10px;background:#0c70de;color:#FFF;border-radius:5px;font-size:14px;font-weight:500}
.soraddl .sorattl::after{font-family:'dashicons';line-height:normal;font-weight:400;float:right;content:"\f180";color:#FFF;line-height:22px}
.soraddl .sorattl::before{font-family:'dashicons';line-height:normal;font-weight:400;float:left;content:"\f180";color:#FFF;line-height:22px}
.soraddl .soraurl{padding:4px 0;font-weight:500;color:#444;border-bottom:1px solid #ebebeb}
.soraddl .soraurl a{color:#333;display:inline-block;background:#f1f1f1;padding:4px 7px;border-radius:3px;margin:2px 0;font-size:13px}
.soraddl .soraurl a::before{font-family:'dashicons';display:block;content:"\f316";float:left;margin-right:3px}
.soraddl br,.soraddl p{display:none}
.cmt{padding:15px}
.commentx h3{margin:0;margin-bottom:1.5rem;color:#FFF;font-size:16px;font-weight:500}
.commentx .navigation{display:none}
.comment-list{list-style:none;padding:0;margin:0}
.comment-list>li{border:1px solid #312f40;border-radius:5px;padding:15px;margin-bottom:15px}
.comment-list .comment-body{margin-bottom:10px;overflow:hidden}
.comment-list .comment-body .comment-author .avatar{width:40px;border-radius:50%;float:left;margin-right:10px}
.comment-list .comment-body .comment-author .fn{font-weight:500;margin-top:2px;display:block;font-style:normal}
.comment-list .comment-body .comment-author .says{display:none}
.comment-list .comment-body .comment-meta{color:#AAA;margin-bottom:15px}
.comment-list .comment-body .comment-meta a{color:#777;font-size:12px}
.comment-list .comment-body p{line-height:22px}
.comment-list .comment-body .reply{float:right}
.comment-list .comment-body .reply a{display:block;border:1px solid #0c70de;color:#0c70de;line-height:25px;padding:0 15px;border-radius:50px}
.comment-list .comment-body .reply a:hover{background:#0c70de;color:#FFF}
.comment-list .children{list-style:none;border-left:1px solid #312f40;padding-left:20px;position:relative}
.comment-list>li:hover{box-shadow:0 0 8px 0 rgba(0,0,0,0.42)}
.commentx #respond label{display:block;font-size:15px;font-weight:400;margin-bottom:7px}
.commentx textarea{width:100%;box-sizing:border-box;color:#FFF;padding:15px;font-family:inherit;font-size:14px;background-color:#343434;border:1px solid #343434;border-radius:5px}
.commentx #submit{background-color:#0c70de;border-color:transparent;border-width:0;color:#FFF;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px 15px;text-align:center;white-space:nowrap;font-family:inherit;font-size:14px;border-radius:30px}
.commentx #respond input[type="text"]{color:#FFF;padding:10px;font-family:inherit;font-size:15px;background-color:#343434;border:1px solid #343434;border-radius:5px}
.commentx #respond .comment-form-cookies-consent{display:block}
.commentx #respond .comment-form-cookies-consent label{display:inline}
p.comment-form-url{clear:both}
p.comment-form-url input#url{width:100%}
p.comment-form-email,p.comment-form-author{float:left;width:50%}
p.comment-form-email input#email{width:100%}
p.comment-form-author input#author{width:95%}
.separator a{margin-left:0!important;margin-right:0!important}
.switch{position:relative;display:inline-block;width:45px;height:25px;top:0}
.switch input{opacity:0;width:0;height:0}
#thememode{float:right;position:relative;margin-top:18px;margin-right:10px;line-height:normal}
#thememode .xt{text-transform:uppercase;font-size:.7rem;display:block;color:grey;margin-bottom:2px;text-align:center}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.25);-webkit-transition:.4s;transition:.4s}
.slider:before{position:absolute;content:"\f186";font-family:"Font Awesome 5 Free";color:#FFF;line-height:25px;width:25px;text-align:center;left:0;bottom:0;background-color:#0c70de;-webkit-transition:.4s;transition:.4s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
input:checked + .slider{background-color:rgba(255,255,255,0.25)}
input:focus + .slider{box-shadow:0 0 1px #2196F3}
input:checked + .slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px);content:"\f185"}
.slider.round{border-radius:34px;background:rgba(0,0,0,.1)}
.slider.round:before{border-radius:50%}
.black #thememode{display:none;}
@media only screen and (max-width:1200px) {
#top-menu ul{max-width:350px}
}
@media only screen and (max-width:1088px) {
#top-menu ul{max-width:300px}
}
@media only screen and (max-width:1080px) {
.listupd .utao{width:50%}
}
@media only screen and (max-width:1040px) {
#top-menu ul{max-width:240px}
}
@media only screen and (max-width:978px) {
.topmobile{display:block;float:right;margin-right: 10px;margin-top:18px;width:25px;line-height:26px;color:#FFF;text-align:center;background:#0c70de;border-radius:50%;cursor:pointer}
#top-menu{display:none}
.topmobile .fa{line-height:inherit;font-size:13px}
#top-menu.topmobshow{overflow:hidden;display:block;float:none;margin:0;position:absolute;top:55px;right:10px;z-index:2;width:140px;background:#333;border-radius:3px;font-size:13px;box-shadow:1px 3px 10px rgba(49,49,49,0.5)}
#top-menu.topmobshow ul{white-space:unset;max-width:unset}
#top-menu.topmobshow ul li{display:block}
#top-menu.topmobshow ul li a:hover{border-radius:0}
.chapterbody .bs{width:20%}
.chapterbody .bs:nth-child(6),.chapterbody .bs:nth-child(7){display:none}
#top-menu li a{color:#FFF}
}
@media only screen and (max-width:950px) {
.bxcl ul li{width:33.3333333%}
}
@media only screen and (max-width:900px) {
#sidebar .section ul.genre:before,#sidebar .section ul.genre:after{display:none}
#sidebar .section ul.genre li{float:left;width:50%}
.loop{width:100%!important;float:none!important}
.slidtop .trending{display:none}
}
@media only screen and (max-width:880px) {
.postbody,#sidebar{float:none;width:auto}
#sidebar .section{
margin-bottom: 5px;
}
.quickfilter .filters .filter{position:static}
.quickfilter .filters .filter ul,.quickfilter .filters .filter ul.dropdown-menu.c1{right:0;left:0;top:auto;width:auto;max-width:unset}
.quickfilter .filters .filter ul.dropdown-menu.c1 li{float:left;width:25%}
}
@media only screen and (max-width:800px) {
.bloglist .blogbox{width:50%}
.bigblogt{padding:15px;padding-bottom:0}
.postbody,#sidebar{float:none;width:auto}
#sidebar .section{margin-left:0}
.pd-expand.sxp{display:none}
.megavid.xp{position:relative;top:0;width:100%}
div#live-search_sb{width:100%!important;left:0!important;top:50px!important;right:0!important}
header{margin:0}
.logos{display:none;}
.mobilelogo {display: block;margin-top:5px;}
.mobilelogo img {max-height:none;height: 35px;}
#main-menu{display:none;position:absolute;top:50px;left:0;bottom:0;right:0;background: #222;height:100%;overflow:auto;z-index:999;width:auto;margin:0}
#main-menu ul li{float:none;position:relative;margin:0}
#main-menu ul li a,#main-menu ul li ul li a{text-align:left;color:#FFF;}
#main-menu ul{float:none}
#main-menu ul li ul{display:block;position:relative;margin:0;top:unset;min-width:unset;border-radius:0;float:none;background:rgba(0,0,0,.32)}
#thememode{margin-top:21px;margin-right: 0;margin-left: 10px;}
#thememode .xt{display:none}
input:checked + .slider{background-color:#333}
.switch{top:-7px;width:40px;height:20px}
.slider.round{background:#FFF}
.slider:before{line-height:20px;width:20px;bottom:0}
.surprise{display:block;float:none;background:#0c70de;clear:both;text-align:center}
#main-menu .surprise .dashicons{display:inline-block;float:none}
.shwx{display:block!important}
.srcmob{display:block!important;float:right;font-size:14px;margin-top: 7px;margin-left: 10px;margin-right: 10px;color:#FFF;cursor:pointer;border-radius:50%;width:35px;text-align:center;background: rgba(0,0,0,.1);}
.srcmob.srccls{position:absolute;top:0;right:8px;width:auto;margin:0;font-size:20px;color: #555;background: none;}
.searchx{display:none;}
.searchx #form #submit{display:none}
.searchx.minmbx{display:block;top:0;left:0;margin-top:8px!important;width:100%!important;position:absolute;z-index:1}
.searchx #form{margin:0 10px}
.srcmob .fas{line-height:34px}
.th{overflow:hidden;background:#0c70de;height:50px}
.th .centernav{padding:0}
.shme{display:block;float:left;padding:12px 0;margin-right: 10px;margin-left: 15px;text-align:center;color:#FFF;height:50px;cursor:pointer}
.shme .fa{width:auto;height:auto;line-height:24px;font-size:28px}
.topmobile{margin-top:12px;margin-right: 0;}
.topmobile .fa{font-size:20px}
#top-menu.topmobshow{z-index:5;top:50px}
.wrapper{margin:0}
.loop{margin-bottom:0}
.bixbox{border-radius:0;margin-bottom:5px}
.megavid,.meta{margin-bottom:5px}
.icol.expand{display:none}
.headpost,#content.readercontent .bixbox,#content.readercontent .chdesc,.chnav,#content.readercontent .chaptertags{margin-left:20px;margin-right:20px}
.footer-az{display:none}
.footercopyright .copyright{overflow:hidden;padding:15px 0;margin: 0;}
.footercopyright .copyright .footer-logo{margin:0;float:none}
.footercopyright .copyright .txt{float:none;width:auto;text-align:center;margin-top:5px}
.footercopyright p{margin-top:0}
.footercopyright .ftnaru{display:none}
.chnav.ctop .slc{float:none;margin:0;display:block;margin-bottom:10px}
.chnav .slc #chapter{width:100%}
#readerarea.rdminimal{margin:10px 20px}
}
@media only screen and (max-width:715px) {
.searchx.topcon{width:78%}
ul.taxindex li{width:33.3333333%}
.chapterbody .bs{width:25%}
.chapterbody .bs:nth-child(5){display:none}
}
@media only screen and (max-width:695px) {
.slide-item.full .slide-content{padding:20px!important}
.iconx{line-height:4px}
.bigcontent{padding:10px}
.bigcontent.nobigcover .thumbook{margin-top:10px}
.bigcontent .thumb{margin:0 auto;margin-bottom:20px;max-width:110px;width:auto;height:auto;position:relative;top:auto;left:auto;float:none}
.bigcontent .infox{overflow:hidden;padding-left:0}
.bigcontent .infox h1,.bigcontent .infox .alter{text-align:center;margin-bottom:10px}
.bigcontent .rt{position:relative;top:auto;right:auto;width:100%;overflow:hidden}
.bigcontent .thumbook{position:relative;left:auto;width:100%;max-width:300px;margin:0 auto;margin-top:-50px;margin-bottom:20px;top:0}
.tsinfo{display:flex;flex-wrap:nowrap;margin:0 -3px}
.imptdt{width:50%;margin:0 3px;margin-top:6px}
.socialts{text-align:center}
.bigcontent .infox .flex-wrap .fmed{width:100%;margin-bottom:10px}
.bigcontent .infox .flex-wrap{margin:0}
}
@media only screen and (max-width:670px) {
.searchx.topcon{width:77%}
.quickfilter .filters .filter ul li,.quickfilter .filters .filter ul.dropdown-menu.c1 li{width:33.3333333%}
.advancedsearch .quickfilter .filters .filter{width:50%}
.advancedsearch .quickfilter .filters .filter.submit{width:100%}
.bs{float:left;width:33.333333%}
.series-gen .tab-pane.active .bs:nth-child(4),.series-gen .tab-pane.active .bs:nth-child(5),.bixbox.hothome .bs:nth-child(4),.bixbox.hothome .bs:nth-child(5){display:none}
.listupd .utao.styletwo{float:none;width:auto}
.quickfilter .filters .filter .genrez{max-height:none}
.quickfilter .filters .filter .genrez:hover{overflow-y:hidden}
}
@media only screen and (max-width:650px) {
.searchx{width:81%}
.searchx.topcon{width:76%}
.side.infomanga .imgprop{float:none;margin-right:0;display:block}
.side.infomanga .imgprop img{float:none;max-width:190px;display:block;margin:0 auto;margin-bottom:10px;height:auto}
.side.infomanga table.listinfo tr th{text-align:right}
.genx{width:50%}
.kln a.col{width:auto;display:block;padding:2px 0;float:none}
.klnrec .mini{display:none}
.klnrec .kln{float:none;width:auto;margin-right:0}
.klnrec .kln img,.klnrec .mini img{width:auto}
.gnr{display:inline-block}
tr.gnrx{display:none}
tr.gnrx.shwgx{display:block}
#readerarea img{border:0}
#teaser1,#teaser2{display:none}
.chnav.ctop .navrig{display:block;overflow:hidden;margin-bottom:10px}
.chnav.ctop .navrig .mirror,.chnav.ctop .navrig .readingmode{margin:0;float:left;display:block;width:50%}
.chnav.ctop .navrig select{width:100%}
.chnav.ctop .navrig select#mirror{width:97%}
.chnav.ctop .navlef{display:block;overflow:hidden}
.chnav.ctop .navlef .dlx{float:none;display:block;margin:0;text-align:center;overflow:hidden}
.chnav.ctop .navlef .dlx a{margin:0}
.chnav.ctop .navlef .amob.nodlx{display:block;overflow:hidden}
.chnav.ctop .navlef .amob.nodlx .pagedsel{float:none;display:block;margin:0;overflow:hidden}
.chnav.ctop .navlef .amob.nodlx .pagedsel select{width:100%}
.chnav.ctop.nomirror .slc{float:left;width:50%}
.chnav.ctop.nomirror .slc .nvx{margin-right:5px}
.chnav.ctop.nomirror .navrig{width:50%}
.chnav.ctop.nomirror .navrig .readingmode{float:none;width:auto}
.chnav.ctop.nomirror .navlef{clear:both}
}
@media only screen and (max-width:600px) {
#wpadminbar {position: fixed!important;}
}
@media only screen and (max-width:590px) {
.shme{}
.searchx{width:76%}
.searchx.topcon{width:70%}
.sosmed{clear:both;position:relative;display:block;overflow:hidden;margin-top:15px;top:0;text-align:center;width:100%;bottom:0}
.mobius{overflow:hidden;display:block}
.iconx{float:right}
.iconx .icol{margin:0}
.iconx .icol span{display:none}
.naveps{float:none;padding:0;margin:-15px;margin-top:10px;overflow:hidden;position:relative;height:38px}
.naveps .nvs{display:block;width:33.33333333%;text-align:center;min-height:1px}
.naveps .nvs.nvsc{margin:0}
.naveps .nvs a{border-radius:0;padding:8px 0}
.slide-content .title a{font-size:16px}
.blogbox .boxlist .bma{width:50%}
.blogbox.homeblog .boxlist .bma:last-child{display:none}
.series-gen .nav-tabs li{width:33.333333%}
.series-gen .nav-tabs li:nth-child(3),.series-gen .nav-tabs li:nth-child(4){display:none}
}
@media only screen and (max-width:570px) {
.postbody .ldr .outbx:last-child{display:none}
.postbody .ldr .outbx{float:left;width:25%}
.archx .arche .inx span b{width:auto;float:none}
.soralist ul li{margin-left:15px;float:none;line-height:21px;width:auto}
.genres li{width:43%}
ul.taxindex li,.bxcl ul li,.chapterbody .bs{width:50%}
}
@media only screen and (max-width:500px) {
.postbody .ldr .outbx{float:left;width:50%}
.listupd .lexa .thumb{float:none;overflow:hidden;width:100%;max-height:unset;margin-right:0}
.listupd .lexa .thumb img{max-width:unset;height:auto;width:100%}
.bigcontent .infox .spe span{width:auto;float:none;display:block}
.listupd .utao{float:none;width:auto;position:relative}
.quickfilter .filters .filter ul li,.quickfilter .filters .filter ul.dropdown-menu.c1 li{width:50%}
.searchx{width:74%}
.searchx.topcon{width:67%}
.chnav.ctop .navlef .amob{display:block;overflow:hidden;margin-bottom:10px}
.chnav.ctop .navlef .amob .pagedsel{float:none;display:block;margin:0}
.chnav.ctop .navlef .amob .pagedsel select{width:100%}
}
@media only screen and (max-width:450px) {
.bs{float:left;width:50%}
.bixbox.hothome .bs:last-child{display:none}
.hpage a{width:90px}
.advancedsearch .quickfilter .filters .filter{width:50%}
.series-gen .tab-pane.active .bs:nth-child(4),.bixbox.hothome .bs:nth-child(4){display:block}
.chnav.cbot .slc{float:none;margin:0;margin-bottom:10px;overflow:hidden;display:block}
.chnav.cbot .amob{display:block;overflow:hidden}
.chnav.cbot .amob .pagedsel{float:none;margin:0;display:block;overflow:hidden}
.chnav.cbot .amob .pagedsel select{width:100%}
.readingnav.rnavbot .readingnavbot .readingoption .mirror{display:none}
}
@media only screen and (max-width:400px) {
.searchx.topcon{width:58%}
.mobilelogo{margin-top:9px}
.mobilelogo img{height:30px}
}
@media only screen and (max-width:375px) {
.searchx.topcon{width:56%}
}
@media only screen and (max-width:360px) {
.mobilelogo{margin-top:12px}
.mobilelogo img{height:22px}
}
@media only screen and (max-width:320px) {
.searchx.topcon{width:54%}
ul.taxindex li,.bxcl ul li{width:auto;float:none}
.shme{margin-left:10px}
}
@media only screen and (max-width:290px) {
.searchx.topcon{width:52%}
}.lightmode{background:#eef0f2;color:#333}
.lightmode a{color:#333}
.lightmode a:hover{color:#0c70de}
.lightmode #thememode .xt{color:grey}
.lightmode .slider.round{background:#f1f1f1}
.lightmode .th{background:#FFF}
.lightmode .searchx #form #s{background-color:#fff;border:1px solid #ccc;color:#555}
.lightmode .searchx #form #submit{color:#ddd}
.lightmode #live-search_results{background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}
.lightmode #live-search_results .live-search_result_container li{color:#888;border-bottom:1px solid #eee}
.lightmode .live-search_result_container li:hover{background:#fcfcfc}
.lightmode .live-search_result_container .over span{color:#888}
.lightmode .bixbox{background:#FFF;box-shadow:1px 3px 8px rgba(49,49,49,0.1)}
.lightmode p.index{background:#FFF;color:#000;box-shadow:0 2px 3px rgba(0,0,0,.1)}
.lightmode p.index b{color:#000}
.lightmode .bixbox .releases{border-bottom:1px solid #f1f1f1}
.lightmode .releases h1,.lightmode .releases h3,.lightmode #sidebar .section h4{color:#0c70de}
.lightmode .releases a.vl,.lightmode .scrollToTop{color:#FFF}
.lightmode #sidebar .section{background:#FFF;box-shadow:1px 3px 8px rgba(49,49,49,0.1)}
.lightmode .releases{border-bottom:1px solid #ececec}
.lightmode .serieslist ul li{border-bottom:1px solid #ececec}
.lightmode .serieslist ul li .ctr{color:#0c70de;border-color:#0c70de}
.lightmode #sidebar .section ul.genre:before,.lightmode #sidebar .section ul.genre:after{background:#ececec}
.lightmode #sidebar .section ul>li{border-color:#ececec}
.lightmode .listupd .utao .uta{border-bottom:1px solid #f1f1f1}
.lightmode .listupd .utao .uta .luf ul li span{color:#999}
.lightmode .hpage a{color:#FFF}
.lightmode .bs .bsx:hover .tt{color:#0c70de}
.lightmode .bs .bsx .adds .rating i{color:#999}
.lightmode .bs .bsx .adds .rating .rtg a:after{color:#d2d2d2}
.lightmode .bs .bsx .adds .rating .rtg a.br-selected:after{color:#EDB867}
.lightmode .bs .bsx .limit{background:#f6f6f6}
.lightmode .postbody p.ctn{background:#f8f8f8}
.lightmode .pagination span.page-numbers.current{color:#FFF}
.lightmode .pagination a{background:#efefef}
.lightmode #footer{background:#222}
.lightmode .modex a,.lightmode .filter{color:#FFF}
.lightmode .filter:hover{color:#222}
.lightmode .nav_apb a{background:#e9e9e9}
.lightmode .nav_apb a:hover{background:#0c70de;color:#FFF}
.lightmode .soralist span{border-bottom:1px solid #ececec}
.lightmode .bigcontent .rt .rating,.lightmode .imptdt{background:#f1f1f1}
.lightmode .bigcontent .rt .rating .br-widget a:after{color:#DDD}
.lightmode .bigcontent .rt .rating .br-widget a.br-selected:after{color:#EDB867}
.lightmode .animefull .bottom{border-top:1px solid #ececec}
.lightmode .bigcontent .infox .desc{color:#333}
.lightmode .bxcl ul li span.dt a{color:#FFF}
.lightmode .bxcl ul li span.dt a:hover{background:#555}
.lightmode .bigcontent .thumb{border-color:#FFF}
.lightmode .bookmark{color:#FFF}
.lightmode .advancedsearch tr .inputx{background:#FFF;color:#333;border-color:#DDD}
.lightmode .checkmarkx{background-color:#DDD}
.lightmode .checkmark{background-color:#DDD}
.lightmode .advancedsearch button.searchz{color:#FFF}
.lightmode .surprise{color:#FFF}
.lightmode .commentx textarea{border-color:#e1e1e1;color:#363636;background:#FFF}
.lightmode #sidebar #bm-history li{border-color:#ececec}
.lightmode #sidebar #bm-history li a:hover{box-shadow:none}
.lightmode .lista{background:#f8f8f8;border-bottom:1px solid #ececec}
.lightmode .lista a{background:#FFF;border:1px solid #e0e0e0}
.lightmode .lista a:hover{background:#0c70de;color:#FFF;border-color:#0c70de}
.lightmode .listo .bx{border-bottom:1px solid #ececec}
.lightmode .postbody .ntf,.lightmode .hapus{color:#FFF}
.lightmode .blogbox .boxlist .bma .bmb{background:#FFF;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);-khtml-box-shadow:0 2px 3px rgba(0,0,0,.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,.1);-o-box-shadow:0 2px 3px rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.1)}
.lightmode .blogbox .boxlist .bma .bmb .bmba .bmbah h2{font-weight:400}
.lightmode .blogbox .boxlist .bma .bmb .bmba .bmbaa{background:#f2f1f1}
.lightmode .blogbox .btitle .vl{color:#FFF}
.lightmode .bigblogt h1{color:inherit}
.lightmode .bigblogt span{color:#999}
.lightmode .bigblogt span a{color:#FFF}
.lightmode .page.blog{color:inherit}
.lightmode .blogbox .btitle h3,.lightmode .blogbox .btitle h1{color:#0c70de}
.lightmode #sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs{background:#f1f1f1}
.lightmode .quickfilter .filters .filter button{background-color:#efefef;border-color:#efefef;color:#2f2f2f}
.lightmode .quickfilter .filters .filter button:hover{color:#333;background-color:#d0d0d0;border-color:#d0d0d0}
.lightmode .quickfilter .filters .filter ul{background-color:#fff;border:1px solid rgba(0,0,0,.15)}
.lightmode .quickfilter .filters .filter ul label{color:#3c3c3c}
.lightmode .quickfilter .filters .filter ul li input+label:before,.lightmode .quickfilter .filters .filter ul li input:not(:checked)+label:before{background-color:#DDD}
.lightmode .rating-prc .rtp .rtb:before{color:#CCC}
.lightmode #sidebar .serieslist ul li .leftseries h2 a{color:inherit}
.lightmode #sidebar .serieslist ul li .leftseries h2 a:hover{color:#0c70de}
.lightmode .bs.styletere .epxdate{color:#999}
.lightmode .series-gen .nav-tabs{background:#f1f1f1}
.lightmode #sidebar .section>select,.lightmode #sidebar .section>form>select{background:#f1f1f1;border-color:#f1f1f1;color:#555}
.lightmode #sidebar .section #searchform #s{color:#555;background:#f1f1f1;border-color:#f1f1f1}
.lightmode .releases h1,.lightmode .releases h2,.lightmode .releases h3,.lightmode #sidebar .section h4{color:inherit}
.lightmode .bigcontent .infox h1,.lightmode .bigcontent .infox .wd-full b,.lightmode .bigcontent .infox .wd-full h2,.lightmode .bigcontent .infox .flex-wrap .fmed b{color:inherit}
.lightmode .bigcontent .infox .wd-full .mgen a{color:#0c70de;border:.5px solid #0c70de;background:none}
.lightmode .bigcontent .infox .wd-full .mgen a:hover{background:#0c70de;color:#FFF}
.lightmode #searchchapter{background:#FAFAFA;border-color:#DDD;color:#555}
.lightmode .bxcl ul li .chbox{background:#efefef;border-color:#efefef}
.lightmode #gallery.owl-loaded .owl-dots span{background:#DDD}
.lightmode .bxcl ul li .chbox:hover{background:#0c70de;border-color:#0c70de}
.lightmode .bxcl ul li .chbox:hover .dt a{color:#FFF}
.lightmode .bxcl ul li .chbox:hover .eph-num .chapternum{color:#FFF}
.lightmode .bxcl ul li .chbox:hover .eph-num .chapterdate{color:rgba(255,255,255,0.5)}
.lightmode .postbody .ntf{color:#856404;background-color:#fff3cd}
.lightmode ul.taxindex li a{background:#f1f1f1;color:#333;font-weight:400}
.lightmode ul.taxindex li a i{font-weight:500;color:#CCC}
.lightmode ul.taxindex li a:hover{background:#0c70de;color:#FFF}
.lightmode ul.taxindex li a:hover i{color:rgba(255,255,255,0.5)}
.lightmode .listupd .utao.styletwo .uta .luf ul li a{font-weight:400;color:#555}
.black{background:#16151d;color:#999}
.black a{color:#DDD}
.black .nextprev a{color:#FFF}
.black a:hover{color:#FFF}
.lightmode.black .th{background:#0b0a0d}
.lightmode.black .searchx #form #s{background-color:#17151b;border:1px solid #23202a;color:#FFF}
.lightmode.black .searchx #form #submit{color:#555}
.lightmode.black #live-search_results{box-shadow:0 4px 20px #000;background:#1a1920}
.lightmode.black #live-search_results .live-search_result_container li{border-bottom:1px solid #262432}
.lightmode.black .live-search_result_container li:hover{background:#1f1d26}
.lightmode.black .live-search_result_container .over span{color:#777}
.lightmode.black .bs .bsx a{color:#FFF}
.lightmode.black .bixbox{background:#222}
.lightmode.black .bixbox .releases{border-color:#312f40}
.lightmode.black .bixbox .releases h2{color:#FFF}
.lightmode.black .rating-prc .rtp .rtb::before{color:#686868}
.lightmode .blogpost .entry-header h1{color:inherit}
.lightmode .blogpost .entry-header .entry-meta{color:#999}
.lightmode hr{border:1px solid #DDD}
.lightmode .comment-list>li{border-color:#ececec}
.lightmode .comment-list>li:hover{box-shadow:0 0 8px 0 rgba(0,0,0,.1)}
.lightmode .comment-list .children{border-color:#ececec}
.lightmode .commentx h3{color:#333}
.lightmode .commentx #respond input[type="text"]{border-color:#e1e1e1;background:#FFF;color:#363636}
.lightmode.black .comment-list>li{border-color:#312f40}
.lightmode.black .comment-list .children{border-color:#312f40}
.lightmode.black .commentx h3{color:#FFF}
.lightmode.black .commentx textarea,.lightmode.black .commentx #respond input[type="text"]{color:#FFF;background-color:#343434;border-color:#343434}
.lightmode .quickfilter .filters .filter .genrez::-webkit-scrollbar-track{background:#e8e8e8}
.lightmode .bloglist .blogbox .innerblog .infoblog .entry-content,.lightmode .bloglist .blogbox .innerblog .infoblog .entry-meta{color:#757575}
.lightmode .srcmob.srccls {color:#ccc;}
@media only screen and (max-width:800px) {
.lightmode .th,.lightmode.black .th{background:#0c70de}
.lightmode input:checked + .slider{background-color:#FFF}
.lightmode .slider:before{background:#0c70de}
.lightmode.black .searchx #form #s{background-color:#fff;border:1px solid #ccc;color:#555}
.lightmode.black .searchx #form #submit{color:#ddd}
.lightmode .slider.round{background:rgba(255,255,255,0.25)}
}