:root{--nav-color: rgba(22,22,22,.6)}.bg-nothing{background:none}body{background-color:#222;color:#eee}main{padding-top:1rem;margin:0 auto;min-height:calc(100vh - 200px);padding-left:1rem;padding-right:1rem}@media (min-width: 768px){main{min-height:calc(100vh - 272px)}}.discord-button{background:#7289da;padding:10px 15px;border-radius:5px}@media (min-width: calc(1280px + 2rem)){main{padding-left:0;padding-right:0}}header.nav-header{background:url("/static/images/header-background.jpg") center center no-repeat;background-size:cover;height:200px;margin:0 auto;overflow:visible}header.nav-header div.bg-custom{background:linear-gradient(45deg, var(--nav-color), var(--nav-color)) left bottom no-repeat;background-size:100% 64px;height:200px}header.nav-header div.header-space{height:calc(200px - 64px)}header.nav-header nav .user-profile{margin:-1rem 0}header.nav-header nav{position:relative}header.nav-header #navbar-user{position:absolute;left:0;right:0;top:100%;z-index:20}@media (min-width: 768px){header.nav-header{height:256px;margin-top:1rem}header.nav-header div.bg-custom{height:256px}header.nav-header div.header-space{height:calc(256px - 64px)}header.nav-header #navbar-user{position:static}main{min-height:calc(100vh - 272px)}}.volume-image{position:relative}.volume-image .volume-icon{position:absolute;top:0;overflow:hidden}.volume-image .volume-icon-champer{transform:rotate(45deg);position:absolute;top:-5px;right:-20px}.volume-image .volume-icon-champer .volume-icon{transform:rotate(-45deg);margin-right:11px;margin-top:-6px}.volume-image .volume-url-container{transform:rotate(-45deg);position:absolute;bottom:-5px;right:-20px}.volume-image .volume-url-container .volume-icon{transform:rotate(45deg);margin-right:11px;margin-top:-10px}.volume-image .volume-buy-icon-champer{transform:rotate(45deg);position:absolute;bottom:-5px;left:-20px}.volume-image .volume-buy-icon-champer .volume-icon{transform:rotate(-45deg);margin-right:12px;margin-top:-10px}@media (min-width: 768px){.volume-image .volume-icon{top:10px;right:10px;z-index:100}}.arifureta header.nav-header{background:url("/static/images/header-background-arifureta.jpg") center center no-repeat}.gura header.nav-header{background:url("/static/images/header-background-gura.jpg") center center no-repeat}.kirara header.nav-header{background:url("/static/images/header-background-kirara.jpg") center center no-repeat}.bocchi header.nav-header{background:url("/static/images/header-background-bocchi.jpg") center center no-repeat}.timeloop header.nav-header{background:url("/static/images/header-background-timeloop.jpg") center center no-repeat}.varesa header.nav-header{background:url("/static/images/header-background-varesa.jpg") center center no-repeat}:root{--edition-hover-background-color: rgba(22,22,22,0.9)}.editions .edition .edition-image{overflow:hidden;position:relative}.editions .edition .edition-image .edition-hover{position:absolute;top:100%;bottom:0;width:100%;height:100%;left:0;background:var(--edition-hover-background-color)}.editions .edition{cursor:pointer}.editions .edition .edition-image:hover .edition-hover{transition:0.3s;top:0}.bigheight{min-height:100vh}.volumes .volume .volume-image{overflow:hidden;position:relative}.volumes .volume .volume-image .volume-hover{position:absolute;top:100%;bottom:0;width:100%;height:100%;left:0;background:var(--edition-hover-background-color)}.volumes .volume{cursor:pointer}.volumes .volume .volume-image:hover .volume-hover{transition:0.3s;top:0}.grid-autofit{display:grid;grid-template-columns:repeat(auto-fit, minmax(6rem, max-content));justify-content:space-between;row-gap:.5rem}@media (min-width: 768px){.grid-autofit{grid-template-columns:repeat(auto-fit, minmax(8rem, max-content))}}