@charset "UTF-8";
/*
Infinite Fansub
Responsive Theme
Version: 1.3.4
Author: Kenshiro
*/

@keyframes infinite-slide-up-fade-in {
    0% {filter:opacity(25%); transform:translateY(25%)}
    50% {filter:opacity(60%)}
    100% {filter:initial; transform:initial}
}
@keyframes infinite-slide-left-fade-in {
    0% {filter:opacity(10%); transform:translateX(75%)}
    50% {filter:opacity(60%)}
    100% {filter:initial; transform:initial}
}
@keyframes infinite-slide-left-fade-out {
    100% {filter:opacity(10%); transform:translateX(-75%)}
    50% {filter:opacity(60%)}
    0% {filter:opacity(90%)}
}
@keyframes infinite-slide-right-fade-in {
    0% {filter:opacity(10%); transform:translateX(-75%)}
    50% {filter:opacity(60%)}
    100% {filter:initial; transform:initial}
}
@keyframes show-image {
    from {filter:opacity(10%)}
    to {filter:initial}
}

* {
    margin:0;
    padding:0;
    border:none;
    outline:none;
    font-family:inherit;
    font-size:100%;
    box-sizing:border-box;
    background:transparent;
    vertical-align:baseline
}
*[class^="fa"] {display:inline-block; margin-right:.25rem}
*.selected, *.disabled {pointer-events:none !important}

:root {
    --infinite-color:81,107,167/*96,103,255*/;
    --infinite-2nd-color:71,73,134/*189,49,255*/;
}
:focus {outline:0}
::selection {color:rgb(var(--infinite-color))}

html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-rendering:optimizelegibility}
body {
    line-height:1;
    overflow-y:auto;
    overflow-x:hidden;
    background-color:rgb(var(--bg-color));
    font-family:Nunito, sans-serif;
    font-display:fallback;
    font-weight:normal;
    font-size:16px;
    color:rgb(var(--font-color));
    transition:background-color 100ms ease-out, color 100ms ease-in;
    -webkit-font-smoothing:antialiased
}

body.light {
    --bg-color:245,245,245;
    --bg-2nd-color:255,255,255;
    --font-color:33,33,33;
    --font-2nd-color:66,66,66;
    --font-3rd-color:55,55,55;
    --font-4th-color:44,44,44;
    --font-5th-color:99,99,99;
}
body.dark {
    --bg-color:25,25,25;
    --bg-2nd-color:42,42,42;
    --font-color:250,250,250;
    --font-2nd-color:230,230,230;
    --font-3rd-color:200,200,200;
    --font-4th-color:175,175,175;
    --font-5th-color:150,150,150;
}

h1 {font-size:3rem}
h2 {font-size:2rem}
h3 {font-size:1.5rem}
h4 {font-size:1.175rem}
h5 {font-size:.975rem}

a {font-weight:600; color:rgb(var(--infinite-color)); text-decoration:none}

img {-webkit-user-drag:none}
img[data-async-src], *[data-async-bgimg] {background:linear-gradient(to top, rgb(50,50,50), rgb(25,25,25)); background-color:rgb(50,50,50)}

blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}

table {border-collapse:collapse; border-spacing:0}
table tr, table tr td {padding:.25rem}
table tr:first-of-type {background-color:rgb(var(--infinite-color)) !important; color:rgb(255,255,255) !important}
table tr:not(:last-of-type) {border-bottom:1px solid rgba(0,0,0,.1)}
table tr td:not(:last-of-type) {border-right:1px solid rgba(0,0,0,.1)}
table tr:nth-child(odd) {background-color:rgba(0,0,0,.1)}

.table-responsive {max-width:100%; display:block; overflow:auto}

.anim-slide-left-fade-out {animation:infinite-slide-left-fade-out 120ms 1 ease-out}
.anim-slide-right-fade-in {animation:infinite-slide-right-fade-in 120ms 1 ease-in}

.button-to-top,
.comments-button {
    z-index:5;
    width:3rem;
    height:3rem;
    line-height:3rem;
    border-radius:5px;
    animation:infinite-slide-up-fade-in 120ms 1;
    background-color:rgb(var(--infinite-color));
    font-size:1.5rem;
    color:rgb(255,255,255);
    text-align:center;
    transition:background-color 175ms ease-out;
    position:fixed;
    bottom:1rem
}
.button-to-top:hover,
.comments-button:hover {background-color:rgb(0,0,0)}

.button-to-top {display:none; right:1rem}
.comments-button {display:table; left:1rem}

@media (max-width:1000px){
    .button-to-top, .comments-button {bottom:.5rem}
    .button-to-top {right:.5rem}
    .comments-button {left:.5rem}
}

#disqus_thread::-webkit-scrollbar {width:.35rem}
#disqus_thread::-webkit-scrollbar-track {background-color:transparent}
#disqus_thread::-webkit-scrollbar-thumb {border-radius:7px; background-color:rgba(var(--infinite-color),.75)}

.pause {background-color:rgba(253,164,4,.95) !important}
.complete {background-color:rgba(50,212,114,.95) !important}

.info {line-height:120%; display:table; margin:0 1rem 1rem 0; font-weight:600}
.info > .marker {line-height:120%; margin-right:.375rem; font-weight:800}
.info.inline {display:inline-table; margin:0 2rem 1rem 0}
.info.inline > .marker {display:block; margin-bottom:.25rem; margin-right:unset; color:rgb(var(--infinite-color))}

.fas {margin-right:0}

.modal {
    z-index:9;
    width:100vw;
    height:100vh;
    display:block;
    background-image:linear-gradient(to top, rgba(0,0,0,.8), transparent);
    background-color:rgba(0,0,0,.75);
    position:fixed;
    left:0;
    top:0
}
.modal .button {
    width:3rem;
    height:3rem;
    line-height:3rem;
    display:block;
    border-radius:5px;
    background-color:rgba(0,0,0,.7);
    font-size:1.5rem;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:background-color 220ms ease-out;
    position:fixed;
    right:.25rem;
    top:.25rem
}
.modal .button:hover {background-color:rgba(var(--infinite-color),.7)}
.modal .content {
    max-width:90vw;
    height:100vh;
    max-height:100vh;
    display:flex;
    align-items:center;
    padding-top:0 !important;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.modal .content .video {
    width:70vw;
    max-width:1280px;
    height:0;
    display:block;
    overflow:hidden;
    padding-top:56.25%;
    border-radius:5px;
    background-color:rgb(0,0,0);
    box-shadow:0 0 1rem rgba(0,0,0,.7);
    animation:infinite-slide-up-fade-in 120ms 1;
    position:relative
}
.modal .content .video iframe,
.modal .content .video embed {width:100%; height:100%; border-radius:5px; display:block; overflow:hidden; position:absolute; left:0; top:0}
.modal .content .comments {
    width:70vw;
    max-width:1920px;
    display:block;
    border-radius:5px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.7);
    animation:infinite-slide-up-fade-in 120ms 1;
    position:relative
}
.modal .content .comments #disqus_thread {
    width:100%;
    height:90vmin;
    max-height:1080px;
    display:block;
    overflow-y:auto;
    overflow-x:hidden;
    margin:0 auto;
    padding:.5rem 1rem;
    font-family:inherit;
    font-size:1.1rem
}


@media (max-width:768px){
    .modal .content {
        width:100vw;
        height:100vh;
        max-width:unset;
        max-height:unset;
        left:0;
        transform:translateY(-50%)
    }
    .modal .content .video {width:100vw; border-radius:unset}
    .modal .content .video iframe {border-radius:unset}
}

@media (max-width:600px){
    .modal .content {left:.5rem}
    .modal .content .comments #disqus_thread {height:80vmax}
}
@media (min-width:600px) and (max-width:768px){
    .modal .content {left:1rem}
    .modal .content .comments #disqus_thread {height:60vmax}
}
@media (max-width:768px){
    .modal .content .comments {width:95vw}
}

.principal-nav {
    z-index:5;
    width:100vmax;
    height:3.5rem;
    line-height:3.5rem;
    display:block;
    overflow:hidden;
    background-image:linear-gradient(to left, rgb(var(--infinite-2nd-color)) 0, transparent 50%, rgb(var(--infinite-2nd-color)) 100%);
    background-color:rgb(var(--infinite-color));
    box-shadow:0 3px 0 rgba(0,0,0,.3);
    position:fixed;
    left:0;
    top:0
}
.principal-nav .logo {
    float:left;
    width:6.25rem;
    height:3rem;
    max-width:108px;
    max-height:52px;
    display:table;
    margin:.1rem .65rem 0 .15rem;
    filter:brightness(5);
    background-image:url('/media/static/menu_logo.png');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    transition:filter 120ms ease-out
}
.principal-nav .logo:hover {cursor:pointer; filter:brightness(1)}
.principal-nav *[class^="fa"] {display:block; margin-right:auto}
.principal-nav::after {content:''; display:table; clear:both}
.principal-nav .align-left {float:left; display:block}
.principal-nav .align-right {float:right; display:block}
.principal-nav a {
    min-width:2rem;
    height:3.5rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    white-space:normal;
    padding:0 .75rem;
    font-weight:600;
    background:linear-gradient(to top, transparent, rgb(0,0,0) 0);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:100% 0;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:background-size 120ms ease-out, text-shadow 200ms ease-in
}
.principal-nav a:hover {background-size:100% 100%; text-shadow:0 0 1px rgb(255,255,255)}
.principal-nav .mobile {width:100%; display:none; white-space:nowrap; overflow-x:auto}
.principal-nav .mobile a {height:3rem; padding:0 .65rem; font-size:.95rem}
.principal-nav .selected {background-color:rgb(0,0,0); text-shadow:0 0 1px rgb(255,255,255)}
.principal-nav .infinite-search {display:inline-flex; align-items:center; margin-left:.5rem}

.principal-nav-button {
    z-index:5;
    width:3rem;
    height:3rem;
    line-height:3rem;
    display:none;
    border-radius:5px;
    background-color:rgb(var(--infinite-color));
    font-size:1.5rem;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:background-color 175ms ease-out;
    position:fixed;
    right:.5rem;
    top:.5rem
}

.infinite-search form {height:2rem; line-height:2rem}
.infinite-search form,
.infinite-search form input,
.infinite-search form button {display:inline-flex; align-items:center}
.infinite-search form input,
.infinite-search form button {height:2rem; line-height:2rem; background-color:rgb(var(--bg-2nd-color)); transition:box-shadow 220ms ease-in}
.infinite-search form input:focus,
.infinite-search form input:focus ~ button {box-shadow:0 0 5px rgb(250,250,250)}
.infinite-search form input {padding:0 .5rem; border-radius:5px 0 0 5px; font-weight:600; color:rgba(var(--font-color),.95)}
.infinite-search form input::placeholder {font-weight:600; color:rgba(var(--font-color),.7)}
.infinite-search form input::-ms-input-placeholder {font-weight:600; color:rgba(var(--font-color),.7)}
.infinite-search form button {width:2rem; border-radius:0 5px 5px 0; padding:0 .5rem; color:rgba(var(--font-color),.7); text-align:center}
.infinite-search form button:hover {cursor:pointer}
.infinite-search form button:hover > * {color:rgb(var(--infinite-color))}

@media (max-width:768px){
    .principal-nav {
        width:75vw;
        max-width:320px;
        height:initial;
        display:none;
        overflow-y:auto;
        overflow-x:hidden;
        background-image:linear-gradient(to top, rgb(var(--infinite-2nd-color)), transparent);
        background-color:rgb(var(--infinite-color));
        box-shadow:2px 0 0 rgba(0,0,0,.3);
        bottom:0;
        left:0
    }
    .principal-nav .align-left a {display:block; border-bottom:1px solid rgba(0,0,0,.05); text-align:left}
    .principal-nav .wrapper {padding:unset}
    .principal-nav .align-left,
    .principal-nav .align-right {float:none !important}
    .principal-nav .align-right {display:flex; flex-wrap:wrap; justify-content:center}
    .principal-nav .align-right a {
        min-width:unset;
        width:3rem;
        height:3rem;
        line-height:3rem;
        margin:.5rem;
        border-radius:5px;
        border:1px solid rgba(0,0,0,.05);
        font-size:1.5rem;
        text-align:center;
    }
    .principal-nav .logo, .principal-nav .infinite-search {display:none !important}
    .principal-nav-button {display:block}
}
.wrapper {max-width:1440px; display:block; overflow:hidden; margin:auto}

@media (max-width:768px){
    .wrapper {padding:0 .65rem}
}
@media (min-width:768px) and (max-width:1024px){
    .wrapper {padding:0 1.25rem}
}
@media (min-width:1024px) and (max-width:1440px){
    .wrapper {width:92vmax}
}

.episode-container .episode-screen > .episode-screen-aspect > img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0
}

.infinite-slides {
    width:100vw;
    height:auto;
    display:block;
    padding-top:3.5rem;
    overflow:hidden;
    margin-bottom:-3rem;
    background-color:rgb(var(--infinite-2nd-color));
    background-image:linear-gradient(25deg, rgba(0,0,0,.4), transparent)
}
.infinite-slides > .wrapper {position:relative}
.infinite-slides .infinite-slides-nav {
    max-width:100%;
    display:flex;
    align-items:center;
    position:absolute;
    bottom:1rem;
    right:0
}
.infinite-slides .infinite-slides-nav > a {
    width:3rem;
    height:3rem;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    margin-right:.5rem;
    padding:.25rem .5rem;
    background-color:rgb(var(--bg-color));
    border-radius:3px;
    font-size:2rem;
    color:inherit;
    text-decoration:none
}
.infinite-slides .infinite-slides-nav > a:hover {color:rgb(var(--infinite-2nd-color))}
.infinite-slides .slide {width:100%; height:calc(100vw / 3.25); max-height:480px; display:none; position:relative}
.infinite-slides .slide > .slide-sidebar {
    width:60%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    position:absolute;
    bottom:4rem;
    top:4rem;
    left:0
}
.infinite-slides .slide > .slide-sidebar > .anime-title {
    width:100%;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    animation:infinite-slide-left-fade-in 750ms 1;
    font-weight:700;
    font-size:2.5rem;
    color:rgba(255,255,255,.9);
    text-shadow:2px 4px 0 rgba(0,0,0,.2), 0 0 2px rgba(255,255,255,.9);
    text-overflow:ellipsis;
    text-transform:uppercase
}
.infinite-slides .slide > .slide-sidebar > .anime-synopsis {
    max-width:90%;
    line-height:150%;
    display:table;
    border-radius:3px;
    padding:.75rem;
    margin:1rem 0;
    animation:infinite-slide-up-fade-in 500ms 1;
    background-color:rgba(0,0,0,.2);
    font-style:italic;
    font-size:1.1rem;
    color:rgba(255,255,255,.85)
}
.infinite-slides .slide .slide-buttons {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    animation:infinite-slide-up-fade-in 750ms 1
}
.infinite-slides .slide .slide-buttons > .button {
    height:3rem;
    line-height:3.2rem;
    display:inline-table;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    margin:0 .5rem .5rem 0;
    padding:0 1.5rem;
    font-weight:800;
    font-size:1.5rem;
    color:rgb(255,255,255);
    text-decoration:none;
    text-transform:uppercase;
    transition:background-color 120ms ease-out
}
.infinite-slides .slide .slide-buttons .button:hover {background-color:rgb(0,0,0)}
.infinite-slides .slide > .anime-render {
    width:45%;
    height:100%;
    display:block;
    animation:show-image 300ms 1;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:top;
    position:absolute;
    bottom:0;
    right:0;
    top:0
}
@media (max-width:1000px){
    .infinite-slides {display:none}
}
@media (min-width:1000px) and (max-width:1280px){
    .infinite-slides .slide > .slide-sidebar > .anime-synopsis {display:none}
    .infinite-slides .slide .slide-buttons {margin-top:2rem}
}

.infinite-anime {
    width:100%;
    height:auto;
    display:block;
    overflow:hidden;
    padding-top:4rem;
    margin-bottom:-3rem;
    background:linear-gradient(to top, rgb(55,55,55), rgb(25,25,25));
    background-color:rgb(55,55,55);
    position:relative
}
.infinite-anime .infinite-anime-bg {
    z-index:0;
    width:100%;
    height:100%;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    filter:brightness(.4) grayscale(.8) blur(10px);
    position:absolute;
    left:0;
    top:0
}
.infinite-anime > .wrapper {z-index:1; position:relative}
.infinite-anime .anime-name {
    max-width:100%;
    line-height:120%;
    display:table;
    overflow:hidden;
    margin:0 1rem 1rem 0;
    font-weight:700;
    font-size:2rem;
    color:rgb(255,255,255);
    position:relative
}
.infinite-anime .anime-name::after {
    content:'';
    width:100%;
    height:3px;
    display:block;
    border-radius:5px;
    background-image:linear-gradient(to right, rgb(255,255,255) 76%, transparent)
}
.infinite-anime .anime-categories {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    align-items:center;
    margin:1rem 0 1rem 0
}
.infinite-anime .anime-categories > .anime-category {
    line-height:1.5rem;
    display:inline-table;
    padding:0 .5rem;
    margin-right:.5rem;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    font-weight:600;
    font-size:.9rem;
    color:rgb(255,255,255);
    text-align:center
}
.infinite-anime .anime-infos-container {
    width:100%;
    height:20rem;
    display:block;
    margin-bottom:2rem
}
.infinite-anime .anime-infos-container::after {content:''; display:table; clear:both}

.infinite-anime .anime-infos-container .anime-cover {
    float:left;
    width:213px;
    height:300px;
    display:block;
    margin-right:1rem;
    background-color:rgb(var(--font-color));
    border:3px solid rgba(255,255,255,.9);
    border-radius:3px;
    position:relative
}
.infinite-anime .anime-infos-container .anime-infos-tabs {
    float:right;
    width:calc(100% - 15rem);
    height:20rem;
    display:block;
    color:rgb(255,255,255)
}
.infinite-anime .anime-infos-container .anime-infos-tabs > .tabs {
    display:flex;
    overflow-x:auto;
    white-space:nowrap;
    justify-content:flex-start;
    align-content:center;
    margin-bottom:1rem;
    font-weight:800
}
.infinite-anime .anime-infos-container .anime-infos-tabs > .tabs a {
    height:2rem;
    line-height:2rem;
    display:inline-block;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    margin-right:.75rem;
    padding:0 .75rem;
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    font-weight:800;
    font-size:1rem;
    color:inherit;
    text-decoration:none;
    transition:background-color 120ms ease-out
}
.infinite-anime .anime-infos-container .anime-infos-tabs > .tabs a:hover,
.infinite-anime .anime-infos-container .anime-infos-tabs > .tabs a.selected {background-color:rgb(0,0,0)}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info {
    width:100%;
    height:15rem;
    max-height:15rem;
    display:none;
    animation:infinite-slide-up-fade-in 250ms 1;
    overflow-y:auto
}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info:nth-of-type(1) {display:block}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info a {color:inherit; text-decoration:none}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info a:hover {text-decoration:underline}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info .synopsis {
    line-height:150%;
    display:table;
    font-style:italic;
    font-weight:300;
    font-size:1.1rem;
    color:rgba(255,255,255,.95)
}

.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info::-webkit-scrollbar {width:.5rem}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info::-webkit-scrollbar-track {background-color:transparent}
.infinite-anime .anime-infos-container .anime-infos-tabs .anime-info::-webkit-scrollbar-thumb {border-radius:7px; background-color:rgba(var(--infinite-color),.5)}

@media (max-width:600px){
    .infinite-anime .anime-name {display:block; margin:0 auto 1rem; text-align:center}
    .infinite-anime .anime-name::after {height:0}
    .infinite-anime .anime-categories {justify-content:center}
    .infinite-anime .anime-infos-container {height:auto}
    .infinite-anime .anime-infos-container .anime-cover,
    .infinite-anime .anime-infos-container .anime-infos-tabs {float:unset}
    .infinite-anime .anime-infos-container .anime-cover {margin:auto}
    .infinite-anime .anime-infos-container .anime-infos-tabs {width:100%; height:auto; margin:1.5rem auto}
    .infinite-anime .anime-infos-container .anime-infos-tabs > .tabs {overflow-x:unset; white-space:unset; justify-content:center; flex-wrap:wrap}
    .infinite-anime .anime-infos-container .anime-infos-tabs > .tabs a {margin-bottom:.75rem}
}

.content {min-height:100vmin; display:block; padding-top:3.5rem; margin:1rem 0}
.content.has-side::after {content:''; display:table; clear:both}
.content.has-side .left-side {float:left; width:67%; display:block}
.content.has-side .right-side {float:right; width:33%; display:block}
.footer {
    display:block;
    /*background-image:linear-gradient(to bottom, rgb(var(--infinite-2nd-color)) 40%, transparent);*/
    background-color:rgb(0,0,0/*var(--infinite-color)*/);
    padding:2rem 1.5rem;
    color:rgb(255,255,255)
}
.footer .partners {display:block; margin:0 1rem 1rem 0}
.footer .partners a {
    display:inline-block;
    margin:0 .5rem .5rem 0;
    filter:opacity(60%) grayscale(80%);
    transition:filter 175ms ease-in
}
.footer .partners a:hover {filter:none}
.footer a {font-weight:700; color:inherit; text-decoration:none}
.footer p {line-height:120%; display:table; margin:0 1rem 1rem 0}

@media (max-width:768px){
    .content.has-side .left-side,
    .content.has-side .right-side {float:unset; width:100%; display:block}
    .content.has-side .right-side {margin-top:2rem}
}

.content .home-post-list,
.content .fixed-page {display:flex; flex-wrap:wrap; justify-content:center}

.content .fixed-page .post,
.content .fixed-page .page,
.content .fixed-page .comments {
    width:95%;
    height:auto;
    display:block;
    border-radius:7px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    margin:0 auto 1rem
}
.content .fixed-page .post .post-infos {
    display:block;
    padding:.75rem;
    font-weight:600;
    color:rgb(var(--font-5th-color))
}
.content .fixed-page .post .post-infos .post-title {
    display:block;
    line-height:120%;
    padding:0 .65rem .65rem 0;
    font-weight:800;
    font-size:1.5rem;
    color:rgb(var(--infinite-color))
}
.content .fixed-page .post .post-infos span {display:inline-block; margin-right:1rem}
.content .fixed-page .post .thumbnail {
    width:100%;
    height:0;
    display:block;
    padding-top:56.25%;
    background:linear-gradient(to top, rgb(50,50,50), rgb(25,25,25));
    background-color:rgb(50,50,50);
    position:relative
}
.content .fixed-page .post .thumbnail > img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0
}
.content .fixed-page .post .post-content {display:block; line-height:1.5; padding:1rem; letter-spacing: 0; font-size:1.1rem}
.content .fixed-page .post .post-content img {max-width:100%; object-fit:cover}
.content .fixed-page .post .post-content .episode-container {padding:.65rem 0; margin:.75rem auto .35rem}
.content .fixed-page .post .post-content h1, .content .fixed-page .post .post-content h2,
.content .fixed-page .post .post-content h3, .content .fixed-page .post .post-content h4,
.content .fixed-page .post .post-content h5 {display:table}
.content .fixed-page .post .post-content h1, .content .fixed-page .post .post-content h2,
.content .fixed-page .post .post-content h3 {margin:1rem 0}
.content .fixed-page .post .post-content h4, .content .fixed-page .post .post-content h5 {margin:.5rem 0}
.content .fixed-page .post .post-content blockquote {
    display:block;
    padding:.25rem 1.5rem .25rem 1rem;
    margin:1rem auto;
    font-weight:300;
    font-style:italic;
    font-size:1.25rem;
    color:rgb(var(--font-color),.75);
    position:relative
}
.content .fixed-page .post .post-content blockquote::before {
    content:'';
    width:4px;
    height:100%;
    border-radius:4px;
    background-color:rgb(var(--infinite-color));
    position:absolute;
    left:0;
    top:0
}
.content .fixed-page .post .post-content > .player {
    width:100%;
    display:block;
    margin:10px auto;
    border-radius:3px;
    background-color:rgb(6,6,6);
    background-image:linear-gradient(to top, rgba(0,0,0,.65), transparent);
}
.content .fixed-page .post .post-content > .player .player-container {
    padding-top:56.25%;
    position:relative
}
.content .fixed-page .post .post-content > .player .player-container > iframe {
    width:100%;
    height:100%;
    border-radius:3px;
    position:absolute;
    left:0;
    top:0
}
.content .fixed-page .post .post-content > iframe {max-width:100%; display:block; margin-right:auto; margin-left:auto}

.content .fixed-page .comments a {color:rgb(var(--infinite-color)) !important; text-decoration:none}
.content .fixed-page .comments a {text-decoration:underline}
.content .fixed-page .comments #disqus_thread {
    width:100%;
    max-height:64vmax;
    display:block;
    overflow-y:auto;
    overflow-x:hidden;
    margin:0 auto;
    padding:.5rem 1rem;
    font-family:inherit;
    font-size:1.1rem
}

.content .fixed-page .page .page-header {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    padding:1rem .75rem;
    border-bottom:1px solid rgba(0,0,0,.1);
    letter-spacing:1px;
    font-weight:800;
    font-size:1.5rem;
    color:rgb(var(--infinite-color));
    text-transform:uppercase
}

.content .fixed-page .page .page-header .fas {margin-right:.75rem}
.content .fixed-page .page .page-content {display:block; line-height:120%; padding:1rem; font-size:1.1rem}
.content .fixed-page .page .page-content > .marker {display:inline-table; border-radius:3px; margin:.15rem 0; padding:.25rem .32rem; background-color:rgba(var(--infinite-color),.875); font-weight:600; color:rgb(255,255,255)}
.content .fixed-page .page .page-content .highlight {color:rgb(var(--infinite-color))}
.page-content p {padding:.25rem .75rem .25rem 0}
.page-content .header {
    width:100%;
    max-width:100%;
    display:block;
    padding:1rem 1rem .5rem 0;
    margin-bottom:.5rem;
    letter-spacing:1px;
    font-weight:700;
    font-size:1.325rem;
    color:rgb(var(--infinite-2nd-color));
    text-transform:uppercase;
    position:relative
}
.page-content .header::after {
    content:'';
    width:100%;
    height:1px;
    display:block;
    background:linear-gradient(to right, rgba(0,0,0,.2) 55%, transparent);
    position:absolute;
    bottom:0;
    left:0
}
.staff {width:100%; max-width:100%; display:flex; flex-wrap:wrap; justify-content:center}
.staff .staff-member {
    width:47.75%;
    line-height:initial;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    border-radius:5px;
    background-image:linear-gradient(25deg, rgba(0,0,0,.05), transparent);
    background-color:rgba(0,0,0,.025);
    padding:1rem .5rem;
    margin-bottom:.65rem;
    font-size:1rem
}
.staff .staff-member:nth-child(odd) {margin-right:.5rem}
.staff .staff-member .member-avatar {
    width:7.5rem;
    height:7.5rem;
    display:inline-block;
    border-radius:3px;
    object-fit:cover;
    margin-right:.65rem
}
.staff .staff-member .member-infos {
    height:7rem;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:center;
    align-content:flex-start;
    color:rgb(var(--font-4th-color))}
.staff .staff-member .member-infos .info {margin:0 .5rem .175rem 0}
.staff .staff-member .member-infos .info > .marker {color:rgb(var(--infinite-2nd-color))}
/*.staff .staff-member .member-animes {width:100%; display:block; margin-top:.5rem}
.staff .staff-member .member-animes .member-animes-header {
    display:block;
    padding:0 1rem .5rem 0;
    font-weight:800;
    color:rgb(var(--infinite-2nd-color))
}
.staff .staff-member .member-animes .member-anime {
    width:6rem;
    height:8rem;
    display:inline-block;
    border-radius:3px;
    margin-right:.65rem;
    object-fit:cover
}
.staff .staff-member .member-animes .member-anime.disabled {filter:grayscale(55%) brightness(95%)}*/
@media (max-width:768px){
    .staff .staff-member {width:100%; max-width:100%; background:unset; padding:1rem 0; position:relative}
    .staff .staff-member:not(:last-of-type)::after {
        content:'';
        width:100%;
        height:1px;
        background-image:linear-gradient(to right, transparent 0, rgba(0,0,0,.1) 50%, transparent 100%);
        /*background-color:rgba(0,0,0,.1);*/
        position:absolute;
        bottom:0
    }
    .staff .staff-member .member-avatar {display:block; margin:0 0 1rem}
    .staff .staff-member .member-infos {width:100%; display:block}
}
@media (min-width:768px) and (max-width:1024px){
    .staff .staff-member .member-avatar {margin:0 .65rem 0 0}
}

.content .home-post-list .post {
    width:45%;
    display:inline-block;
    border-radius:5px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    margin:0 1rem 1.25rem 0;
    vertical-align:top
}
.content .home-post-list .post .thumbnail {
    width:100%;
    height:0;
    padding-top:56.25%;
    display:block;
    overflow:hidden;
    border-radius:5px 5px 0 0;
    background:linear-gradient(to top, rgb(50,50,50), rgb(25,25,25));
    background-color:rgb(50,50,50);
    position:relative
}
.content .home-post-list .post .thumbnail > img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    position:absolute;
    left:0;
    top:0;
    transition:transform 320ms ease-out, filter 120ms ease-out
}
.light .content .home-post-list .post .thumbnail > img {filter:grayscale(25%)}
.dark .content .home-post-list .post .thumbnail > img {filter:brightness(90%) grayscale(25%)}
.content .home-post-list .post:hover .thumbnail > img {transform:scale(1.1)}
.content .home-post-list .post .thumbnail:hover > img {filter:none !important}
.content .home-post-list .post .post-content {display:block; padding:1rem .75rem}
.content .home-post-list .post .post-content .post-title {
    display: -webkit-box;
    display: -moz-box;
    line-height:120%;
    overflow:hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    font-weight:800;
    font-size:1.35rem;
    color:inherit;
    text-decoration:none;
    text-overflow:ellipsis;
    position:relative;
    transition:color 120ms ease-in-out
}
.content .home-post-list .post .post-content .post-title:hover {color:rgb(var(--infinite-color))}
.content .home-post-list .post .post-content .post-excerpt {line-height:150%; height:4.65rem; margin-top:.5rem; font-weight:300; font-size:.8rem; color:rgb(var(--font-2nd-color))}
.content .home-post-list .post .post-infos {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 .75rem .75rem;
    font-weight:400;
    font-size:.8rem;
    color:rgb(var(--font-5th-color))
}
.content .home-post-list .post .post-infos a {font-weight:600; color:rgb(var(--infinite-color)); text-decoration:none}

@media (max-width:768px){
    .content .fixed-page .post,
    .content .fixed-page .page,
    .content .fixed-page .comments {width:100%}
    .content .home-post-list {display:block; flex-wrap:unset; justify-content:unset}
    .content .home-post-list .post {width:100%; display:block; margin:0 0 1.5rem}
    .content .home-post-list .post .post-content .post-title {display:unset; overflow-x:unset; white-space:normal}
    .content .home-post-list .post .post-content .post-excerpt {height:auto}
}
@media (min-width:768px) and (max-width:1024px){
    .content .home-post-list {display:initial; flex-wrap:initial; justify-content:initial}
    .content .home-post-list .post {width:48%; display:inline-block; margin:0 .5rem 1.5rem 0}
    .content .home-post-list .post .post-content .post-excerpt {height:7.25rem}
}
@media (width:1024px){
    .content .home-post-list .post {width:95%; display:block; margin:0 auto 1.5rem}
    .content .home-post-list .post .post-content .post-title {display:unset; overflow-x:unset; white-space:normal}
    .content .home-post-list .post .post-content .post-excerpt {height:auto}
}

.content.has-side .right-side .gadget {
    width:100%;
    display:block;
    border-radius:7px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    margin:0 auto 1.25rem
}
.content.has-side .right-side .gadget .gadget-header {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    padding:1rem .75rem;
    border-bottom:1px solid rgba(0,0,0,.1);
    letter-spacing:1px;
    font-weight:800;
    font-size:1.35rem;
    color:rgb(var(--infinite-color));
    text-transform:uppercase
}
.content.has-side .right-side .gadget .gadget-content {display:block; padding:.65rem .75rem; font-size:.95rem}

.content.has-side .right-side .gadget .gadget-content .progress-bar {
    clear:both;
    width:100%;
    height:.65rem;
    display:block;
    border-radius:5px;
    background-image:linear-gradient(to left, rgba(0,0,0,.25), transparent);
    background-color:rgb(var(--bg-2nd-color))
}
.content.has-side .right-side .gadget .gadget-content .progress-bar .progress {
    min-width:0% !important;
    max-width:100% !important;
    height:100%;
    display:table;
    border-radius:5px;
    background-image:linear-gradient(to right, rgb(var(--infinite-2nd-color)), rgb(var(--infinite-color)));
    background-color:rgb(var(--infinite-color))
}

.content.has-side .right-side .gadget .gadget-content .banner {
    max-width:100%;
    display:block;
    filter:opacity(90%) grayscale(25%);
    transition:filter 175ms ease-in
}
.content.has-side .right-side .gadget .gadget-content .banner:hover {filter:none}

.content.has-side .right-side .gadget .gadget-content .donation {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:.25rem 0 .5rem;
    font-weight:600;
    font-size:1.025rem
}

.content.has-side .right-side .gadget .gadget-content > .anime:last-of-type,
.content.has-side .right-side .gadget .gadget-content > .media:last-of-type {border-bottom:none}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos *,
.content.has-side .right-side .gadget .gadget-content > .media .media-infos * {line-height:120%; display:block}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos,
.content.has-side .right-side .gadget .gadget-content > .media .media-infos {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start
}

.content.has-side .right-side .gadget .gadget-content > .anime {
    line-height:1.65rem;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    padding:.5rem .25rem .5rem 0;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.content.has-side .right-side .gadget .gadget-content > .anime:first-of-type {padding:0 .25rem .5rem 0}
.content.has-side .right-side .gadget .gadget-content > .anime .thumbnail {
    width:6rem;
    height:6rem;
    display:block;
    overflow:hidden;
    border-radius:3px;
    margin:0 .5rem .5rem 0;
    background:linear-gradient(to top, rgb(50,50,50), rgb(25,25,25));
    background-color:rgb(50,50,50);
    position:relative;
}
.content.has-side .right-side .gadget .gadget-content > .anime .thumbnail > img {
    display:block;
    object-fit:cover;
    transition:transform 220ms ease-out, filter 120ms ease-out;
    position:absolute;
    left:0;
    top:0
}
.light .content.has-side .right-side .gadget .gadget-content > .anime .thumbnail > img {filter:grayscale(45%)}
.dark .content.has-side .right-side .gadget .gadget-content > .anime .thumbnail > img {filter:brightness(90%) grayscale(45%)}
.content.has-side .right-side .gadget .gadget-content > .anime:hover .thumbnail > img {transform:scale(1.1); filter:none !important}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos {max-width:calc(100% - 6.5rem); max-height:6rem}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos > .name {max-width:100%; overflow:hidden; white-space:nowrap; font-weight:800; font-size:1.025rem; color:rgb(var(--infinite-color)); text-overflow:ellipsis; text-decoration:none}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos > .media {margin:.32rem 0; font-weight:800; font-size:.95rem; color:rgb(var(--font-3rd-color))}
.content.has-side .right-side .gadget .gadget-content > .anime .anime-infos > .status {font-weight:700; font-size:.925rem; color:rgb(var(--font-2nd-color))}
.content.has-side .right-side .gadget .gadget-content > .media {
    line-height:1.5rem;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    padding:.5rem .25rem .5rem 0;
    border-bottom:1px solid rgba(0,0,0,.1)
}
.content.has-side .right-side .gadget .gadget-content > .media:first-of-type {padding:0 .25rem .5rem 0}
.content.has-side .right-side .gadget .gadget-content > .media .thumbnail {
    width:7.25rem;
    height:5.4375rem;
    display:block;
    overflow:hidden;
    border-radius:3px;
    margin-right:.5rem;
    background:linear-gradient(to top, rgb(50,50,50), rgb(25,25,25));
    background-color:rgb(50,50,50);
    position:relative
}
.content.has-side .right-side .gadget .gadget-content > .media .thumbnail > img {
    display:block;
    object-fit:cover;
    filter:grayscale(25%);
    transition:transform 220ms ease-out, filter 120ms ease-out;
    position:absolute;
    left:0;
    top:0
}
.dark .content.has-side .right-side .gadget .gadget-content > .media .thumbnail > img {filter:brightness(90%) grayscale(25%)}
.content.has-side .right-side .gadget .gadget-content > .media:hover .thumbnail > img {transform:scale(1.1); filter:none !important}
.content.has-side .right-side .gadget .gadget-content > .media .media-infos {max-width:calc(100% - 7.75rem); max-height:5.4375rem}
.content.has-side .right-side .gadget .gadget-content > .media .media-infos > .anime {max-width:100%; overflow:hidden; white-space:nowrap; font-weight:800; font-size:1.025rem; color:rgb(var(--infinite-color)); text-overflow:ellipsis; text-decoration:none}
.content.has-side .right-side .gadget .gadget-content > .media .media-infos > .number {margin:.25rem 0; font-weight:600; font-size:.95rem; color:rgb(var(--font-3rd-color)); text-decoration:none}
.content.has-side .right-side .gadget .gadget-content > .media .media-infos > .refresh-info {font-weight:300; font-size:.9rem; color:rgb(var(--font-2nd-color))}


@media (max-width:610px){
    .content.has-side .right-side .gadget .gadget-content > .anime .anime-infos,
    .content.has-side .right-side .gadget .gadget-content > .media .media-infos {width:100%; max-width:initial; max-height:initial; margin-top:.75rem}
}
@media (max-width:612px){
    .content.has-side .right-side .gadget .gadget-content > .media .thumbnail {display:none}
}
@media (min-width:768px) and (max-width:1024px){
    .content.has-side .right-side .gadget .gadget-content > .media .thumbnail {margin:0 .5rem .5rem 0}
}
@media (max-width:1024px){
    .content.has-side .right-side .gadget .gadget-header {font-size:1rem}
    .content.has-side .right-side .gadget .gadget-content > .anime .thumbnail {height:auto}
    .content.has-side .right-side .gadget .gadget-content .progress-bar {margin-top:.65rem}
    .content.has-side .right-side .gadget .gadget-content > .media .thumbnail {width:10rem; height:5.625rem}
}

.content .anime-list-filter {
    width:100%;
    max-width:100%;
    display:block;
    border-radius:5px;
    background-image:linear-gradient(25deg, rgba(0,0,0,.015), transparent);
    background-color:rgba(0,0,0,.0125);
    padding:1rem;
    margin:0 auto
}
.content .anime-list-filter.mobile-only {padding:.65rem 0; background-image:linear-gradient(25deg, rgb(var(--infinite-2nd-color)), rgb(var(--infinite-color)))}
.content .anime-list-filter.mobile-only {display:none}
.content .anime-list-filter.mobile-only .infinite-search,
.content .anime-list-filter.mobile-only .infinite-search form {display:flex; justify-content:center}
.content .anime-list-filter.mobile-only .infinite-search form input {width:calc(100vw - 6rem)}

.content .anime-list-filter .categories,
.content .anime-list-filter .alfa {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    align-content:center
}
.content .anime-list-filter .alfa a {
    min-width:2rem;
    height:2rem;
    line-height:2rem;
    display:inline-block;
    margin:0 .25rem .25rem 0;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    font-weight:800;
    font-size:1rem;
    color:rgb(255,255,255);
    text-transform:uppercase;
    text-align:center;
    text-decoration:none;
    transition:background-color 200ms ease-out
}
.content .anime-list-filter .alfa a:hover,
.content .anime-list-filter .alfa .selected,
.content .anime-list-filter .categories a:hover,
.content .anime-list-filter .categories .selected,
.content .anime-list-filter .rips a:hover,
.content .anime-list-filter .rips .selected {background-color:rgb(0,0,0)}
.content .anime-list-filter .rips a {
    height:1.75rem;
    line-height:1.75rem;
    display:inline-block;
    padding:0 .5rem;
    margin:0 .5rem .5rem 0;
    border-radius:3px;
    background-color:rgb(var(--infinite-2nd-color));
    font-weight:700;
    font-size:.925rem;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:background-color 200ms ease-out
}
.content .anime-list-filter .categories a {
    height:1.65rem;
    line-height:1.65rem;
    display:inline-block;
    padding:0 .45rem;
    margin:0 .35rem .35rem 0;
    border-radius:3px;
    background-color:rgb(var(--infinite-2nd-color));
    font-weight:600;
    font-size:.85rem;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:background-color 200ms ease-out
}
.content .anime-list-filter .categories a.manga {background-color:rgb(152,89,101)}
.content .anime-list-filter .categories a.manga:hover {background-color:rgb(100,67,112)}

@media (max-width:1000px) {
    .content .anime-list-filter {margin-bottom:1.25rem}
}
@media (max-width:1024px) {
    .content .anime-list-filter .categories {margin-bottom:.75rem}
}

.content .anime-list {
    width:100%;
    max-width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-content:center;
    align-items:center
}
.content .anime-list .anime {
    width:13.125rem;
    height:19.6875rem;
    display:inline-block;
    border-radius:3px;
    background-color:rgb(var(--font-color));
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    margin:0 1rem 1.5rem 0;
    position:relative;
    filter:grayscale(25%) brightness(90%);
    transition:filter 175ms ease-out, transform 220ms ease-in, box-shadow 100ms ease-in
}
.content .anime-list .anime:hover {filter:none; box-shadow:0 0 1rem rgba(0,0,0,.5); transform:scale(1.025)}
.content .anime-list .anime .anim-categories {
    display:block;
    padding:.5rem;
    position:absolute;
    right:0;
    left:0;
    top:0
}
.content .anime-list .anime .anim-categories .anim-category {
    line-height:1.5rem;
    display:inline-table;
    padding:0 .5rem;
    margin-right:.25rem;
    border-radius:3px;
    background-color:rgba(var(--infinite-color),.95);
    white-space:nowrap;
    font-weight:800;
    font-size:.6rem;
    color:rgba(255,255,255,.95);
    text-transform:uppercase;
    text-align:center
}
.content .anime-list .anime .anim-window {
    cursor:pointer;
    display:block;
    padding:.5rem;
    color:rgb(255,255,255);
    text-align:center;
    text-shadow:0 0 3px rgba(0,0,0,.9);
    position:absolute;
    right:0;
    top:0
}
.content .anime-list .anime .anim-name {
    cursor:pointer;
    display:block;
    padding:1rem .65rem;
    border-radius:0 0 3px 3px;
    background-image:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,.05));
    font-weight:700;
    font-size:1.1rem;
    color:rgb(255,255,255);
    text-align:center;
    text-shadow:0 0 3px rgba(0,0,0,.9);
    position:absolute;
    bottom:0;
    right:0;
    left:0
}

@media (max-width:375px){
    .content .anime-list .anime {width:8.351562rem; height:12.375rem; margin:0 .25rem .65rem}
    .content .anime-list .anime .anim-categories {display:none}
}
@media (min-width:375px) and (max-width:425px){
    .content .anime-list .anime {width:10.07rem; height:14.125rem; margin:0 .5rem 1rem}
    .content .anime-list .anime .anim-categories {display:none}
}
@media (min-width:425px) and (max-width:1000px){
    .content .anime-list .anime {width:11.6328rem; height:16.3125rem; margin:0 .5rem 1rem}
    .content .anime-list .anime .anim-categories {display:initial}
}

.anime-container {
    width:95%;
    max-width:97.5%;
    height:24rem;
    line-height:initial;
    display:block;
    margin:1rem auto;
    overflow:hidden;
    border-radius:5px;
    background-color:rgb(25,25,25);
    position:relative
}
.anime-container .anime-bg {
    width:100%;
    height:100%;
    display:block;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    filter:brightness(60%) grayscale(.5) blur(10px)
}
.anime-container .anime-name {
    line-height:120%;
    display:table;
    margin:0 1rem 1rem 0 !important;
    font-weight:700;
    font-size:1.65rem;
    color:rgb(255,255,255);
    position:relative
}
.anime-container .anime-name::after {
    content:'';
    width:100%;
    height:3px;
    display:block;
    border-radius:5px;
    background-image:linear-gradient(to right, rgb(255,255,255) 76%, transparent)
}
.anime-container .anime-categories {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:1rem
}
.anime-container .anime-categories .anime-category {
    line-height:1.5rem;
    display:inline-table;
    padding:0 .5rem;
    margin-right:.5rem;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    font-weight:600;
    font-size:.875rem;
    color:rgb(255,255,255);
    text-align:center
}
.anime-container .anime-container-wrap {
    width:100%;
    display:block;
    padding:1rem;
    position:absolute;
    left:0;
    top:0
}
.anime-container .anime-container-wrap::after {content:''; display:table; clear:both}
.anime-container .anime-container-wrap .anime-cover {
    float:left;
    width:11.6rem;
    height:16.1875rem;
    display:table;
    border-radius:3px;
    margin:0 1rem 1rem 0;
    background-color:rgb(var(--font-color));
    object-fit:cover
}
.anime-container .anime-container-wrap .anime-infos {
    float:right;
    width:calc(100% - 12.6rem);
    display:table;
    font-size:.95rem;
    color:rgb(255,255,255)
}
.anime-container .anime-container-wrap .anime-infos a {color:inherit; text-decoration:none}
.anime-container .anime-container-wrap .anime-infos a:hover {text-decoration:underline}

.anime-container .anime-container-wrap .anime-infos .anime-button {
    height:2rem;
    line-height:2rem;
    display:inline-block;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    margin-right:.75rem;
    padding:0 .75rem;
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    font-weight:700;
    font-size:1rem;
    color:inherit;
    text-decoration:none;
    transition:background-color 120ms ease-out
}
.anime-container .anime-container-wrap .anime-infos .anime-button:hover {background-color:rgb(0,0,0); text-decoration:none}
@media (max-width:640px) {
    .anime-container {height:122vmax; overflow-y:auto; overflow-x:hidden}
    .anime-container .anime-container-wrap .anime-cover,
    .anime-container .anime-container-wrap .anime-infos {float:none}
    .anime-container .anime-container-wrap .anime-cover {display:block; margin:0 auto 1rem}
    .anime-container .anime-container-wrap .anime-infos {width:100%}
}
@media (max-width:1000px) {
    .content .anime-list-filter.mobile-only {display:block}
}

.content .episode-list {display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.content .episode-list .episode-container {
    padding:.65rem;
    margin:0 auto 1.5rem;
    border-radius:7px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1)
}
.episode-container {width:95%; max-width:97.5%; display:block; line-height:initial; font-size:1rem; color:rgb(var(--font-4th-color))}
.episode-container::after {content:''; display:table; clear:both}
.episode-container .episode-tabs .episode-tab {animation:infinite-slide-up-fade-in 175ms 1}
.episode-container .episode-tabs .episode-tab:nth-of-type(n+2) {display:none}
.episode-header {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    padding-bottom:.5rem;
    margin-bottom:.75rem;
    font-weight:800;
    font-size:1.1rem;
    color:rgb(var(--infinite-color));
    position:relative
}
.episode-header::after {
    content:'';
    width:100%;
    height:1px;
    display:block;
    background:linear-gradient(to right, rgba(0,0,0,.2) 55%, transparent);
    position:absolute;
    bottom:0;
    left:0
}
.episode-header span {max-width:65%; display:inline; white-space:nowrap; margin-right:.1rem; overflow:hidden; text-overflow:ellipsis}
.episode-container .episode-screen {float:left; display:block; margin-right:.5rem}
.episode-container .episode-screen > .episode-screen-aspect {
    width:15rem;
    height:0;
    display:block;
    margin:auto;
    overflow:hidden;
    padding-top:56.25%;
    border-radius:2px;
    background-color:rgb(var(--font-4th-color));
    position:relative
}
.episode-container .episode-formats {display:flex; align-items:center; justify-content:space-around}
.episode-container .episode-formats a {
    height:1.65rem;
    line-height:1.65rem;
    display:inline-table;
    padding:0 .5rem;
    margin-right:.375rem;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    font-weight:700;
    font-size:.97rem;
    color:rgb(255,255,255);
    text-shadow:0 0 1rem rgba(0,0,0,.5);
    text-decoration:none;
    transition:background-color 120ms ease-in;
}
.episode-container .episode-formats a:last-of-type {margin-right:0}
.episode-container .episode-formats a.selected,
.episode-container .episode-formats a:hover {background-color:rgb(0,0,0)}
.episode-container .episode-infos {display:table; font-size:.9rem}
.episode-container .episode-infos .info {display:table; margin: 0 1rem .25rem .25rem}
.episode-container .episode-infos .info > .marker {margin-right:.375rem; font-weight:700}
.episode-container .episode-links {
    display:flex;
    justify-content:space-between;
    padding:.25rem 0;
    margin-top:.325rem;
    border-top:1px solid rgba(0,0,0,.065);
    color:rgba(var(--font-2nd-color),.36)
}
.episode-container .episode-links span {display:inline-table; padding:0 .25rem; font-weight:700}
.episode-container .episode-links a {
    display:inline-block;
    font-weight:600;
    color:rgba(var(--font-2nd-color),.75);
    text-decoration:none;
    transition:color 120ms ease-out
}
.episode-container .episode-links a:not(:first-of-type),
.episode-container .episode-links a:not(:last-of-type) {margin:0 .65rem}
/*
.episode-container .episode-links a .provider-icon {width:16px; height:16px; display:inline-block; margin-right:.25rem; filter:grayscale(100%); transition:filter 120ms ease-out}
*/
.episode-container .episode-links a:hover {color:rgb(var(--infinite-2nd-color))}
.episode-container .episode-links a:hover .provider-icon {filter:unset}
@media (max-width:660px){
    .content .episode-list .episode-container {width:100%; max-width:100%}
    .episode-header {flex-wrap:wrap}
    .episode-header span {max-width:100%; display:block}
    .episode-container .episode-formats {max-width:100%; margin-top:.5rem; white-space:nowrap; overflow-x:auto}
    .episode-container .episode-screen {float:none; margin:0 auto .65rem}
    .episode-container .episode-screen > .episode-screen-aspect {width:100%}
    .episode-container .episode-links {flex-direction:column; align-items:flex-start; margin-top:.5rem}
    .episode-container .episode-links span {max-width:100%; display:block}
    .episode-container .episode-links span:nth-of-type(1) {margin-bottom:.5rem}
    .episode-container .episode-links span:nth-of-type(2) {white-space:nowrap; overflow-x:auto}
}

.search-container, .torrent-container, .error-container {
    width:95%;
    max-width:97.5%;
    display:block;
    padding:.65rem;
    margin:0 auto;
    border-radius:7px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    font-weight:800;
    font-size:1.5rem;
    color:rgb(var(--infinite-color));
    text-align:center;
    text-transform:uppercase
}
.search-container {margin:0 auto 1rem}
.torrent-container {margin:1rem auto}
.torrent-container a {
    height:2rem;
    line-height:2rem;
    display:inline-table;
    padding:0 .5rem;
    margin-right:.375rem;
    border-radius:3px;
    background-color:rgb(var(--infinite-color));
    white-space:nowrap;
    font-weight:700;
    color:rgb(255,255,255);
    text-shadow: 0 0 1rem rgba(0,0,0,.5);
    text-decoration: none;
    transition:background-color 120ms ease-in
}
.torrent-container a:hover {background-color:rgb(0,0,0)}

.error-page {
    width:95%;
    max-width:97.5%;
    display:block;
    padding:1.25rem .75rem;
    margin:1rem auto;
    border-radius:7px;
    background-color:rgb(var(--bg-2nd-color));
    box-shadow:0 0 1rem rgba(0,0,0,.1);
    font-weight:500;
    font-size:1.25rem;
    text-align:center;
}
.error-page .error-header {display:block; margin-bottom:1rem; font-weight:800; font-size:2rem; color:rgb(var(--infinite-color)); text-transform:uppercase}

.content .pagination {
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    align-items:center
}
.content .pagination a {
    width:2.5rem;
    height:2.5rem;
    line-height:2.5rem;
    display:inline-block;
    border:1px solid rgb(var(--infinite-color));
    background-color:rgb(var(--infinite-color));
    font-weight:700;
    font-size:1.25rem;
    color:rgb(255,255,255);
    text-align:center;
    text-decoration:none;
    transition:all 200ms ease-out
}
.content .pagination a:first-of-type {border-left:1px solid rgb(var(--infinite-color)) !important; border-radius:3px 0 0 3px}
.content .pagination a:nth-of-type(+1n) {border-left:none}
.content .pagination a:last-of-type {border-radius:0 3px 3px 0}
.content .pagination a:hover,
.content .pagination .selected {background-color:rgb(var(--bg-2nd-color)); color:rgb(var(--infinite-color))}

@media (max-width:340px){
    .content .pagination a {
        width:2.25rem;
        height:2.25rem;
        line-height:2.25rem;
        font-size:1.12rem
    }
}