.upper{text-transform:uppercase}body:not(.dark) main #background:after{background-color:#011a17cc}main{display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width:576px){main{gap:1rem}}main #background{position:absolute;top:3.9rem;left:0;background-image:url(/images/characters.webp);background-size:cover;background-repeat:no-repeat;height:20rem;min-width:100%;z-index:-1}main #background:after{position:absolute;top:0;left:0;content:"";background-color:#011a17;backdrop-filter:blur(4px);height:20rem;min-width:100%;z-index:0}main #popular-characters{display:flex;flex-direction:column;gap:1rem;margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #popular-characters{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #popular-characters{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #popular-characters{padding-left:.5rem;padding-right:.5rem}}main #popular-characters{position:relative;left:0;z-index:1}main #popular-characters .title{margin-top:2rem;color:#fff;margin-bottom:0;font-size:2rem}@media only screen and (max-width:576px){main #popular-characters .title{text-align:center}}main #popular-characters ul{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;gap:.75rem;list-style-type:none}main #popular-characters ul a{text-decoration:none;color:#222}main #popular-characters ul a:hover{text-decoration:underline}main #popular-characters ul{justify-content:flex-start}@media only screen and (max-width:768px){main #popular-characters .links{width:100%;overflow-x:auto}}main #popular-characters .links{padding-bottom:.5rem}main #popular-characters .links li{border-radius:20px;padding:.5em .75em;width:fit-content;cursor:pointer}main #popular-characters .links li a{color:#6a7070;text-align:center;white-space:nowrap}main #popular-characters .links li:hover{background-color:#305f51}main #popular-characters .links li:hover a{text-decoration:none;color:#e0e0e0}main #popular-characters .links li.selected{background-color:#3b7d6a}main #popular-characters .links li.selected a{color:#fff}main #popular-characters .links::-webkit-scrollbar{display:none}main #popular-characters #slider-wrapper{display:flex;flex-direction:row}main #popular-characters #slider-wrapper .navigation{margin-top:77px;font-size:30px;color:#fff;cursor:pointer;height:fit-content;width:fit-content}main #popular-characters #slider-wrapper .navigation:hover{color:#dadada}main #popular-characters #slider-wrapper .navigation#slider-left{padding:0 .5rem 0 0}main #popular-characters #slider-wrapper .navigation#slider-right{padding:0 0 0 .5rem}main #popular-characters #slider-wrapper #slider{align-items:flex-start;justify-content:space-between;max-height:265px;row-gap:3rem;overflow:hidden;flex-wrap:wrap;scrollbar-width:none;width:100%;will-change:transform;transition:opacity .2s ease-out;overflow-anchor:none}@media only screen and (max-width:576px){main #popular-characters #slider-wrapper #slider{justify-content:space-evenly}}main #popular-characters #slider-wrapper #slider::-webkit-scrollbar{display:none}main #popular-characters #slider-wrapper #slider .character a{display:flex;flex-direction:column;flex:0 0 auto;gap:.4rem}main #popular-characters #slider-wrapper #slider .character a img{object-fit:cover;border-radius:.6rem;box-shadow:0 1px 1px #a7a7a7;clip-path:inset(1.5% 1.5% 1.5% 1.5% round 5px);color:transparent}main #popular-characters #slider-wrapper #slider .character a img:hover{clip-path:none;border:1px solid white}main #popular-characters #slider-wrapper #slider .character a span{width:132px;word-break:break-word;font-size:.9rem;color:#313332;padding-left:.2rem;text-align:center}@media only screen and (max-width:576px){main #popular-characters #slider-wrapper #slider .character a span{text-align:center}}main #popular-characters #more-characters-buttons{display:flex;flex-direction:row;justify-content:center;gap:2rem}@media only screen and (max-width:576px){main #popular-characters #more-characters-buttons{flex-direction:column;gap:1rem;align-items:center}}main #popular-characters #more-characters-buttons #more-characters,main #popular-characters #more-characters-buttons #new-characters,main #popular-characters #more-characters-buttons #update-characters{background-color:#76cad4;color:#fff;border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1.5rem;text-align:center;font-size:.825rem;width:fit-content;box-shadow:0 0 1.1px #76cad407,0 0 3px #76cad40e,0 0 6px #76cad417,0 0 20px #76cad433;text-decoration:none}main #popular-characters #more-characters-buttons #more-characters:hover,main #popular-characters #more-characters-buttons #new-characters:hover,main #popular-characters #more-characters-buttons #update-characters:hover{background-color:#68b4bc;box-shadow:0 0 3px #68b4bc;cursor:pointer}main #popular-characters #more-characters-buttons #more-characters:focus,main #popular-characters #more-characters-buttons #new-characters:focus,main #popular-characters #more-characters-buttons #update-characters:focus{outline:none;background-color:#45787e;color:#fff;box-shadow:0 0 0 3px #76cad4}main #news-spawn{margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #news-spawn{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #news-spawn{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #news-spawn{padding-left:.5rem;padding-right:.5rem}}main #news-spawn{display:flex;flex-direction:row;justify-content:space-between;gap:3%}@media only screen and (max-width:576px){main #news-spawn{justify-content:center}}@media only screen and (max-width:768px){main #news-spawn{flex-direction:column}main #news-spawn #spawn{justify-content:center;align-items:center;margin-top:2rem}}main #news-spawn #news{display:flex;flex-direction:column;width:100%;gap:.6rem}@media only screen and (max-width:576px){main #news-spawn #news{margin-top:.75rem}}main #news-spawn #news #news-wrapper{display:flex;flex-direction:row;gap:1%;justify-content:space-between;max-height:18.5rem;flex-wrap:wrap;overflow:hidden}@media only screen and (max-width:576px){main #news-spawn #news #news-wrapper{padding-bottom:.5rem}}main #news-spawn #news #news-wrapper>.news{flex-basis:32%}@media only screen and (max-width:1200px){main #news-spawn #news #news-wrapper>.news{flex-basis:49%}}@media only screen and (max-width:576px){main #news-spawn #news #news-wrapper{flex-direction:column;max-height:none;flex-wrap:initial;overflow:initial;gap:1.5rem}}main #news-spawn #news #news-wrapper .news{display:flex;flex-direction:column;gap:.5rem;height:18.5rem;justify-content:flex-start}@media only screen and (max-width:576px){main #news-spawn #news #news-wrapper .news{gap:.5rem}}main #news-spawn #news #news-wrapper .news .blurhash-image{position:relative;width:100%;height:12.5rem;border-radius:6px;overflow:hidden}main #news-spawn #news #news-wrapper .news .blurhash-image img,main #news-spawn #news #news-wrapper .news .blurhash-image .placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}main #news-spawn #news #news-wrapper .news .blurhash-image img{opacity:0;transition:opacity .3s ease}main #news-spawn #news #news-wrapper .news .blurhash-image img.loaded{opacity:1}main #news-spawn #news #news-wrapper .news img{object-fit:cover;border-radius:6px;height:12.5rem;width:100%}main #news-spawn #news #news-wrapper .news .text-wrapper{display:flex;flex-direction:column;gap:.25rem;width:95%}@media only screen and (max-width:576px){main #news-spawn #news #news-wrapper .news .text-wrapper{width:100%}}main #news-spawn #news #news-wrapper .news .text-wrapper .news-title{font-size:.9rem;color:#333;text-decoration:none;width:fit-content}main #news-spawn #news #news-wrapper .news .text-wrapper .news-title:hover{text-decoration:underline}main #news-spawn #news #news-wrapper .news .text-wrapper .news-description{color:#3b3b3b;width:85%}main #news-spawn #news #news-wrapper .news .news-description{font-size:.75rem}main #news-spawn #news #news-wrapper .news .news-info{font-size:.6rem;word-wrap:keep-all;color:#5f5f5f}main #news-spawn #news #news-wrapper .news .news-info a{color:#383838;text-decoration:none}main #news-spawn #news #news-wrapper .news .news-info a:hover{text-decoration:underline}main #news-spawn #news #news-wrapper .news .news-info .material-icons{font-size:.6rem}main #news-spawn .all-news-wrapper{display:flex;justify-content:flex-end}main #news-spawn .all-news-wrapper a[href="/news"]{color:#357a5d;font-size:.85rem;text-align:right}main #trending{display:flex;flex-direction:column;background-color:#ebf5f6;padding:3rem 4rem}@media only screen and (max-width:1200px){main #trending{padding:1.5em 0}}main #trending{gap:3rem}main #trending .category-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #trending .category-wrapper{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #trending .category-wrapper{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #trending .category-wrapper{padding-left:.5rem;padding-right:.5rem}}main #trending .category-wrapper{justify-content:space-between}main #trending .category-wrapper .title{font-weight:500;font-size:2rem}@media only screen and (max-width:576px){main #trending .category-wrapper .title{padding:.5rem 0 0 .75rem}}main #trending #series{display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #trending #series{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #trending #series{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #trending #series{padding-left:.5rem;padding-right:.5rem}}main #trending #series{justify-content:space-between;flex-wrap:wrap;max-height:12rem}@media only screen and (max-width:576px){main #trending #series{flex-direction:column}}@media only screen and (max-width:992px){main #trending #series{max-height:20rem}}@media only screen and (max-width:768px){main #trending #series{max-height:none}}main #trending #series .series{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:flex-start;padding:1rem 0 0 .5rem;gap:1rem}main #trending #series .series .logo{object-fit:contain}main #trending #series .series .logo-wrapper{position:relative;width:48px;height:48px}main #trending #series .series .logo-wrapper img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain;color:transparent}main #trending #series .series .logo-wrapper .logo-overlay{filter:grayscale(1) brightness(0) drop-shadow(0 0 2px rgba(44,44,44,.75));z-index:1}main #trending #series .series .logo-wrapper .logo{z-index:2}main #trending #series .series .position{color:#576e71}main #trending #series .series .name{color:#000;text-decoration:none}main #trending #series .series .name:hover{text-decoration:underline}main #trending #characters{display:flex;flex-direction:row;margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #trending #characters{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #trending #characters{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #trending #characters{padding-left:.5rem;padding-right:.5rem}}main #trending #characters{flex-wrap:wrap;justify-content:space-between}main #trending #characters .character{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:flex-start;width:fit-content;padding:1rem 0 0 .5rem;gap:.66rem;flex-basis:25%}@media only screen and (max-width:1200px){main #trending #characters .character{flex-basis:30%}main #trending #characters .character:nth-last-child(-n+2){display:none}}@media only screen and (max-width:885px){main #trending #characters .character{flex-basis:50%}main #trending #characters .character:nth-last-child(-n+2){display:flex}}@media only screen and (max-width:576px){main #trending #characters .character{flex-basis:100%}main #trending #characters .character:nth-last-child(-n+4){display:none}}main #trending #characters .character a{text-decoration:none}main #trending #characters .character img{clip-path:inset(2% 2% 2% 2% round 5px);border-radius:.6rem}main #trending #characters .character .position{color:#576e71}main #trending #characters .character .name{color:#000;text-decoration:none}main #trending #characters .character .name:hover{text-decoration:underline}main #trending .all-series-wrapper,main #trending .all-characters-wrapper{display:flex;justify-content:flex-end}main #trending .all-series-wrapper a[href="/search?type=series"],main #trending .all-series-wrapper a[href^="/search?type=character"],main #trending .all-characters-wrapper a[href="/search?type=series"],main #trending .all-characters-wrapper a[href^="/search?type=character"]{color:#357a5d;font-size:.85rem;text-align:right}@media only screen and (max-width:576px){main #trending .all-series-wrapper a[href="/search?type=series"],main #trending .all-series-wrapper a[href^="/search?type=character"],main #trending .all-characters-wrapper a[href="/search?type=series"],main #trending .all-characters-wrapper a[href^="/search?type=character"]{padding-right:3%}}main #recommendations{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #recommendations{padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #recommendations{padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #recommendations{padding-left:.5rem;padding-right:.5rem}}main #recommendations{padding:1rem 3%;gap:2rem;overflow:hidden}main #recommendations .title{font-weight:500;font-size:2rem;text-align:center}main #recommendations #reco-slider{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.75rem;height:265px}main #recommendations #reco-slider .arrow{user-select:none;cursor:pointer;stroke:#292d32}main #recommendations #reco-slider .img-wrapper{position:relative}main #recommendations #reco-slider .img-wrapper .cover{max-height:265px;height:auto;width:120px;object-fit:contain;color:transparent;user-select:none}main #recommendations #reco-slider .img-wrapper .cover-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;max-height:265px;object-fit:contain;height:auto;filter:grayscale(1) brightness(0) drop-shadow(0 0 2px rgba(44,44,44,.75));z-index:-1}main #recommendations #reco-slider .img-wrapper.selected .cover{max-height:265px;height:auto;width:170px;z-index:1}main #recommendations #reco-slider .img-wrapper.selected .cover-bg{width:170px}main #recommendations #all-series{background-color:#fff0;color:#000;border:1px solid #484748;border-radius:2px;padding:.75em 1.5em;height:2.5rem;line-height:1.1rem;font-size:.85rem;text-decoration:none;width:fit-content;margin:0 auto}main #recommendations #all-series:hover{background-color:#eaeaea;cursor:pointer}main #recommendations #all-series:focus{outline:none;background-color:#ddd}main #spawn{display:flex;flex-direction:column;gap:.5rem}main #spawn .category-wrapper{align-items:middle;text-align:center}main #spawn .category-wrapper #respawn{all:unset;height:1.15rem}main #spawn .category-wrapper #respawn .material-icons{line-height:1.15rem;font-size:1rem;color:#357a5d;user-select:none!important;cursor:pointer}main #spawn .category-wrapper #respawn .material-icons:hover{color:#5c967d;cursor:pointer}main #spawn .category-wrapper #respawn .material-icons:focus{color:#568b74}main #spawn #character{height:300px;width:250px;position:relative}main #spawn #character.loading{opacity:.66}main #spawn #character.loading .char-image-bg{border-radius:12px}main #spawn #character .char-image-bg{height:300px;width:250px;position:absolute;top:0;left:0;background-image:url(/images/none.png);background-size:cover;background-position:0 33%;background-repeat:no-repeat;border-radius:20px;min-width:100%;z-index:-1}main #spawn #character .char-image-bg:after{height:300px;width:250px;content:"";position:absolute;top:0;left:0;border-radius:10px;backdrop-filter:blur(10px);min-width:100%;z-index:0}main #spawn #character .char-image-bg-overlay{height:300px;width:250px;position:absolute;top:0;left:0;background-color:#68a2a6b3;clip-path:polygon(0 70%,100% 60%,100% 100%,0% 100%);z-index:1;border-radius:10px}main #spawn #character .char-image{position:absolute;height:210px;width:135px;top:15%;left:50%;transform:translate(-50%,-15%);z-index:2;clip-path:inset(1.5% 1.5% 1.5% 1.5% round 5px);border-radius:5px;box-shadow:0 5px 10px 7px #0000001a,0 -5px 5px #0000001a;transition:ease 2s}main #spawn #character .char-name{position:absolute;left:50%;top:83%;transform:translate(-50%,-82%);color:#fff;z-index:2;white-space:nowrap;text-decoration:none}main #spawn #character .char-name:hover{text-decoration:underline}main #spawn #character .char-series{position:absolute;left:50%;top:94.5%;transform:translate(-50%,-94%);color:#fff;z-index:2;font-size:.9rem;width:80%;height:1.1rem;text-align:center;display:flex;justify-content:center;align-items:center;text-decoration:none}main #spawn #character .char-series:hover{text-decoration:underline}main #spawn #options-wrapper{display:flex;justify-content:flex-end}main #spawn #options-wrapper #options{display:flex;flex-direction:row;justify-content:flex-end;width:fit-content;text-align:right;color:#357a5d;font-size:.85rem}main #spawn #like{outline:none}main #spawn #like:focus{outline:none}main #spawn #like.liked{color:#f2105a;background-color:#ffedf3}main #spawn #like{position:absolute;top:55%;left:89%;transform:translate(-55%,-89%);background-color:#fff;border-radius:50%;padding:.4rem;color:#d7d7d7;z-index:1;text-decoration:none;cursor:pointer}@media only screen and (max-width:576px){main #spawn #like{cursor:default}}main #spawn #like:after{content:"";border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#bfbfbf33;transition:opacity .1s;z-index:2;opacity:0}main #spawn #like:not(.liked):hover{background-color:#ddd;color:#ff8080}main #spawn #like:focus{background-color:#ffedf3}main #spawn-separator{height:10rem;background-color:#ebf5f6}main #spawn:not(#news-spawn #spawn){margin:0 auto;width:100%;max-width:83.3125rem;padding:0 2rem}@media only screen and (max-width:992px){main #spawn:not(#news-spawn #spawn){padding-left:0 1.5rem;padding-right:0 1.5rem}}@media only screen and (max-width:768px){main #spawn:not(#news-spawn #spawn){padding-left:1rem;padding-right:1rem}}@media only screen and (max-width:360px){main #spawn:not(#news-spawn #spawn){padding-left:.5rem;padding-right:.5rem}}main #spawn:not(#news-spawn #spawn){padding:2rem 0;width:250px}main #spawn:not(#news-spawn #spawn) .category-wrapper{width:100%;justify-content:space-between}main #spawn:not(#news-spawn #spawn) #spawn-wrapper{display:flex;flex-direction:row;justify-content:flex-end;color:#357a5d;font-size:.85rem}main .category-wrapper{display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:576px){main .category-wrapper{justify-content:center}}main{margin-bottom:1rem}body.dark main #background:after{background-color:#323d4be6}body.dark main #popular-characters h1{color:#eaeaea}body.dark main #popular-characters .links .selected{background-color:#3c556d}body.dark main #popular-characters .links li a{color:#f8f8f8}body.dark main #popular-characters .links li:hover{background-color:#32475a}body.dark main #popular-characters #slider-wrapper #slider .character a span{color:#eaeaea}body.dark main #popular-characters #more-characters-buttons #more-characters,body.dark main #popular-characters #more-characters-buttons #new-characters,body.dark main #popular-characters #more-characters-buttons #update-characters{background-color:#447997;box-shadow:0 0 1.1px #76cad407,0 0 3px #76cad40e,0 0 6px #76cad417,0 0 20px #73979b33}body.dark main #popular-characters #more-characters-buttons #more-characters:hover,body.dark main #popular-characters #more-characters-buttons #new-characters:hover,body.dark main #popular-characters #more-characters-buttons #update-characters:hover{background-color:#6fa8ca}body.dark main #news-spawn #news .category-wrapper .category{color:#eaeaea}body.dark main #news-spawn #news .all-news-wrapper a[href="/news"]{color:#6fa8ca}body.dark main #news-spawn #news #news-wrapper .news .text-wrapper .news-title{color:#eaeaea}body.dark main #news-spawn #news #news-wrapper .news .text-wrapper .news-description{color:#eee}body.dark main #news-spawn #news #news-wrapper .news .news-info{color:#bbb}body.dark main #news-spawn #news #news-wrapper .news .news-info a{color:#eaeaea}body.dark main #news-spawn #spawn #character .char-image-bg-overlay{background-color:#323d4be6}body.dark main #news-spawn #spawn .category-wrapper #respawn .material-icons{color:#6fa8ca}body.dark main #news-spawn #spawn .category-wrapper #respawn .material-icons:hover{color:#447997}body.dark main #trending{background-color:#303d4a}body.dark main #trending .category-wrapper .all-series-wrapper a,body.dark main #trending .category-wrapper .all-characters-wrapper a{color:#eaeaea}body.dark main #trending .all-series-wrapper a,body.dark main #trending .all-characters-wrapper a{color:#eaeaea}body.dark main #trending #series .series .position{color:#ccc}body.dark main #trending #series .series .name{color:#f8f8f8}body.dark main #trending #series .series .logo-wrapper .logo-overlay{display:none}body.dark main #trending #characters .character .position{color:#ccc}body.dark main #trending #characters .character .name{color:#f8f8f8}body.dark main #recommendations #reco-slider .arrow{stroke:#eaeaea}body.dark main #recommendations #all-series{border-color:#2c323c;color:#eaeaea}body.dark main #recommendations #all-series:hover{background-color:#2c323c}body.dark main #recommendations #all-series:focus{background-color:#404957}body.dark main #spawn-separator{background-color:#303d4a}body.dark main #spawn #character .char-image-bg-overlay{background-color:#323d4be6}body.dark main #spawn .category-wrapper #respawn .material-icons{color:#6fa8ca}body.dark main #spawn .category-wrapper #respawn .material-icons:hover{color:#447997}