#main-nav::before{content:"";background:var(--comic-color);background:-moz-linear-gradient(bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);height:175px;width:100vw;display:block;position:absolute;left:0;z-index:1;top:0;opacity:1;transition:height .6s,top .6s,opacity .8s;will-change:auto}#main-nav .main-logo{filter:brightness(200%);transition:filter .3s}#main-nav:hover .main-logo{filter:brightness(100%);transition:filter .3s}#main-nav #header-nav{opacity:0;transition:opacity .3s}#main-nav:hover #header-nav{opacity:1;transition:opacity .3s}body.lite #header-nav{opacity:1 !important;transition:none}body.lite #main-nav::before{display:none !important}@media(max-width: 768px){body.lite #main-nav::before{display:block !important}}body.lite .series-data2::after{background:#000;opacity:.1}@media(min-width: 768px){body.lite #main-nav,body.lite.dark #main-nav{background:var(--comic-color);border-bottom-color:rgba(0,0,0,.1)}body.lite #main-nav::after{background:transparent}body.lite #main-nav .container #user-menu .show button.dropdown-toggle{background-color:rgba(0,0,0,.3)}}#main-nav .hide{opacity:0}.series-data2{background:var(--comic-color);background:-moz-linear-gradient(left, var(--comic-color) 40%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(left, var(--comic-color) 40%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, var(--comic-color) 40%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="#ffffff",GradientType=1 )}.series-info .btn{background:var(--comic-color);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--comic-color) 50%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, var(--comic-color) 50%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--comic-color) 50%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="#ffffff",GradientType=1 )}@media(min-width: 768px)and (hover: hover)and (pointer: fine){#main-nav:hover::before{top:-210px;height:420px;opacity:0}#main-nav:hover .hide{opacity:1;transition:opacity .8s}#main-nav:hover .series-logo{opacity:0;top:-350px;transition:opacity .3s;pointer-events:none}}@media(min-width: 768px){#main-nav::before{content:"";background:var(--comic-color);background:-moz-linear-gradient(bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);background:-webkit-linear-gradient(bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to bottom, var(--comic-color) 45%, rgba(255, 255, 255, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="#ffffff",GradientType=1 );height:210px}}@media(max-width: 768px){#main-nav #header-nav{opacity:1}#main-nav .main-logo{filter:brightness(100%)}.logo2{background:transparent}#main-nav::before{height:90px;top:20px;opacity:1;background:var(--comic-color);background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) -200%, var(--comic-color) 75%);background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) -200%, var(--comic-color) 75%);background:linear-gradient(to top, rgba(255, 255, 255, 0) -200%, var(--comic-color) 75%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="var(--comic-color)",GradientType=1 )}#main-nav::after{height:35px;background:rgba(0,0,0,.1);z-index:1}#main-nav:hover::before{height:90px;top:20px;opacity:1}#main-nav .hide{opacity:1}#main-nav .series-logo{opacity:0;pointer-events:none;visibility:hidden}.sub-data .chapters a{background:rgba(40,43,47,.5);background:-moz-linear-gradient(left, #3d4148 -100%, var(--comic-color) 150%);background:-webkit-linear-gradient(left, #3d4148 -100%, var(--comic-color) 150%);background:linear-gradient(to right, #3d4148 -100%, var(--comic-color) 150%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#3d4148", endColorstr="var(--comic-color)",GradientType=1 )}#main-nav::before,.logo2::after{background:var(--comic-color) !important}body.lite .sub-data .chapters a{background:rgba(61,65,72,.5) !important}.header-cover{aspect-ratio:16/9}.logo2{height:140px !important;margin-bottom:-100px !important}.logo2.w-logo{height:150px !important}}@media(max-width: 728px){.series-data2{background:-moz-linear-gradient(left, var(--comic-color) 40%, rgba(255, 255, 255, 0) 150%);background:-webkit-linear-gradient(left, var(--comic-color) 40%, rgba(255, 255, 255, 0) 150%);background:linear-gradient(to right, var(--comic-color) 40%, rgba(255, 255, 255, 0) 150%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="var(--comic-color)",GradientType=1 )}body.lite .series-data2::after{background:rgba(0,0,0,.1) !important;opacity:1}}@media(max-width: 768px){.series-data2{background:var(--comic-color);background:-moz-linear-gradient(left, var(--comic-color) 40%, rgba(0, 0, 0, 0.8) 100%);background:-webkit-linear-gradient(left, var(--comic-color) 40%, rgba(0, 0, 0, 0.8) 100%);background:linear-gradient(to right, var(--comic-color) 40%, rgba(0, 0, 0, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--comic-color)", endColorstr="#000000",GradientType=1 )}}body.lite .series-data2,body.lite .series-info .btn{background:var(--comic-color) !important;box-shadow:none}