/*==================================================

Makes Bio Longer

==================================================*/
.about > .content-wrap {
transform: scale(1) !important;
max-height: none !important;
}

/*==================================================
Adds Background Image
==================================================*/
body {
background-image:
url("https://p4.wallpaperbetter.com/wallpaper/487/30/484/anime-kaguya-sama-love-is-
war-kaguya-shinomiya-hd-wallpaper-preview.jpg");
background-position: 50% 50%;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
}

/*==================================================
Removes Banner
==================================================*/
.banner {
visibility: hidden;
}
.banner > .container {
visibility: visible;
justify-content: center;
}

/*==================================================
Changes AL Home Logo & Adds Hover
==================================================*/
.logo img[data-v-4fbac4e1] {
content: url(https://i.imgur.com/iyzh96E.png);
}
.logo:hover {
transition: transform 0.5s ease-in-out;
transform: scale(1.6);
border-radius: 20px;
overflow: hidden;
}

/*==================================================
Adds a gif or image to search button
==================================================*/
.search[data-v-4fbac4e1]:hover svg {
background:
url(https://media1.tenor.com/images/5ec41fd81b5bca6557a7459621177a3a/tenor.gif?
itemid=17006209);
background-repeat: no-repeat;
background-size: contain;
color: #87b9ff;
transform: scale(10) translate(0px, 13px) !important;
}

/*==================================================
 Removes 'using custom css' notice
==================================================*/
.about[data-v-2cf72664] .markdown h5 a {
display: none;
}

/*==================================================
Changes Nav section. - Shorter navbar
==================================================*/
.nav-wrap[data-v-5445dac8] {
background: rgb(var(--color-foreground));
width: 80%;
margin: 0 auto;
border-radius: 30px;
}
.nav[data-v-5445dac8] {
padding: 0px;
}

/*==================================================
Re-aligns more stuff... Part of shorter navbar
==================================================*/
.content.container {
max-width: 80%;
padding-left: 0px;
padding-right: 0px;
}
.activity-feed-wrap[data-v-09492909] {
margin-left: 1%;
}
.stats-wrap[data-v-5c30286e]
{
margin-left: 1%;
}

/*==================================================
Transparent Container around everything
==================================================*/
.header-wrap > .nav-wrap {
max-width: 80%;
margin: 0 auto;
border-radius: 30px 30px 0 0;
box-shadow: var(--nutella-ns);
position: relative;
}
.nav > .link {
position: relative;
}
.nav > .link::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
height: 2px;
width: 0;
background: rgb(var(--color-blue));
transition: all 0.3s ease-in-out;
}
.nav > .router-link-active::after {
 left: 0;
width: 100%;
background: rgb(var(--color-blue-dim));
}
.nav > .link:hover::after {
left: 0;
width: 100%;
background: rgb(var(--color-blue));
}
.content.container {
background: rgba(var(--color-foreground-grey),0.7);
max-width: 80%;
padding: 30px;
border-radius: 0 0 30px 30px;
box-shadow: var(--nutella-bs);
}

/*==================================================
Changes stuff inside container(hover and other stuff)
==================================================*/
.content > .overview {
margin-top: 0;
}
.about > .stats-wrap > .content-wrap, .desktop > .content-wrap, .activity-entry
> .wrap, .favourites-wrap > .favourite, .scroller > .load-more, .user-page-unscoped
.markdown-editor, .el-textarea__inner, .input {
border-radius: 20px !important;
box-shadow: var(--nutella-bs);
transition: all 0.5s ease-in-out;
}
.history-day:hover {
transform: scale(1.2);
}
.history-day[data-v-514856af] {
border-radius: 20px;
}
.activity-entry > .wrap {
transition: all 0.5s ease-in-out;
}
.activity-entry:hover .wrap {
transform: scale(1.02);
}
.wrap > .text {
padding-top: 15px;
}
.header > .avatar, .list > .cover {
opacity: var(--nutella-vo);
transition: all 0.5s ease-in-out;
}
.wrap:hover .cover {
opacity: 1;
}
.wrap:hover .header > .avatar, .users > .user:hover, .reply:hover .header
> .avatar {
opacity: 1;
border-color: rgb(var(--color-blue));
}
.header > .name {
transition: all 0.5s ease-in-out;
 }
.wrap:hover .header > .name {
opacity: 1;
}
.activity-entry, .input, svg:not(:root).svg-inline--fa {
transition: all 0.5s ease-in-out;
}
.list .title, .input .el-textarea__inner {
opacity: var(--nutella-vo);
transition: all 0.5s ease-in-out;
}
.activity-manga_list:hover, .activity-anime_list:hover {
transform: scale(1.01);
}
.activity-manga_list:hover .title, .activity-anime_list:hover .title {
opacity: 1;
}
.input:hover {
transform: scale(1.025);
}
.input:hover .el-textarea__inner {
opacity: 1;
}
.scroller > .load-more {
margin-top: 0;
}
.scroller > .load-more:hover {
color: rgb(var(--color-blue));
box-shadow: var(--nutella-bs);
transform: scale(1.025);
}
.activity-replies > .reply {
border-radius: 20px;
}
.reply:hover .header > .name {
opacity: 1;
}

/*==================================================
Favorites section (ChriSenpai fix) - Also removes container bg
==================================================*/
.overview .favourites > .favourites-wrap {
overflow: visible;
background: none; !important
border-radius: 4px;
grid-gap: 20px !important;
display: grid !important;
grid-template-columns: repeat(auto-fill,85px);
justify-content: space-evenly;
margin-bottom: 15px;
padding: 15px !important;
}

.favourites .favourite:hover {
transition: transform 0.15s ease-in-out;
transform: scale(1.20);
z-index: 20;
}
.favourite.studio {
background: none; !important
text-align: center;
font-size: 1.4rem;
font-weight: 600;
height: 25px;
width: auto;
}

/*==================================================
Navbar Buttons Hover
==================================================*/
.link[data-v-4fbac4e1] {
transition: transform 0.15s ease-in-out;
}
.link[data-v-4fbac4e1]:hover {
transform: scale(1.2);
color: #c70025
}

/*==================================================
Changes Top Navbar
==================================================*/
.wrap[data-v-4fbac4e1] {
max-width: 65%;
position: relative;
margin: 1vw 0;
background-color: rgba(135, 185, 255,0.05) !important;
box-shadow: 0 10px 20px rgb(135, 185, 255/ 50%);
border-radius: 15px;
}
.wrap[data-v-4fbac4e1] {
align-items: center;
display: flex;
height: 85%;
width: 100%;
}
.nav[data-v-4fbac4e1] {
background-color: rgba(135, 185, 255,0) !important;
}

/*==================================================
Changes Username Font
==================================================*/
.name[data-v-4f7beb35] {
font-size: 2.9rem;
padding: 10px 15px 11px 15px;
color: #c70025;
font-family: "Arial";
display: flex;
align-items: center;
}

/*==================================================
Adds Search Anilist Bar at Top Navbar
==================================================*/
.nav .wrap {
display: grid;
grid-template-columns: 70px auto auto 70px;
 }
.nav .wrap .links {
grid-column-start: 3;
margin-left: -25px;
}
.nav .wrap .search {
grid-column-start: 2;
grid-row-start: 1;
padding: 10px;
background-color: #0f161f;
border-radius: 35px;
width: 100%;
cursor: text;
font-family: "Overpass"
}
.nav .wrap .search:after {
content: "Search AniList";
margin-left: 10px;
color: #c70025;
}
.nav .wrap .user {
grid-column-start: 4;
grid-row-start: 1;
margin-left: -15px;
}

/*==================================================
Content - Anime & Manga List
==================================================*/
.content > .medialist {
margin-top: 0;
}
/*==================================================
Content - Favorites
==================================================*/
.favourites {
margin-top: 0 !important;
}
/*==================================================
Content - Stats
==================================================*/
.content > .stats {
margin-top: 0;
}
/*==================================================
Content - Social
==================================================*/
.content > .user-social {
margin-top: 0;
}
.filter-group span:hover {
background: rgb(var(--color-foreground));
color: rgb(var(--color-blue));
}
.follow-card {
opacity: var(--nutella-vo);
border-radius: 255px;
}
.follow-card > .avatar {
 border: 4px solid rgb(var(--color-background));
border-radius: 255px !important;
transition: all 0.15s ease-in-out;
}
.follow-card:hover, .follow-card > .avatar:hover {
opacity: 1;
transform: scale(1.1);
border-color: rgb(var(--color-blue));
}
.follow-card > .name {
background: rgba(var(--color-shadow),.4);
}

/*==================================================
Changes Footer
==================================================*/
.wrap > .footer {
position: relative;
background: rgb(135, 185, 255.5);
border-radius: 30px 30px 0 0;
left: calc((100% - 85%) / 2);
width: 85%;
box-shadow: var(--nutella-bs);
}
.theme-selector > .dark {
background: #c70025;
}
.theme-selector > h2 {
color: #c70025;
}
a, a:visited {
color: rgb(var(--color-text));
}

/*==================================================
Large Stats
==================================================*/
.stats-wrap[data-v-815ccddc] {
display: grid;
grid-auto-flow: row;
grid-row-gap: 10px;
grid-template-columns: auto auto;
padding: 20px 40px;
text-align: left;
}
.stat[data-v-815ccddc]:nth-child(1) {
grid-row-start: span 2;
}
.stat:nth-child(1) .value[data-v-815ccddc] {
font-size: 5.5rem;
}
.stat .value[data-v-815ccddc] {
font-size: 2rem;
font-family: cursive;
padding-bottom: 0px;
}
.stat .label[data-v-815ccddc] {
font-size: 1.2rem;
 }
.list-stats[data-v-815ccddc]:nth-child(1) .stat[data-v-815ccddc]:nth-
child(1) .label:before {
content: '';
mask: url(https://criolaservice.by/AL-css/svg/tv.svg) no-repeat 50% 50%;
-webkit-mask: url(https://criolaservice.by/AL-css/svg/tv.svg) no-repeat 50%
50%;
mask-size: cover;
-webkit-mask-size: cover;
width: 19px;
height: 16px;
margin-right: 5px;
background-color: rgba(var(--color-text-light));
}
.list-stats[data-v-815ccddc]:nth-child(2) .stat[data-v-815ccddc]:nth-
child(1) .label,
.list-stats[data-v-815ccddc]:nth-child(1) .stat[data-v-815ccddc]:nth-
child(1) .label {
display: flex;
align-items: center;
color: rgb(var(--color-text-light));
margin-right: 23px;
}
.list-stats[data-v-815ccddc]:nth-child(2) .stat[data-v-815ccddc]:nth-
child(1) .label:before {
content: '';
mask: url(https://criolaservice.by/AL-css/svg/book.svg) no-repeat 50% 50%;
-webkit-mask: url(https://criolaservice.by/AL-css/svg/book.svg) no-repeat 50%
50%;
mask-size: cover;
-webkit-mask-size: cover;
width: 13px;
height: 16px;
margin-right: 5px;
background-color: rgba(var(--color-text-light));
}

.banner-content[data-v-5445dac8] {
position: relative;
}

/*==================================================
Border Around (almost) Everything
==================================================*/
.overview .wrap, .overview .content-wrap, .scroller > .load-more {
border: 1px solid #c70025;
}

/*==================================================
Activity Creator Border
==================================================*/
.input {
border: 1px solid #c70025f;
overflow: hidden;
}

/*==================================================
Badge next to name
==================================================*/
 .name[data-v-4f7beb35]::after {
content: "Kurumi fanboy ♡";
position: relative;
left: 10px;
top: 10px;
background: rgba(var(--color-blue),.8);
border-radius: 10px;
color: rgba(135, 185, 255, 1);
padding: 5px 8px;
margin-bottom: 20px;
margin-right: 10px;
transition: .4s;
font-size: 1.8rem;
transition: .5s;
text-transform: capitalize;
animation-duration: 20s;
animation-iteration-count: infinite;
animation-name: rainbow;
animation-timing-function: ease-in-out;
}

/*==================================================
Badge next to People's names
==================================================*/
.text > .header > .name::after, .reply > .header > .name::after {
content: 'GOD PERSON ♡';
position: relative;
top: -1px;
left: 4px;
padding: 5px 8px;
border-radius: 10px;
font-size: 1.2rem;
font-family: cursive;
font-weight: bold;
color: #87b9ff;
transition: .5s;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-name: rainbow;
animation-timing-function: ease-in-out;
}
/*==================================================
Adds text at bottom of activity boxes
==================================================*/
.activity-markdown[data-v-1bf2cf4e]:after {
content: "You´re awesome ♡ ";
white-space: pre-wrap;
font-style: italic;
justify-content: flex-end;
display: flex;
}

/*==================================================
Adds text before 'activity'
==================================================*/
.section-header[data-v-09492909]::before {
transition: transform .7s ease-in-out;
visibility: visible;
content: "Arniko´s";
 color: #c70025
}

/*==================================================
Scrollbar
==================================================*/
html {
scrollbar-width: thin;
scrollbar-color: #c70025;
}

Chrome scrollbar:

::-webkit-scrollbar {
width: 6px;
background: #c70025;
}

::-webkit-scrollbar-corner {
background: #c70025;
}
::-webkit-scrollbar-thumb {
background: #c70025;
-webkit-border-radius: 1ex;
}

/*==================================================
Spoiler Tag
==================================================*/
.markdown .markdown-spoiler::before {
color: #c70025;
font-weight: 500;
background: #0b1622;
border-radius: 20px;
border: 1px solid #000;
content: "Click to get spoiled ";
font-size: 1.3rem;
padding: 4px 7px;
}

/*==================================================
Removes Max-Height from Bio
==================================================*/
.about > .content-wrap {
max-height: none !important;
}

/*╔══════════════════════════════════════════════════╗
Adds Hover for User Avatars
╚══════════════════════════════════════════════════╝*/
.wrap > .text > .header > .avatar, .reply > .header > .avatar {
transition: transform 0.15s ease-in-out;
transform: scale(1.2);
}
.wrap > .text > .header > .avatar:hover, .reply > .header > .avatar:hover{
transform: scale(1.4);
}

/*╔══════════════════════════════════════════════════╗
 Deletes "Submissions" & "Reviews" Link on Navbar
╚══════════════════════════════════════════════════╝*/
.link[data-v-4f7beb35]:nth-child(7) {
display: none;
visibility: hidden;
}

.link[data-v-4f7beb35]:nth-child(8) {
display: none;
visibility: hidden;
}

//*╔══════════════════════════════════════════════════╗
Changes the color of (most) text to white, and active text pink
╚══════════════════════════════════════════════════╝*/
.filter-group .draggable > span[data-v-063397cc], .filter-group > span[data-v-
063397cc], .overview[data-v-5c30286e] .section-header, .footer .links a[data-v-
a5dce466], .filter-group .group-header[data-v-063397cc], .section-header[data-v-
3f86aedd], .medialist.table.compact .section-name, .filter-group .group-
header[data-v-1e00b9da], .filter-group a[data-v-1e00b9da], .highlight .label[data-
v-72dc5b51], .heading h3[data-v-72dc5b51], .filter-group[data-v-e4963b98] .group-
header, .user-social .filter-group span, .title[data-v-e74f4a6a], .title[data-v-
ee1a47a4], .el-dropdown-link, .no-reviews[data-v-5e6a17b4], .filter-group[data-v-
3ed82f3f] .group-header, .filter-group span[data-v-3ed82f3f], .no-submissions[data-
v-c0cad978] {
color: #c70025;
}

.filter-group .active[data-v-063397cc], .filter-group a.router-link-active[data-

v-1e00b9da], .user-social .filter-group span.active, .filter-group
span.active[data-v-3ed82f3f] {
color: #c70025;
}

.filter-group a[data-v-1e00b9da]:hover, .hohStatsTrigger:hover {

color: #c70025;
}

/*

/*╔══════════════════════════════════════════════════╗
Border around Favorites
╚══════════════════════════════════════════════════╝*/
.favourite[data-v-0317d914] {
border: 1px solid #c70025;
}

.favourite[data-v-0317d914]:hover {
border: 1px solid #c70025;
}

/*╔══════════════════════════════════════════════════╗
Changes extension additions font color
╚══════════════════════════════════════════════════╝*/
.hohStatsTrigger, .hohStepper {
color: #c70025
}