TrxShell [ mangaberri.com ]

Name	Size	Permission
js	[ DIR ]	drwxrwxrwx
uploads	[ DIR ]	drwxrwxrwx
.htaccess	480 B	-rwxrwxrwx
00-01.jpg	562.85 KB	-rwxrwxrwx
02.jpg	35.82 KB	-rwxrwxrwx
03.jpg	378.77 KB	-rwxrwxrwx
04-05.jpg	696.59 KB	-rwxrwxrwx
06-07.jpg	685.45 KB	-rwxrwxrwx
08.jpg	421.87 KB	-rwxrwxrwx
09.jpg	410.44 KB	-rwxrwxrwx
10.jpg	330.76 KB	-rwxrwxrwx
AgentForm.html	11.52 KB	-rwxrwxrwx
AgentPanel.html	17.48 KB	-rwxrwxrwx
AgentReport.html	24.23 KB	-rwxrwxrwx
actions.php	8.96 KB	-r--r--r--
add_article.php	18.23 KB	-r--r--r--
add_chapter_section.php	16.65 KB	-r--r--r--
add_new_manga.php	20.77 KB	-r--r--r--
articles.php	18.06 KB	-r--r--r--
bootstrap.min.css	141.49 KB	-rwxrwxrwx
bootstrap.min.js	47.8 KB	-rwxrwxrwx
change-password.php	8.51 KB	-r--r--r--
comment.php	21.18 KB	-r--r--r--
dashboard.php	21.05 KB	-r--r--r--
datasource.php	1.49 KB	-rw-r--r--
dbhelper.php	35.6 KB	-r--r--r--
edit_article.php	19.52 KB	-r--r--r--
edit_chapter_section.php	35.2 KB	-r--r--r--
edit_chapter_section_org.php	16.57 KB	-r--r--r--
edit_chapter_section_org1.php	35.18 KB	-r--r--r--
edit_manga.php	23.45 KB	-r--r--r--
error.php	0 B	-r--r--r--
favicon.ico	67.58 KB	-rwxrwxrwx
footer.php	1.21 KB	-r--r--r--
generate_sitemap.php	13.18 KB	-r--r--r--
genre.php	23.01 KB	-r--r--r--
header.php	8.31 KB	-r--r--r--
home.php	45.57 KB	-r--r--r--
index.php	258 B	-r--r--r--
insert-image.png	12.36 KB	-rwxrwxrwx
jquery-slim.min.js	67.97 KB	-rwxrwxrwx
loading-dark.gif	17.85 KB	-rwxrwxrwx
log.txt	4.42 KB	-rwxrwxrwx
login.php	0 B	-r--r--r--
logo_dark.7c81824.png	70.25 KB	-rwxrwxrwx
logo_light.d9991b5.png	70.25 KB	-rwxrwxrwx
logo_white.f5e6e19.png	70.25 KB	-rwxrwxrwx
logout.php	185 B	-r--r--r--
main.js	56 B	-rwxrwxrwx
manga_requests.php	11.38 KB	-r--r--r--
page_section.php	15.59 KB	-r--r--r--
phpinfo.php	18 B	-r--r--r--
popper.min.js	18.74 KB	-rwxrwxrwx
rome.css	1.76 KB	-rwxrwxrwx
rome.js	433.52 KB	-rwxrwxrwx
script.php	1.41 KB	-r--r--r--
signin.php	6.97 KB	-r--r--r--
signup.php	7.23 KB	-r--r--r--
sitemap.xml	886.98 KB	-rwxrwxrwx
sitemap1.xml	13.43 KB	-rwxrwxrwx
starter-template.css	109 B	-rwxrwxrwx
statistics.php	18.06 KB	-r--r--r--
style_css.php	97.59 KB	-r--r--r--
styles.css	660.94 KB	-rwxrwxrwx
thumbnail(19).webp	40.43 KB	-rwxrwxrwx
transfer_image.php	1.91 KB	-r--r--r--
upload.php	1.26 KB	-r--r--r--

Code Editor : style_css.php

.light-mode,
	:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

body {
		margin: 0 !important;
		font-family: "Poppins", sans-serif;
		color: #f1f1f1 !important;
		color: var(--text) !important;
		background: #100b0c;
		background: var(--background-body)
	}

::-webkit-scrollbar-track {
		background: #181717 !important;
		background: var(--background) !important;
		scrollbar-color: #e3ac53;
		scrollbar-color: var(--primary);
		padding-left: 2px
	}

::-webkit-scrollbar-thumb {
		background: #e3ac53;
		background: var(--primary);
		border: 1px solid #2f2f2f;
		border: 1px solid var(--border);
		border-radius: 10px
	}

::-webkit-scrollbar {
		background: #262525 !important;
		background: var(--background-light) !important;
		width: 10px;
		height: 5px
	}

a,
	b {
		cursor: pointer
	}

:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode,
	:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.row {
		display: flex;
		flex-direction: row
	}

.column {
		display: flex;
		flex-direction: column
	}

.align-center {
		align-items: center
	}

.justify-center {
		justify-content: center
	}

.justify-between {
		justify-content: space-between
	}

.justify-start {
		justify-content: flex-start !important
	}

.flex-fill {
		display: flex;
		flex: 1 !important
	}

.relative {
		position: relative
	}

.grid-items-responsive {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));
		grid-auto-flow: unset;
		grid-auto-columns: unset;
		overflow-x: unset;
		max-width: unset;
		grid-gap: 1rem
	}

.divider {
		height: 1px;
		background: #262626;
		background: var(--border-darker);
		z-index: 0
	}

.medium-hide {
		display: unset
	}

@media screen and (min-width:768px) {
		.medium-hide {
			display: none !important
		}
	}

.medium-show {
		display: none !important
	}

@media screen and (min-width:768px) {
		.medium-show {
			display: unset !important
		}
	}

.large-show {
		display: none !important
	}

@media screen and (min-width:992px) {
		.large-show {
			display: unset !important
		}
	}

.large-hide {
		display: unset
	}

@media screen and (min-width:992px) {
		.large-hide {
			display: none !important
		}
	}

.row-responsive {
		display: flex;
		flex-direction: column
	}

@media screen and (min-width:768px) {
		.row-responsive {
			flex-direction: row
		}
	}

.bold {
		font-weight: 700
	}

.text-primary,
	.text-primary a {
		color: #e3ac53 !important;
		color: var(--primary) !important
	}

.text-light {
		color: #989898 !important;
		color: var(--text-light) !important
	}

.text-small {
		font-size: .85rem
	}

.text-large {
		font-size: 1.5rem
	}

.text-paragraph {
		line-height: 1.5
	}

.one-line {
		-webkit-line-clamp: 1
	}

.one-line,
	.two-line {
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical
	}

.two-line {
		-webkit-line-clamp: 2
	}

.search-result-container .manga-horizontal-item img {
		width: 60px !important;
		height: 80px !important
	}

@media screen and (max-width:576px) {
		.search-result-container .manga-horizontal-item img {
			width: 40px !important;
			height: 55px !important
		}
	}

.mt-1 {
		margin-top: .25rem !important
	}

.mb-1 {
		margin-bottom: .25rem !important
	}

.ml-1 {
		margin-left: .25rem !important
	}

.my-1 {
		margin-top: .25rem !important;
		margin-bottom: .25rem !important
	}

.mt-2 {
		margin-top: .5rem !important
	}

.mr-2 {
		margin-right: .5rem !important
	}

.mb-2 {
		margin-bottom: .5rem !important
	}

.ml-2,
	.mx-2 {
		margin-left: .5rem !important
	}

.mx-2 {
		margin-right: .5rem !important
	}

.my-2 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important
	}

.mt-3 {
		margin-top: 1rem !important
	}

.mr-3 {
		margin-right: 1rem !important
	}

.mb-3 {
		margin-bottom: 1rem !important
	}

.ml-3,
	.mx-3 {
		margin-left: 1rem !important
	}

.mx-3 {
		margin-right: 1rem !important
	}

.my-3 {
		margin-bottom: 1rem !important;
		margin-top: 1rem !important
	}

.g-3 {
		grid-gap: 1rem !important;
		gap: 1rem !important;
		grid-row-gap: 1rem !important;
		row-gap: 1rem !important;
		grid-column-gap: 1rem !important;
		-moz-column-gap: 1rem !important;
		column-gap: 1rem !important
	}

.mt-4,
	.my-4 {
		margin-top: 1.5rem !important
	}

.my-4 {
		margin-bottom: 1.5rem !important
	}

.mt-5 {
		margin-top: 3rem !important
	}

.mr-5 {
		margin-right: 3rem !important
	}

.mb-5 {
		margin-bottom: 3rem !important
	}

.mx-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important
	}

.my-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important
	}

.mr-auto,
	.mx-auto {
		margin-right: auto !important
	}

.mx-auto {
		margin-left: auto !important
	}

.my-auto {
		margin-bottom: auto !important;
		margin-top: auto !important
	}

.p-3 {
		padding: 1rem !important
	}

.p-5 {
		padding: 3rem !important
	}

.py-2 {
		padding-top: .5rem !important;
		padding-bottom: .5rem !important
	}

.py-3 {
		padding-bottom: 1rem !important;
		padding-top: 1rem !important
	}

.px-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important
	}

.px-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important
	}

.py-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}

.nuxt-progress {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 2px;
		width: 0;
		opacity: 1;
		transition: width .1s, opacity .4s;
		background-color: #e3ac53;
		z-index: 999999
	}

.nuxt-progress.nuxt-progress-notransition {
		transition: none
	}

.nuxt-progress-failed {
		background-color: red
	}

[data-v-5fa6951a]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-5fa6951a],
	[data-v-5fa6951a]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-5fa6951a] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.default-container[data-v-5fa6951a] {
		height: 100vh !important;
		overflow-y: hidden;
		overflow-x: hidden;
		display: flex;
		flex-direction: column
	}

.content-container[data-v-5fa6951a] {
		display: flex;
		flex: 1;
		flex-direction: column;
		overflow-y: scroll !important;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch
	}

[data-v-886cd264]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-886cd264],
	[data-v-886cd264]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-886cd264] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.header-bg[data-v-886cd264] {
		background: #181717;
		background: var(--background);
		box-shadow: 0 1px 2px hsla(0, 0%, 100%, .08);
		box-shadow: 0 1px 2px var(--shadow);
		z-index: 100
	}

.header[data-v-886cd264] {
		padding: 0 1rem;
		width: unset !important;
		display: flex;
		flex-direction: row
	}

@media screen and (min-width:992px) {
		.header[data-v-886cd264] {
			padding: unset
		}
	}

.menu-button[data-v-886cd264] {
		color: #f3efef;
		color: var(--text-inverse)
	}

.search-input[data-v-886cd264] {
		color: #f1f1f1;
		color: var(--text)
	}

@media screen and (min-width:992px) {
		.search-input[data-v-886cd264] {
			margin-left: 2rem;
			max-width: calc(100% - 500px)
		}
	}

.search-input[data-v-886cd264]::-moz-placeholder {
		color: #989898;
		color: var(--text-light)
	}

.search-input[data-v-886cd264]:-ms-input-placeholder {
		color: #989898;
		color: var(--text-light)
	}

.search-input[data-v-886cd264]::placeholder {
		color: #989898;
		color: var(--text-light)
	}

.search-input input[data-v-886cd264] {
		background-color: #262525 !important;
		background-color: var(--background-light) !important
	}

.theme-container[data-v-886cd264] {
		border-radius: 30px;
		width: 30px !important;
		height: 30px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: var(var(--secondary));
		cursor: pointer
	}

.theme-container[data-v-886cd264],
	.theme-dark[data-v-886cd264] {
		color: #181717;
		color: var(--text-dark)
	}

.theme-dark[data-v-886cd264] {
		background-color: #f3efef !important;
		background-color: var(--text-inverse) !important
	}

.theme-light[data-v-886cd264] {
		background-color: #e3ac53 !important;
		background-color: var(--secondary) !important;
		color: #f3efef;
		color: var(--text-inverse)
	}

[data-v-ca6cf050]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-ca6cf050],
	[data-v-ca6cf050]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-ca6cf050] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.container[data-v-ca6cf050] {
		max-width: 100vw;
		margin: 0 auto;
		width: 100%
	}

@media screen and (min-width:576px) {
		.container[data-v-ca6cf050] {
			max-width: 540px !important
		}
	}

@media screen and (min-width:768px) {
		.container[data-v-ca6cf050] {
			max-width: 720px !important
		}
	}

@media screen and (min-width:992px) {
		.container[data-v-ca6cf050] {
			max-width: 992px !important
		}
	}

@media screen and (min-width:1200px) {
		.container[data-v-ca6cf050] {
			max-width: 1140px !important
		}
	}

@media screen and (min-width:1400px) {
		.container[data-v-ca6cf050] {
			max-width: 1200px !important
		}
	}

[data-v-74ec4422]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-74ec4422],
	[data-v-74ec4422]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-74ec4422] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.no-decoration[data-v-74ec4422] {
		text-decoration: none
	}

.decoration[data-v-74ec4422] {
		text-decoration: underline
	}

.link[data-v-74ec4422] {
		color: #f1f1f1;
		color: var(--text)
	}

.link[data-v-74ec4422]:hover {
		color: #e3ac53 !important;
		color: var(--secondary) !important
	}

.horizontal[data-v-74ec4422] {
		flex: 1
	}

.img-loading[data-v-a1ebd7c8] {
		background-color: #efefef;
		border-radius: 8px;
		margin: 1rem
	}

.horizontal[data-v-a1ebd7c8] {
		-o-object-fit: contain !important;
		object-fit: contain !important;
		height: 100% !important
	}

[data-v-0bc1f7de]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-0bc1f7de],
	[data-v-0bc1f7de]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-0bc1f7de] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.menu-items-container[data-v-0bc1f7de] {
		display: flex;
		flex-direction: column
	}

@media screen and (min-width:768px) {
		.menu-items-container[data-v-0bc1f7de] {
			flex-direction: row;
			align-items: center
		}
	}

.category-popover[data-v-0bc1f7de] {
		background: #373737;
		border-radius: 5px;
		border: .5px solid #646464;
		position: absolute;
		right: 1rem;
		left: 1rem;
		top: 25px;
		display: none;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		min-width: 100%;
		z-index: 3000 !important
	}

.category-popover *[data-v-0bc1f7de] {
		color: #f3efef;
		color: var(--text-inverse)
	}

@media screen and (min-width:768px) {
		.category-popover[data-v-0bc1f7de] {
			grid-template-columns: auto auto auto;
			right: -400px;
			left: unset;
			min-width: 500px;
			top: 50px
		}
	}

.genre:hover .category-popover[data-v-0bc1f7de] {
		display: grid
	}

.menu-item[data-v-0bc1f7de] {
		color: #f1f1f1;
		color: var(--text)
	}

@media screen and (min-width:768px) {
		.menu-item[data-v-0bc1f7de] {
			color: #989898;
			color: var(--text-light)
		}
	}

.menu-item[data-v-0bc1f7de]:hover {
		color: #f1f1f1 !important;
		color: var(--text) !important
	}

@media screen and (min-width:768px) {
		.menu-item[data-v-0bc1f7de]:hover {
			color: #e3ac53 !important;
			color: var(--secondary) !important
		}
	}

.menu-item-selected[data-v-0bc1f7de] {
		color: #181717;
		color: var(--text-dark)
	}

@media screen and (min-width:768px) {
		.menu-item-selected[data-v-0bc1f7de] {
			color: #e3ac53;
			color: var(--primary)
		}
	}

[data-v-63ea5407]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-63ea5407],
	[data-v-63ea5407]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-63ea5407] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.signin[data-v-63ea5407] {
		text-align: left
	}

.user-container[data-v-63ea5407] {
		width: 18px;
		height: 18px;
		background: #f1f1f1;
		background: var(--text);
		padding: 6px;
		border-radius: 20px;
		color: #181717;
		color: var(--background);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: 1rem
	}

@media screen and (min-width:768px) {
		.user-container[data-v-63ea5407] {
			margin-left: 0
		}
	}

.profile-popover-container[data-v-63ea5407] {
		min-width: 200px;
		left: -100px
	}

[data-v-2b4258cd]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-2b4258cd],
	[data-v-2b4258cd]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-2b4258cd] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.nav-drawer[data-v-2b4258cd] {
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 1000;
		transition: .25s ease-in-out;
		-webkit-text-size-adjust: none
	}

.nav-container[data-v-2b4258cd],
	.nav-drawer[data-v-2b4258cd] {
		height: 100%;
		color: #f1f1f1 !important;
		color: var(--text) !important;
		display: flex;
		flex-direction: column
	}

.nav-container[data-v-2b4258cd] {
		width: 300px;
		background: #e3ac53;
		background: var(--secondary);
		box-shadow: 2px 0 5px rgba(0, 0, 0, .1);
		position: relative
	}

.drawer-open[data-v-2b4258cd] {
		left: 0
	}

.drawer-hide[data-v-2b4258cd] {
		left: -110%;
		background: none !important
	}

.x-icon[data-v-2b4258cd] {
		position: absolute;
		right: 1rem;
		top: 1rem
	}

[data-v-a833353c]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-a833353c],
	[data-v-a833353c]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-a833353c] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.reading-container[data-v-a833353c] {
		margin: 0 auto;
		width: 720px;
		max-width: 100%;
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

.reading-container img[data-v-a833353c] {
		width: 100%;
		max-width: 100%;
		margin-top: -3.5px
	}

@media screen and (min-width:768px) {
		.reading-container img[data-v-a833353c] {
			width: 720px
		}
	}

.related-series[data-v-a833353c] {
		max-width: 100% !important
	}

[data-v-70d8a0c4]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-70d8a0c4],
	[data-v-70d8a0c4]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-70d8a0c4] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.text[data-v-70d8a0c4] {
		color: #f1f1f1;
		color: var(--text);
		line-height: 1.35
	}

.secondary[data-v-70d8a0c4] {
		color: #e3ac53;
		color: var(--secondary)
	}

.error[data-v-70d8a0c4] {
		color: #b20101;
		color: var(--error)
	}

.primary[data-v-70d8a0c4] {
		color: #e3ac53;
		color: var(--primary)
	}

.success[data-v-70d8a0c4] {
		color: #00912b;
		color: var(--success)
	}

.grey[data-v-70d8a0c4] {
		color: #989898;
		color: var(--text-light)
	}

.inverse[data-v-70d8a0c4] {
		color: #f3efef;
		color: var(--text-inverse)
	}

.dark[data-v-70d8a0c4] {
		color: #181717;
		color: var(--text-dark)
	}

.tiny[data-v-70d8a0c4] {
		font-size: .7rem
	}

.small[data-v-70d8a0c4] {
		font-size: .85rem
	}

.large[data-v-70d8a0c4] {
		font-size: 1.25rem
	}

.xlarge[data-v-70d8a0c4] {
		font-size: 1.5rem
	}

.huge[data-v-70d8a0c4] {
		font-size: 2rem
	}

[data-v-25b99098]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-25b99098],
	[data-v-25b99098]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-25b99098] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.social-name[data-v-25b99098] {
		text-transform: capitalize
	}

.social-container[data-v-25b99098] {
		grid-row-gap: .5rem;
		row-gap: .5rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 1rem;
		justify-content: center
	}

.social-btn[data-v-25b99098] {
		color: #f3efef !important;
		color: var(--text-inverse) !important;
		border-radius: 5px;
		padding: 4px 8px
	}

[data-v-70910ec7]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-70910ec7],
	[data-v-70910ec7]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-70910ec7] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.btn-default[data-v-70910ec7] {
		border-radius: 5px;
		border: none;
		padding: 8px 16px;
		cursor: pointer;
		background-color: #262525;
		background-color: var(--button);
		color: #f1f1f1;
		color: var(--text);
		font-size: 1rem
	}

.btn-default[data-v-70910ec7]:hover {
		filter: brightness(95%)
	}

.btn-primary[data-v-70910ec7] {
		background-color: #e3ac53;
		background-color: var(--primary);
		color: #f3efef;
		color: var(--text-inverse)
	}

.btn-primary[data-v-70910ec7]:hover {
		background-color: #f8b629;
		background-color: var(--primary-focus)
	}

.btn-full[data-v-70910ec7] {
		width: 100%
	}

.btn-secondary[data-v-70910ec7] {
		background-color: #e3ac53;
		background-color: var(--secondary)
	}

.btn-secondary *[data-v-70910ec7] {
		color: #f3efef !important;
		color: var(--text-inverse) !important
	}

.btn-secondary[data-v-70910ec7]:hover {
		background-color: #f8b629;
		background-color: var(--secondary-focus)
	}

.btn-text[data-v-70910ec7] {
		background-color: transparent;
		color: #f1f1f1;
		color: var(--text)
	}

.btn-text[data-v-70910ec7]:hover {
		color: #e3ac53 !important;
		color: var(--primary) !important
	}

.btn-inverse[data-v-70910ec7] {
		background-color: #f3efef;
		background-color: var(--text-inverse);
		color: #f1f1f1;
		color: var(--text)
	}

.btn-inverse[data-v-70910ec7]:hover {
		opacity: .9
	}

.fa-spinner[data-v-70910ec7] {
		display: flex;
		align-items: center;
		justify-content: center
	}

.fa-spinner[data-v-70910ec7]:after {
		content: "";
		border-radius: 50%;
		border-left: 3px solid #fff;
		border-bottom: 3px solid #fff;
		width: 1rem;
		height: 1rem;
		border-color: #fff #fff transparent transparent;
		border-style: solid;
		border-width: 3px;
		-webkit-animation: loading-data-v-70910ec7 1s linear infinite;
		animation: loading-data-v-70910ec7 1s linear infinite
	}

@-webkit-keyframes loading-data-v-70910ec7 {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}

@keyframes loading-data-v-70910ec7 {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}

[data-v-6be35aa8]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-6be35aa8],
	[data-v-6be35aa8]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-6be35aa8] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.breadcrumb-container[data-v-6be35aa8] {
		background: #181717 !important;
		background: var(--background) !important;
		border-radius: 5px;
		padding: 8px 16px;
		align-items: center;
		margin: 0 1rem;
		z-index: 2
	}

@media screen and (min-width:768px) {
		.breadcrumb-container[data-v-6be35aa8] {
			margin: unset
		}
	}

.chapters-dropdown[data-v-501cca07] {
		max-width: 50%
	}

.actions[data-v-501cca07] {
		z-index: 2
	}

[data-v-ba01de24]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-ba01de24],
	[data-v-ba01de24]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-ba01de24] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.select-dropdown[data-v-ba01de24] {
		border-radius: 5px;
		border: 1px solid #f1f1f1;
		border: 1px solid var(--text);
		padding-right: 4px;
		color: #f1f1f1 !important;
		color: var(--text) !important
	}

.select-dropdown select[data-v-ba01de24] {
		border: none;
		padding: 6px 2px 6px 4px;
		outline: none !important;
		box-shadow: none !important;
		background-color: transparent !important;
		-webkit-appearance: menulist-textfield;
		overflow: hidden;
		display: -webkit-box;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		color: #f1f1f1;
		color: var(--text)
	}

.select-dropdown select option[data-v-ba01de24] {
		color: #000
	}

.select-dropdown.chapters-dropdown select[data-v-ba01de24] {
		width: 100%
	}

[data-v-67051a43]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-67051a43],
	[data-v-67051a43]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-67051a43] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.fa-spinner[data-v-67051a43] {
		display: flex;
		align-items: center;
		justify-content: center
	}

.fa-spinner[data-v-67051a43]:after {
		content: "";
		border-radius: 50%;
		border: 3px solid #e3ac53;
		border: 3px solid var(--secondary);
		width: 100px;
		height: 100px;
		border-left: 3px solid transparent;
		border-bottom: 3px solid transparent;
		-webkit-animation: loading-data-v-67051a43 1s linear infinite;
		animation: loading-data-v-67051a43 1s linear infinite
	}

@-webkit-keyframes loading-data-v-67051a43 {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}

@keyframes loading-data-v-67051a43 {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}

[data-v-e1935f7a]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-e1935f7a],
	[data-v-e1935f7a]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-e1935f7a] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.section-list[data-v-e1935f7a] {
		max-width: 100%
	}

@media screen and (min-width:576px) {
		.section-list[data-v-e1935f7a] {
			max-width: 540px !important
		}
	}

@media screen and (min-width:768px) {
		.section-list[data-v-e1935f7a] {
			max-width: 380px !important
		}
	}

@media screen and (min-width:992px) {
		.section-list[data-v-e1935f7a] {
			max-width: 652px !important
		}
	}

@media screen and (min-width:1200px) {
		.section-list[data-v-e1935f7a] {
			max-width: 800px !important
		}
	}

@media screen and (min-width:1400px) {
		.section-list[data-v-e1935f7a] {
			max-width: 980px !important
		}
	}

.list-horizontal[data-v-e1935f7a] {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		grid-auto-flow: column;
		grid-auto-columns: minmax(160px, 1fr);
		overflow-x: scroll;
		scroll-behavior: smooth;
		grid-gap: 1rem;
		padding-bottom: 1rem !important
	}

.arrow-btn[data-v-e1935f7a] {
		position: absolute;
		top: 50%;
		bottom: 50%;
		z-index: 10;
		background-color: #e3ac53;
		background-color: var(--primary);
		border-radius: 30px;
		box-shadow: 0 2px 3px hsla(0, 0%, 100%, .08);
		box-shadow: 0 2px 3px var(--shadow);
		padding: .3rem;
		cursor: pointer
	}

.arrow-right[data-v-e1935f7a] {
		right: -2px
	}

.arrow-left[data-v-e1935f7a] {
		left: -2px
	}

[data-v-189babae]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-189babae],
	[data-v-189babae]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-189babae] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.section-container[data-v-189babae] {
		background: #181717;
		background: var(--background);
		border-radius: 5px;
		margin: 0 1rem
	}

@media screen and (min-width:768px) {
		.section-container[data-v-189babae] {
			margin: unset
		}
	}

.section-title[data-v-189babae] {
		font-size: 1rem !important;
		font-weight: 700
	}

[data-v-4b575bc4]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-4b575bc4],
	[data-v-4b575bc4]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-4b575bc4] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.manga-item img[data-v-4b575bc4] {
		width: 100%;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 3px !important;
		border: 1px solid #2f2f2f;
		border: 1px solid var(--border)
	}

.scroll-to-top[data-v-ca9c6928] {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		position: fixed;
		right: 30px;
		bottom: 30px;
		display: flex;
		padding: 0 !important;
		justify-content: center;
		align-items: center
	}

[data-v-afc0e37a]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-afc0e37a],
	[data-v-afc0e37a]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-afc0e37a] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.footer-container[data-v-afc0e37a] {
		background-color: #e3ac53 !important;
		background-color: var(--secondary) !important
	}

.text-decoration-none[data-v-afc0e37a] {
		text-decoration: none
	}

.footer-links[data-v-afc0e37a] {
		display: flex;
		flex-direction: column;
		margin-left: unset;
		padding-bottom: 2rem
	}

@media screen and (min-width:768px) {
		.footer-links[data-v-afc0e37a] {
			margin-left: 2rem;
			padding-bottom: unset
		}
	}

.footer-link[data-v-afc0e37a] {
		color: #f1f1f1;
		color: var(--text)
	}

.footer-link[data-v-afc0e37a]:hover {
		opacity: .8;
		color: #f3efef !important;
		color: var(--text-inverse) !important
	}

[data-v-143f642f]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-143f642f],
	[data-v-143f642f]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-143f642f] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

@-webkit-keyframes fadein-data-v-143f642f {
		0% {
			bottom: 0;
			opacity: 0
		}
		to {
			bottom: 1rem;
			opacity: 1
		}
	}

@keyframes fadein-data-v-143f642f {
		0% {
			bottom: 0;
			opacity: 0
		}
		to {
			bottom: 1rem;
			opacity: 1
		}
	}

@-webkit-keyframes fadeout-data-v-143f642f {
		0% {
			bottom: 1rem;
			opacity: 1
		}
		to {
			bottom: 0;
			opacity: 0
		}
	}

@keyframes fadeout-data-v-143f642f {
		0% {
			bottom: 1rem;
			opacity: 1
		}
		to {
			bottom: 0;
			opacity: 0
		}
	}

.snackbar-success[data-v-143f642f] {
		background-color: #48c46c;
		background-color: var(--success-bg)
	}

.snackbar-error[data-v-143f642f] {
		background-color: #f86b6b;
		background-color: var(--error-bg)
	}

.indicator-success[data-v-143f642f] {
		background-color: #00912b;
		background-color: var(--success)
	}

.indicator-error[data-v-143f642f] {
		background-color: #b20101;
		background-color: var(--error)
	}

.snackbar-container[data-v-143f642f] {
		z-index: 1000;
		box-shadow: 0 3px 4px hsla(0, 0%, 100%, .08);
		box-shadow: 0 3px 4px var(--shadow);
		position: fixed;
		right: 1rem;
		bottom: 1rem;
		border-radius: 2px 2px 5px 5px;
		min-width: unset;
		left: 1rem
	}

@media screen and (min-width:768px) {
		.snackbar-container[data-v-143f642f] {
			min-width: 300px;
			width: unset;
			left: unset
		}
	}

.snackbar-hide[data-v-143f642f] {
		visibility: hidden !important
	}

.snackbar-show[data-v-143f642f] {
		visibility: visible !important;
		-webkit-animation: fadein-data-v-143f642f .5s, fadeout-data-v-143f642f .5s 2.5s;
		animation: fadein-data-v-143f642f .5s, fadeout-data-v-143f642f .5s 2.5s
	}

.snackbar-indicator[data-v-143f642f] {
		height: 3px;
		border-radius: 2px;
		margin-bottom: 1rem;
		position: absolute;
		left: 0;
		right: 0;
		top: 0
	}

.color-error[data-v-143f642f] {
		color: #b20101;
		color: var(--error)
	}

.color-success[data-v-143f642f] {
		color: #00912b;
		color: var(--success)
	}

[data-v-aa051a02]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-aa051a02],
	[data-v-aa051a02]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-aa051a02] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.cancel[data-v-aa051a02] {
		text-align: center;
		color: #007bff;
		font-weight: 700;
		cursor: pointer
	}

.snackbar-bg[data-v-aa051a02] {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, .5)
	}

.snackbar-bg-show[data-v-aa051a02] {
		display: block
	}

.snackbar-container[data-v-aa051a02] {
		z-index: 1000;
		box-shadow: 0 3px 4px hsla(0, 0%, 100%, .08);
		box-shadow: 0 3px 4px var(--shadow);
		position: fixed;
		top: calc(50% - 100px);
		right: calc(50% - 200px);
		border-radius: 2px 2px 5px 5px;
		background-color: #fff;
		border-radius: 10px
	}

@media screen and (min-width:768px) {
		.snackbar-container[data-v-aa051a02] {
			min-width: 300px;
			width: unset;
			left: unset
		}
	}

.snackbar-hide[data-v-aa051a02] {
		visibility: hidden !important
	}

.snackbar-show[data-v-aa051a02] {
		visibility: visible !important
	}

[data-v-78a91c7e]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-78a91c7e],
	[data-v-78a91c7e]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-78a91c7e] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.cookie-container[data-v-78a91c7e] {
		background-color: #000;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: 0 -3px 5px hsla(0, 0%, 100%, .08);
		box-shadow: 0 -3px 5px var(--shadow);
		z-index: 1000
	}

.cookie-container div[data-v-78a91c7e] {
		width: unset
	}
</style>
<style type="text/css">
	[data-v-1a5dfeae]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-1a5dfeae],
	[data-v-1a5dfeae]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-1a5dfeae] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.filter-popover[data-v-1a5dfeae] {
		display: unset;
		position: absolute;
		padding: 1.25rem;
		left: 0;
		top: 32px;
		background: #262525;
		background: var(--background-light);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
		border-radius: 5px;
		border: 1px solid #2f2f2f;
		border: 1px solid var(--border);
		z-index: 500
	}

.filter-popover[data-v-1a5dfeae]:before {
		position: absolute;
		content: "";
		top: -8px;
		transition-duration: .3s;
		transition-property: transform
	}

.popover-visible[data-v-1a5dfeae] {
		opacity: 1;
		display: unset;
		transform: translateY(10px)
	}

.popover-hide[data-v-1a5dfeae] {
		opacity: 0;
		display: none;
		transform: translateY(10px)
	}
</style>
<style type="text/css">
	[data-v-56107fc8]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-56107fc8],
	[data-v-56107fc8]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-56107fc8] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.star-default[data-v-56107fc8] {
		color: #989898;
		color: var(--text-light)
	}

.star-editable[data-v-56107fc8] {
		color: #fd9e06;
		cursor: pointer
	}

.star-checked[data-v-56107fc8] {
		color: #fd9e06
	}
</style>
<style type="text/css">
	[data-v-00ecdcd6]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-00ecdcd6],
	[data-v-00ecdcd6]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-00ecdcd6] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.episode[data-v-00ecdcd6] {
		background: #262626;
		background: var(--border-darker);
		border-radius: 30px;
		padding: 3px 8px;
		max-width: 180px
	}

@media screen and (min-width:768px) {
		.episode[data-v-00ecdcd6] {
			padding: 5px 12px
		}
	}

.episode[data-v-00ecdcd6]:hover {
		background: #2f2f2f;
		background: var(--border)
	}

.episode-date[data-v-00ecdcd6] {
		justify-content: flex-end
	}
</style>
<style type="text/css">
	[data-v-666e9941]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-666e9941],
	[data-v-666e9941]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-666e9941] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.manga-horizontal-item img[data-v-666e9941] {
		width: 80px;
		height: 109px;
		-o-object-fit: cover;
		object-fit: cover;
		border-radius: 3px;
		border: 1px solid #2f2f2f;
		border: 1px solid var(--border)
	}

@media screen and (min-width:768px) {
		.manga-horizontal-item img[data-v-666e9941] {
			width: 120px;
			height: 163px
		}
	}

.episode[data-v-666e9941] {
		background: #262626;
		background: var(--border-darker);
		border-radius: 30px;
		padding: 3px 8px;
		max-width: 180px
	}

@media screen and (min-width:768px) {
		.episode[data-v-666e9941] {
			padding: 5px 12px
		}
	}

.episode[data-v-666e9941]:hover {
		background: #2f2f2f;
		background: var(--border)
	}

.episode-date[data-v-666e9941] {
		justify-content: flex-end;
		min-width: 80px;
		text-align: right
	}
</style>
<style type="text/css">
	[data-v-ad0b2c68]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-ad0b2c68],
	[data-v-ad0b2c68]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-ad0b2c68] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.search-result-container[data-v-ad0b2c68] {
		position: absolute;
		padding-top: 10px;
		top: 100%;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #181717
	}

.search-result-container.search-result-light[data-v-ad0b2c68] {
		background-color: #f3f2f2
	}
</style>
<style type="text/css">
	[data-v-22d5330a]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-22d5330a],
	[data-v-22d5330a]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-22d5330a] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.search-input-container[data-v-22d5330a] {
		position: relative;
		color: #797979 !important;
		border: 1px solid #fff;
		box-sizing: border-box;
		box-shadow: inset 0 4px 4px rgba(0, 0, 0, .25);
		border-radius: 7px;
		padding: .5rem
	}

.search-input-container input[data-v-22d5330a] {
		box-shadow: none;
		border: none;
		outline: none !important;
		background: transparent;
		display: flex;
		flex: 1;
		padding-right: 30px;
        width:100%;
	}

.input-dark[data-v-22d5330a] {
		background: #fff
	}

.input-light[data-v-22d5330a] {
		background: #f3f2f2
	}

.search-btn[data-v-22d5330a] {
		right: 5px;
		bottom: 5px;
		padding: 0 10px !important;
		z-index: 100;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .1)
	}

.fa-spinner[data-v-22d5330a],
	.search-btn[data-v-22d5330a] {
		position: absolute;
		top: 5px;
		display: flex;
		justify-content: center;
		align-items: center
	}

.fa-spinner[data-v-22d5330a] {
		right: 55px
	}

.fa-spinner[data-v-22d5330a]:after {
		content: "";
		border-radius: 50%;
		border: 3px solid #e3ac53;
		border: 3px solid var(--secondary);
		width: 20px;
		height: 20px;
		border-left: 3px solid transparent;
		border-bottom: 3px solid transparent;
		-webkit-animation: loading-data-v-22d5330a 1s linear infinite;
		animation: loading-data-v-22d5330a 1s linear infinite
	}

@-webkit-keyframes loading-data-v-22d5330a {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}

@keyframes loading-data-v-22d5330a {
		0% {
			transform: rotate(0deg)
		}
		to {
			transform: rotate(1turn)
		}
	}
</style>

.light-mode[data-v-3f267cc0],
	[data-v-3f267cc0]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-3f267cc0] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.segment-btn input[data-v-3f267cc0] {
		cursor: pointer !important
	}

.segment-container[data-v-3f267cc0] {
		margin: 0 auto;
		border: 1px solid #2f2f2f;
		border: 1px solid var(--border);
		border-radius: 5px;
		position: relative;
		min-width: unset
	}

@media screen and (min-width:768px) {
		.segment-container[data-v-3f267cc0] {
			min-width: 339px
		}
	}

.segment-container[data-v-3f267cc0] :last-child {
		border-radius: 0 5px 5px 0
	}

.segment-container[data-v-3f267cc0] :first-child {
		border-radius: 5px 0 0 5px
	}

.segment-container span[data-v-3f267cc0] {
		transition: all .25s cubic-bezier(0, .95, .38, .98);
		background-color: #262525;
		background-color: var(--background-light);
		cursor: pointer !important
	}

.segment-container span input[data-v-3f267cc0] {
		display: none
	}

.segment-container span input:checked+label[data-v-3f267cc0] {
		background: #e3ac53;
		background: var(--primary);
		color: #f3efef;
		color: var(--text-inverse);
		border-radius: 5px
	}

.segment-container span label[data-v-3f267cc0] {
		width: 100%;
		padding: 6px 3px;
		transition: all .25s cubic-bezier(0, .95, .38, .98);
		text-align: center;
		color: #f1f1f1;
		color: var(--text);
		font-size: .8rem;
		cursor: pointer !important
	}

.segment-container span label[data-v-3f267cc0]:before {
		background: #fff;
		transition: all .25s cubic-bezier(0, .95, .38, .98)
	}

.segment-container span label[data-v-3f267cc0]:hover {
		color: #e3ac53;
		color: var(--primary)
	}
</style>
<style type="text/css">
	[data-v-661257d6]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-661257d6],
	[data-v-661257d6]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-661257d6] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.ranking-index[data-v-661257d6] {
		border-radius: 20px;
		width: 23px;
		height: 23px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #e3ac53;
		background-color: var(--primary)
	}

.ranking-item-container[data-v-661257d6] {
		align-items: center;
		border-bottom: 1px solid #2f2f2f;
		border-bottom: 1px solid var(--border)
	}

.ranking-item-container img[data-v-661257d6] {
		width: 58px;
		height: 78px;
		border-radius: 5px
	}
</style>
<style type="text/css">
	[data-v-5afa414d]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-5afa414d],
	[data-v-5afa414d]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-5afa414d] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.ranking-container[data-v-5afa414d] {
		margin-left: 1rem !important;
		width: unset;
		max-width: unset !important
	}

@media screen and (min-width:768px) {
		.ranking-container[data-v-5afa414d] {
			margin-left: 1rem !important;
			margin-top: 0 !important;
			width: 373px
		}
	}
</style>
<style type="text/css">
	[data-v-e49fcc30]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-e49fcc30],
	[data-v-e49fcc30]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-e49fcc30] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.grid-horizontal-items[data-v-e49fcc30] {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(1fr, 1fr));
		grid-gap: 1rem
	}

@media screen and (min-width:768px) {
		.grid-horizontal-items[data-v-e49fcc30] {
			grid-template-columns: repeat(auto-fill, minmax(400px, 1fr))
		}
	}
</style>
<style type="text/css">
	[data-v-bc973d5c]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-bc973d5c],
	[data-v-bc973d5c]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-bc973d5c] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.option-label[data-v-bc973d5c] {
		cursor: pointer
	}

.option-label[data-v-bc973d5c]:hover {
		color: #e3ac53;
		color: var(--secondary)
	}

.popover-category[data-v-bc973d5c] {
		left: 0;
		right: 0
	}

.filter-types-container[data-v-bc973d5c] {
		display: grid !important;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
	}
</style>
<style type="text/css">
	[data-v-7af8672a]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-7af8672a],
	[data-v-7af8672a]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-7af8672a] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.filters[data-v-7af8672a] {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		position: relative
	}

.filter-button[data-v-7af8672a] {
		border-radius: 5px;
		text-align: center;
		padding: 5px;
		margin: 6px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		position: relative
	}

.filter-container[data-v-7af8672a] {
		background: #262525;
		background: var(--background-light)
	}

.filter-container[data-v-7af8672a]:hover {
		background-color: #e3ac53;
		background-color: var(--primary)
	}

.filter-container[data-v-7af8672a]:hover,
	.filter-container:hover span[data-v-7af8672a] {
		color: #f3efef;
		color: var(--text-inverse)
	}
</style>
<style type="text/css">
	[data-v-0c8ca6c7]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-0c8ca6c7],
	[data-v-0c8ca6c7]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-0c8ca6c7] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.pagination[data-v-0c8ca6c7] {
		display: inline-block
	}

.pagination a[data-v-0c8ca6c7] {
		color: #f1f1f1;
		color: var(--text);
		float: left;
		padding: 8px 16px;
		text-decoration: none
	}

.pagination a.active[data-v-0c8ca6c7] {
		background-color: #e3ac53;
		background-color: var(--secondary);
		color: #f3efef;
		color: var(--text-inverse);
		border-radius: 5px
	}

.pagination a[data-v-0c8ca6c7]:hover:not(.active) {
		background-color: #262525;
		background-color: var(--background-light);
		border-radius: 5px;
		opacity: .8
	}

.pagination a:hover.active[data-v-0c8ca6c7] {
		color: #f3efef !important;
		color: var(--text-inverse) !important;
		opacity: .8
	}
</style>
<style type="text/css"></style>
<style type="text/css">
	[data-v-60493291]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-60493291],
	[data-v-60493291]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-60493291] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.genres-container[data-v-60493291] {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-auto-flow: unset;
		grid-auto-columns: unset;
		overflow-x: unset;
		max-width: unset;
		grid-gap: 1rem
	}

.genre-item[data-v-60493291] {
		background: #262525;
		background: var(--background-light);
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 1rem
	}
</style>

.light-mode[data-v-33875cb2],
	[data-v-33875cb2]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-33875cb2] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.comic-img[data-v-33875cb2] {
		width: 120px;
		height: 163px;
		border-radius: 5px;
		margin: 0 auto;
		-o-object-fit: cover;
		object-fit: cover
	}

@media screen and (min-width:768px) {
		.comic-img[data-v-33875cb2] {
			width: 180px;
			height: 244px;
			margin: unset
		}
	}

.section-status[data-v-33875cb2] {
		background-color: #262525;
		background-color: var(--background-light);
		border-radius: 5px;
		margin: 4px 0;
		padding: 8px 12px
	}

.section-status[data-v-33875cb2] :last-child {
		justify-content: flex-end;
		flex: 1;
		display: flex
	}

.comic-attrs[data-v-33875cb2] {
		display: block
	}

@media screen and (min-width:768px) {
		.comic-attrs[data-v-33875cb2] {
			display: grid;
			grid-template-columns: 1fr 1fr
		}
	}

.comic-info-container[data-v-33875cb2] {
		margin-left: 0;
		margin-top: 1rem
	}

@media screen and (min-width:768px) {
		.comic-info-container[data-v-33875cb2] {
			margin-left: 1.5rem;
			margin-top: 0
		}
	}

.comic-info-link[data-v-33875cb2] {
		color: #989898;
		color: var(--text-light);
		font-size: .85rem !important
	}

.story-name[data-v-33875cb2] {
		margin: 0 0 .5rem
	}

.story-desc[data-v-33875cb2] {
		line-height: 1.6rem
	}
</style>
<style type="text/css">
	[data-v-941321ba]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-941321ba],
	[data-v-941321ba]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-941321ba] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.search-chapter[data-v-941321ba] {
		flex: 1;
		display: flex
	}

.chapters-container[data-v-941321ba] {
		max-height: 400px;
		overflow-y: scroll
	}

.chapter-container[data-v-941321ba] {
		border-radius: 5px;
		border: 1px solid #262626;
		border: 1px solid var(--border-darker);
		padding: .5rem !important
	}
</style>
<style type="text/css">
	[data-v-0be751c6]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-0be751c6],
	[data-v-0be751c6]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-0be751c6] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.manga-comment-container .total-comment[data-v-0be751c6] {
		padding: 20px 0
	}

.manga-comment-container .input-comment[data-v-0be751c6] {
		margin: 6px 0;
		display: flex;
		width: 100%
	}

.manga-comment-container .input-comment form[data-v-0be751c6] {
		width: calc(100% - 80px)
	}

.manga-comment-container .input-comment textarea[data-v-0be751c6] {
		width: 100%;
		margin-left: 10px;
		min-height: 50px;
		padding: 10px;
		font-size: 16px;
		margin-bottom: 0 !important;
		border-radius: 5px
	}

.manga-comment-container .input-comment textarea[data-v-0be751c6]:focus {
		outline: none
	}

.manga-comment-container .input-comment img[data-v-0be751c6] {
		border-radius: 50%;
		height: 50px;
		width: 50px
	}

.manga-comment-container .comments[data-v-0be751c6] {
		display: flex;
		flex-direction: column;
		margin-top: 35px
	}

.manga-comment-container .comments .comment[data-v-0be751c6] {
		display: flex
	}

.manga-comment-container .comments .comment .reply-comment[data-v-0be751c6] {
		display: none
	}

.manga-comment-container .comments .comment img[data-v-0be751c6] {
		border-radius: 50%;
		height: 35px;
		width: 35px
	}

.manga-comment-container .comments .comment .comment-content[data-v-0be751c6] {
		width: 100%;
		margin-left: 10px
	}

.manga-comment-container .comments .comment .comment-content .comment-container[data-v-0be751c6] {
		padding: 12px 10px;
		background-color: #f5f6f7;
		border-radius: 5px
	}

.manga-comment-container .comments .comment .comment-content p[data-v-0be751c6] {
		margin: 0
	}

.manga-comment-container .comments .comment .comment-content .username[data-v-0be751c6] {
		padding-bottom: 5px;
		justify-content: space-between;
		display: flex
	}

.manga-comment-container .comments .comment .comment-content .username .name[data-v-0be751c6] {
		font-weight: 600;
		font-size: 13px;
		line-height: 16px;
		color: #003667
	}

.manga-comment-container .comments .comment .comment-content .username .time[data-v-0be751c6] {
		font-weight: 400;
		font-size: 12px;
		line-height: 15px;
		color: #5f5f5f
	}

.manga-comment-container .comments .comment .comment-content .content[data-v-0be751c6] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: hsla(0, 0%, 100%, .50196)
	}

.manga-comment-container .comments .comment .comment-content .content .content-comment[data-v-0be751c6] {
		white-space: break-spaces;
		font-weight: 400;
		font-size: 13px;
		line-height: 16px;
		color: #111;
		text-align: justify;
		word-break: break-all
	}

.manga-comment-container .comments .comment .comment-content .content .edit-btn[data-v-0be751c6] {
		cursor: pointer
	}

.manga-comment-container .comments .comment .comment-content .content .edit-input[data-v-0be751c6] {
		width: 100%;
		height: 60px
	}

.manga-comment-container .comments .comment .comment-content .content .time[data-v-0be751c6] {
		font-size: 14px;
		width: 80px
	}

.manga-comment-container .comments .comment .comment-content .action-container[data-v-0be751c6] {
		margin: 7px 0;
		display: flex
	}

.manga-comment-container .comments .comment .comment-content .action-container .message-count[data-v-0be751c6] {
		display: flex;
		align-items: center
	}

.manga-comment-container .comments .comment .comment-content .action-container .message-count span[data-v-0be751c6] {
		padding-right: 3px;
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		line-height: 13px
	}

.manga-comment-container .comments .comment .comment-content .action-container .message-count .icon-message[data-v-0be751c6] {
		width: 20px;
		height: 22px
	}

.manga-comment-container .comments .comment .comment-content .action-container .reply[data-v-0be751c6] {
		width: 58px;
		height: 22px;
		background: #f0f0f0;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		margin: 0 6px;
		font-size: 12px;
		color: #000
	}

.manga-comment-container .comments .comment .comment-content .action-container .delete[data-v-0be751c6] {
		width: 58px;
		height: 22px;
		background: #f0f0f0;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		font-size: 12px;
		color: #9e1818
	}

.manga-comment-container .read-more[data-v-0be751c6] {
		margin-top: 30px;
		text-align: center;
		font-weight: 500;
		font-size: 13px;
		line-height: 16px;
		color: #5c5512;
		cursor: pointer
	}

@media screen and (max-width:576px) {
		.manga-comment-container[data-v-0be751c6] {
			padding: 0 !important;
			margin: 0 !important
		}
	}
</style>
<style type="text/css">
	[data-v-394b8d08]:root {
		--primary: #e3ac53;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #e3ac53;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #f1f1f1;
		--text-light: #989898;
		--text-hover: #e1e1e1;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #f3efef;
		--text-dark: #181717;
		--background: #181717;
		--background-body: #100b0c;
		--background-light: #262525;
		--border: #2f2f2f;
		--border-darker: #262626;
		--button: #262525;
		--shadow: hsla(0, 0%, 100%, 0.08)
	}

.light-mode[data-v-394b8d08],
	[data-v-394b8d08]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-394b8d08] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.related-container[data-v-394b8d08] {
		max-width: 100%;
		margin: 0 auto;
		width: 100%
	}

@media screen and (min-width:768px) {
		.related-container[data-v-394b8d08] {
			max-width: 303px !important
		}
	}

@media screen and (min-width:992px) {
		.related-container[data-v-394b8d08] {
			max-width: 579px !important
		}
	}

@media screen and (min-width:1200px) {
		.related-container[data-v-394b8d08] {
			max-width: 727px !important
		}
	}

@media screen and (min-width:1400px) {
		.related-container[data-v-394b8d08] {
			max-width: 832px !important
		}
	}
</style>

.light-mode[data-v-05fb0be3],
	[data-v-05fb0be3]:root {
		--error: #b20101;
		--error-hover: #500202;
		--success: #00912b;
		--success-hover: #013d13;
		--error-bg: #f86b6b;
		--success-bg: #48c46c
	}

.light-mode[data-v-05fb0be3] {
		--primary: #ffb000;
		--primary-hover: #dc9801;
		--primary-focus: #f8b629;
		--secondary: #ffb000;
		--secondary-hover: #dc9801;
		--secondary-focus: #f8b629;
		--text: #2f2f2f;
		--text-light: #9b9999;
		--text-hover: #444343;
		--text-focus: rgba(21, 21, 21, 0.12);
		--text-inverse: #fff;
		--text-dark: #2a2a2a;
		--background: #fff;
		--background-body: #f8f8f8;
		--background-light: #f3f3f3;
		--border: #f1efef;
		--border-darker: #f3f3f3;
		--button: #f3f3f3;
		--shadow: rgba(0, 0, 0, 0.08)
	}

.head-center[data-v-05fb0be3] {
		text-align: center;
		font-size: 30px
	}

.view-full[data-v-05fb0be3] {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 1.5rem;
		margin-bottom: 2rem
	}

.view-full a[data-v-05fb0be3] {
		font-size: 1rem !important;
		background-color: #000;
		padding: .5rem 1.5rem;
		border-radius: 10px;
		color: #fff
	}

.view-full a[data-v-05fb0be3]:hover {
		opacity: .8
	}

@media screen and (min-width:992px) {
		.view-full a[data-v-05fb0be3] {
			font-size: 1.5rem !important;
			padding: 1rem 1.5rem
		}
	}

.view-more[data-v-05fb0be3] {
		display: flex;
		margin-top: 1.5rem;
		margin-bottom: 2rem;
		justify-content: flex-end;
		align-items: flex-end
	}

.view-more a[data-v-05fb0be3] {
		font-size: .85rem !important;
		padding: .5rem 1.5rem;
		font-style: italic;
		border-radius: 10px;
		text-decoration: underline;
		color: #f1f1f1;
		color: var(--text)
	}

.view-more a[data-v-05fb0be3]:hover {
		opacity: .8
	}

.landing-heading[data-v-05fb0be3] {
		text-align: center
	}

.grid-horizontal-items[data-v-05fb0be3] {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(1fr, 1fr));
		grid-gap: 1rem
	}

@media screen and (min-width:768px) {
		.grid-horizontal-items[data-v-05fb0be3] {
			grid-template-columns: repeat(auto-fill, minmax(500px, 1fr))
		}
	}

.notice-container[data-v-05fb0be3] {
		background: #f6f1e4;
		padding: 2rem;
		margin-bottom: 1rem;
		border-radius: 1rem;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		align-items: center;
		justify-content: center
	}

.notice-container img[data-v-05fb0be3] {
		margin-right: 1rem
	}

.notice-container span[data-v-05fb0be3] {
		font-style: italic;
		color: #dc9801;
		color: var(--primary-hover)
	}

.theme-dark[data-v-886cd264] {
		display: none;
	}
</style>

${this.title}

Code Editor : style_css.php