:root {
--h4f-bg: #090912;
--h4f-bg-2: #10101c;
--h4f-surface: rgba(20, 20, 34, 0.92);
--h4f-surface-2: rgba(30, 29, 48, 0.88);
--h4f-border: rgba(255, 255, 255, 0.10);
--h4f-border-strong: rgba(190, 129, 255, 0.28);
--h4f-text: #f8f4ff;
--h4f-muted: #bdb7d6;
--h4f-soft: #8c86a7;
--h4f-accent: #9d6cff;
--h4f-accent-2: #28e7ff;
--h4f-pink: #ff4fd8;
--h4f-radius: 20px;
--h4f-radius-sm: 12px;
--h4f-shadow: 0 20px 60px rgba(0, 0, 0, 0.42);
--h4f-card-shadow: 0 16px 42px rgba(0, 0, 0, 0.32);
}
html.h4f-js { scroll-behavior: smooth; }
body.h4f-premium-ui,
body.h4f-premium-ui.text-ui-light,
body.h4f-premium-ui .body-wrap {
background:
radial-gradient(circle at 18% 0%, rgba(157, 108, 255, 0.16), transparent 28%),
radial-gradient(circle at 90% 10%, rgba(40, 231, 255, 0.09), transparent 28%),
linear-gradient(180deg, #090912 0%, #0d0d17 45%, #08080e 100%) !important;
color: var(--h4f-muted);
}
body.h4f-premium-ui a { transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
body.h4f-premium-ui a:hover { color: #fff; }
body.h4f-premium-ui :focus-visible { outline: 3px solid rgba(40,231,255,.75); outline-offset: 3px; }
body.h4f-premium-ui .site-header .c-header__top,
body.h4f-premium-ui .site-header .c-header__top .search-main-menu,
body.h4f-premium-ui .main-navigation {
background: rgba(8, 8, 16, 0.86) !important;
border-bottom: 1px solid var(--h4f-border);
backdrop-filter: blur(18px);
}
body.h4f-premium-ui .main-navigation_wrap { min-height: 72px; }
body.h4f-premium-ui .wrap_branding .logo img,
body.h4f-premium-ui .site-branding .logo img {
max-height: 50px;
filter: drop-shadow(0 10px 22px rgba(157,108,255,.20));
}
body.h4f-premium-ui .main-menu .main-navbar > li > a,
body.h4f-premium-ui .main-navbar > li > a {
color: rgba(248,244,255,.86) !important;
font-weight: 700;
letter-spacing: .01em;
border-radius: 999px;
padding: 10px 14px !important;
}
body.h4f-premium-ui .main-menu .main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .main-menu .main-navbar > li > a:hover,
body.h4f-premium-ui .main-navbar > li > a:hover {
color: #fff !important;
background: linear-gradient(135deg, rgba(157,108,255,.24), rgba(40,231,255,.12));
box-shadow: inset 0 0 0 1px var(--h4f-border-strong);
}
body.h4f-premium-ui .search-navigation__wrap a,
body.h4f-premium-ui .c-togle__menu button,
body.h4f-premium-ui .menu_icon__open {
background: rgba(255,255,255,.06);
border: 1px solid var(--h4f-border);
border-radius: 999px;
min-width: 42px;
min-height: 42px;
}
body.h4f-premium-ui .menu_icon__open span,
body.h4f-premium-ui .menu_icon__close span { background: var(--h4f-text) !important; }
body.h4f-premium-ui .c-sub-header-nav {
background: rgba(12, 12, 22, 0.78) !important;
border-bottom: 1px solid var(--h4f-border) !important;
backdrop-filter: blur(14px);
}
body.h4f-premium-ui .c-sub-header-nav .sub-nav_list li a,
body.h4f-premium-ui .c-sub-header-nav a {
color: var(--h4f-muted) !important;
border-radius: 999px;
font-weight: 650;
}
body.h4f-premium-ui .c-sub-header-nav .sub-nav_list li a:hover,
body.h4f-premium-ui .c-sub-header-nav a:hover {
color: #fff !important;
background: rgba(157,108,255,.16);
}
body.h4f-premium-ui .search-main-menu form input[type="text"],
body.h4f-premium-ui input[type="search"],
body.h4f-premium-ui input[type="text"],
body.h4f-premium-ui select,
body.h4f-premium-ui textarea {
background: rgba(255,255,255,.08) !important;
border: 1px solid var(--h4f-border) !important;
color: #fff !important;
border-radius: 14px !important;
}
body.h4f-premium-ui input::placeholder { color: rgba(248,244,255,.50) !important; }
body.h4f-premium-ui input[type="submit"],
body.h4f-premium-ui button[type="submit"],
body.h4f-premium-ui .c-btn.c-btn_style-1,
body.h4f-premium-ui .btn-primary {
background: linear-gradient(135deg, var(--h4f-accent), var(--h4f-pink)) !important;
color: #fff !important;
border: 0 !important;
border-radius: 14px !important;
font-weight: 800 !important;
box-shadow: 0 12px 28px rgba(157,108,255,.28);
}
.h4f-home-hero-wrap,
.h4f-archive-helper-wrap { margin-bottom: 28px; }
.h4f-home-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
gap: 26px;
align-items: stretch;
padding: clamp(24px, 4vw, 48px);
border: 1px solid var(--h4f-border-strong);
border-radius: 30px;
background:
linear-gradient(135deg, rgba(16,16,31,.95), rgba(15,10,28,.92)),
radial-gradient(circle at 20% 10%, rgba(255,79,216,.28), transparent 35%),
radial-gradient(circle at 90% 12%, rgba(40,231,255,.20), transparent 34%);
box-shadow: var(--h4f-shadow);
overflow: hidden;
}
.h4f-home-hero:before {
content: "";
position: absolute;
inset: -2px;
background: linear-gradient(120deg, transparent, rgba(157,108,255,.18), transparent 62%);
pointer-events: none;
}
.h4f-hero-copy,
.h4f-hero-panel { position: relative; z-index: 1; }
.h4f-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(157,108,255,.14);
border: 1px solid var(--h4f-border-strong);
color: #e9ddff;
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
.h4f-home-hero h1 {
max-width: 820px;
margin: 0 0 12px;
color: var(--h4f-text) !important;
font-size: clamp(30px, 5vw, 62px);
line-height: .98;
letter-spacing: -.05em;
}
.h4f-home-hero p {
max-width: 680px;
margin: 0 0 24px;
font-size: clamp(15px, 1.7vw, 18px);
line-height: 1.65;
color: var(--h4f-muted);
}
.h4f-hero-search {
display: flex;
gap: 10px;
padding: 8px;
max-width: 760px;
border-radius: 18px;
background: rgba(255,255,255,.08);
border: 1px solid var(--h4f-border);
box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.h4f-hero-search input[type="search"] {
min-height: 52px;
flex: 1;
padding: 0 16px;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 15px;
}
.h4f-hero-search button { min-width: 126px; }
.h4f-hero-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.h4f-hero-links a,
.h4f-archive-helper a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 13px;
border: 1px solid var(--h4f-border);
border-radius: 999px;
background: rgba(255,255,255,.06);
color: #efeaff !important;
font-size: 13px;
font-weight: 800;
}
.h4f-hero-links a:hover,
.h4f-archive-helper a:hover { transform: translateY(-1px); background: rgba(157,108,255,.24); border-color: var(--h4f-border-strong); }
.h4f-hero-panel { display: grid; gap: 14px; align-content: center; }
.h4f-stat {
padding: 18px;
border-radius: 20px;
background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
border: 1px solid var(--h4f-border);
}
.h4f-stat strong { display: block; color: #fff; font-size: 22px; line-height: 1.1; }
.h4f-stat span { display: block; color: var(--h4f-soft); margin-top: 6px; font-size: 13px; }
.h4f-archive-helper {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding: 14px 16px;
border: 1px solid var(--h4f-border);
border-radius: 18px;
background: rgba(18,18,31,.78);
box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.h4f-archive-helper span { color: #fff; font-weight: 900; margin-right: 4px; }
body.h4f-premium-ui .c-page-content,
body.h4f-premium-ui .site-content { background: transparent !important; }
body.h4f-premium-ui .c-page,
body.h4f-premium-ui .main-col-inner,
body.h4f-premium-ui .search-wrap,
body.h4f-premium-ui .c-blog-post {
background: transparent !important;
}
body.h4f-premium-ui .entry-header,
body.h4f-premium-ui .c-blog__heading.style-2 {
border: 0 !important;
background: transparent !important;
}
body.h4f-premium-ui .entry-title .item-title,
body.h4f-premium-ui .c-blog__heading h1,
body.h4f-premium-ui .c-blog__heading h2,
body.h4f-premium-ui .c-blog__heading h3,
body.h4f-premium-ui .c-blog__heading h4,
body.h4f-premium-ui .c-blog__heading .h4 {
color: var(--h4f-text) !important;
font-weight: 900 !important;
letter-spacing: -.025em;
}
body.h4f-premium-ui .entry-title .item-description { color: var(--h4f-muted); max-width: 880px; line-height: 1.7; }
body.h4f-premium-ui .c-nav-tabs {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
body.h4f-premium-ui .c-nav-tabs > span { color: var(--h4f-soft); font-weight: 800; }
body.h4f-premium-ui .c-tabs-content { display: flex; gap: 8px; flex-wrap: wrap; }
body.h4f-premium-ui .c-tabs-content li a {
padding: 8px 12px !important;
border-radius: 999px;
background: rgba(255,255,255,.06);
border: 1px solid var(--h4f-border);
color: var(--h4f-muted) !important;
font-weight: 800;
font-size: 13px;
}
body.h4f-premium-ui .c-tabs-content li.active a,
body.h4f-premium-ui .c-tabs-content li a:hover {
background: linear-gradient(135deg, rgba(157,108,255,.32), rgba(40,231,255,.12));
border-color: var(--h4f-border-strong);
color: #fff !important;
}
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-listing-item { margin-bottom: 26px; }
body.h4f-premium-ui .page-content-listing .row { align-items: stretch; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail,
body.h4f-premium-ui .related-reading-wrap {
height: 100%;
padding: 10px;
border: 1px solid var(--h4f-border);
border-radius: var(--h4f-radius);
background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
box-shadow: var(--h4f-card-shadow);
overflow: hidden;
}
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail:hover,
body.h4f-premium-ui .related-reading-wrap:hover {
transform: translateY(-4px);
border-color: var(--h4f-border-strong);
box-shadow: 0 20px 58px rgba(157,108,255,.18), 0 18px 44px rgba(0,0,0,.38);
}
body.h4f-premium-ui .page-item-detail .item-thumb,
body.h4f-premium-ui .related-reading-img {
border-radius: 16px;
overflow: hidden;
background: #151520;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb a,
body.h4f-premium-ui .related-reading-img a { display: block; position: relative; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb img,
body.h4f-premium-ui .related-reading-img img {
width: 100% !important;
aspect-ratio: 2 / 3;
height: auto !important;
object-fit: cover;
display: block;
transition: transform .28s ease, filter .28s ease;
}
body.h4f-premium-ui .page-item-detail:hover .item-thumb img,
body.h4f-premium-ui .related-reading-wrap:hover img { transform: scale(1.045); filter: saturate(1.08) contrast(1.04); }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .item-thumb a:after,
body.h4f-premium-ui .related-reading-img a:after {
content: "Read";
position: absolute;
left: 10px;
bottom: 10px;
padding: 7px 10px;
border-radius: 999px;
background: rgba(9,9,18,.72);
backdrop-filter: blur(10px);
color: #fff;
font-size: 12px;
font-weight: 900;
letter-spacing: .04em;
opacity: 0;
transform: translateY(6px);
transition: opacity .2s ease, transform .2s ease;
}
body.h4f-premium-ui .page-item-detail:hover .item-thumb a:after,
body.h4f-premium-ui .related-reading-wrap:hover .related-reading-img a:after { opacity: 1; transform: translateY(0); }
body.h4f-premium-ui .item-summary { padding: 12px 2px 2px; }
body.h4f-premium-ui .post-title h3,
body.h4f-premium-ui .post-title h5,
body.h4f-premium-ui .widget-title {
margin: 0 !important;
line-height: 1.25 !important;
}
body.h4f-premium-ui .post-title h3 a,
body.h4f-premium-ui .widget-title a,
body.h4f-premium-ui .related-reading-content a {
color: var(--h4f-text) !important;
font-weight: 850 !important;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
body.h4f-premium-ui .post-title h3 a:hover,
body.h4f-premium-ui .widget-title a:hover { color: #fff !important; }
body.h4f-premium-ui .meta-item.rating,
body.h4f-premium-ui .post-on,
body.h4f-premium-ui .list-chapter {
color: var(--h4f-soft) !important;
font-size: 12px;
}
body.h4f-premium-ui .list-chapter a,
body.h4f-premium-ui .chapter a,
body.h4f-premium-ui .wp-manga-chapter a {
color: #d9ceff !important;
}
body.h4f-premium-ui .list-chapter a:hover,
body.h4f-premium-ui .wp-manga-chapter a:hover { color: #fff !important; }
body.h4f-premium-ui .profile-manga {
background:
linear-gradient(135deg, rgba(12,12,22,.88), rgba(20,12,32,.86)),
radial-gradient(circle at 15% 10%, rgba(157,108,255,.32), transparent 34%),
radial-gradient(circle at 82% 12%, rgba(255,79,216,.20), transparent 34%) !important;
border-bottom: 1px solid var(--h4f-border-strong);
}
body.h4f-premium-ui .profile-manga .container { padding-top: 32px; padding-bottom: 32px; }
body.h4f-premium-ui .profile-manga .post-title h1 {
color: var(--h4f-text) !important;
font-weight: 950;
letter-spacing: -.04em;
font-size: clamp(28px, 4.4vw, 52px);
line-height: 1.02;
max-width: 1080px;
}
body.h4f-premium-ui .profile-manga .tab-summary {
margin-top: 20px;
padding: 18px;
border: 1px solid var(--h4f-border);
border-radius: 28px;
background: rgba(10,10,18,.62);
backdrop-filter: blur(16px);
box-shadow: var(--h4f-shadow);
}
body.h4f-premium-ui .profile-manga .summary_image {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 18px 44px rgba(0,0,0,.45);
}
body.h4f-premium-ui .profile-manga .summary_image img {
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
}
body.h4f-premium-ui .profile-manga .summary_content,
body.h4f-premium-ui .profile-manga .post-content,
body.h4f-premium-ui .profile-manga .post-status {
background: transparent !important;
color: var(--h4f-muted);
}
body.h4f-premium-ui .profile-manga .post-content_item {
padding: 9px 0;
border-bottom: 1px solid rgba(255,255,255,.07);
}
body.h4f-premium-ui .profile-manga .summary-heading h5 { color: #fff !important; font-weight: 850; }
body.h4f-premium-ui .profile-manga .summary-content,
body.h4f-premium-ui .profile-manga .summary-content a { color: #d9d0f5 !important; }
body.h4f-premium-ui .profile-manga .summary-content a:hover { color: #fff !important; }
body.h4f-premium-ui .quick-buttons .btn,
body.h4f-premium-ui .quick-buttons a {
border-radius: 14px !important;
font-weight: 850 !important;
}
body.h4f-premium-ui .description-summary,
body.h4f-premium-ui .listing-chapters_wrap,
body.h4f-premium-ui .related-manga,
body.h4f-premium-ui #comments,
body.h4f-premium-ui .wp-manga-tags-wrapper {
padding: 18px;
border: 1px solid var(--h4f-border);
border-radius: 22px;
background: rgba(17,17,29,.72);
box-shadow: 0 12px 34px rgba(0,0,0,.22);
}
body.h4f-premium-ui .listing-chapters_wrap ul li {
border-bottom-color: rgba(255,255,255,.07) !important;
}
body.h4f-premium-ui .listing-chapters_wrap ul li:hover { background: rgba(157,108,255,.08); }
body.h4f-reader-page .reading-content-wrap .container { max-width: 1120px; }
body.h4f-reader-page #chapter-heading {
color: var(--h4f-text) !important;
font-size: clamp(22px, 3vw, 34px);
font-weight: 900;
text-align: center;
letter-spacing: -.03em;
margin: 26px 0 18px;
}
body.h4f-reader-page .entry-header.header,
body.h4f-reader-page .entry-header.footer {
padding: 12px;
border: 1px solid var(--h4f-border);
border-radius: 18px;
background: rgba(17,17,29,.80) !important;
box-shadow: 0 10px 28px rgba(0,0,0,.25);
}
body.h4f-reader-page .read-container {
padding: 10px 0 22px;
background: transparent !important;
}
body.h4f-reader-page .reading-content img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 12px 36px rgba(0,0,0,.34);
}
body.h4f-reader-page .reading-content .page-break,
body.h4f-reader-page .reading-content .reading-content img + img { margin-top: 10px; }
body.h4f-reader-page .wp-manga-nav select,
body.h4f-reader-page .wp-manga-nav .select2-container .select2-selection {
background: rgba(255,255,255,.08) !important;
border-color: var(--h4f-border) !important;
color: #fff !important;
border-radius: 12px !important;
}
body.h4f-premium-ui .c-search-header__wrapper {
background:
linear-gradient(135deg, rgba(10,10,20,.92), rgba(21,11,35,.88)),
radial-gradient(circle at 18% 0%, rgba(157,108,255,.30), transparent 36%) !important;
border-bottom: 1px solid var(--h4f-border-strong);
}
body.h4f-premium-ui #search-advanced {
margin-top: 18px;
padding: 18px;
border-radius: 22px;
background: rgba(10,10,18,.68);
border: 1px solid var(--h4f-border);
}
body.h4f-premium-ui #search-advanced .checkbox label,
body.h4f-premium-ui #search-advanced .checkbox-inline label { color: var(--h4f-muted) !important; }
body.h4f-premium-ui #search-advanced .checkbox {
padding-top: 8px;
padding-bottom: 8px;
}
body.h4f-premium-ui .site-footer {
background: #08080f !important;
border-top: 1px solid var(--h4f-border) !important;
border-bottom: 0 !important;
}
@media (min-width: 992px) {
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .col-md-2 { flex: 0 0 16.666%; max-width: 16.666%; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .col-md-3 { flex: 0 0 25%; max-width: 25%; }
}
@media (max-width: 991px) {
.h4f-home-hero { grid-template-columns: 1fr; }
.h4f-hero-panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.h4f-premium-ui .main-navigation_wrap { min-height: 62px; }
}
@media (max-width: 767px) {
body.h4f-premium-ui .content-area { padding-top: 18px; }
.h4f-home-hero { padding: 22px 16px; border-radius: 22px; }
.h4f-home-hero h1 { font-size: 32px; }
.h4f-hero-search { flex-direction: column; }
.h4f-hero-search button { min-height: 48px; width: 100%; }
.h4f-hero-panel { grid-template-columns: 1fr; }
.h4f-stat { padding: 14px; }
.h4f-archive-helper { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
.h4f-archive-helper span,
.h4f-archive-helper a { flex: 0 0 auto; }
body.h4f-premium-ui .page-content-listing.item-big_thumbnail .page-item-detail { padding: 8px; border-radius: 16px; }
body.h4f-premium-ui .item-summary { padding-top: 9px; }
body.h4f-premium-ui .post-title h3 a { font-size: 13px; }
body.h4f-premium-ui .profile-manga .tab-summary { padding: 12px; border-radius: 20px; }
body.h4f-premium-ui .profile-manga .post-title h1 { font-size: 30px; }
body.h4f-reader-page .entry-header.header,
body.h4f-reader-page .entry-header.footer { border-radius: 14px; padding: 10px; }
} body.h4f-premium-ui .h4f-site-header {
position: relative;
z-index: 120;
isolation: isolate;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility {
background: rgba(5, 5, 11, 0.98);
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.h4f-premium-ui .h4f-header-utility__inner {
min-height: 34px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
}
body.h4f-premium-ui .h4f-header-utility__status {
margin: 0;
display: inline-flex;
align-items: center;
gap: 9px;
color: rgba(223, 219, 242, 0.75);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.035em;
}
body.h4f-premium-ui .h4f-header-utility__signal {
width: 7px;
height: 7px;
border-radius: 50%;
background: #42f0c5;
box-shadow: 0 0 0 4px rgba(66, 240, 197, 0.1), 0 0 16px rgba(66, 240, 197, 0.72);
}
body.h4f-premium-ui .h4f-header-utility__links {
display: inline-flex;
align-items: center;
gap: 18px;
}
body.h4f-premium-ui .h4f-header-utility__links a {
position: relative;
color: rgba(223, 219, 242, 0.64) !important;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-header-utility__links a:hover {
color: #fff !important;
}
body.h4f-premium-ui .h4f-header-utility__links a:not(:last-child)::after {
content: '';
position: absolute;
top: 50%;
right: -10px;
width: 3px;
height: 3px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.28);
}
body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
body.h4f-premium-ui .h4f-site-header .main-navigation {
background:
linear-gradient(90deg, rgba(12, 11, 25, 0.98), rgba(17, 13, 31, 0.95) 48%, rgba(10, 16, 30, 0.97)) !important;
border: 0 !important;
backdrop-filter: blur(18px);
}
body.h4f-premium-ui .h4f-site-header .main-navigation {
border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
display: grid !important;
grid-template-columns: minmax(150px, 224px) minmax(280px, 1fr) minmax(290px, 360px) auto auto;
align-items: center;
gap: 16px;
min-height: 82px;
padding: 12px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > * {
display: block !important;
width: auto !important;
min-width: 0;
margin: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo {
display: inline-flex;
align-items: center;
max-width: 100%;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
display: block;
width: auto;
max-width: min(100%, 212px);
max-height: 52px;
filter: drop-shadow(0 8px 22px rgba(144, 97, 255, 0.28));
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
overflow: visible;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar {
display: flex;
align-items: center;
gap: 3px;
flex-wrap: nowrap;
float: none;
margin: 0;
padding: 0;
list-style: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li {
position: relative;
float: none;
flex: 0 0 auto;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 9px 10px !important;
border: 1px solid transparent;
border-radius: 10px;
color: rgba(244, 241, 255, 0.8) !important;
font-size: 13px;
font-weight: 750;
line-height: 1.1;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a::before {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li:hover > a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a:hover {
border-color: rgba(163, 116, 255, 0.35);
background: linear-gradient(135deg, rgba(157, 108, 255, 0.21), rgba(40, 231, 255, 0.10));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 18px rgba(25, 16, 60, 0.24);
color: #fff !important;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children {
top: calc(100% + 11px);
left: 0;
min-width: 210px;
padding: 8px;
border: 1px solid rgba(180, 143, 255, 0.2);
border-radius: 14px;
background: rgba(13, 12, 25, 0.98);
box-shadow: 0 20px 52px rgba(0, 0, 0, 0.46);
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu::before,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children::before {
content: '';
position: absolute;
top: -6px;
left: 20px;
width: 11px;
height: 11px;
transform: rotate(45deg);
border-top: 1px solid rgba(180, 143, 255, 0.2);
border-left: 1px solid rgba(180, 143, 255, 0.2);
background: rgba(13, 12, 25, 0.98);
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li {
width: 100%;
border: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li a,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li a {
display: block;
padding: 10px 11px;
border-radius: 9px;
color: rgba(239, 235, 255, 0.76) !important;
font-size: 13px;
font-weight: 650;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.sub-menu li a:hover,
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar ul.children li a:hover {
background: rgba(157, 108, 255, 0.15);
color: #fff !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
position: relative;
display: flex;
align-items: center;
min-width: 0;
height: 44px;
padding: 3px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 13px;
background: rgba(255, 255, 255, 0.055);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search:focus-within {
border-color: rgba(73, 228, 255, 0.58);
background: rgba(4, 6, 14, 0.56);
box-shadow: 0 0 0 4px rgba(40, 231, 255, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
display: inline-flex;
width: 37px;
align-items: center;
justify-content: center;
color: #a98bff;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle svg,
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
width: 19px;
height: 19px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
width: 100%;
min-width: 0;
height: 38px;
padding: 0 8px 0 0;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #fff !important;
font-size: 13px;
font-weight: 600;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search']::placeholder {
color: rgba(221, 215, 239, 0.53);
opacity: 1;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex: 0 0 auto;
height: 36px;
padding: 0 13px;
border: 0;
border-radius: 9px;
background: linear-gradient(135deg, #9f6eff, #6b65ff 54%, #36ccef);
box-shadow: 0 8px 18px rgba(94, 84, 238, 0.24);
color: #fff;
font-size: 12px;
font-weight: 850;
letter-spacing: 0.02em;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button:hover {
filter: brightness(1.1);
transform: translateY(-1px);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
display: flex !important;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 12px;
background: rgba(255, 255, 255, 0.055);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
color: rgba(246, 243, 255, 0.9) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
gap: 7px;
padding: 0 12px;
font-size: 12px;
font-weight: 800;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon {
display: inline-flex;
color: #71dff5;
}
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
width: 42px;
padding: 0 !important;
cursor: pointer;
}
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
position: relative;
flex-direction: column;
gap: 4px;
border-color: rgba(177, 136, 255, 0.32);
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle span {
width: 17px;
height: 2px;
border-radius: 5px;
background: #f4efff !important;
pointer-events: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse:hover,
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle:hover {
border-color: rgba(87, 225, 255, 0.5);
background: linear-gradient(135deg, rgba(157, 108, 255, 0.21), rgba(40, 231, 255, 0.10));
color: #fff !important;
transform: translateY(-1px);
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav {
background: rgba(9, 9, 18, 0.95) !important;
border-top: 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
backdrop-filter: blur(18px);
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-height: 42px;
padding: 5px 0;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap .sub-nav_content {
width: auto;
min-width: 0;
display: flex;
align-items: center;
gap: 12px;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult {
flex: 0 0 auto;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 999px;
background: rgba(255, 255, 255, 0.04);
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult a {
padding: 4px 10px;
color: rgba(238, 234, 250, 0.75) !important;
font-size: 11px;
font-weight: 750;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list {
display: flex;
align-items: center;
gap: 4px;
margin: 0 !important;
padding: 0;
list-style: none;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li {
float: none;
margin: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li > a {
display: inline-flex;
align-items: center;
padding: 7px 10px;
border-radius: 8px;
color: rgba(231, 226, 246, 0.7) !important;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li:hover > a,
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li.current-menu-item > a {
background: rgba(157, 108, 255, 0.15);
color: #fff !important;
}
body.h4f-premium-ui .mobile-menu,
body.h4f-premium-ui .mobile-menu.off-canvas {
background: linear-gradient(180deg, #0b0a17, #100c1d 58%, #080812) !important;
border-right: 1px solid rgba(174, 132, 255, 0.25);
box-shadow: 20px 0 60px rgba(0, 0, 0, 0.46);
}
body.h4f-premium-ui .mobile-menu .close-nav > .menu_icon__close {
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 11px;
background: rgba(255, 255, 255, 0.05);
}
body.h4f-premium-ui .mobile-menu ul.main-navbar li a {
border-bottom-color: rgba(255, 255, 255, 0.08) !important;
color: rgba(245, 241, 255, 0.9) !important;
font-weight: 750;
}
body.h4f-premium-ui .mobile-menu ul.main-navbar li.active > a,
body.h4f-premium-ui .mobile-menu ul.main-navbar li a:hover {
color: #fff !important;
background: rgba(157, 108, 255, 0.13);
}
@media (max-width: 1240px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(145px, 210px) minmax(250px, 1fr) auto auto;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
display: block !important;
}
}
@media (max-width: 860px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(135px, 1fr) auto auto;
gap: 9px;
min-height: 68px;
padding: 9px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
display: none;
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
}
body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search {
display: flex;
}
body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle {
display: inline-flex;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
display: none;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-header-utility__inner {
min-height: 32px;
}
body.h4f-premium-ui .h4f-header-utility__status {
display: none;
}
body.h4f-premium-ui .h4f-header-utility__links {
width: 100%;
justify-content: center;
gap: 19px;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 155px;
max-height: 42px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
padding: 0 11px;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .c-sub-nav_wrap {
min-height: 39px;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_content {
width: 100% !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_content::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .section_adult {
display: none;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav .sub-nav_list > li > a {
padding: 7px 9px;
font-size: 11px;
}
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) auto auto;
gap: 12px;
min-height: 72px;
padding: 10px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
min-width: 0;
overflow: hidden;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar {
justify-content: flex-start;
min-width: max-content;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
padding: 8px 9px !important;
font-size: 12.5px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
gap: 7px;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-browse,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border: 1px solid rgba(255,255,255,.13);
border-radius: 11px;
background: rgba(255,255,255,.055);
box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
color: rgba(246,243,255,.92) !important;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
gap: 6px;
padding: 0 11px;
cursor: pointer;
font-size: 12px;
font-weight: 800;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__icon,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__icon svg {
display: inline-flex;
width: 17px;
height: 17px;
color: #a98bff;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle[aria-expanded='true'] {
border-color: rgba(87,225,255,.52);
background: linear-gradient(135deg, rgba(157,108,255,.21), rgba(40,231,255,.10));
color: #fff !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-search {
display: none;
align-items: center;
width: min(1180px, calc(100% - 32px));
height: 50px;
margin: 12px auto 15px;
padding: 5px;
border: 1px solid rgba(180,143,255,.24);
border-radius: 15px;
background: rgba(11,10,22,.97);
box-shadow: 0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search {
display: flex;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex: 0 0 42px;
width: 42px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 38px;
min-width: 0;
flex: 1 1 auto;
padding: 0 8px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex: 0 0 auto;
height: 38px;
} body.home.h4f-premium-ui .c-top-sidebar.wp-manga {
display: none !important;
}
@media (max-width: 1240px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(155px, 1fr) auto auto;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(128px, 1fr) auto auto;
gap: 8px;
min-height: 64px;
padding: 8px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
width: 40px;
padding: 0;
}
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle__label {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
width: calc(100% - 24px);
height: 48px;
margin: 9px auto 12px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex-basis: 35px;
width: 35px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
padding: 0 11px;
}
}  body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(188px, 220px) minmax(0, 1fr) max-content max-content;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
min-width: 0;
position: relative;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
min-width: max-content;
justify-self: end;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
position: relative !important;
inset: auto !important;
margin: 0 !important;
visibility: visible !important;
overflow: visible !important;
}
@media (min-width: 1241px) and (max-width: 1500px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(180px, 205px) minmax(0, 1fr) max-content max-content;
gap: 8px;
}
body.h4f-premium-ui .h4f-site-header .main-menu .main-navbar > li > a {
padding: 8px 8px !important;
font-size: 12px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
padding: 0 10px;
}
} body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav {
position: relative;
z-index: 115;
background:
linear-gradient(90deg, rgba(10, 9, 20, .98), rgba(17, 14, 31, .96) 50%, rgba(9, 15, 27, .98)) !important;
border-top: 1px solid rgba(255, 255, 255, .055) !important;
border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
min-height: 52px;
gap: 16px;
padding: 7px 0;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
gap: 10px;
}
body.h4f-premium-ui .h4f-subnav__label {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 7px;
color: rgba(203, 194, 232, .58);
font-size: 10px;
font-weight: 850;
letter-spacing: .12em;
text-transform: uppercase;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-subnav__label::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #a980ff;
box-shadow: 0 0 0 4px rgba(169, 128, 255, .11), 0 0 14px rgba(169, 128, 255, .7);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult {
flex: 0 0 auto;
margin: 0;
border: 1px solid rgba(157, 108, 255, .28);
border-radius: 999px;
background: rgba(157, 108, 255, .12);
box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult a {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 11px;
color: #e9deff !important;
font-size: 10px;
font-weight: 850;
letter-spacing: .055em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #55e9ce;
box-shadow: 0 0 12px rgba(85, 233, 206, .8);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
position: relative;
display: flex;
align-items: center;
gap: 5px;
width: auto;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
float: none !important;
position: relative;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 0 11px;
border: 1px solid transparent;
border-radius: 10px;
color: rgba(235, 230, 248, .73) !important;
font-size: 11px;
font-weight: 760;
letter-spacing: .018em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.current-menu-item > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.active > a {
border-color: rgba(157, 108, 255, .3);
background: linear-gradient(135deg, rgba(157,108,255,.20), rgba(40,231,255,.075));
box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
color: #fff !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .mobile-icon {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.menu-item-has-children > a::after {
margin-left: 7px;
font-size: 10px;
color: #ad92ff;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu {
top: calc(100% + 10px) !important;
left: 0 !important;
min-width: 210px;
margin: 0 !important;
padding: 8px !important;
border: 1px solid rgba(174, 133, 255, .24) !important;
border-radius: 14px;
background: rgba(14, 12, 28, .985) !important;
box-shadow: 0 22px 52px rgba(0,0,0,.48);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu::before {
content: '';
position: absolute;
top: -6px;
left: 20px;
width: 11px;
height: 11px;
transform: rotate(45deg);
border-top: 1px solid rgba(174, 133, 255, .24);
border-left: 1px solid rgba(174, 133, 255, .24);
background: rgba(14, 12, 28, .985);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li {
width: 100%;
margin: 0 !important;
border: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li a {
display: block;
padding: 10px 11px !important;
border-radius: 9px;
color: rgba(239, 235, 255, .78) !important;
font-size: 12px;
font-weight: 700;
text-transform: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list .sub-menu li a:hover {
background: rgba(157, 108, 255, .16);
color: #fff !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
flex: 0 0 auto;
display: flex;
align-items: center;
margin-left: auto;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_item {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 4px 5px 4px 10px;
border: 1px solid rgba(255,255,255,.08);
border-radius: 999px;
background: rgba(255,255,255,.035);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_name {
max-width: 140px;
overflow: hidden;
color: rgba(234, 229, 248, .65);
font-size: 11px;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_avatar-image img,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_avatar img {
display: block;
width: 30px;
height: 30px;
border: 1px solid rgba(173, 137, 255, .6);
border-radius: 50%;
box-shadow: 0 0 0 2px rgba(40,231,255,.09);
} body.h4f-premium-ui .h4f-side-drawer.off-canvas,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
display: flex !important;
flex-direction: column;
width: 390px;
max-width: calc(100vw - 18px);
height: 100dvh;
left: auto !important;
right: 0;
transform: translateX(104%);
overflow: hidden;
background:
radial-gradient(circle at 8% 4%, rgba(157,108,255,.24), transparent 28%),
linear-gradient(180deg, #100d20 0%, #0d0b18 42%, #080910 100%) !important;
border-left: 1px solid rgba(181, 144, 255, .35);
border-right: 0;
box-shadow: -26px 0 78px rgba(0,0,0,.56);
transition: transform .34s cubic-bezier(.2,.72,.22,1) !important;
}
body.h4f-premium-ui .h4f-side-drawer.off-canvas.active {
left: auto !important;
right: 0;
transform: translateX(0);
}
body.h4f-premium-ui.open_canvas .wrap::after {
background: rgba(2, 2, 10, .68);
backdrop-filter: blur(4px);
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 78px;
padding: 17px 18px 15px;
border-bottom: 1px solid rgba(255,255,255,.08);
background: rgba(5,5,14,.22);
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand {
display: inline-flex;
align-items: center;
min-width: 0;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand img {
display: block;
width: auto;
max-width: 170px;
max-height: 40px;
filter: drop-shadow(0 8px 18px rgba(157,108,255,.25));
}
body.h4f-premium-ui .h4f-side-drawer .close-nav {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
flex: 0 0 auto;
text-align: initial;
}
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close {
position: relative;
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: 1px solid rgba(255,255,255,.13);
border-radius: 12px;
background: rgba(255,255,255,.055);
cursor: pointer;
}
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:first-child,
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:last-child {
position: absolute;
top: 50%;
left: 50%;
width: 17px;
height: 2px;
margin: 0;
border-radius: 99px;
background: #f5f1ff;
transform-origin: center;
}
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close > span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
body.h4f-premium-ui .h4f-side-drawer .close-nav > .menu_icon__close:hover {
border-color: rgba(87,225,255,.5);
background: linear-gradient(135deg, rgba(157,108,255,.20), rgba(40,231,255,.10));
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity {
display: flex;
align-items: center;
gap: 11px;
margin: 17px 18px 0;
padding: 11px;
border: 1px solid rgba(255,255,255,.085);
border-radius: 16px;
background: rgba(255,255,255,.045);
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity .c-user_avatar-image img {
display: block;
width: 38px;
height: 38px;
border: 1px solid rgba(173,137,255,.55);
border-radius: 50%;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity .c-user_name {
color: #f5f1ff;
font-size: 13px;
font-weight: 800;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth {
display: flex;
gap: 9px;
margin: 17px 18px 0;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth .c-modal_sign-in,
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth .c-modal_sign-up {
display: block !important;
flex: 1;
margin: 0 !important;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth a {
display: flex !important;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 0 10px !important;
border: 1px solid rgba(181,144,255,.34) !important;
border-radius: 10px !important;
background: rgba(157,108,255,.13) !important;
color: #f6f1ff !important;
font-size: 12px;
font-weight: 800;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 17px 18px 0;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts a {
display: flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 0 6px;
border: 1px solid rgba(255,255,255,.095);
border-radius: 10px;
background: rgba(255,255,255,.04);
color: rgba(238,233,250,.76) !important;
font-size: 10px;
font-weight: 820;
letter-spacing: .035em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts a:hover {
border-color: rgba(87,225,255,.4);
background: rgba(157,108,255,.15);
color: #fff !important;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__section-title {
margin: 24px 18px 9px;
color: rgba(196,188,222,.55);
font-size: 10px;
font-weight: 850;
letter-spacing: .13em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu {
flex: 1 1 auto;
max-height: none;
margin: 0;
padding: 0 18px 16px;
overflow-y: auto;
scrollbar-color: rgba(157,108,255,.45) transparent;
scrollbar-width: thin;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar ul {
width: auto;
margin: 0;
padding: 0;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li {
min-height: 0;
padding: 0;
border-bottom: 1px solid rgba(255,255,255,.075);
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > a {
display: flex;
align-items: center;
min-height: 48px;
padding: 0 34px 0 0;
color: rgba(246,242,255,.9) !important;
font-size: 13px;
font-weight: 780;
letter-spacing: .01em;
text-transform: none;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li.current-menu-item > a,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li.current-menu-ancestor > a,
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > a:hover {
color: #fff !important;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar li.menu-item-has-children > i.fa {
top: 5px;
left: auto;
right: 0;
width: 36px;
height: 38px;
border: 1px solid rgba(255,255,255,.085);
border-radius: 10px;
background: rgba(255,255,255,.04);
color: #c5afff;
font-size: 13px;
line-height: 36px;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar li.menu-item-has-children > a {
padding-left: 0;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu {
margin: 0 0 10px;
padding: 4px 0 7px 13px;
border-left: 1px solid rgba(157,108,255,.25);
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu li {
padding: 0;
border: 0;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu ul.main-navbar > li > ul.sub-menu a {
min-height: 34px;
padding: 7px 0;
color: rgba(218,211,237,.66) !important;
font-size: 12px;
font-weight: 650;
text-transform: none;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety {
flex: 0 0 auto;
margin: 0;
padding: 14px 18px 18px;
border-top: 1px solid rgba(255,255,255,.075);
background: rgba(4,4,11,.22);
text-align: left;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult {
display: inline-flex;
border: 1px solid rgba(157,108,255,.28);
border-radius: 999px;
background: rgba(157,108,255,.12);
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 11px;
color: #eee8ff !important;
font-size: 10px;
font-weight: 820;
letter-spacing: .05em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety .section_adult .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #55e9ce;
box-shadow: 0 0 12px rgba(85,233,206,.82);
}
@media (max-width: 991px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
gap: 0;
}
body.h4f-premium-ui .h4f-subnav__label,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
display: flex;
width: 100% !important;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
min-height: 46px;
padding: 6px 0;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
gap: 4px;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
min-height: 31px;
padding: 0 10px;
font-size: 10px;
}
body.h4f-premium-ui .h4f-side-drawer.off-canvas,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
width: min(390px, calc(100vw - 10px));
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__top {
min-height: 70px;
padding: 15px 15px 13px;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__brand img {
max-width: 153px;
max-height: 36px;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__identity,
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__auth,
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__shortcuts {
margin-left: 15px;
margin-right: 15px;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__section-title {
margin-left: 15px;
}
body.h4f-premium-ui .h4f-side-drawer nav.off-menu {
padding-left: 15px;
padding-right: 15px;
}
body.h4f-premium-ui .h4f-side-drawer .h4f-drawer__safety {
padding: 13px 15px 16px;
}
}  body.h4f-premium-ui .h4f-archive-helper-wrap {
display: none !important;
} body.h4f-premium-ui .h4f-library-sort {
display: flex;
align-items: center;
gap: 10px;
margin-top: 14px;
padding: 0;
}
body.h4f-premium-ui .h4f-library-sort__label {
flex: 0 0 auto;
color: rgba(231, 225, 248, .68);
font-size: 11px;
font-weight: 850;
letter-spacing: .075em;
text-transform: uppercase;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-library-sort__links {
display: flex;
align-items: center;
gap: 7px;
min-width: 0;
flex-wrap: wrap;
}
body.h4f-premium-ui .h4f-library-sort__links a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
padding: 0 11px;
border: 1px solid rgba(255,255,255,.105);
border-radius: 999px;
background: rgba(255,255,255,.045);
color: rgba(235,230,248,.78) !important;
font-size: 11px;
font-weight: 800;
letter-spacing: .01em;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-library-sort__links a:hover,
body.h4f-premium-ui .h4f-library-sort__links a.is-active {
border-color: rgba(157,108,255,.40);
background: linear-gradient(135deg, rgba(157,108,255,.26), rgba(40,231,255,.09));
box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
color: #fff !important;
} body.h4f-premium-ui .h4f-side-drawer.off-canvas,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas {
z-index: 2147483647 !important;
isolation: isolate;
pointer-events: none;
}
body.h4f-premium-ui .h4f-side-drawer.off-canvas.active,
body.h4f-premium-ui .h4f-side-drawer.mobile-menu.off-canvas.active {
z-index: 2147483647 !important;
visibility: visible !important;
pointer-events: auto;
}
body.h4f-premium-ui.open_canvas {
overflow: hidden;
}
body.h4f-premium-ui.open_canvas .wrap::after {
position: fixed !important;
inset: 0 !important;
z-index: 2147483000 !important;
background: rgba(2,2,10,.68) !important;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
pointer-events: auto;
} @media (max-width: 991px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-subnav__label,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
display: flex !important;
width: max-content !important;
min-width: max-content !important;
margin: 0 !important;
padding: 0 14px !important;
gap: 5px;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-library-sort {
align-items: flex-start;
flex-direction: column;
gap: 8px;
}
body.h4f-premium-ui .h4f-library-sort__links {
width: calc(100vw - 30px);
flex-wrap: nowrap;
overflow-x: auto;
padding: 0 1px 3px;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .h4f-library-sort__links::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .h4f-library-sort__links a {
flex: 0 0 auto;
}
}  body.h4f-premium-ui .h4f-site-header {
isolation: auto !important;
overflow: visible !important;
}
body.h4f-premium-ui.open_canvas .wrap::after,
body.h4f-premium-ui.h4f-drawer-open .wrap::after {
display: none !important;
opacity: 0 !important;
pointer-events: none !important;
} body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: block !important;
position: relative;
z-index: 1300;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li {
position: relative !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
position: relative;
z-index: 115;
padding: 11px 0 13px;
border-bottom: 1px solid rgba(116, 220, 255, .13);
background:
linear-gradient(90deg, rgba(14, 11, 31, .985), rgba(23, 21, 51, .965) 48%, rgba(10, 26, 39, .985));
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
display: flex !important;
align-items: center;
width: 100%;
height: 58px;
margin: 0 !important;
padding: 5px 6px 5px 10px;
border: 1px solid rgba(77, 226, 255, .76);
border-radius: 17px;
background: linear-gradient(105deg, rgba(12, 11, 27, .98), rgba(18, 17, 42, .97));
box-shadow:
0 0 0 5px rgba(46, 211, 255, .08),
0 14px 34px rgba(0, 0, 0, .30),
inset 0 1px 0 rgba(255, 255, 255, .10);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search:focus-within {
border-color: #6deeff;
background: linear-gradient(105deg, rgba(10, 10, 25, .99), rgba(22, 18, 49, .99));
box-shadow:
0 0 0 5px rgba(46, 211, 255, .13),
0 16px 38px rgba(0, 0, 0, .34),
inset 0 1px 0 rgba(255, 255, 255, .11);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex: 0 0 47px;
width: 47px;
color: #ae82ff;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
width: 25px;
height: 25px;
stroke-width: 2.05;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 44px;
padding: 0 12px 0 0;
font-size: 14px;
font-weight: 700;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search']::placeholder {
color: rgba(231, 225, 247, .61);
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
min-width: 112px;
height: 46px;
padding: 0 18px;
border-radius: 13px;
background: linear-gradient(135deg, #a56dff 0%, #cc5bf4 52%, #f245c6 100%);
box-shadow: 0 10px 22px rgba(207, 78, 229, .28), inset 0 1px 0 rgba(255, 255, 255, .27);
font-size: 13px;
font-weight: 850;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button:hover {
filter: brightness(1.08) saturate(1.05);
transform: translateY(-1px);
} body.h4f-premium-ui .h4f-site-header .h4f-mobile-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-search-toggle {
display: none !important;
} body.h4f-premium-ui .h4f-site-header .c-togle__menu {
display: block !important;
width: auto !important;
text-align: right;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(172px, 220px) minmax(0, 1fr) max-content max-content;
gap: 12px;
} body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
display: block !important;
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
z-index: 2200 !important;
height: auto !important;
max-height: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-5px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li:hover > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li:hover > ul.children,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li.h4f-dropdown-open > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li.h4f-dropdown-open > ul.children {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0);
}
body.h4f-premium-ui .h4f-menu-child-toggle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 23px;
height: 25px;
margin: 0 0 0 -7px;
padding: 0;
border: 0;
border-radius: 7px;
background: transparent;
color: #b89aff;
cursor: pointer;
vertical-align: middle;
}
body.h4f-premium-ui .h4f-menu-child-toggle > span {
width: 7px;
height: 7px;
border-right: 1.8px solid currentColor;
border-bottom: 1.8px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform .18s ease;
}
body.h4f-premium-ui .h4f-menu-child-toggle:hover,
body.h4f-premium-ui .h4f-menu-child-toggle:focus-visible {
background: rgba(157, 108, 255, .17);
color: #fff;
}
body.h4f-premium-ui .h4f-dropdown-open > .h4f-menu-child-toggle > span {
transform: rotate(225deg) translateY(-1px);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.menu-item-has-children > a::after {
content: none !important;
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
display: block !important;
position: absolute !important;
top: calc(100% + 8px) !important;
left: 0 !important;
z-index: 2100 !important;
height: auto !important;
max-height: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-5px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:hover > ul.children,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-dropdown-open > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-dropdown-open > ul.children {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0);
} body.h4f-premium-ui > .h4f-drawer-overlay {
position: fixed;
inset: 0;
display: block;
z-index: 2147483000;
border: 0;
background: rgba(2, 2, 10, .70);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .24s ease, visibility .24s ease;
}
body.h4f-premium-ui > .h4f-drawer-overlay.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
z-index: 2147483646 !important;
width: min(408px, calc(100vw - 14px));
height: 100vh !important;
height: 100dvh !important;
visibility: hidden;
pointer-events: none;
transform: translate3d(105%, 0, 0) !important;
will-change: transform;
}
body.h4f-premium-ui > .h4f-side-drawer.off-canvas.active,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas.active {
visibility: visible !important;
pointer-events: auto !important;
transform: translate3d(0, 0, 0) !important;
}
body.h4f-premium-ui.h4f-drawer-open {
overflow: hidden !important;
touch-action: none;
} body.h4f-premium-ui > .h4f-mobile-submenu-backdrop {
position: fixed;
inset: 0;
display: block;
z-index: 2147483100;
border: 0;
background: rgba(2, 2, 10, .56);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .22s ease, visibility .22s ease;
}
body.h4f-premium-ui > .h4f-mobile-submenu-backdrop.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.h4f-premium-ui > .h4f-mobile-submenu-sheet {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 2147483200;
max-height: min(72vh, 560px);
padding: 15px 16px calc(18px + env(safe-area-inset-bottom));
border: 1px solid rgba(177, 137, 255, .34);
border-bottom: 0;
border-radius: 22px 22px 0 0;
background:
radial-gradient(circle at 14% 0%, rgba(157, 108, 255, .23), transparent 35%),
linear-gradient(180deg, #151127, #0c0c17);
box-shadow: 0 -22px 58px rgba(0,0,0,.52);
transform: translateY(105%);
visibility: hidden;
transition: transform .26s cubic-bezier(.2,.72,.22,1), visibility .26s ease;
}
body.h4f-premium-ui > .h4f-mobile-submenu-sheet.is-open {
transform: translateY(0);
visibility: visible;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: 40px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__title {
color: #f6f1ff;
font-size: 15px;
font-weight: 850;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__close {
position: relative;
width: 38px;
height: 38px;
padding: 0;
border: 1px solid rgba(255,255,255,.13);
border-radius: 11px;
background: rgba(255,255,255,.05);
cursor: pointer;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span {
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
border-radius: 99px;
background: #f5f1ff;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span:first-child {
transform: translate(-50%, -50%) rotate(45deg);
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__close span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__content {
max-height: calc(min(72vh, 560px) - 74px);
overflow-y: auto;
padding-top: 10px;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__links {
margin: 0;
padding: 0;
list-style: none;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__links li {
margin: 0;
border-bottom: 1px solid rgba(255,255,255,.07);
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__links li:last-child {
border-bottom: 0;
}
body.h4f-premium-ui .h4f-mobile-submenu-sheet__links a {
display: flex;
align-items: center;
min-height: 48px;
padding: 8px 6px;
color: rgba(246, 241, 255, .9) !important;
font-size: 13px;
font-weight: 740;
}
@media (max-width: 1240px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(142px, 1fr) max-content max-content;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
}
}
@media (max-width: 991px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
overflow-x: auto !important;
overflow-y: hidden !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
display: none !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(118px, 1fr) max-content max-content;
gap: 8px;
min-height: 66px;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 146px;
max-height: 40px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
min-height: 42px;
padding: 0 11px;
font-size: 12px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
padding: 12px 0 14px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
height: 66px;
padding: 6px 7px 6px 9px;
border-radius: 18px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex-basis: 42px;
width: 42px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 48px;
padding-right: 6px;
font-size: 13px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
min-width: 103px;
height: 52px;
padding: 0 13px;
border-radius: 14px;
font-size: 13px;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
padding-left: 10px;
padding-right: 7px;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
width: 22px;
margin-left: -4px;
}
body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
width: min(390px, calc(100vw - 9px));
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 128px;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
padding: 0 10px;
}
}  body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
body.h4f-premium-ui .h4f-site-header .main-navigation,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
position: relative !important;
overflow: visible !important;
z-index: 1800 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li {
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
z-index: 1900 !important;
} body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav {
z-index: 1700 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
z-index: 1600 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
z-index: 1750 !important;
} body.h4f-premium-ui .h4f-home-hero .h4f-hero-search {
display: none !important;
} body.h4f-premium-ui.h4f-drawer-open .wrap::before,
body.h4f-premium-ui.h4f-drawer-open .wrap::after,
body.h4f-premium-ui.h4f-drawer-open .body-wrap::before,
body.h4f-premium-ui.h4f-drawer-open .body-wrap::after,
body.h4f-premium-ui.open_canvas .wrap::before,
body.h4f-premium-ui.open_canvas .wrap::after,
body.h4f-premium-ui.open_canvas .body-wrap::before,
body.h4f-premium-ui.open_canvas .body-wrap::after {
display: none !important;
content: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.h4f-premium-ui > .h4f-drawer-overlay {
z-index: 2147483600 !important;
}
body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas {
z-index: 2147483647 !important;
} @media (max-width: 1100px) {
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) max-content max-content !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-header-utility__inner {
min-height: 29px !important;
}
body.h4f-premium-ui .h4f-header-utility__links {
gap: 14px !important;
}
body.h4f-premium-ui .h4f-header-utility__links a {
font-size: 10px !important;
letter-spacing: .035em !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
min-height: 57px !important;
gap: 7px !important;
padding: 6px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 137px !important;
max-height: 36px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
min-height: 38px !important;
padding: 0 10px !important;
border-radius: 10px !important;
font-size: 11px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
width: 17px !important;
height: 17px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
width: 40px !important;
height: 40px !important;
min-height: 40px !important;
border-radius: 10px !important;
}
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
min-height: 42px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
padding: 3px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
padding: 0 11px !important;
gap: 2px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
min-height: 31px !important;
padding: 0 8px !important;
font-size: 10px !important;
letter-spacing: .01em !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
width: 24px !important;
height: 30px !important;
margin-left: -5px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
padding: 7px 0 8px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
height: 50px !important;
padding: 4px 5px 4px 7px !important;
border-radius: 14px !important;
box-shadow: 0 0 0 3px rgba(46,211,255,.07), 0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex-basis: 37px !important;
width: 37px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
width: 22px !important;
height: 22px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 40px !important;
padding-right: 5px !important;
font-size: 12px !important;
font-weight: 650 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
min-width: 88px !important;
height: 42px !important;
padding: 0 10px !important;
border-radius: 11px !important;
font-size: 12px !important;
} body.home.h4f-premium-ui .h4f-home-hero-wrap {
margin-bottom: 20px !important;
}
body.home.h4f-premium-ui .h4f-home-hero {
gap: 17px !important;
padding: 22px 18px !important;
border-radius: 20px !important;
}
body.home.h4f-premium-ui .h4f-home-hero h1 {
margin: 10px 0 10px !important;
font-size: clamp(30px, 9.2vw, 38px) !important;
line-height: 1.06 !important;
}
body.home.h4f-premium-ui .h4f-home-hero p {
margin: 0 !important;
font-size: 16px !important;
line-height: 1.55 !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-links {
display: none !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 7px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
min-height: 0 !important;
padding: 11px 9px !important;
border-radius: 13px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
font-size: 13px !important;
line-height: 1.15 !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat span {
display: none !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 125px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
min-width: 40px !important;
padding: 0 9px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse span:last-child {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse__icon svg {
width: 18px !important;
height: 18px !important;
}
} @media (max-width: 767px) { body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility,
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
min-height: 25px !important;
height: 25px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
display: flex !important;
justify-content: center !important;
padding: 0 10px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
gap: 13px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
font-size: 9px !important;
line-height: 1 !important;
letter-spacing: .025em !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a:not(:last-child)::after {
right: -8px !important;
width: 2px !important;
height: 2px !important;
} body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header nav.main-menu.h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > nav.main-menu,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > .h4f-header-actions {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) 36px !important;
min-height: 49px !important;
gap: 8px !important;
padding: 5px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 118px !important;
max-height: 30px !important;
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
border-radius: 9px !important;
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open span {
width: 17px !important;
} body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
min-height: 38px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
padding: 1px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
padding: 0 9px !important;
gap: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
min-height: 29px !important;
padding: 0 8px !important;
font-size: 9px !important;
font-weight: 750 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
width: 20px !important;
height: 28px !important;
margin-left: -5px !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
padding: 6px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
height: 45px !important;
padding: 3px 4px 3px 7px !important;
border-radius: 13px !important;
box-shadow: 0 0 0 2px rgba(46,211,255,.07), 0 7px 15px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex-basis: 34px !important;
width: 34px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
width: 19px !important;
height: 19px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 37px !important;
padding-right: 4px !important;
font-size: 11px !important;
font-weight: 650 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
min-width: 76px !important;
height: 37px !important;
padding: 0 10px !important;
border-radius: 10px !important;
font-size: 11px !important;
} body.home.h4f-premium-ui .content-area {
padding-top: 12px !important;
}
body.home.h4f-premium-ui .h4f-home-hero-wrap {
margin-bottom: 16px !important;
}
body.home.h4f-premium-ui .h4f-home-hero {
gap: 13px !important;
padding: 17px 15px !important;
border-radius: 18px !important;
}
body.home.h4f-premium-ui .h4f-eyebrow {
margin-bottom: 8px !important;
padding: 6px 9px !important;
font-size: 9px !important;
letter-spacing: .055em !important;
}
body.home.h4f-premium-ui .h4f-home-hero h1 {
margin: 0 0 8px !important;
font-size: clamp(26px, 8vw, 32px) !important;
line-height: 1.03 !important;
letter-spacing: -.042em !important;
}
body.home.h4f-premium-ui .h4f-home-hero p {
font-size: 14px !important;
line-height: 1.45 !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 6px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
padding: 9px 7px !important;
border-radius: 11px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
font-size: 12px !important;
line-height: 1.1 !important;
} body.home.h4f-premium-ui .site-content > .c-page-content,
body.home.h4f-premium-ui .site-content > .c-page,
body.home.h4f-premium-ui .site-content > .c-page-content > .c-page {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 110px !important;
max-height: 28px !important;
}
body.home.h4f-premium-ui .h4f-home-hero {
padding: 15px 13px !important;
}
body.home.h4f-premium-ui .h4f-home-hero h1 {
font-size: 25px !important;
}
}  @media (min-width: 821px) {
body.h4f-premium-ui .h4f-site-header .c-header__top.h4f-header-shell,
body.h4f-premium-ui .h4f-site-header .main-navigation,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
z-index: 4100 !important;
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation .main-navbar > li > ul.children {
z-index: 4200 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
z-index: 200 !important;
}
} body.h4f-premium-ui > .h4f-drawer-overlay,
body.h4f-premium-ui > #h4f-drawer-overlay {
z-index: 2147483600 !important;
}
body.h4f-premium-ui > .h4f-side-drawer.off-canvas,
body.h4f-premium-ui > .h4f-side-drawer.mobile-menu.off-canvas,
body.h4f-premium-ui > #h4f-side-drawer {
z-index: 2147483647 !important;
}
body.h4f-premium-ui.h4f-drawer-open .site-header,
body.h4f-premium-ui.h4f-drawer-open .wrap,
body.h4f-premium-ui.h4f-drawer-open .body-wrap {
isolation: auto !important;
} @media (max-width: 820px) { body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header nav.h4f-primary-navigation,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > nav.main-menu,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap > .main-menu,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap .h4f-primary-navigation .main-navbar {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 38px !important;
align-items: center !important;
min-height: 54px !important;
gap: 8px !important;
padding: 6px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding {
min-width: 0 !important;
display: flex !important;
align-items: center !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo {
display: inline-flex !important;
align-items: center !important;
max-width: 132px !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
display: block !important;
width: auto !important;
max-width: 128px !important;
max-height: 31px !important;
height: auto !important;
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
body.h4f-premium-ui .h4f-site-header .c-togle__menu .menu_icon__open {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
padding: 0 !important;
border-radius: 11px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility,
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
min-height: 27px !important;
height: 27px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
display: flex !important;
justify-content: center !important;
padding: 0 12px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
gap: 15px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
font-size: 10px !important;
letter-spacing: .035em !important;
} body.h4f-premium-ui .h4f-site-header .c-sub-header-nav.h4f-subnav,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
min-height: 43px !important;
max-height: 43px !important;
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap {
display: block !important;
padding: 3px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .section_adult,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-subnav__label,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-modal_item,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-user_item {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content {
display: block !important;
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_content::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
width: max-content !important;
min-width: max-content !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 13px !important;
gap: 3px !important;
overflow: visible !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li:nth-of-type(n+4) {
display: inline-flex !important;
align-items: center !important;
float: none !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
visibility: visible !important;
opacity: 1 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > a {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 0 8px !important;
border-radius: 9px !important;
font-size: 10px !important;
font-weight: 780 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .h4f-menu-child-toggle {
display: inline-flex !important;
flex: 0 0 24px !important;
width: 24px !important;
height: 30px !important;
margin: 0 0 0 -4px !important;
padding: 0 !important;
} body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li > ul.children {
display: none !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
position: relative !important;
z-index: 100 !important;
padding: 8px 0 9px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
display: flex !important;
width: calc(100% - 24px) !important;
height: 52px !important;
margin: 0 auto !important;
padding: 4px 5px 4px 10px !important;
border-radius: 15px !important;
box-shadow: 0 0 0 3px rgba(46,211,255,.07), 0 9px 21px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex: 0 0 36px !important;
width: 36px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon svg {
width: 21px !important;
height: 21px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
min-width: 0 !important;
height: 40px !important;
padding: 0 6px 0 0 !important;
font-size: 13px !important;
font-weight: 650 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex: 0 0 86px !important;
min-width: 86px !important;
height: 42px !important;
padding: 0 9px !important;
border-radius: 11px !important;
font-size: 12px !important;
} body.home.h4f-premium-ui .content-area {
padding-top: 14px !important;
}
body.home.h4f-premium-ui .h4f-home-hero-wrap {
margin: 0 0 20px !important;
}
body.home.h4f-premium-ui .h4f-home-hero {
display: block !important;
padding: 20px 18px 16px !important;
border-radius: 20px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-search,
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-links {
display: none !important;
}
body.home.h4f-premium-ui .h4f-eyebrow {
margin: 0 0 10px !important;
padding: 6px 10px !important;
font-size: 10px !important;
letter-spacing: .05em !important;
}
body.home.h4f-premium-ui .h4f-home-hero h1 {
max-width: 18ch !important;
margin: 0 0 11px !important;
font-size: clamp(29px, 8.6vw, 34px) !important;
line-height: 1.04 !important;
letter-spacing: -.045em !important;
}
body.home.h4f-premium-ui .h4f-home-hero p {
max-width: 34ch !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.48 !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel {
display: flex !important;
align-items: stretch !important;
gap: 7px !important;
margin-top: 16px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-hero-panel::-webkit-scrollbar {
display: none;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat {
flex: 1 0 0 !important;
min-width: 0 !important;
padding: 10px 8px !important;
border-radius: 12px !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat strong {
display: block !important;
overflow: hidden !important;
font-size: 11px !important;
font-weight: 850 !important;
line-height: 1.15 !important;
text-align: center !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
body.home.h4f-premium-ui .h4f-home-hero .h4f-stat span {
display: none !important;
} body.h4f-premium-ui .c-blog__heading.style-2 .c-nav-tabs,
body.h4f-premium-ui .c-nav-tabs {
display: block !important;
min-width: 0 !important;
}
body.h4f-premium-ui .c-nav-tabs > span {
display: none !important;
}
body.h4f-premium-ui .c-nav-tabs .c-tabs-content {
display: flex !important;
flex-wrap: nowrap !important;
width: 100% !important;
max-width: 100% !important;
margin: 8px 0 0 !important;
padding: 0 1px 4px !important;
gap: 8px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
body.h4f-premium-ui .c-nav-tabs .c-tabs-content::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .c-nav-tabs .c-tabs-content > li {
flex: 0 0 auto !important;
}
body.h4f-premium-ui .c-nav-tabs .c-tabs-content > li a {
display: inline-flex !important;
min-height: 36px !important;
padding: 0 13px !important;
font-size: 12px !important;
white-space: nowrap !important;
} body.h4f-premium-ui .page-content-listing .page-listing-item {
margin-bottom: 14px !important;
}
body.h4f-premium-ui .page-content-listing .page-listing-item > .row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
margin: 0 !important;
}
body.h4f-premium-ui .page-content-listing .page-listing-item > .row > [class*='col-'] {
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
padding: 8px !important;
border-radius: 16px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb {
border-radius: 12px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb img {
aspect-ratio: 2 / 3 !important;
object-fit: cover !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
display: grid !important;
gap: 7px !important;
padding: 9px 1px 2px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
font-size: 14px !important;
line-height: 1.27 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title a {
-webkit-line-clamp: 2 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-card-rating {
min-height: 17px !important;
font-size: 11px !important;
line-height: 1 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-card-date {
display: block !important;
color: var(--h4f-soft) !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
} @media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 116px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex-basis: 78px !important;
min-width: 78px !important;
}
body.home.h4f-premium-ui .h4f-home-hero {
padding: 18px 15px 15px !important;
}
body.home.h4f-premium-ui .h4f-home-hero h1 {
font-size: 28px !important;
}
body.h4f-premium-ui .page-content-listing .page-listing-item > .row {
gap: 11px !important;
}
}  body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(165px, 224px) minmax(0, 1fr) max-content max-content !important;
min-height: 76px !important;
padding: 10px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
position: static !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
align-self: center !important;
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
gap: 8px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 44px !important;
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(187, 156, 255, .32) !important;
border-radius: 14px !important;
background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 8px 18px rgba(5,4,16,.24) !important;
color: #f6f2ff !important;
cursor: pointer !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button:hover,
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button[aria-expanded='true'],
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active {
border-color: rgba(64, 224, 255, .72) !important;
background: linear-gradient(145deg, rgba(157,108,255,.25), rgba(37,213,255,.16)) !important;
box-shadow: 0 0 0 3px rgba(40,231,255,.08), inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(7,5,25,.34) !important;
transform: translateY(-1px) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button svg {
width: 21px !important;
height: 21px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
flex-direction: column !important;
gap: 5px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle span,
body.h4f-premium-ui .h4f-site-header .menu_icon__open.h4f-menu-toggle span {
position: static !important;
display: block !important;
width: 19px !important;
height: 2px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: currentColor !important;
transform: none !important;
transition: transform .2s ease, opacity .2s ease !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(2) {
opacity: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg) !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-search-row {
position: relative !important;
display: block !important;
z-index: 1500 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
border: 0 !important;
transition: max-height .26s ease, padding .26s ease, opacity .18s ease !important;
}
body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search-row {
max-height: 94px !important;
padding: 10px 0 12px !important;
opacity: 1 !important;
pointer-events: auto !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
width: min(100% - 20px, 840px) !important;
height: 56px !important;
margin: 0 auto !important;
padding: 4px 5px 4px 12px !important;
border: 1px solid rgba(67,224,255,.52) !important;
border-radius: 17px !important;
background: linear-gradient(135deg, rgba(12,12,27,.98), rgba(22,15,40,.98)) !important;
box-shadow: 0 0 0 4px rgba(40,231,255,.065), 0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex: 0 0 108px !important;
min-width: 108px !important;
height: 46px !important;
border-radius: 13px !important;
} body.h4f-premium-ui .page-content-listing .page-listing-item.h4f-manga-grid-group,
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
width: 100% !important;
margin: 0 0 18px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 16px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row > .h4f-manga-grid-cell {
display: block !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
flex: none !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
min-height: 0 !important;
margin: 0 !important;
padding: 7px !important;
border: 1px solid rgba(198,175,255,.18) !important;
border-radius: 16px !important;
background: linear-gradient(165deg, rgba(39,35,61,.88), rgba(17,20,37,.96)) !important;
box-shadow: 0 12px 25px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.06) !important;
overflow: hidden !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb a {
display: block !important;
width: 100% !important;
overflow: hidden !important;
border-radius: 11px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 2 / 3 !important;
object-fit: cover !important;
transition: transform .28s ease !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card:hover .item-thumb img {
transform: scale(1.035) !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
display: grid !important;
gap: 6px !important;
min-height: 0 !important;
padding: 9px 1px 1px !important;
background: transparent !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3 {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
font-size: 13px !important;
line-height: 1.28 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title a {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
color: #f7f4ff !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-rating,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
color: var(--h4f-soft) !important;
font-size: 10px !important;
}
@media (max-width: 1240px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(150px, 1fr) max-content max-content !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
min-height: 32px !important;
justify-content: center !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
gap: 14px !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) max-content max-content !important;
gap: 8px !important;
min-height: 64px !important;
padding: 8px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 174px !important;
max-height: 42px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
display: flex !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-browse {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
flex-basis: 42px !important;
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
border-radius: 13px !important;
}
body.h4f-premium-ui .h4f-site-header.h4f-search-open .h4f-header-search-row {
max-height: 82px !important;
padding: 8px 0 10px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search {
width: calc(100% - 28px) !important;
height: 52px !important;
padding: 3px 4px 3px 10px !important;
border-radius: 15px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search__icon {
flex: 0 0 34px !important;
width: 34px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search input[type='search'] {
height: 42px !important;
font-size: 13px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search button {
flex-basis: 90px !important;
min-width: 90px !important;
height: 44px !important;
border-radius: 11px !important;
font-size: 12px !important;
}
body.h4f-premium-ui .page-content-listing .page-listing-item.h4f-manga-grid-group,
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
margin-bottom: 14px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
padding: 6px !important;
border-radius: 14px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-summary {
gap: 5px !important;
padding: 7px 1px 1px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
font-size: 12px !important;
line-height: 1.26 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-rating {
display: none !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .h4f-card-date {
display: none !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 150px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
flex-basis: 40px !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
}
} @media (max-width: 820px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) 38px 38px !important;
column-gap: 8px !important;
align-items: center !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions {
display: flex !important;
visibility: visible !important;
pointer-events: auto !important;
grid-column: 2 !important;
grid-row: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
min-width: 38px !important;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-browse {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle {
display: inline-flex !important;
visibility: visible !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
padding: 0 !important;
border-radius: 11px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button svg {
display: block !important;
width: 19px !important;
height: 19px !important;
}
body.h4f-premium-ui .h4f-site-header .c-togle__menu {
display: flex !important;
grid-column: 3 !important;
grid-row: 1 !important;
align-items: center !important;
justify-content: center !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) 36px 36px !important;
column-gap: 7px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle {
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
}
} @media (max-width: 820px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 38px 38px !important;
column-gap: 8px !important;
align-items: center !important;
overflow: visible !important;
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
grid-column: 2 !important;
grid-row: 1 !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-browse {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-icon-button {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(75,225,255,.66) !important;
border-radius: 12px !important;
background: linear-gradient(145deg, rgba(29,24,55,.98), rgba(12,15,32,.98)) !important;
box-shadow: 0 0 0 3px rgba(41,229,255,.08), inset 0 1px 0 rgba(255,255,255,.12) !important;
color: #ad83ff !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle svg {
display: block !important;
width: 19px !important;
height: 19px !important;
fill: none !important;
stroke: currentColor !important;
stroke-width: 2.2 !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .wrap_branding {
min-width: 0 !important;
overflow: hidden !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
width: auto !important;
max-width: 142px !important;
max-height: 34px !important;
object-fit: contain !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
display: flex !important;
visibility: visible !important;
grid-column: 3 !important;
grid-row: 1 !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: minmax(0, 1fr) 36px 36px !important;
column-gap: 7px !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-search-toggle,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions .h4f-header-icon-button,
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 128px !important;
max-height: 31px !important;
}
} body.h4f-premium-ui .h4f-discovery-rail {
position: relative;
z-index: 6;
padding: 24px 0 30px;
background:
radial-gradient(78% 92% at 4% 0%, rgba(152, 79, 255, .18) 0%, rgba(152, 79, 255, 0) 58%),
radial-gradient(50% 100% at 100% 100%, rgba(27, 225, 255, .12) 0%, rgba(27, 225, 255, 0) 64%),
linear-gradient(180deg, #0b0b17 0%, #10182d 100%);
border-bottom: 1px solid rgba(159, 111, 255, .15);
overflow: hidden;
}
body.h4f-premium-ui .h4f-discovery-rail::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
background-size: 42px 42px;
mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent);
opacity: .35;
}
body.h4f-premium-ui .h4f-discovery-rail__container {
position: relative;
max-width: 1480px;
}
body.h4f-premium-ui .h4f-discovery-rail__heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 28px;
margin: 0 0 15px;
}
body.h4f-premium-ui .h4f-discovery-rail__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0 0 4px;
font-size: 10px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .16em;
text-transform: uppercase;
color: #b98cff;
}
body.h4f-premium-ui .h4f-discovery-rail__eyebrow::before {
content: '';
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background: #52e6ff;
box-shadow: 0 0 0 4px rgba(82,230,255,.1), 0 0 14px rgba(82,230,255,.8);
}
body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
margin: 0;
font-size: clamp(21px, 2vw, 31px);
font-weight: 800;
line-height: 1.14;
letter-spacing: -.035em;
color: #fff;
}
body.h4f-premium-ui .h4f-discovery-rail__heading p {
max-width: 600px;
margin: 5px 0 0;
font-size: 13px;
line-height: 1.5;
color: rgba(226, 227, 250, .68);
}
body.h4f-premium-ui .h4f-discovery-rail__all {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 auto;
min-height: 40px;
padding: 0 15px;
border: 1px solid rgba(126, 195, 255, .34);
border-radius: 12px;
background: rgba(13, 17, 37, .56);
font-size: 12px;
font-weight: 800;
color: #f6f3ff !important;
text-decoration: none !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 22px rgba(0,0,0,.13);
transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
body.h4f-premium-ui .h4f-discovery-rail__all span {
font-size: 18px;
line-height: 1;
color: #58e1ff;
}
body.h4f-premium-ui .h4f-discovery-rail__all:hover {
transform: translateY(-1px);
border-color: rgba(205, 124, 255, .74);
background: rgba(47, 27, 72, .72);
}
body.h4f-premium-ui .h4f-discovery-rail__viewport {
position: relative;
margin: 0 -2px;
}
body.h4f-premium-ui .h4f-discovery-rail__track {
display: flex;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding: 2px 2px 7px;
-webkit-overflow-scrolling: touch;
}
body.h4f-premium-ui .h4f-discovery-rail__track::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui .h4f-discovery-card {
position: relative;
display: block;
isolation: isolate;
flex: 0 0 clamp(238px, 21vw, 302px);
height: 177px;
overflow: hidden;
border: 1px solid rgba(163, 116, 255, .33);
border-radius: 18px;
background: linear-gradient(135deg, #201939, #0f182d);
box-shadow: 0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
color: #fff !important;
text-decoration: none !important;
scroll-snap-align: start;
transform: translateZ(0);
transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease;
}
body.h4f-premium-ui .h4f-discovery-card::after {
content: '';
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -45px 60px rgba(1,3,14,.24);
}
body.h4f-premium-ui .h4f-discovery-card img {
position: absolute;
z-index: -3;
top: 0;
right: 0;
width: 66%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(1.05) contrast(1.04);
transition: transform .45s ease, filter .45s ease;
}
body.h4f-premium-ui .h4f-discovery-card__shade {
position: absolute;
z-index: -2;
inset: 0;
background:
linear-gradient(90deg, rgba(10,10,27,.98) 0%, rgba(13,14,34,.95) 33%, rgba(16,16,39,.58) 65%, rgba(14,16,40,.18) 100%),
linear-gradient(150deg, rgba(174,92,255,.22) 0%, transparent 48%);
}
body.h4f-premium-ui .h4f-discovery-card:nth-child(3n + 2) .h4f-discovery-card__shade {
background:
linear-gradient(90deg, rgba(8,13,29,.98) 0%, rgba(10,23,42,.95) 34%, rgba(16,31,55,.58) 65%, rgba(14,25,45,.18) 100%),
linear-gradient(145deg, rgba(52,218,255,.25) 0%, transparent 50%);
}
body.h4f-premium-ui .h4f-discovery-card:nth-child(3n) .h4f-discovery-card__shade {
background:
linear-gradient(90deg, rgba(24,10,31,.98) 0%, rgba(34,13,43,.94) 34%, rgba(54,16,55,.56) 67%, rgba(40,15,49,.16) 100%),
linear-gradient(145deg, rgba(255,83,193,.22) 0%, transparent 52%);
}
body.h4f-premium-ui .h4f-discovery-card__content {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
height: 100%;
max-width: 72%;
padding: 16px 15px 15px;
}
body.h4f-premium-ui .h4f-discovery-card__topline {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 9px;
font-weight: 800;
letter-spacing: .135em;
line-height: 1;
text-transform: uppercase;
color: rgba(240,235,255,.8);
}
body.h4f-premium-ui .h4f-discovery-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
border: 1px solid rgba(196, 143, 255, .56);
border-radius: 7px;
background: rgba(118, 61, 187, .22);
font-size: 13px;
line-height: 1;
color: #e4c2ff;
}
body.h4f-premium-ui .h4f-discovery-card strong {
display: -webkit-box;
margin-top: 12px;
overflow: hidden;
font-size: 20px;
font-weight: 800;
line-height: 1.08;
letter-spacing: -.035em;
color: #fff;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
body.h4f-premium-ui .h4f-discovery-card small {
display: -webkit-box;
margin-top: 7px;
overflow: hidden;
font-size: 11px;
font-weight: 500;
line-height: 1.36;
color: rgba(234,234,255,.68);
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
body.h4f-premium-ui .h4f-discovery-card__cta {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: auto;
font-size: 10px;
font-weight: 800;
letter-spacing: .07em;
text-transform: uppercase;
color: #82eaff;
}
body.h4f-premium-ui .h4f-discovery-card__cta i {
font-style: normal;
font-size: 15px;
line-height: 1;
transition: transform .2s ease;
}
body.h4f-premium-ui .h4f-discovery-card:hover {
transform: translateY(-4px);
border-color: rgba(219, 124, 255, .86);
box-shadow: 0 20px 35px rgba(0,0,0,.34), 0 0 0 3px rgba(152,83,255,.1), inset 0 1px 0 rgba(255,255,255,.12);
}
body.h4f-premium-ui .h4f-discovery-card:hover img {
transform: scale(1.08);
filter: saturate(1.15) contrast(1.08);
}
body.h4f-premium-ui .h4f-discovery-card:hover .h4f-discovery-card__cta i {
transform: translateX(3px);
}
body.h4f-premium-ui .h4f-discovery-rail__arrow {
position: absolute;
z-index: 8;
top: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-top: -21px;
padding: 0;
border: 1px solid rgba(160, 118, 255, .63);
border-radius: 13px;
background: rgba(11, 12, 29, .92);
box-shadow: 0 8px 25px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.1);
font-size: 31px;
line-height: 1;
color: #f4efff;
cursor: pointer;
opacity: 0;
transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
body.h4f-premium-ui .h4f-discovery-rail__viewport:hover .h4f-discovery-rail__arrow,
body.h4f-premium-ui .h4f-discovery-rail__arrow:focus-visible {
opacity: 1;
}
body.h4f-premium-ui .h4f-discovery-rail__arrow:hover {
transform: scale(1.05);
border-color: #65e5ff;
}
body.h4f-premium-ui .h4f-discovery-rail__arrow--prev { left: -20px; }
body.h4f-premium-ui .h4f-discovery-rail__arrow--next { right: -20px; }
body.h4f-premium-ui .h4f-discovery-rail__arrow.is-disabled {
opacity: 0 !important;
pointer-events: none;
}
body.h4f-premium-ui .h4f-discovery-rail__progress {
height: 3px;
margin: 13px 1px 0;
overflow: hidden;
border-radius: 999px;
background: rgba(255,255,255,.1);
}
body.h4f-premium-ui .h4f-discovery-rail__progress span {
display: block;
width: 24%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #5ce8ff, #b371ff 52%, #ff60d3);
box-shadow: 0 0 12px rgba(167,96,255,.7);
transform-origin: left center;
}
body.h4f-premium-ui .h4f-discovery-rail__track:focus-visible,
body.h4f-premium-ui .h4f-discovery-rail__arrow:focus-visible,
body.h4f-premium-ui .h4f-discovery-rail__all:focus-visible,
body.h4f-premium-ui .h4f-discovery-card:focus-visible {
outline: 3px solid #70eaff;
outline-offset: 3px;
}
@media (max-width: 991px) {
body.h4f-premium-ui .h4f-discovery-rail {
padding: 18px 0 22px;
}
body.h4f-premium-ui .h4f-discovery-rail__heading {
margin-bottom: 12px;
}
body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
font-size: 23px;
}
body.h4f-premium-ui .h4f-discovery-card {
flex-basis: 270px;
height: 165px;
}
body.h4f-premium-ui .h4f-discovery-rail__arrow {
display: none;
}
}
@media (max-width: 620px) {
body.h4f-premium-ui .h4f-discovery-rail {
padding: 14px 0 17px;
}
body.h4f-premium-ui .h4f-discovery-rail__container {
padding-right: 0;
}
body.h4f-premium-ui .h4f-discovery-rail__heading {
align-items: center;
gap: 12px;
padding-right: 15px;
}
body.h4f-premium-ui .h4f-discovery-rail__eyebrow {
margin-bottom: 2px;
font-size: 9px;
}
body.h4f-premium-ui .h4f-discovery-rail__heading h2 {
font-size: 18px;
line-height: 1.13;
}
body.h4f-premium-ui .h4f-discovery-rail__heading p {
display: none;
}
body.h4f-premium-ui .h4f-discovery-rail__all {
min-height: 34px;
padding: 0 10px;
border-radius: 10px;
font-size: 10px;
}
body.h4f-premium-ui .h4f-discovery-rail__all span {
font-size: 15px;
}
body.h4f-premium-ui .h4f-discovery-rail__viewport {
margin-left: 0;
}
body.h4f-premium-ui .h4f-discovery-rail__track {
gap: 10px;
padding: 2px 18vw 6px 0;
}
body.h4f-premium-ui .h4f-discovery-card {
flex-basis: 258px;
height: 150px;
border-radius: 15px;
}
body.h4f-premium-ui .h4f-discovery-card__content {
max-width: 74%;
padding: 13px;
}
body.h4f-premium-ui .h4f-discovery-card__topline {
font-size: 8px;
}
body.h4f-premium-ui .h4f-discovery-card__icon {
width: 18px;
height: 18px;
border-radius: 6px;
font-size: 12px;
}
body.h4f-premium-ui .h4f-discovery-card strong {
margin-top: 9px;
font-size: 18px;
}
body.h4f-premium-ui .h4f-discovery-card small {
display: none;
}
body.h4f-premium-ui .h4f-discovery-card__cta {
font-size: 9px;
}
body.h4f-premium-ui .h4f-discovery-rail__progress {
margin: 10px 15px 0 0;
}
}
@media (prefers-reduced-motion: reduce) {
body.h4f-premium-ui .h4f-discovery-rail__track,
body.h4f-premium-ui .h4f-discovery-card,
body.h4f-premium-ui .h4f-discovery-card img,
body.h4f-premium-ui .h4f-discovery-rail__all,
body.h4f-premium-ui .h4f-discovery-rail__arrow {
scroll-behavior: auto;
transition: none;
}
} body.h4f-premium-ui.home .h4f-home-discovery-wrap {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap + .main-col {
margin-top: 0 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
margin: 0 0 18px !important;
padding: 22px 24px 23px !important;
border: 1px solid rgba(176, 119, 255, .25) !important;
border-radius: 24px !important;
background:
radial-gradient(84% 115% at -8% -36%, rgba(151, 80, 255, .36) 0%, rgba(151, 80, 255, 0) 55%),
radial-gradient(50% 100% at 100% 100%, rgba(36, 217, 255, .16) 0%, rgba(36, 217, 255, 0) 72%),
linear-gradient(135deg, rgba(15, 13, 35, .98), rgba(12, 21, 42, .98)) !important;
box-shadow: 0 18px 42px rgba(1, 2, 13, .24), inset 0 1px 0 rgba(255,255,255,.075) !important;
overflow: hidden !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail::before {
opacity: .22 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__container {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
align-items: flex-end !important;
margin: 0 0 16px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 10px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
margin: 0 !important;
font-size: clamp(24px, 2.15vw, 33px) !important;
font-weight: 900 !important;
line-height: 1.05 !important;
letter-spacing: -.045em !important;
color: #fff !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
max-width: 560px !important;
margin: 7px 0 0 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
min-height: 40px !important;
padding: 0 14px !important;
border-radius: 12px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
gap: 13px !important;
padding: 2px 2px 8px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
flex-basis: clamp(246px, 20.4vw, 306px) !important;
height: 170px !important;
border-radius: 17px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
padding: 15px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
font-size: 20px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__arrow {
opacity: 1 !important;
} body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
position: relative !important;
margin: 27px 0 14px !important;
padding: 0 0 15px !important;
border: 0 !important;
background: transparent !important;
}
body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header::after {
content: '' !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 1px !important;
background: linear-gradient(90deg, rgba(255, 224, 86, .95), rgba(179, 123, 255, .6) 44%, rgba(86, 226, 255, .18) 75%, transparent) !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title {
display: flex !important;
align-items: center !important;
gap: 11px !important;
margin: 0 !important;
font-size: clamp(23px, 2.15vw, 33px) !important;
font-weight: 900 !important;
line-height: 1.12 !important;
letter-spacing: -.04em !important;
color: #fff !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
content: '✦' !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 30px !important;
height: 30px !important;
border-radius: 10px !important;
background: linear-gradient(135deg, #ffd65b, #ff9b45) !important;
box-shadow: 0 7px 16px rgba(255, 177, 61, .2) !important;
font-size: 17px !important;
line-height: 1 !important;
color: #37220a !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-description {
margin: 10px 0 0 41px !important;
font-size: 14px !important;
line-height: 1.65 !important;
} body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
display: grid !important;
grid-template-columns: minmax(180px, auto) minmax(0, 1fr) !important;
align-items: center !important;
gap: 22px !important;
margin: 0 0 19px !important;
padding: 13px 15px !important;
border: 1px solid rgba(160, 126, 244, .22) !important;
border-radius: 18px !important;
background: linear-gradient(135deg, rgba(36, 30, 59, .84), rgba(15, 23, 42, .92)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.065), 0 12px 28px rgba(1,3,13,.13) !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1.05 !important;
letter-spacing: -.02em !important;
color: #fff !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 i {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
border-radius: 10px !important;
background: linear-gradient(135deg, #ff4c65, #ff785e) !important;
box-shadow: 0 7px 15px rgba(255, 83, 101, .23) !important;
font-size: 15px !important;
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-sort {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
min-width: 0 !important;
}
body.h4f-premium-ui .h4f-library-sort__label {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
flex: 0 0 auto !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: .045em !important;
text-transform: uppercase !important;
color: rgba(221, 217, 245, .57) !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-library-sort__label i {
font-style: normal !important;
font-size: 14px !important;
color: #70e7ff !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 7px !important;
min-width: 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll::-webkit-scrollbar { display: none !important; }
body.h4f-premium-ui .h4f-library-sort__chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
flex: 0 0 auto !important;
min-height: 34px !important;
padding: 0 11px !important;
border: 1px solid rgba(178, 165, 232, .22) !important;
border-radius: 11px !important;
background: rgba(255,255,255,.055) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: rgba(239, 237, 255, .78) !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}
body.h4f-premium-ui .h4f-library-sort__chip > span {
font-size: 13px !important;
line-height: 1 !important;
color: #a680ff !important;
}
body.h4f-premium-ui .h4f-library-sort__chip:hover {
transform: translateY(-1px) !important;
border-color: rgba(114, 231, 255, .58) !important;
background: rgba(77, 197, 255, .1) !important;
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-sort__chip.is-active {
border-color: rgba(95, 228, 255, .72) !important;
background: linear-gradient(135deg, rgba(112, 223, 255, .18), rgba(162, 100, 255, .25)) !important;
box-shadow: 0 0 0 3px rgba(77, 220, 255, .07), inset 0 1px 0 rgba(255,255,255,.13) !important;
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-sort__chip.is-active > span {
color: #73ecff !important;
}
@media (max-width: 991px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
margin-bottom: 14px !important;
padding: 17px 17px 18px !important;
border-radius: 21px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__arrow { display: none !important; }
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card { flex-basis: 266px !important; height: 156px !important; }
}
@media (max-width: 767px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
margin: 0 0 14px !important;
padding: 15px 0 16px 15px !important;
border-width: 1px !important;
border-radius: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(1,3,13,.14) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
align-items: flex-start !important;
gap: 8px !important;
padding: 0 15px 0 0 !important;
margin-bottom: 12px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
font-size: 21px !important;
line-height: 1.08 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
display: none !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
min-height: 34px !important;
padding: 0 9px !important;
border-radius: 10px !important;
font-size: 10px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
gap: 10px !important;
padding: 2px 18vw 6px 0 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
flex-basis: 246px !important;
height: 144px !important;
border-radius: 15px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
max-width: 76% !important;
padding: 12px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
margin-top: 8px !important;
font-size: 18px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card small { display: none !important; }
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__cta { font-size: 9px !important; }
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress { margin: 10px 15px 0 0 !important; }
body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
margin: 22px 0 12px !important;
padding-bottom: 12px !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title {
gap: 9px !important;
font-size: 25px !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
width: 27px !important;
height: 27px !important;
border-radius: 9px !important;
font-size: 15px !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-description {
margin-left: 36px !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
display: block !important;
margin-bottom: 16px !important;
padding: 12px !important;
border-radius: 16px !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4 {
margin: 0 0 11px !important;
font-size: 17px !important;
}
body.h4f-premium-ui .h4f-library-sort {
display: block !important;
position: relative !important;
margin: 0 -12px -12px !important;
padding: 10px 0 12px 12px !important;
border-top: 1px solid rgba(255,255,255,.07) !important;
}
body.h4f-premium-ui .h4f-library-sort::after {
content: '' !important;
position: absolute !important;
top: 33px !important;
right: 0 !important;
width: 42px !important;
height: 42px !important;
pointer-events: none !important;
background: linear-gradient(90deg, transparent, rgba(17, 24, 44, .96)) !important;
}
body.h4f-premium-ui .h4f-library-sort__label {
margin: 0 0 8px !important;
font-size: 10px !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll {
justify-content: flex-start !important;
gap: 8px !important;
padding: 0 30px 1px 0 !important;
}
body.h4f-premium-ui .h4f-library-sort__chip {
min-height: 33px !important;
padding: 0 10px !important;
border-radius: 10px !important;
font-size: 10px !important;
}
}  body.h4f-premium-ui.home .c-page-content .content-area {
margin-top: 22px !important;
}
body.h4f-premium-ui.home .h4f-home-continue-wrap,
body.h4f-premium-ui.home .h4f-home-fandoms-wrap {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui .h4f-continue-reading,
body.h4f-premium-ui .h4f-fandoms {
position: relative;
margin: 0 0 16px;
padding: 16px 18px;
border: 1px solid rgba(163, 122, 244, .2);
border-radius: 18px;
background:
radial-gradient(65% 120% at 0% 0%, rgba(148, 75, 255, .14) 0%, rgba(148, 75, 255, 0) 62%),
linear-gradient(135deg, rgba(25, 22, 49, .92), rgba(13, 22, 42, .94));
box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 12px 26px rgba(1,3,13,.12);
}
body.h4f-premium-ui .h4f-continue-reading__head,
body.h4f-premium-ui .h4f-fandoms__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
margin: 0 0 12px;
}
body.h4f-premium-ui .h4f-continue-reading__eyebrow,
body.h4f-premium-ui .h4f-fandoms__eyebrow {
display: block;
margin: 0 0 3px;
font-size: 9px;
font-weight: 800;
letter-spacing: .14em;
line-height: 1.15;
text-transform: uppercase;
color: #a889f5;
}
body.h4f-premium-ui .h4f-continue-reading h2,
body.h4f-premium-ui .h4f-fandoms h2 {
margin: 0;
font-size: 20px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -.035em;
color: #fff;
}
body.h4f-premium-ui .h4f-continue-reading__clear,
body.h4f-premium-ui .h4f-fandoms__all {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 32px;
padding: 0 10px;
border: 1px solid rgba(129, 206, 255, .28);
border-radius: 10px;
background: rgba(7, 13, 29, .38);
font: inherit;
font-size: 10px;
font-weight: 800;
letter-spacing: .035em;
color: rgba(238, 242, 255, .78) !important;
text-decoration: none !important;
white-space: nowrap;
cursor: pointer;
transition: border-color .2s ease, background .2s ease, color .2s ease;
}
body.h4f-premium-ui .h4f-continue-reading__clear:hover,
body.h4f-premium-ui .h4f-fandoms__all:hover {
border-color: rgba(100, 231, 255, .68);
background: rgba(57, 150, 255, .11);
color: #fff !important;
}
body.h4f-premium-ui .h4f-fandoms__all span {
font-size: 15px;
line-height: 1;
color: #6eeaff;
}
body.h4f-premium-ui .h4f-continue-reading__track {
display: grid;
grid-auto-columns: minmax(190px, 1fr);
grid-auto-flow: column;
grid-template-rows: 1fr;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
padding: 1px 1px 3px;
scroll-snap-type: x proximity;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.h4f-premium-ui .h4f-continue-reading__track::-webkit-scrollbar { display: none; }
body.h4f-premium-ui .h4f-continue-card {
position: relative;
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 10px;
align-items: center;
min-width: 0;
min-height: 72px;
overflow: hidden;
padding: 8px;
border: 1px solid rgba(178, 158, 240, .2);
border-radius: 13px;
background: rgba(4, 9, 25, .38);
color: #fff !important;
text-decoration: none !important;
scroll-snap-align: start;
transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.h4f-premium-ui .h4f-continue-card:hover {
transform: translateY(-2px);
border-color: rgba(105, 229, 255, .6);
background: rgba(34, 44, 80, .56);
}
body.h4f-premium-ui .h4f-continue-card__cover {
position: relative;
display: block;
width: 52px;
height: 58px;
overflow: hidden;
border-radius: 9px;
background: linear-gradient(145deg, #50367c, #18213f);
}
body.h4f-premium-ui .h4f-continue-card__cover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
body.h4f-premium-ui .h4f-continue-card__progress {
position: absolute;
bottom: 0;
left: 0;
width: var(--h4f-progress, 0%);
height: 3px;
border-radius: 0 3px 0 0;
background: linear-gradient(90deg, #54e6ff, #ba79ff 55%, #ff62d4);
box-shadow: 0 0 8px rgba(101, 227, 255, .55);
}
body.h4f-premium-ui .h4f-continue-card__copy {
display: block;
min-width: 0;
}
body.h4f-premium-ui .h4f-continue-card__copy strong {
display: -webkit-box;
overflow: hidden;
font-size: 12px;
font-weight: 800;
line-height: 1.22;
letter-spacing: -.015em;
color: #fff;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
body.h4f-premium-ui .h4f-continue-card__copy small {
display: block;
margin-top: 5px;
font-size: 10px;
font-weight: 700;
line-height: 1.15;
color: #71eaff;
}
body.h4f-premium-ui .h4f-fandoms {
padding-top: 14px;
padding-bottom: 14px;
}
body.h4f-premium-ui .h4f-fandoms__head {
margin-bottom: 10px;
}
body.h4f-premium-ui .h4f-fandoms__rail {
display: flex;
align-items: center;
gap: 8px;
overflow-x: auto;
overflow-y: hidden;
padding: 1px 1px 3px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
body.h4f-premium-ui .h4f-fandoms__rail::-webkit-scrollbar { display: none; }
body.h4f-premium-ui .h4f-fandoms__chip {
display: inline-flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
min-height: 32px;
padding: 0 10px;
border: 1px solid rgba(172, 150, 235, .22);
border-radius: 10px;
background: rgba(255,255,255,.045);
font-size: 10px;
font-weight: 800;
line-height: 1;
color: rgba(243, 241, 255, .8) !important;
text-decoration: none !important;
white-space: nowrap;
transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
body.h4f-premium-ui .h4f-fandoms__chip span {
font-size: 11px;
color: #b889ff;
}
body.h4f-premium-ui .h4f-fandoms__chip:hover {
transform: translateY(-1px);
border-color: rgba(111, 229, 255, .62);
background: rgba(84, 190, 255, .11);
color: #fff !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.home .c-page-content .content-area {
margin-top: 12px !important;
} body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
margin-bottom: 9px !important;
padding-top: 11px !important;
padding-bottom: 12px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
margin-bottom: 9px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
font-size: 20px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
flex-basis: 236px !important;
height: 136px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
padding: 11px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
margin-top: 7px !important;
font-size: 17px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress {
margin-top: 8px !important;
}
body.h4f-premium-ui .h4f-continue-reading,
body.h4f-premium-ui .h4f-fandoms {
margin-bottom: 10px;
padding: 12px 14px;
border-radius: 15px;
}
body.h4f-premium-ui .h4f-continue-reading__head,
body.h4f-premium-ui .h4f-fandoms__head {
align-items: center;
margin-bottom: 9px;
}
body.h4f-premium-ui .h4f-continue-reading__eyebrow,
body.h4f-premium-ui .h4f-fandoms__eyebrow {
margin-bottom: 2px;
font-size: 8px;
}
body.h4f-premium-ui .h4f-continue-reading h2,
body.h4f-premium-ui .h4f-fandoms h2 {
font-size: 17px;
}
body.h4f-premium-ui .h4f-continue-reading__clear,
body.h4f-premium-ui .h4f-fandoms__all {
min-height: 29px;
padding: 0 8px;
font-size: 9px;
}
body.h4f-premium-ui .h4f-continue-reading__track {
grid-auto-columns: 178px;
gap: 8px;
padding-right: 14px;
}
body.h4f-premium-ui .h4f-continue-card {
grid-template-columns: 45px minmax(0, 1fr);
gap: 8px;
min-height: 64px;
padding: 7px;
border-radius: 11px;
}
body.h4f-premium-ui .h4f-continue-card__cover {
width: 45px;
height: 50px;
border-radius: 7px;
}
body.h4f-premium-ui .h4f-continue-card__copy strong { font-size: 11px; }
body.h4f-premium-ui .h4f-continue-card__copy small { margin-top: 4px; font-size: 9px; }
body.h4f-premium-ui .h4f-fandoms {
padding-top: 11px;
padding-bottom: 11px;
}
body.h4f-premium-ui .h4f-fandoms__rail {
gap: 7px;
padding-right: 14px;
}
body.h4f-premium-ui .h4f-fandoms__chip {
min-height: 30px;
padding: 0 9px;
font-size: 9px;
border-radius: 9px;
} body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header {
margin-top: 15px !important;
margin-bottom: 10px !important;
padding-bottom: 10px !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
margin-bottom: 12px !important;
}
}
@media (min-width: 768px) {
body.h4f-premium-ui.home .h4f-home-continue-wrap,
body.h4f-premium-ui.home .h4f-home-fandoms-wrap {
padding-left: 15px !important;
padding-right: 15px !important;
}
}  body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 > h4,
body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 > h4:first-child {
display: none !important;
} body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 {
display: block !important;
width: 100% !important;
margin: 0 0 24px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort {
display: flex !important;
align-items: center !important;
gap: 16px !important;
width: 100% !important;
margin: 0 !important;
padding: 13px 0 !important;
border-top: 1px solid rgba(219, 210, 255, .15) !important;
border-bottom: 1px solid rgba(219, 210, 255, .12) !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label {
display: inline-block !important;
flex: 0 0 auto !important;
margin: 0 !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: .11em !important;
text-transform: uppercase !important;
color: rgba(224, 220, 245, .56) !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label i,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label svg,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label::before,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label::after {
display: none !important;
content: none !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll {
display: flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll::-webkit-scrollbar {
display: none !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-height: 36px !important;
padding: 0 15px !important;
border: 1px solid rgba(190, 181, 231, .18) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .035) !important;
box-shadow: none !important;
font-size: 12px !important;
font-weight: 750 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
color: rgba(238, 236, 250, .75) !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip > span:not(.screen-reader-text),
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip i,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip svg,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip::before,
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip::after {
display: none !important;
content: none !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip:hover {
transform: translateY(-1px) !important;
border-color: rgba(128, 233, 255, .5) !important;
background: rgba(82, 211, 255, .09) !important;
color: #fff !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip.is-active {
border-color: rgba(129, 229, 255, .72) !important;
background: linear-gradient(135deg, rgba(87, 220, 255, .16), rgba(157, 102, 255, .20)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 0 0 3px rgba(75, 214, 255, .055) !important;
color: #fff !important;
} body.h4f-premium-ui .wp-manga-section .c-page-content .entry-title .item-title {
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .wp-manga-section .c-page-content .tab-wrap > .c-blog__heading.style-2 {
margin-bottom: 17px !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort {
display: block !important;
padding: 10px 0 11px !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__label {
display: block !important;
margin: 0 0 9px !important;
font-size: 10px !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__scroll {
gap: 7px !important;
padding: 0 20px 1px 0 !important;
}
body.h4f-premium-ui .wp-manga-section .h4f-library-sort__chip {
min-height: 34px !important;
padding: 0 13px !important;
font-size: 11px !important;
}
} @media (max-width: 767px) { body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
align-items: center !important;
gap: 9px !important;
margin-bottom: 10px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
margin-bottom: 3px !important;
font-size: 9px !important;
letter-spacing: .13em !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
max-width: 250px !important;
font-size: 18px !important;
font-weight: 850 !important;
line-height: 1.04 !important;
letter-spacing: -.04em !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
min-height: 32px !important;
padding: 0 8px !important;
border-radius: 10px !important;
font-size: 9px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all span {
font-size: 15px !important;
} body.h4f-premium-ui.home .c-page-content .main-col-inner > .c-page > .entry-header {
margin: 16px 0 9px !important;
padding-bottom: 9px !important;
}
body.h4f-premium-ui.home .c-page-content .entry-title .item-title {
gap: 8px !important;
font-size: 21px !important;
line-height: 1.08 !important;
letter-spacing: -.045em !important;
}
body.h4f-premium-ui.home .c-page-content .entry-title .item-title::before {
width: 24px !important;
height: 24px !important;
border-radius: 8px !important;
font-size: 13px !important;
box-shadow: 0 5px 12px rgba(255, 177, 61, .16) !important;
}
}  body.h4f-premium-ui .h4f-library-sort__label,
body.h4f-premium-ui .h4f-library-sort__label i,
body.h4f-premium-ui .h4f-library-sort__label::before,
body.h4f-premium-ui .h4f-library-sort__label::after {
display: none !important;
content: none !important;
} body.h4f-premium-ui .c-page-content .c-blog__heading.style-2,
body.h4f-premium-ui .wp-manga-section .c-page-content .c-blog__heading.style-2 {
display: block !important;
width: 100% !important;
margin: 0 0 16px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
} body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > .h4,
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 > h4 {
display: none !important;
}
body.h4f-premium-ui .h4f-library-sort {
display: flex !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 10px 0 !important;
border-top: 1px solid rgba(219, 210, 255, .15) !important;
border-bottom: 1px solid rgba(219, 210, 255, .12) !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
min-width: 0 !important;
padding: 0 18px 1px 0 !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll::-webkit-scrollbar {
display: none !important;
}
body.h4f-premium-ui .h4f-library-sort__chip,
body.h4f-premium-ui .h4f-library-sort__chip > span,
body.h4f-premium-ui .h4f-library-sort__chip i,
body.h4f-premium-ui .h4f-library-sort__chip svg,
body.h4f-premium-ui .h4f-library-sort__chip::before,
body.h4f-premium-ui .h4f-library-sort__chip::after {
background-image: none !important;
}
body.h4f-premium-ui .h4f-library-sort__chip {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
min-height: 34px !important;
padding: 0 14px !important;
border: 1px solid rgba(190, 181, 231, .18) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .035) !important;
box-shadow: none !important;
font-size: 12px !important;
font-weight: 750 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
color: rgba(238, 236, 250, .78) !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-library-sort__chip > span,
body.h4f-premium-ui .h4f-library-sort__chip i,
body.h4f-premium-ui .h4f-library-sort__chip svg {
display: none !important;
}
body.h4f-premium-ui .h4f-library-sort__chip.is-active {
border-color: rgba(129, 229, 255, .72) !important;
background: linear-gradient(135deg, rgba(87, 220, 255, .16), rgba(157, 102, 255, .20)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 0 0 3px rgba(75, 214, 255, .055) !important;
color: #fff !important;
} @media (max-width: 767px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
margin: 0 0 7px !important;
padding: 9px 0 10px 14px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
align-items: center !important;
gap: 8px !important;
padding-right: 14px !important;
margin-bottom: 8px !important;
}
body.h4f-premium-ui.home #h4f-discovery-title,
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1 {
max-width: 225px !important;
margin: 0 !important;
font-size: 18px !important;
font-weight: 850 !important;
line-height: 1.06 !important;
letter-spacing: -.045em !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow {
margin-bottom: 2px !important;
font-size: 8px !important;
letter-spacing: .12em !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__all {
min-height: 30px !important;
padding: 0 8px !important;
font-size: 9px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__track {
gap: 9px !important;
padding: 1px 16vw 5px 0 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
flex-basis: 222px !important;
height: 124px !important;
border-radius: 14px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card__content {
padding: 10px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card strong {
margin-top: 6px !important;
font-size: 16px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress {
margin: 7px 14px 0 0 !important;
} body.h4f-premium-ui.home .c-page-content .main-col-inner > .c-page > .entry-header {
margin: 12px 0 7px !important;
padding-bottom: 7px !important;
}
body.h4f-premium-ui.home .c-page-content .entry-title .item-title {
gap: 7px !important;
font-size: 20px !important;
font-weight: 850 !important;
line-height: 1.08 !important;
letter-spacing: -.04em !important;
}
body.h4f-premium-ui.home .c-page-content .entry-title .item-title::before {
width: 22px !important;
height: 22px !important;
border-radius: 7px !important;
font-size: 12px !important;
}
body.h4f-premium-ui .c-page-content .c-blog__heading.style-2 {
margin-bottom: 11px !important;
}
body.h4f-premium-ui .h4f-library-sort {
padding: 8px 0 !important;
}
body.h4f-premium-ui .h4f-library-sort__scroll {
gap: 7px !important;
padding-right: 14px !important;
}
body.h4f-premium-ui .h4f-library-sort__chip {
min-height: 32px !important;
padding: 0 12px !important;
font-size: 11px !important;
}
} body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
padding: 7px !important;
border-color: rgba(192, 161, 255, .22) !important;
background:
linear-gradient(165deg, rgba(42, 35, 67, .94), rgba(15, 19, 35, .98)) !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb {
position: relative !important;
isolation: isolate;
background: #111321 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb:after {
content: "";
position: absolute;
inset: auto 0 0;
height: 34%;
pointer-events: none;
background: linear-gradient(180deg, transparent, rgba(7, 8, 17, .66));
z-index: 1;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-thumb > a:after {
display: none !important;
}
body.h4f-premium-ui .h4f-card-badges {
position: absolute;
z-index: 3;
top: 8px;
left: 8px;
right: 8px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 6px;
pointer-events: none;
}
body.h4f-premium-ui .h4f-card-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 23px;
padding: 4px 7px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 7px;
box-shadow: 0 6px 14px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.13);
font-size: 9px;
font-weight: 900;
line-height: 1;
letter-spacing: .05em;
text-transform: uppercase;
white-space: nowrap;
backdrop-filter: blur(10px);
}
body.h4f-premium-ui .h4f-card-badge--primary {
max-width: calc(100% - 68px);
overflow: hidden;
text-overflow: ellipsis;
background: linear-gradient(135deg, rgba(192, 65, 67, .95), rgba(141, 38, 64, .95));
color: #fff;
border-color: rgba(255, 160, 160, .25);
}
body.h4f-premium-ui .h4f-card-badges .h4f-card-badge--format + .h4f-card-badge--format {
margin-left: -2px;
}
body.h4f-premium-ui .h4f-card-badge--format {
margin-left: auto;
background: rgba(16, 22, 37, .88);
color: #f3f5ff;
}
body.h4f-premium-ui .h4f-card-badge--format.is-censored {
background: rgba(46, 51, 64, .92);
color: #f6d6db;
}
body.h4f-premium-ui .h4f-card-badge--format.is-uncensored {
background: rgba(38, 109, 101, .92);
color: #d2fff7;
}
body.h4f-premium-ui .h4f-card-badge--format.is-color {
background: linear-gradient(135deg, rgba(117, 84, 207, .94), rgba(220, 76, 171, .92));
color: #fff;
}
body.h4f-premium-ui .h4f-card-badge--format.is-bw {
background: rgba(23, 28, 42, .94);
color: #fff;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
display: flex !important;
flex-direction: column;
gap: 7px !important;
padding: 10px 2px 2px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
font-size: 13px !important;
line-height: 1.28 !important;
}
body.h4f-premium-ui .h4f-card-metrics {
display: flex;
align-items: center;
gap: 9px;
min-height: 17px;
color: rgba(227, 224, 244, .85);
}
body.h4f-premium-ui .h4f-card-metric {
display: inline-flex;
align-items: center;
gap: 4px;
min-width: 0;
font-size: 10px;
line-height: 1;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 13px;
height: 13px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linejoin: round;
stroke-linecap: round;
flex: 0 0 auto;
}
body.h4f-premium-ui .h4f-card-metric--rating { color: #ffbf53; }
body.h4f-premium-ui .h4f-card-metric--rating svg { fill: currentColor; stroke: currentColor; }
body.h4f-premium-ui .h4f-card-metric--views { color: #b9ddff; }
body.h4f-premium-ui .h4f-card-metric--chapters { color: #c9b1ff; }
body.h4f-premium-ui .h4f-card-metric b { font-weight: 850; }
@media (min-width: 768px) {
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data:hover {
transform: translateY(-4px) !important;
border-color: rgba(108, 229, 255, .48) !important;
box-shadow: 0 20px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(157,108,255,.15) !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-card-badges {
top: 6px;
left: 6px;
right: 6px;
gap: 4px;
}
body.h4f-premium-ui .h4f-card-badge {
min-height: 19px;
padding: 3px 5px;
border-radius: 6px;
font-size: 7px;
letter-spacing: .04em;
}
body.h4f-premium-ui .h4f-card-badge--primary {
max-width: calc(100% - 52px);
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
gap: 6px !important;
padding: 8px 1px 2px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
font-size: 12px !important;
}
body.h4f-premium-ui .h4f-card-metrics {
gap: 6px;
min-height: 14px;
}
body.h4f-premium-ui .h4f-card-metric {
gap: 3px;
font-size: 9px;
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 11px;
height: 11px;
}
}
@media (max-width: 360px) {
body.h4f-premium-ui .h4f-card-metrics { gap: 5px; }
body.h4f-premium-ui .h4f-card-metric--chapters { display: none; }
} body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
display: flex !important;
flex: 1 1 auto !important;
flex-direction: column !important;
min-height: 66px !important;
gap: 8px !important;
padding: 10px 2px 2px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title {
min-height: 34px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
margin: 0 !important;
font-size: 13px !important;
font-weight: 780 !important;
letter-spacing: -.015em !important;
line-height: 1.3 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title a {
text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
}
body.h4f-premium-ui .h4f-card-metrics {
display: flex !important;
align-items: stretch !important;
justify-content: stretch !important;
gap: 0 !important;
min-height: 31px !important;
margin-top: auto !important;
padding: 2px !important;
overflow: hidden !important;
border: 1px solid rgba(194, 177, 255, .16) !important;
border-radius: 10px !important;
background: linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 5px 12px rgba(0,0,0,.14) !important;
}
body.h4f-premium-ui .h4f-card-metric {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 1 1 0 !important;
gap: 4px !important;
min-width: 0 !important;
min-height: 25px !important;
padding: 0 4px !important;
color: #f4f2ff !important;
font-size: 10px !important;
font-variant-numeric: tabular-nums !important;
letter-spacing: .005em !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
position: absolute;
left: 0;
top: 6px;
bottom: 6px;
width: 1px;
content: "";
background: rgba(214, 205, 255, .15);
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 12px !important;
height: 12px !important;
flex: 0 0 auto !important;
filter: drop-shadow(0 1px 3px rgba(0,0,0,.35));
}
body.h4f-premium-ui .h4f-card-metric b {
overflow: hidden;
font-weight: 800 !important;
text-overflow: ellipsis;
} body.h4f-premium-ui .h4f-card-metric--views,
body.h4f-premium-ui .h4f-card-metric--rating,
body.h4f-premium-ui .h4f-card-metric--chapters {
color: #f4f2ff !important;
}
body.h4f-premium-ui .h4f-card-metric--views svg { color: #6edfff !important; }
body.h4f-premium-ui .h4f-card-metric--rating svg { color: #ffc85c !important; fill: currentColor !important; stroke: currentColor !important; }
body.h4f-premium-ui .h4f-card-metric--chapters svg { color: #bc9cff !important; }
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
min-height: 58px !important;
gap: 6px !important;
padding: 8px 1px 1px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title {
min-height: 30px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title h3 {
font-size: 12px !important;
line-height: 1.25 !important;
}
body.h4f-premium-ui .h4f-card-metrics {
min-height: 28px !important;
border-radius: 9px !important;
}
body.h4f-premium-ui .h4f-card-metric {
gap: 3px !important;
min-height: 22px !important;
padding: 0 3px !important;
font-size: 9px !important;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
top: 5px;
bottom: 5px;
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 10px !important;
height: 10px !important;
}
}
@media (max-width: 360px) {
body.h4f-premium-ui .h4f-card-metric--chapters { display: none !important; }
body.h4f-premium-ui .h4f-card-metric { font-size: 9px !important; }
} body.h4f-premium-ui .h4f-card-metrics {
gap: 0;
padding: 8px 0 0;
background: transparent;
border: 0;
box-shadow: none;
}
body.h4f-premium-ui .h4f-card-metric {
position: relative;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 0 10px 0 0;
min-height: 20px;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
font-size: 13px;
font-weight: 800;
letter-spacing: -.01em;
line-height: 1;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
margin-left: 10px;
padding-left: 10px;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 12px;
background: rgba(255,255,255,.12);
transform: translateY(-50%);
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 14px;
height: 14px;
flex: 0 0 14px;
}
body.h4f-premium-ui .h4f-card-metric b {
font-size: 13px;
font-weight: 800;
color: #f5f7ff;
}
body.h4f-premium-ui .h4f-card-metric--views { color: #eef4ff; }
body.h4f-premium-ui .h4f-card-metric--rating { color: #ffb53d; }
body.h4f-premium-ui .h4f-card-metric--chapters { color: #e9edf9; }
body.h4f-premium-ui .h4f-card-metric--views svg,
body.h4f-premium-ui .h4f-card-metric--chapters svg {
fill: none;
stroke: currentColor;
}
body.h4f-premium-ui .h4f-card-metric--rating svg {
fill: currentColor;
stroke: none;
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-card-metric {
font-size: 12px;
padding-right: 8px;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
margin-left: 8px;
padding-left: 8px;
}
body.h4f-premium-ui .h4f-card-metric svg {
width: 13px;
height: 13px;
flex-basis: 13px;
}
body.h4f-premium-ui .h4f-card-metric b {
font-size: 12px;
}
} body.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
align-items: start !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-grid-cell,
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
align-self: start !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
height: auto !important;
min-height: 0 !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: column !important;
align-items: stretch !important;
min-height: 0 !important;
height: auto !important;
padding-bottom: 4px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .post-title {
min-height: 0 !important;
}
body.h4f-premium-ui .h4f-card-metrics {
display: flex !important;
flex: 0 0 auto !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
align-self: flex-start !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
margin: 6px 0 0 !important;
padding: 0 !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui .h4f-card-metric {
position: static !important;
display: inline-flex !important;
flex: 0 0 auto !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
align-self: auto !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 8px 0 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
margin-left: 8px !important;
padding-left: 8px !important;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric::before {
display: block !important;
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
height: 11px !important;
}
body.h4f-premium-ui .h4f-card-metric svg {
display: block !important;
position: static !important;
flex: 0 0 13px !important;
width: 13px !important;
height: 13px !important;
margin: 0 4px 0 0 !important;
transform: none !important;
filter: none !important;
}
body.h4f-premium-ui .h4f-card-metric b {
display: block !important;
position: static !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #edf2ff !important;
}
body.h4f-premium-ui .h4f-card-metric--views { color: #dcecff !important; }
body.h4f-premium-ui .h4f-card-metric--rating { color: #ffb63e !important; }
body.h4f-premium-ui .h4f-card-metric--chapters { color: #e5e9f5 !important; }
body.h4f-premium-ui .h4f-card-metric--views svg,
body.h4f-premium-ui .h4f-card-metric--chapters svg {
fill: none !important;
stroke: currentColor !important;
}
body.h4f-premium-ui .h4f-card-metric--rating svg {
fill: currentColor !important;
stroke: none !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
padding-bottom: 6px !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data .item-summary {
gap: 5px !important;
padding-top: 7px !important;
}
body.h4f-premium-ui .h4f-card-metrics {
margin-top: 5px !important;
}
body.h4f-premium-ui .h4f-card-metric {
gap: 0 !important;
padding-right: 6px !important;
font-size: 10px !important;
}
body.h4f-premium-ui .h4f-card-metric + .h4f-card-metric {
margin-left: 6px !important;
padding-left: 6px !important;
}
body.h4f-premium-ui .h4f-card-metric svg {
flex-basis: 12px !important;
width: 12px !important;
height: 12px !important;
margin-right: 3px !important;
}
body.h4f-premium-ui .h4f-card-metric b {
font-size: 10px !important;
}
}
@media (max-width: 340px) {
body.h4f-premium-ui .h4f-card-metric--chapters { display: none !important; }
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 0 0 auto !important;
gap: 13px !important;
width: auto !important;
min-height: 18px !important;
margin: 8px 0 0 !important;
padding: 0 !important;
overflow: visible !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 0 0 auto !important;
gap: 5px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: -.01em !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat::before,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat + .h4f-card-stat::before {
display: none !important;
content: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat svg {
display: block !important;
position: static !important;
flex: 0 0 14px !important;
width: 14px !important;
height: 14px !important;
margin: 0 !important;
filter: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b {
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: #f6f8ff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views {
color: #e6f2ff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views svg {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.9px !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating {
color: #ffaf35 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating svg {
fill: currentColor !important;
stroke: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--chapters {
color: #edf2fc !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--chapters svg {
fill: none !important;
stroke: currentColor !important;
stroke-width: 1.7px !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats {
gap: 10px !important;
margin-top: 7px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat {
gap: 4px !important;
font-size: 11px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat svg {
flex-basis: 13px !important;
width: 13px !important;
height: 13px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b {
font-size: 11px !important;
}
}
@media (max-width: 360px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats { gap: 8px !important; }
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat { font-size: 10px !important; }
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b { font-size: 10px !important; }
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 13px !important;
width: 100% !important;
min-height: 18px !important;
margin: 9px 0 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex: 0 0 auto !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat::before,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat + .h4f-card-stat::before {
content: none !important;
display: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat i,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat svg {
display: inline-block !important;
position: static !important;
width: 13px !important;
height: 13px !important;
min-width: 13px !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: -1px !important;
line-height: 1 !important;
filter: none !important;
transform: none !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #f8f9ff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views i,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages i {
color: #edf6ff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating i {
color: #ff9e28 !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats {
justify-content: flex-start !important;
gap: 10px !important;
margin-top: 8px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat {
gap: 3px !important;
font-size: 11px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat i,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat svg {
width: 12px !important;
height: 12px !important;
min-width: 12px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b {
font-size: 11px !important;
}
}
@media (max-width: 359px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stats { gap: 8px !important; }
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat b { font-size: 10px !important; }
}  body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title {
margin: 4px 0 16px;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: 1040px;
margin: 0;
font-size: clamp(28px, 2.8vw, 44px) !important;
line-height: 1.05 !important;
letter-spacing: -.042em !important;
font-weight: 900 !important;
color: #fbfaff !important;
text-wrap: pretty;
} body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
margin-top: 14px;
padding: 22px;
border-radius: 24px;
background: linear-gradient(145deg, rgba(13,12,33,.88), rgba(9,10,26,.80));
border: 1px solid rgba(146,113,255,.20);
box-shadow: 0 18px 46px rgba(0,0,0,.22);
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
border-radius: 18px;
background: #111225;
border: 1px solid rgba(255,255,255,.08);
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image a,
body.h4f-premium-ui.single .profile-manga .summary_image a {
display: block;
border-radius: inherit;
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image img,
body.h4f-premium-ui.single .profile-manga .summary_image img {
display: block;
width: 100%;
aspect-ratio: 2 / 3;
object-fit: cover;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item {
padding: 11px 0;
border-bottom: 1px solid rgba(255,255,255,.075);
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item:last-child,
body.h4f-premium-ui.single .profile-manga .post-content_item:last-child { border-bottom: 0; }
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
margin: 0;
font-size: 12px;
font-weight: 900;
letter-spacing: .055em;
text-transform: uppercase;
color: #f0e8ff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content,
body.h4f-premium-ui.single .profile-manga .summary-content {
color: #d9d8ea !important;
line-height: 1.55;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content a,
body.h4f-premium-ui.single .profile-manga .summary-content a {
color: #d9d8ea !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a {
display: inline-flex;
align-items: center;
margin: 0 6px 6px 0;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,255,255,.055);
border: 1px solid rgba(255,255,255,.08);
color: #eeeaff !important;
font-size: 12px;
font-weight: 750;
line-height: 1.25;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a:hover {
background: rgba(157,108,255,.19);
border-color: rgba(157,108,255,.34);
color: #fff !important;
} body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 18px;
}
body.h4f-premium-ui.single-wp-manga #init-links .c-btn,
body.h4f-premium-ui.single #init-links .c-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 124px;
padding: 11px 16px;
border: 0 !important;
border-radius: 13px;
background: linear-gradient(135deg, #a868ff, #ec57c4) !important;
box-shadow: 0 10px 22px rgba(220,80,198,.20);
color: #fff !important;
font-size: 13px;
font-weight: 900;
} body.h4f-premium-ui.single-wp-manga .c-page__content,
body.h4f-premium-ui.single .c-page__content { padding-top: 12px; }
body.h4f-premium-ui.single-wp-manga .description-summary,
body.h4f-premium-ui.single .description-summary {
padding: 20px;
border-radius: 20px;
background: linear-gradient(145deg, rgba(13,12,33,.82), rgba(9,10,26,.78));
border-color: rgba(146,113,255,.16);
}
body.h4f-premium-ui.single-wp-manga .description-summary .summary__content,
body.h4f-premium-ui.single .description-summary .summary__content {
font-size: 15px;
line-height: 1.75;
color: #d9d8ea;
}
body.h4f-premium-ui.single-wp-manga .c-page__content > .c-blog__heading.style-2 .h4,
body.h4f-premium-ui.single .c-page__content > .c-blog__heading.style-2 .h4 {
font-size: 25px !important;
font-weight: 900;
letter-spacing: -.03em;
}
body.h4f-premium-ui.single-wp-manga .c-page__content > .c-blog__heading.style-2 .h4 i,
body.h4f-premium-ui.single .c-page__content > .c-blog__heading.style-2 .h4 i { color: #ffc962; }
body.h4f-premium-ui.single-wp-manga .listing-chapters_wrap,
body.h4f-premium-ui.single .listing-chapters_wrap {
padding: 4px 0;
border-radius: 20px;
background: linear-gradient(145deg, rgba(13,12,33,.82), rgba(9,10,26,.78));
border-color: rgba(146,113,255,.16);
}
body.h4f-premium-ui.single-wp-manga .listing-chapters_wrap .wp-manga-chapter,
body.h4f-premium-ui.single .listing-chapters_wrap .wp-manga-chapter {
padding: 14px 18px;
}
body.h4f-premium-ui.single-wp-manga .sidebar-col .widget,
body.h4f-premium-ui.single .sidebar-col .widget {
padding: 18px;
border-radius: 20px;
background: linear-gradient(145deg, rgba(13,12,33,.82), rgba(9,10,26,.78));
border-color: rgba(146,113,255,.16);
}
body.h4f-premium-ui.single-wp-manga .sidebar-col .widget-title,
body.h4f-premium-ui.single .sidebar-col .widget-title {
margin-bottom: 14px !important;
font-size: 20px !important;
font-weight: 900 !important;
}
body.h4f-premium-ui.single-wp-manga .edit-link,
body.h4f-premium-ui.single .edit-link { display: none !important; }
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .container,
body.h4f-premium-ui.single .profile-manga .container { padding-top: 16px; padding-bottom: 20px; }
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
font-size: clamp(24px, 7vw, 30px) !important;
line-height: 1.08 !important;
letter-spacing: -.035em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary { padding: 14px; border-radius: 18px; }
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item { padding: 10px 0; }
body.h4f-premium-ui.single-wp-manga #init-links .c-btn,
body.h4f-premium-ui.single #init-links .c-btn { min-width: 0; flex: 1 1 calc(50% - 5px); }
body.h4f-premium-ui.single-wp-manga .description-summary,
body.h4f-premium-ui.single .description-summary { padding: 16px; border-radius: 18px; }
body.h4f-premium-ui.single-wp-manga .c-page__content > .c-blog__heading.style-2 .h4,
body.h4f-premium-ui.single .c-page__content > .c-blog__heading.style-2 .h4 { font-size: 22px !important; }
}  body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: 940px;
font-size: clamp(26px, 2.35vw, 38px) !important;
line-height: 1.08 !important;
letter-spacing: -.035em !important;
word-break: normal;
overflow-wrap: anywhere;
text-wrap: pretty;
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary_content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary_content {
min-height: 0 !important;
padding: 0 !important;
background: transparent !important;
}
@media (max-width: 767px) { body.h4f-premium-ui.single-wp-manga .profile-manga .c-breadcrumb-wrapper,
body.h4f-premium-ui.single .profile-manga .c-breadcrumb-wrapper {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga,
body.h4f-premium-ui.single .profile-manga {
margin-bottom: 20px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .container,
body.h4f-premium-ui.single .profile-manga .container {
padding-top: 12px !important;
padding-bottom: 14px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title {
margin: 0 0 12px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: none;
font-size: clamp(21px, 5.8vw, 25px) !important;
line-height: 1.13 !important;
letter-spacing: -.025em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
margin-top: 0 !important;
padding: 14px !important;
border-radius: 18px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
width: 136px !important;
max-width: 136px !important;
padding: 0 !important;
margin: 0 auto 14px !important;
background: transparent !important;
border-radius: 14px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image img,
body.h4f-premium-ui.single .profile-manga .summary_image img {
border-radius: 13px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap {
display: block !important;
padding-left: 0 !important;
overflow: visible !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 14px !important;
width: 100% !important;
font-size: inherit !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-rating,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-rating {
grid-column: 1 / -1;
margin: 0 !important;
padding: 0 0 10px !important;
border-bottom: 1px solid rgba(255,255,255,.08);
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-rating i,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-rating i {
font-size: 23px !important;
margin: 0 1px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-rating span,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-rating span {
margin-left: 5px !important;
font-size: 16px !important;
color: #bdb7d6 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item {
display: block !important;
min-width: 0;
margin: 0 !important;
padding: 11px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-parodies {
grid-column: 1 / -1;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-rank,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-rank {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading,
body.h4f-premium-ui.single .profile-manga .summary-heading {
display: block !important;
width: auto !important;
margin: 0 0 4px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
font-size: 10px !important;
letter-spacing: .09em !important;
line-height: 1.2 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content,
body.h4f-premium-ui.single .profile-manga .summary-content {
display: block !important;
width: 100% !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a {
margin: 0 4px 5px 0 !important;
padding: 5px 8px !important;
font-size: 11px !important;
line-height: 1.2 !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .post-status,
body.h4f-premium-ui.single .profile-manga .post-status {
width: 100% !important;
margin: 2px 0 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 12px 0 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action .count-comment,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action .count-comment {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action .add-bookmark,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action .add-bookmark {
float: none !important;
width: auto !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action .add-bookmark > div,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action .add-bookmark > div {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: auto !important;
text-align: left !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action .add-bookmark a,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action .add-bookmark a {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
padding: 9px 11px !important;
border-radius: 10px !important;
background: rgba(255,255,255,.055) !important;
border: 1px solid rgba(255,255,255,.09) !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #f0eaff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status .manga-action .add-bookmark i,
body.h4f-premium-ui.single .profile-manga .post-status .manga-action .add-bookmark i {
font-size: 15px !important;
color: #ff5a73 !important;
} body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin: 12px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn {
width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 10px 8px !important;
border-radius: 11px !important;
font-size: 12px !important;
line-height: 1 !important;
box-shadow: 0 8px 18px rgba(220,80,198,.16) !important;
} body.h4f-premium-ui.single-wp-manga .c-page__content,
body.h4f-premium-ui.single .c-page__content { padding-top: 2px !important; }
body.h4f-premium-ui.single-wp-manga .c-page__content > .c-blog__heading.style-2,
body.h4f-premium-ui.single .c-page__content > .c-blog__heading.style-2 { margin: 12px 0 10px !important; }
}  body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: 980px !important;
margin: 0 !important;
font-size: clamp(26px, 2.05vw, 34px) !important;
line-height: 1.08 !important;
letter-spacing: -0.032em !important;
font-weight: 850 !important;
text-wrap: pretty !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
font-size: 21px !important;
line-height: 1.16 !important;
letter-spacing: -0.02em !important;
font-weight: 800 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title {
margin: 0 0 10px !important;
}
} body.h4f-premium-ui.wp-singular.single.single-wp-manga .profile-manga.summary-layout-1 .post-title,
body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title {
margin: 0 0 14px !important;
padding: 0 !important;
}
body.h4f-premium-ui.wp-singular.single.single-wp-manga .profile-manga.summary-layout-1 .post-title > h1,
body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title > h1,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title > h1 {
max-width: 900px !important;
margin: 0 !important;
padding: 0 !important;
font-family: inherit !important;
font-size: clamp(22px, 1.7vw, 28px) !important;
font-weight: 700 !important;
font-style: normal !important;
line-height: 1.1 !important;
letter-spacing: -0.024em !important;
text-transform: none !important;
text-wrap: pretty;
word-break: normal !important;
overflow-wrap: anywhere;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .h4f-meta-release .summary-content,
body.h4f-premium-ui.single .profile-manga .h4f-meta-release .summary-content {
font-variant-numeric: tabular-nums;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .h4f-release-date,
body.h4f-premium-ui.single .profile-manga .h4f-release-date {
color: #d8d8eb !important;
font-weight: 600;
}
@media (max-width: 767px) {
body.h4f-premium-ui.wp-singular.single.single-wp-manga .profile-manga.summary-layout-1 .post-title,
body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title {
margin: 0 0 10px !important;
}
body.h4f-premium-ui.wp-singular.single.single-wp-manga .profile-manga.summary-layout-1 .post-title > h1,
body.h4f-premium-ui.wp-singular.single-wp-manga .profile-manga .post-title > h1,
body.h4f-premium-ui.single.single-wp-manga .profile-manga .post-title > h1 {
max-width: 100% !important;
font-size: 19px !important;
font-weight: 700 !important;
line-height: 1.16 !important;
letter-spacing: -0.015em !important;
}
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
position: relative !important;
display: grid !important;
grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr) !important;
grid-template-areas: "menu brand actions" !important;
align-items: center !important;
min-height: 94px !important;
padding: 12px 0 !important;
overflow: visible !important;
} body.h4f-premium-ui .h4f-site-header .h4f-primary-navigation {
display: none !important;
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .wrap_branding {
grid-area: brand !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
justify-self: center !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
display: block !important;
width: auto !important;
max-width: min(28vw, 280px) !important;
max-height: 54px !important;
object-fit: contain !important;
filter: drop-shadow(0 7px 18px rgba(122, 82, 255, .18));
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
grid-area: menu !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
justify-self: start !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 3 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle {
position: relative !important;
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
border-radius: 15px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle::after {
content: 'MENU';
position: absolute;
left: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
color: rgba(239, 234, 255, .84);
font-size: 11px;
font-weight: 900;
letter-spacing: .12em;
line-height: 1;
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions {
grid-area: actions !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
justify-self: end !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 3 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-browse {
display: none !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
border-radius: 15px !important;
border-color: rgba(84, 224, 255, .50) !important;
background: linear-gradient(145deg, rgba(26, 22, 54, .98), rgba(11, 15, 33, .98)) !important;
box-shadow: 0 0 0 3px rgba(41,229,255,.065), inset 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(3,4,14,.22) !important;
color: #b789ff !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle[aria-expanded='true'] {
border-color: rgba(84, 224, 255, .86) !important;
color: #d6b4ff !important;
background: linear-gradient(145deg, rgba(117, 80, 224, .34), rgba(18, 73, 113, .28)) !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-utility__status {
visibility: hidden;
width: 0;
overflow: hidden;
margin: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
justify-content: center !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
margin: 0 auto !important;
}
@media (max-width: 820px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: 46px minmax(0, 1fr) 46px !important;
grid-template-areas: "menu brand actions" !important;
column-gap: 8px !important;
min-height: 74px !important;
padding: 9px 0 !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .c-togle__menu {
grid-column: 1 !important;
grid-row: 1 !important;
justify-self: start !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .wrap_branding {
grid-column: 2 !important;
grid-row: 1 !important;
justify-self: center !important;
width: 100% !important;
overflow: visible !important;
}
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap > .h4f-header-actions {
grid-column: 3 !important;
grid-row: 1 !important;
justify-self: end !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 186px !important;
max-height: 40px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button {
width: 42px !important;
height: 42px !important;
min-width: 42px !important;
min-height: 42px !important;
border-radius: 13px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle::after { display: none !important; }
body.h4f-premium-ui .h4f-site-header .h4f-header-utility {
min-height: 35px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
font-size: 10px !important;
letter-spacing: .08em !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
grid-template-columns: 42px minmax(0, 1fr) 42px !important;
column-gap: 5px !important;
min-height: 68px !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 158px !important;
max-height: 35px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-search-toggle,
body.h4f-premium-ui .h4f-site-header .h4f-header-actions .h4f-header-icon-button {
width: 39px !important;
height: 39px !important;
min-width: 39px !important;
min-height: 39px !important;
border-radius: 12px !important;
}
} @media (min-width: 821px) { body.h4f-premium-ui .h4f-site-header > .h4f-header-utility {
display: flex !important;
align-items: center !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
overflow: hidden !important;
}
body.h4f-premium-ui .h4f-site-header > .h4f-header-utility > .container,
body.h4f-premium-ui .h4f-site-header > .h4f-header-utility .h4f-header-utility__inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 1 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links {
display: inline-flex !important;
align-items: center !important;
height: 32px !important;
gap: 15px !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a {
display: inline-flex !important;
align-items: center !important;
height: 32px !important;
padding: 0 !important;
font-size: 10px !important;
line-height: 1 !important;
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
min-height: 86px !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}
}
@media (max-width: 820px) { body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
min-height: 78px !important;
grid-template-columns: 46px minmax(0, 1fr) 46px !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 208px !important;
max-height: 46px !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap {
min-height: 74px !important;
grid-template-columns: 42px minmax(0, 1fr) 42px !important;
}
body.h4f-premium-ui .h4f-site-header .wrap_branding .logo img {
max-width: 178px !important;
max-height: 41px !important;
}
} :root {
--h4f-warm-50: #fff5e6;
--h4f-warm-100: #ffe7bd;
--h4f-warm-300: #ffc56e;
--h4f-warm-400: #f6ad4f;
--h4f-warm-500: #eb9038;
--h4f-warm-600: #c96d27;
--h4f-warm-glow: rgba(246, 173, 79, .26);
--h4f-violet: #9d76ff;
--h4f-cyan: #5eddf3; --h4f-accent: #9d76ff;
--h4f-pink: #ea9650;
} body.h4f-premium-ui,
body.h4f-premium-ui.text-ui-light,
body.h4f-premium-ui .body-wrap {
background:
radial-gradient(54rem 28rem at 12% -8%, rgba(157,118,255,.15), transparent 58%),
radial-gradient(42rem 24rem at 94% 2%, rgba(94,221,243,.075), transparent 62%),
radial-gradient(34rem 20rem at 46% 43%, rgba(246,173,79,.045), transparent 68%),
linear-gradient(180deg, #090a14 0%, #101426 48%, #090b14 100%) !important;
} body.h4f-premium-ui .h4f-site-header .h4f-header-utility__signal {
background: var(--h4f-warm-400) !important;
box-shadow: 0 0 0 4px rgba(246,173,79,.10), 0 0 16px rgba(246,173,79,.54) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__links a:hover {
color: var(--h4f-warm-300) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-menu-toggle.active {
border-color: rgba(246,173,79,.58) !important;
background: linear-gradient(135deg, rgba(246,173,79,.18), rgba(157,118,255,.13)) !important;
box-shadow: 0 0 0 3px rgba(246,173,79,.07), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-header-search-toggle:hover,
body.h4f-premium-ui .h4f-site-header .h4f-header-search-toggle[aria-expanded='true'] {
border-color: rgba(94,221,243,.62) !important;
background: linear-gradient(135deg, rgba(94,221,243,.12), rgba(157,118,255,.18)) !important;
} body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
border-color: rgba(180,132,255,.25) !important;
background:
radial-gradient(58% 132% at -10% -25%, rgba(246,173,79,.16) 0%, rgba(246,173,79,0) 58%),
radial-gradient(48% 105% at 100% 100%, rgba(94,221,243,.13) 0%, rgba(94,221,243,0) 72%),
linear-gradient(135deg, rgba(16,13,34,.98), rgba(10,20,38,.98)) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow,
body.h4f-premium-ui .h4f-continue-reading__eyebrow {
color: var(--h4f-warm-300) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__eyebrow::before {
background: var(--h4f-warm-400) !important;
box-shadow: 0 0 0 4px rgba(246,173,79,.11), 0 0 14px rgba(246,173,79,.58) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:nth-child(1) {
border-color: rgba(246,173,79,.54) !important;
box-shadow: 0 14px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(246,173,79,.08), inset 0 1px 0 rgba(255,255,255,.11) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:nth-child(1) .h4f-discovery-card__shade {
background:
linear-gradient(90deg, rgba(23,16,22,.98) 0%, rgba(39,22,24,.95) 35%, rgba(55,28,27,.54) 65%, rgba(47,25,28,.12) 100%),
linear-gradient(145deg, rgba(246,173,79,.28) 0%, transparent 56%) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:nth-child(1) .h4f-discovery-card__icon {
border-color: rgba(255,208,128,.68) !important;
background: rgba(246,173,79,.16) !important;
color: var(--h4f-warm-100) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:nth-child(1) .h4f-discovery-card__cta,
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:nth-child(3) .h4f-discovery-card__cta {
color: var(--h4f-warm-300) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card:hover {
border-color: rgba(246,173,79,.68) !important;
box-shadow: 0 20px 36px rgba(0,0,0,.34), 0 0 0 3px rgba(246,173,79,.08), inset 0 1px 0 rgba(255,255,255,.12) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__progress span {
background: linear-gradient(90deg, var(--h4f-warm-400), #c487ff 52%, var(--h4f-cyan)) !important;
box-shadow: 0 0 12px rgba(246,173,79,.38) !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__arrow:hover {
border-color: rgba(246,173,79,.72) !important;
color: var(--h4f-warm-100) !important;
} body.h4f-premium-ui .c-page-content .main-col-inner > .c-page > .entry-header::after {
background: linear-gradient(90deg, var(--h4f-warm-400), rgba(185,131,255,.58) 48%, rgba(94,221,243,.16) 76%, transparent) !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
background: linear-gradient(135deg, #ffd77a, var(--h4f-warm-400)) !important;
box-shadow: 0 8px 18px rgba(246,173,79,.23) !important;
color: #382008 !important;
} body.h4f-premium-ui .h4f-continue-reading,
body.h4f-premium-ui .h4f-fandoms {
border-color: rgba(180,132,255,.20) !important;
background:
radial-gradient(48% 110% at 0% 0%, rgba(246,173,79,.085) 0%, rgba(246,173,79,0) 66%),
linear-gradient(135deg, rgba(24,22,48,.93), rgba(12,21,40,.95)) !important;
}
body.h4f-premium-ui .h4f-continue-card__progress {
background: linear-gradient(90deg, var(--h4f-warm-400), #bc78ff 58%, var(--h4f-cyan)) !important;
box-shadow: 0 0 9px rgba(246,173,79,.45) !important;
}
body.h4f-premium-ui .h4f-continue-reading__clear:hover,
body.h4f-premium-ui .h4f-fandoms__all:hover,
body.h4f-premium-ui .h4f-fandoms__chip:hover {
border-color: rgba(246,173,79,.62) !important;
background: rgba(246,173,79,.10) !important;
}
body.h4f-premium-ui .h4f-fandoms__chip span {
color: var(--h4f-warm-300) !important;
} body.h4f-premium-ui .h4f-library-sort__chip.is-active {
border-color: rgba(246,173,79,.58) !important;
background: linear-gradient(135deg, rgba(246,173,79,.15), rgba(157,118,255,.20)) !important;
box-shadow: 0 0 0 3px rgba(246,173,79,.065), inset 0 1px 0 rgba(255,255,255,.11) !important;
}
body.h4f-premium-ui .h4f-library-sort__chip.is-active > span {
color: var(--h4f-warm-300) !important;
} body.h4f-premium-ui .h4f-card-badge--primary {
background: linear-gradient(135deg, #d97945, #a94447) !important;
border-color: rgba(255,205,151,.28) !important;
box-shadow: 0 6px 15px rgba(111,40,32,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data {
border-color: rgba(189,158,255,.22) !important;
background: linear-gradient(165deg, rgba(37,33,63,.96), rgba(13,18,32,.99)) !important;
}
body.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card--data:hover {
border-color: rgba(246,173,79,.48) !important;
box-shadow: 0 20px 46px rgba(0,0,0,.36), 0 0 0 2px rgba(246,173,79,.06) !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--rating i {
color: var(--h4f-warm-400) !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--views i {
color: #d8efff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages,
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages i {
color: #d7cbff !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .post-rating,
body.h4f-premium-ui.single .profile-manga .post-rating,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-rating i,
body.h4f-premium-ui.single .profile-manga .post-rating i {
color: var(--h4f-warm-400) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links .c-btn:first-child,
body.h4f-premium-ui.single #init-links .c-btn:first-child {
background: linear-gradient(135deg, #ffc96f, #ee8a42) !important;
box-shadow: 0 12px 26px rgba(235,144,56,.24) !important;
color: #2d1607 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links .c-btn + .c-btn,
body.h4f-premium-ui.single #init-links .c-btn + .c-btn {
border: 1px solid rgba(183,147,255,.35) !important;
background: linear-gradient(135deg, rgba(157,118,255,.18), rgba(64,57,112,.40)) !important;
box-shadow: none !important;
color: #f7f4ff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
color: #fff3de !important;
} body.h4f-premium-ui .h4f-discovery-card:focus-visible,
body.h4f-premium-ui .h4f-fandoms__chip:focus-visible,
body.h4f-premium-ui #init-links .c-btn:focus-visible {
outline-color: var(--h4f-warm-300) !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
background:
radial-gradient(75% 110% at -15% -35%, rgba(246,173,79,.13) 0%, rgba(246,173,79,0) 58%),
linear-gradient(135deg, rgba(16,13,34,.99), rgba(10,20,38,.99)) !important;
}
body.h4f-premium-ui .c-page-content .entry-title .item-title::before {
box-shadow: 0 6px 14px rgba(246,173,79,.18) !important;
}
} @media (min-width: 1280px) {
body.home.h4f-premium-ui .c-page-content .container {
width: calc(100% - 56px) !important;
max-width: 1440px !important;
margin-right: auto !important;
margin-left: auto !important;
} body.home.h4f-premium-ui .page-content-listing,
body.home.h4f-premium-ui .page-content-listing .page-listing-item.h4f-manga-grid-group,
body.home.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
width: 100% !important;
max-width: none !important;
}
body.home.h4f-premium-ui .page-content-listing .h4f-manga-grid-row {
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
gap: 16px !important;
} body.home.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card {
padding: 8px !important;
border-radius: 17px !important;
}
body.home.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .item-thumb img {
aspect-ratio: 2 / 3 !important;
}
body.home.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h3,
body.home.h4f-premium-ui .page-content-listing .page-item-detail.h4f-manga-card .post-title h5 {
font-size: 14px !important;
line-height: 1.3 !important;
}
} @media (min-width: 768px) and (max-width: 1279px) {
body.home.h4f-premium-ui .c-page-content .container {
width: auto !important;
max-width: 1140px !important;
}
} @media (min-width: 1280px) { body.h4f-premium-ui .h4f-site-header > .h4f-header-utility > .container,
body.h4f-premium-ui .h4f-site-header > .c-header__top > .container,
body.h4f-premium-ui .h4f-site-header > .main-navigation > .container,
body.h4f-premium-ui .h4f-site-header > .c-sub-header-nav > .container,
body.h4f-premium-ui .h4f-site-header .c-header__top > .container,
body.h4f-premium-ui .h4f-site-header .main-navigation > .container,
body.h4f-premium-ui .h4f-site-header .c-sub-header-nav > .container {
width: calc(100% - 56px) !important;
max-width: 1440px !important;
margin-right: auto !important;
margin-left: auto !important;
} body.h4f-premium-ui .h4f-site-header .main-navigation_wrap.h4f-main-navigation-wrap,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .c-sub-nav_wrap,
body.h4f-premium-ui .h4f-site-header .h4f-header-utility__inner {
width: 100% !important;
max-width: none !important;
}
} body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading h1,
body.h4f-premium-ui.home #h4f-discovery-title {
display: none !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
margin-bottom: 16px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
display: block !important;
margin-top: 7px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
height: 210px !important;
}
@media (max-width: 991px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
height: 196px !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail {
padding-top: 11px !important;
padding-bottom: 13px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading {
margin-bottom: 10px !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-rail__heading p {
max-width: none !important;
margin: 4px 14px 0 0 !important;
font-size: 11px !important;
line-height: 1.4 !important;
}
body.h4f-premium-ui.home .h4f-home-discovery-wrap .h4f-discovery-card {
height: 164px !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu {
position: relative !important;
z-index: 1760 !important;
} body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu::after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: min(780px, calc(100vw - 56px));
height: 12px;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.children {
display: flex !important;
position: absolute !important;
top: calc(100% + 7px) !important;
left: 0 !important;
right: auto !important;
z-index: 1800 !important;
width: max-content !important;
min-width: min(620px, calc(100vw - 56px)) !important;
max-width: min(780px, calc(100vw - 56px)) !important;
height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 12px !important;
gap: 8px !important;
flex-wrap: wrap !important;
align-items: center !important;
overflow: hidden !important;
border: 1px solid rgba(178, 139, 255, .32) !important;
border-radius: 16px !important;
background:
radial-gradient(circle at 12% 0%, rgba(157,108,255,.22), transparent 42%),
linear-gradient(135deg, rgba(20,16,38,.99), rgba(10,15,29,.99)) !important;
box-shadow: 0 22px 52px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.08) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-5px) !important;
transition: opacity .18s ease, transform .18s ease, visibility .18s ease !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.sub-menu::before,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.children::before {
content: '' !important;
position: absolute !important;
top: -6px !important;
left: 20px !important;
width: 11px !important;
height: 11px !important;
transform: rotate(45deg) !important;
border-top: 1px solid rgba(178, 139, 255, .32) !important;
border-left: 1px solid rgba(178, 139, 255, .32) !important;
background: rgba(19,16,36,.99) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu:hover > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu:hover > ul.children,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu.h4f-dropdown-open > ul.sub-menu,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu.h4f-dropdown-open > ul.children {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.sub-menu > li,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.children > li {
display: block !important;
float: none !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.sub-menu > li > a,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.children > li > a {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
padding: 7px 11px !important;
border: 1px solid rgba(255,255,255,.10) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.055) !important;
color: rgba(244,240,255,.86) !important;
font-size: 11px !important;
font-weight: 760 !important;
line-height: 1 !important;
text-transform: none !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.sub-menu > li > a:hover,
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > ul.children > li > a:hover {
border-color: rgba(76,222,255,.45) !important;
background: linear-gradient(135deg, rgba(157,108,255,.26), rgba(40,231,255,.13)) !important;
box-shadow: 0 8px 18px rgba(23,14,61,.34) !important;
color: #fff !important;
transform: translateY(-1px);
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > .h4f-menu-child-toggle {
margin-left: -1px !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-direction: row !important;
flex: 0 0 auto !important;
width: auto !important;
min-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > a {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
min-height: 32px !important;
margin: 0 !important;
padding-right: 5px !important;
white-space: nowrap !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > .h4f-menu-child-toggle {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
flex: 0 0 22px !important;
width: 22px !important;
height: 32px !important;
margin: 0 0 0 -3px !important;
padding: 0 !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
vertical-align: middle !important;
}
body.h4f-premium-ui .h4f-site-header .h4f-subnav .sub-nav_list > li.h4f-tags-menu > .h4f-menu-child-toggle > span {
display: block !important;
margin: 0 !important;
}
} body.h4f-premium-ui .h4f-site-header > .h4f-header-utility {
display: none !important;
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-title-row {
display: flex !important;
align-items: flex-start !important;
gap: 7px !important;
min-width: 0 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .post-title {
flex: 1 1 auto !important;
min-width: 0 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .post-title h3 {
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .post-title h3 a {
color: #faf8ff !important;
font-size: 13.5px !important;
font-weight: 820 !important;
letter-spacing: -0.018em !important;
line-height: 1.32 !important;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.32);
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data:hover .post-title h3 a {
color: #fff4dc !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-language {
flex: 0 0 18px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
margin-top: 1px !important;
border: 1px solid rgba(127, 215, 255, 0.32) !important;
border-radius: 50% !important;
background: linear-gradient(145deg, rgba(29, 57, 92, 0.95), rgba(16, 23, 49, 0.98)) !important;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
font-size: 10px !important;
line-height: 1 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-language > span {
display: block !important;
line-height: 1 !important;
transform: translateY(-0.25px);
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages {
color: #d7cbff !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-stat--pages i {
color: #b99aff !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-title-row {
gap: 5px !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .post-title h3 a {
font-size: 12.25px !important;
line-height: 1.29 !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-language {
flex-basis: 16px !important;
width: 16px !important;
height: 16px !important;
margin-top: 1px !important;
font-size: 9px !important;
}
} body.h4f-premium-ui .wp-pagenavi {
--h4f-pager-surface: rgba(13, 11, 28, .88);
--h4f-pager-border: rgba(184, 151, 255, .22);
--h4f-pager-text: #f7f3ff;
--h4f-pager-muted: #b9b1ce;
position: relative;
isolation: isolate;
display: flex !important;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
margin: 40px auto 34px !important;
padding: 15px 18px;
border: 1px solid var(--h4f-pager-border) !important;
border-radius: 22px;
background:
radial-gradient(62% 170% at 0% 50%, rgba(157, 118, 255, .20) 0%, rgba(157, 118, 255, 0) 63%),
radial-gradient(55% 160% at 100% 50%, rgba(94, 221, 243, .11) 0%, rgba(94, 221, 243, 0) 66%),
linear-gradient(135deg, rgba(17, 13, 36, .96), var(--h4f-pager-surface)) !important;
box-shadow:
0 18px 42px rgba(0, 0, 0, .28),
inset 0 1px 0 rgba(255, 255, 255, .055);
text-align: center;
} body.h4f-premium-ui .wp-pagenavi::before {
content: '';
position: absolute;
inset: 0;
z-index: -1;
border-radius: inherit;
background: linear-gradient(90deg, rgba(157, 118, 255, .16), transparent 32%, transparent 68%, rgba(94, 221, 243, .12));
pointer-events: none;
} body.h4f-premium-ui .wp-pagenavi a,
body.h4f-premium-ui .wp-pagenavi span {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 42px;
height: 42px;
margin: 0 !important;
padding: 0 12px !important;
border: 1px solid rgba(255, 255, 255, .09) !important;
border-radius: 12px !important;
background: rgba(255, 255, 255, .045) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055);
color: var(--h4f-pager-text) !important;
font-size: 13px;
font-weight: 820;
line-height: 1;
text-decoration: none !important;
transition:
transform .2s ease,
border-color .2s ease,
background .2s ease,
box-shadow .2s ease,
color .2s ease;
} body.h4f-premium-ui .wp-pagenavi .pages {
min-width: auto;
height: 32px;
padding: 0 12px !important;
border-color: rgba(255, 255, 255, .08) !important;
border-radius: 999px !important;
background: rgba(255, 255, 255, .055) !important;
box-shadow: none;
color: var(--h4f-pager-muted) !important;
font-size: 10px;
font-weight: 850;
letter-spacing: .075em;
text-transform: uppercase;
} body.h4f-premium-ui .wp-pagenavi .first,
body.h4f-premium-ui .wp-pagenavi .last {
min-width: auto;
padding: 0 14px !important;
border-color: rgba(182, 147, 255, .25) !important;
background: rgba(157, 118, 255, .10) !important;
color: #e9ddff !important;
font-size: 11px;
letter-spacing: .02em;
}
body.h4f-premium-ui .wp-pagenavi .previouspostslink,
body.h4f-premium-ui .wp-pagenavi .nextpostslink {
width: 42px;
padding: 0 !important;
border-color: rgba(94, 221, 243, .18) !important;
background: rgba(94, 221, 243, .075) !important;
color: #d8f8ff !important;
font-size: 18px;
font-weight: 700;
} body.h4f-premium-ui .wp-pagenavi .current {
z-index: 1;
min-width: 44px;
border-color: transparent !important;
background: linear-gradient(135deg, #ffcc77 0%, #f6ad4f 48%, #e47d45 100%) !important;
box-shadow:
0 8px 20px rgba(235, 144, 56, .30),
0 0 0 4px rgba(246, 173, 79, .10),
inset 0 1px 0 rgba(255, 255, 255, .40) !important;
color: #291305 !important;
font-weight: 950;
transform: translateY(-1px) scale(1.055);
} body.h4f-premium-ui .wp-pagenavi a:hover,
body.h4f-premium-ui .wp-pagenavi a:focus-visible {
z-index: 2;
border-color: rgba(94, 221, 243, .62) !important;
background: linear-gradient(135deg, rgba(157, 118, 255, .32), rgba(94, 221, 243, .18)) !important;
box-shadow:
0 9px 20px rgba(49, 30, 100, .30),
0 0 0 3px rgba(94, 221, 243, .09),
inset 0 1px 0 rgba(255, 255, 255, .10) !important;
color: #fff !important;
transform: translateY(-3px);
} body.h4f-premium-ui .wp-pagenavi .extend {
min-width: 24px;
padding: 0 2px !important;
border-color: transparent !important;
background: transparent !important;
box-shadow: none !important;
color: rgba(217, 208, 239, .60) !important;
font-size: 16px;
}
body.h4f-premium-ui .wp-pagenavi a:focus-visible {
outline: 2px solid #fff !important;
outline-offset: 3px;
}
@media (max-width: 767px) {
body.h4f-premium-ui .wp-pagenavi {
gap: 6px;
margin: 28px auto 24px !important;
padding: 12px 10px;
border-radius: 17px;
}
body.h4f-premium-ui .wp-pagenavi a,
body.h4f-premium-ui .wp-pagenavi span {
min-width: 38px;
height: 38px;
padding: 0 10px !important;
border-radius: 10px !important;
font-size: 12px;
}
body.h4f-premium-ui .wp-pagenavi .pages {
flex: 0 0 100%;
order: -1;
height: 23px;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
font-size: 9px;
}
body.h4f-premium-ui .wp-pagenavi .first,
body.h4f-premium-ui .wp-pagenavi .last {
display: none !important;
}
body.h4f-premium-ui .wp-pagenavi .previouspostslink,
body.h4f-premium-ui .wp-pagenavi .nextpostslink {
width: 38px;
font-size: 17px;
}
}
@media (prefers-reduced-motion: reduce) {
body.h4f-premium-ui .wp-pagenavi a,
body.h4f-premium-ui .wp-pagenavi span {
transition: none !important;
}
} body.h4f-premium-ui .h4f-library-hub {
--h4f-hub-panel: rgba(15, 14, 27, 0.86);
--h4f-hub-panel-2: rgba(22, 18, 37, 0.88);
--h4f-hub-line: rgba(225, 214, 255, 0.12);
--h4f-hub-soft: rgba(232, 226, 250, 0.72);
--h4f-hub-dim: rgba(205, 197, 227, 0.56);
position: relative;
isolation: isolate;
margin: 46px 0 18px;
padding: clamp(22px, 4vw, 42px);
overflow: hidden;
border: 1px solid rgba(179, 137, 255, 0.24);
border-radius: 28px;
background:
radial-gradient(circle at 0% 3%, rgba(157, 108, 255, 0.24), transparent 31%),
radial-gradient(circle at 100% 8%, rgba(40, 231, 255, 0.13), transparent 26%),
linear-gradient(135deg, rgba(13, 12, 25, 0.97), rgba(20, 14, 34, 0.95) 56%, rgba(8, 14, 26, 0.97));
box-shadow: 0 24px 64px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.055);
}
body.h4f-premium-ui .h4f-library-hub::before,
body.h4f-premium-ui .h4f-library-hub::after {
content: '';
position: absolute;
z-index: -1;
pointer-events: none;
filter: blur(1px);
}
body.h4f-premium-ui .h4f-library-hub::before {
top: -104px;
right: 14%;
width: 260px;
height: 260px;
border-radius: 50%;
background: radial-gradient(circle, rgba(255, 79, 216, 0.13), transparent 69%);
}
body.h4f-premium-ui .h4f-library-hub::after {
right: -150px;
bottom: -160px;
width: 370px;
height: 370px;
border: 1px solid rgba(90, 222, 255, 0.12);
border-radius: 50%;
box-shadow: 0 0 0 48px rgba(90, 222, 255, 0.025), 0 0 0 100px rgba(157, 108, 255, 0.018);
}
body.h4f-premium-ui .h4f-library-hub__intro {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
padding-bottom: 26px;
border-bottom: 1px solid var(--h4f-hub-line);
}
body.h4f-premium-ui .h4f-library-hub__intro-copy {
max-width: 760px;
}
body.h4f-premium-ui .h4f-library-hub__kicker,
body.h4f-premium-ui .h4f-library-hub__eyebrow,
body.h4f-premium-ui .h4f-library-hub__route-eyebrow {
display: inline-flex;
align-items: center;
gap: 7px;
color: #d9c5ff;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.12em;
line-height: 1.2;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-library-hub__kicker::before,
body.h4f-premium-ui .h4f-library-hub__eyebrow::before {
content: '';
width: 6px;
height: 6px;
border-radius: 50%;
background: #55e9ce;
box-shadow: 0 0 0 4px rgba(85, 233, 206, 0.09), 0 0 16px rgba(85, 233, 206, 0.6);
}
body.h4f-premium-ui .h4f-library-hub h2,
body.h4f-premium-ui .h4f-library-hub h3 {
margin: 0 !important;
color: #fff !important;
font-weight: 900 !important;
letter-spacing: -0.035em;
}
body.h4f-premium-ui .h4f-library-hub h2 {
max-width: 760px;
margin-top: 10px !important;
font-size: clamp(27px, 3.4vw, 44px);
line-height: 1.04;
}
body.h4f-premium-ui .h4f-library-hub h3 {
margin-top: 9px !important;
font-size: clamp(19px, 2.2vw, 28px);
line-height: 1.12;
}
body.h4f-premium-ui .h4f-library-hub p {
margin: 12px 0 0;
color: var(--h4f-hub-soft);
font-size: 15px;
line-height: 1.72;
}
body.h4f-premium-ui .h4f-library-hub__browse-all {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 10px;
min-height: 46px;
padding: 0 16px 0 18px;
border: 1px solid rgba(155, 120, 255, 0.42);
border-radius: 13px;
background: linear-gradient(135deg, rgba(157, 108, 255, 0.25), rgba(40, 231, 255, 0.12));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 24px rgba(26, 17, 56, 0.28);
color: #fff !important;
font-size: 12px;
font-weight: 900;
text-decoration: none !important;
white-space: nowrap;
}
body.h4f-premium-ui .h4f-library-hub__browse-all i,
body.h4f-premium-ui .h4f-library-hub__route-cta i,
body.h4f-premium-ui .h4f-library-hub__chips i {
font-size: 16px;
font-style: normal;
line-height: 1;
transition: transform 0.2s ease;
}
body.h4f-premium-ui .h4f-library-hub__browse-all:hover {
transform: translateY(-2px);
border-color: rgba(86, 233, 255, 0.68);
background: linear-gradient(135deg, rgba(157, 108, 255, 0.36), rgba(40, 231, 255, 0.21));
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-hub__browse-all:hover i,
body.h4f-premium-ui .h4f-library-hub__route:hover .h4f-library-hub__route-cta i,
body.h4f-premium-ui .h4f-library-hub__chips a:hover i {
transform: translateX(3px);
}
body.h4f-premium-ui .h4f-library-hub__route-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-top: 24px;
}
body.h4f-premium-ui .h4f-library-hub__route {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 232px;
padding: 20px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.10);
border-radius: 18px;
background:
linear-gradient(155deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025) 62%, rgba(2, 2, 8, 0.18));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065);
color: var(--h4f-hub-soft) !important;
text-decoration: none !important;
transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}
body.h4f-premium-ui .h4f-library-hub__route::before {
content: '';
position: absolute;
top: -58px;
right: -52px;
width: 152px;
height: 152px;
border: 1px solid rgba(255, 255, 255, 0.105);
border-radius: 50%;
box-shadow: 0 0 0 22px rgba(255, 255, 255, 0.024), 0 0 0 48px rgba(255, 255, 255, 0.012);
transition: transform 0.28s ease, opacity 0.28s ease;
}
body.h4f-premium-ui .h4f-library-hub__route::after {
content: '';
position: absolute;
right: 20px;
bottom: 18px;
width: 39px;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0));
transition: width 0.22s ease, background 0.22s ease;
}
body.h4f-premium-ui .h4f-library-hub__route:hover {
transform: translateY(-5px);
border-color: rgba(176, 137, 255, 0.52);
background: linear-gradient(145deg, rgba(157, 108, 255, 0.19), rgba(40, 231, 255, 0.07) 56%, rgba(255, 79, 216, 0.10));
box-shadow: 0 18px 34px rgba(0, 0, 0, 0.30), 0 0 0 4px rgba(157, 108, 255, 0.065);
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-hub__route:hover::before {
transform: scale(1.12);
opacity: 0.85;
}
body.h4f-premium-ui .h4f-library-hub__route:hover::after {
width: 66px;
background: linear-gradient(90deg, #a97eff, rgba(85, 233, 206, 0.1));
}
body.h4f-premium-ui .h4f-library-hub__route.is-latest {
border-color: rgba(85, 233, 206, 0.20);
}
body.h4f-premium-ui .h4f-library-hub__route.is-manga {
border-color: rgba(169, 128, 255, 0.24);
}
body.h4f-premium-ui .h4f-library-hub__route.is-doujinshi {
border-color: rgba(255, 108, 209, 0.20);
}
body.h4f-premium-ui .h4f-library-hub__route.is-hub,
body.h4f-premium-ui .h4f-library-hub__route.is-parody {
border-color: rgba(86, 219, 255, 0.19);
}
body.h4f-premium-ui .h4f-library-hub__route-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 23px;
margin-bottom: 22px;
border: 1px solid rgba(255, 255, 255, 0.17);
border-radius: 999px;
background: rgba(6, 6, 15, 0.25);
color: rgba(244, 239, 255, 0.72);
font-size: 9px;
font-weight: 900;
letter-spacing: 0.08em;
}
body.h4f-premium-ui .h4f-library-hub__route-eyebrow {
color: var(--h4f-hub-dim);
font-size: 9px;
letter-spacing: 0.1em;
}
body.h4f-premium-ui .h4f-library-hub__route strong {
display: block;
margin-top: 8px;
color: #fff;
font-size: clamp(17px, 1.55vw, 21px);
font-weight: 900;
letter-spacing: -0.025em;
line-height: 1.08;
}
body.h4f-premium-ui .h4f-library-hub__route-description {
display: block;
margin-top: 10px;
color: var(--h4f-hub-soft);
font-size: 13px;
font-weight: 600;
line-height: 1.55;
}
body.h4f-premium-ui .h4f-library-hub__route-cta {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: auto;
padding-top: 18px;
color: #e4d9ff;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.h4f-premium-ui .h4f-library-hub__paths,
body.h4f-premium-ui .h4f-library-hub__reader-guide,
body.h4f-premium-ui .h4f-library-hub__faq {
position: relative;
margin-top: 14px;
padding: clamp(19px, 2.6vw, 28px);
border: 1px solid var(--h4f-hub-line);
border-radius: 20px;
background: rgba(4, 4, 12, 0.20);
}
body.h4f-premium-ui .h4f-library-hub__paths {
display: grid;
grid-template-columns: minmax(220px, 0.95fr) minmax(360px, 1.3fr);
align-items: center;
gap: 26px;
}
body.h4f-premium-ui .h4f-library-hub__paths p {
max-width: 560px;
font-size: 14px;
}
body.h4f-premium-ui .h4f-library-hub__chips {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 9px;
}
body.h4f-premium-ui .h4f-library-hub__chips a {
display: inline-flex;
align-items: center;
gap: 9px;
min-height: 39px;
padding: 0 13px;
border: 1px solid rgba(255, 255, 255, 0.105);
border-radius: 11px;
background: rgba(255, 255, 255, 0.045);
color: rgba(247, 243, 255, 0.86) !important;
font-size: 12px;
font-weight: 850;
text-decoration: none !important;
transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}
body.h4f-premium-ui .h4f-library-hub__chips a i {
color: #a98bff;
font-size: 14px;
}
body.h4f-premium-ui .h4f-library-hub__chips a:hover {
transform: translateY(-2px);
border-color: rgba(85, 233, 206, 0.44);
background: rgba(157, 108, 255, 0.16);
box-shadow: 0 9px 18px rgba(0, 0, 0, 0.2);
color: #fff !important;
}
body.h4f-premium-ui .h4f-library-hub__reader-guide {
display: grid;
grid-template-columns: minmax(220px, 0.74fr) minmax(0, 1.65fr);
align-items: center;
gap: 30px;
}
body.h4f-premium-ui .h4f-library-hub__steps {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
counter-reset: h4f-library-step;
}
body.h4f-premium-ui .h4f-library-hub__steps li {
position: relative;
min-height: 118px;
padding: 16px 15px 16px 50px;
border: 1px solid rgba(255, 255, 255, 0.075);
border-radius: 14px;
background: rgba(255, 255, 255, 0.028);
counter-increment: h4f-library-step;
}
body.h4f-premium-ui .h4f-library-hub__steps li::before {
content: counter(h4f-library-step);
position: absolute;
top: 16px;
left: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
border: 1px solid rgba(169, 128, 255, 0.48);
border-radius: 9px;
background: rgba(157, 108, 255, 0.16);
color: #e7dcff;
font-size: 10px;
font-weight: 900;
}
body.h4f-premium-ui .h4f-library-hub__steps strong,
body.h4f-premium-ui .h4f-library-hub__steps span {
display: block;
}
body.h4f-premium-ui .h4f-library-hub__steps strong {
color: #fff;
font-size: 13px;
font-weight: 900;
line-height: 1.28;
}
body.h4f-premium-ui .h4f-library-hub__steps span {
margin-top: 7px;
color: var(--h4f-hub-dim);
font-size: 12px;
font-weight: 600;
line-height: 1.48;
}
body.h4f-premium-ui .h4f-library-hub__faq {
display: grid;
grid-template-columns: minmax(215px, 0.76fr) minmax(0, 1.64fr);
align-items: start;
gap: 30px;
}
body.h4f-premium-ui .h4f-library-hub__faq-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
body.h4f-premium-ui .h4f-library-hub__faq-list details {
border: 1px solid rgba(255, 255, 255, 0.085);
border-radius: 13px;
background: rgba(255, 255, 255, 0.027);
overflow: hidden;
}
body.h4f-premium-ui .h4f-library-hub__faq-list summary {
position: relative;
display: block;
padding: 15px 38px 15px 15px;
cursor: pointer;
color: #f6f1ff;
font-size: 13px;
font-weight: 850;
line-height: 1.36;
list-style: none;
}
body.h4f-premium-ui .h4f-library-hub__faq-list summary::-webkit-details-marker {
display: none;
}
body.h4f-premium-ui .h4f-library-hub__faq-list summary::after {
content: '+';
position: absolute;
top: 12px;
right: 13px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 23px;
height: 23px;
border: 1px solid rgba(169, 128, 255, 0.35);
border-radius: 8px;
background: rgba(157, 108, 255, 0.10);
color: #d9c4ff;
font-size: 17px;
font-weight: 600;
line-height: 1;
transition: transform 0.2s ease, background 0.2s ease;
}
body.h4f-premium-ui .h4f-library-hub__faq-list details[open] {
border-color: rgba(85, 233, 206, 0.32);
background: rgba(157, 108, 255, 0.09);
}
body.h4f-premium-ui .h4f-library-hub__faq-list details[open] summary::after {
transform: rotate(45deg);
background: rgba(85, 233, 206, 0.12);
color: #7ef7dc;
}
body.h4f-premium-ui .h4f-library-hub__faq-list p {
margin: 0;
padding: 0 15px 15px;
color: var(--h4f-hub-soft);
font-size: 12px;
line-height: 1.58;
}
body.h4f-premium-ui .h4f-library-hub a:focus-visible,
body.h4f-premium-ui .h4f-library-hub summary:focus-visible {
outline: 2px solid #63edff;
outline-offset: 3px;
}
@media (max-width: 1120px) {
body.h4f-premium-ui .h4f-library-hub__route-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.h4f-premium-ui .h4f-library-hub__paths,
body.h4f-premium-ui .h4f-library-hub__reader-guide,
body.h4f-premium-ui .h4f-library-hub__faq {
grid-template-columns: 1fr;
gap: 20px;
}
body.h4f-premium-ui .h4f-library-hub__chips {
justify-content: flex-start;
}
body.h4f-premium-ui .h4f-library-hub__steps {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
body.h4f-premium-ui .h4f-library-hub {
margin-top: 32px;
padding: 20px 14px;
border-radius: 20px;
}
body.h4f-premium-ui .h4f-library-hub::after {
right: -230px;
bottom: -270px;
}
body.h4f-premium-ui .h4f-library-hub__intro {
display: block;
padding-bottom: 19px;
}
body.h4f-premium-ui .h4f-library-hub h2 {
font-size: 27px;
}
body.h4f-premium-ui .h4f-library-hub h3 {
font-size: 20px;
}
body.h4f-premium-ui .h4f-library-hub p {
font-size: 14px;
line-height: 1.62;
}
body.h4f-premium-ui .h4f-library-hub__browse-all {
margin-top: 17px;
width: 100%;
justify-content: center;
}
body.h4f-premium-ui .h4f-library-hub__route-grid {
grid-template-columns: 1fr;
gap: 9px;
margin-top: 18px;
}
body.h4f-premium-ui .h4f-library-hub__route {
min-height: 186px;
padding: 17px;
border-radius: 15px;
}
body.h4f-premium-ui .h4f-library-hub__route-number {
margin-bottom: 16px;
}
body.h4f-premium-ui .h4f-library-hub__route-description {
max-width: 90%;
}
body.h4f-premium-ui .h4f-library-hub__paths,
body.h4f-premium-ui .h4f-library-hub__reader-guide,
body.h4f-premium-ui .h4f-library-hub__faq {
margin-top: 10px;
padding: 17px 14px;
border-radius: 15px;
}
body.h4f-premium-ui .h4f-library-hub__chips {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.h4f-premium-ui .h4f-library-hub__chips a {
justify-content: space-between;
min-width: 0;
padding: 0 11px;
font-size: 11px;
}
body.h4f-premium-ui .h4f-library-hub__steps {
grid-template-columns: 1fr;
}
body.h4f-premium-ui .h4f-library-hub__steps li {
min-height: 0;
}
body.h4f-premium-ui .h4f-library-hub__faq-list {
grid-template-columns: 1fr;
}
body.h4f-premium-ui .h4f-library-hub__faq-list summary {
padding: 14px 39px 14px 13px;
font-size: 12px;
}
body.h4f-premium-ui .h4f-library-hub__faq-list p {
padding: 0 13px 14px;
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
body.h4f-premium-ui .h4f-library-hub *,
body.h4f-premium-ui .h4f-library-hub *::before,
body.h4f-premium-ui .h4f-library-hub *::after {
scroll-behavior: auto !important;
transition: none !important;
}
} body.h4f-premium-ui .wp-pagenavi {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
flex-wrap: wrap;
}
@media (max-width: 767px) {
body.h4f-premium-ui .wp-pagenavi {
display: grid !important;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-auto-flow: row;
align-items: stretch;
justify-items: stretch;
gap: 6px;
width: 100% !important;
max-width: 100% !important;
margin: 28px 0 24px !important;
padding: 12px 10px;
overflow: hidden;
}
body.h4f-premium-ui .wp-pagenavi a,
body.h4f-premium-ui .wp-pagenavi span {
float: none !important;
min-width: 0 !important;
width: 100% !important;
height: 40px;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap;
} body.h4f-premium-ui .wp-pagenavi .pages {
grid-column: 1 / -1;
order: initial;
width: auto !important;
height: 22px;
padding: 0 !important;
line-height: 22px;
} body.h4f-premium-ui .wp-pagenavi .first,
body.h4f-premium-ui .wp-pagenavi .last {
display: none !important;
}
body.h4f-premium-ui .wp-pagenavi .previouspostslink,
body.h4f-premium-ui .wp-pagenavi .nextpostslink {
width: 100% !important;
height: 40px;
font-size: 17px;
} body.h4f-premium-ui .wp-pagenavi .current {
transform: none;
}
body.h4f-premium-ui .wp-pagenavi .extend {
width: 100% !important;
min-width: 0 !important;
padding: 0 !important;
}
}
@media (max-width: 360px) {
body.h4f-premium-ui .wp-pagenavi {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 5px;
padding: 10px 8px;
}
} body.h4f-premium-ui .h4f-library-hub {
--h4f-hub-soft: rgba(241, 236, 255, 0.84);
--h4f-hub-dim: rgba(222, 215, 241, 0.68);
} body.h4f-premium-ui .h4f-library-hub__route-description {
font-weight: 650;
}
body.h4f-premium-ui .h4f-library-hub__steps span {
font-weight: 650;
}
body.h4f-premium-ui .h4f-library-hub__faq-list p {
color: rgba(241, 236, 255, 0.79);
font-weight: 600;
} body.h4f-premium-ui .h4f-library-hub__route.is-chapters {
border-color: rgba(169, 128, 255, 0.26);
}
body.h4f-premium-ui .h4f-library-hub__route.is-fandom {
border-color: rgba(255, 108, 209, 0.24);
}
body.h4f-premium-ui .h4f-library-hub__route.is-styles,
body.h4f-premium-ui .h4f-library-hub__route.is-library {
border-color: rgba(86, 219, 255, 0.22);
} body.h4f-premium-ui #h4f-reading-styles {
scroll-margin-top: 116px;
} @media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
--h4f-single-cover-stage-height: clamp(258px, 76vw, 292px);
position: relative !important;
isolation: isolate;
overflow: hidden !important;
background: linear-gradient(145deg, rgba(13, 12, 33, .76), rgba(9, 10, 26, .84)) !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary::before,
body.h4f-premium-ui.single .profile-manga .tab-summary::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--h4f-single-cover-stage-height);
z-index: 0;
pointer-events: none;
background-image: var(--h4f-single-cover-bg, none);
background-repeat: no-repeat;
background-size: cover;
background-position: center 34%;
filter: blur(18px) saturate(1.13) contrast(1.06) brightness(.68);
transform: scale(1.13);
transform-origin: center top;
opacity: .88;
} body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary::after,
body.h4f-premium-ui.single .profile-manga .tab-summary::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: var(--h4f-single-cover-stage-height);
z-index: 1;
pointer-events: none;
background:
linear-gradient(180deg, rgba(8, 8, 18, .12) 0%, rgba(8, 8, 18, .30) 48%, rgba(8, 8, 18, .92) 100%),
radial-gradient(72% 78% at 50% 28%, transparent 0%, rgba(8, 8, 18, .28) 74%, rgba(8, 8, 18, .62) 100%);
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap {
position: relative !important;
z-index: 2;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
background: transparent !important;
box-shadow: 0 18px 36px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .11) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image a,
body.h4f-premium-ui.single .profile-manga .summary_image a {
display: block;
overflow: hidden !important;
border-radius: 13px !important;
background: rgba(8, 8, 18, .22);
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-rating,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-rating {
position: relative;
z-index: 2;
background: transparent !important;
border-bottom-color: rgba(255, 255, 255, .16) !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags {
position: relative;
margin: 8px 0 10px !important;
padding: 14px 15px !important;
border: 1px solid rgba(255,255,255,.105) !important;
border-radius: 18px;
background:
linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.028)),
rgba(20, 17, 34, .42);
box-shadow:
0 18px 42px rgba(0,0,0,.22),
inset 0 1px 0 rgba(255,255,255,.07);
backdrop-filter: blur(14px) saturate(1.14);
-webkit-backdrop-filter: blur(14px) saturate(1.14);
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags::before,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
background: linear-gradient(180deg, #d6ff4b, #9d6cff 64%, #ffb45d);
opacity: .86;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip-list {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 0 !important;
line-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip {
position: relative;
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 31px;
margin: 0 !important;
padding: 7px 12px !important;
border: 1px solid rgba(255,255,255,.12) !important;
border-radius: 999px !important;
background:
linear-gradient(135deg, rgba(255,255,255,.115), rgba(255,255,255,.045)),
rgba(255,255,255,.045) !important;
box-shadow:
0 10px 24px rgba(0,0,0,.16),
inset 0 1px 0 rgba(255,255,255,.12);
color: #f6f2ff !important;
font-size: 12px !important;
font-weight: 850 !important;
line-height: 1.12 !important;
letter-spacing: -.01em;
text-decoration: none !important;
white-space: nowrap;
backdrop-filter: blur(12px) saturate(1.18);
-webkit-backdrop-filter: blur(12px) saturate(1.18);
transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-meta-tags .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-meta-tags .h4f-term-chip {
background:
linear-gradient(135deg, rgba(214,255,75,.14), rgba(157,108,255,.12)),
rgba(255,255,255,.048) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a:hover,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip:hover {
transform: translateY(-1px);
border-color: rgba(214,255,75,.34) !important;
background:
linear-gradient(135deg, rgba(214,255,75,.18), rgba(157,108,255,.20)),
rgba(255,255,255,.07) !important;
box-shadow:
0 13px 30px rgba(0,0,0,.22),
0 0 0 1px rgba(214,255,75,.08),
inset 0 1px 0 rgba(255,255,255,.16);
color: #fff !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags {
padding: 12px 12px !important;
border-radius: 16px;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content {
gap: 7px;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a {
min-height: 30px;
padding: 7px 10px !important;
font-size: 11px !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content.h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .summary-content.h4f-term-chip-list {
display: flex !important;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 0 !important;
line-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags .summary-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags .summary-content .h4f-term-chip {
background:
linear-gradient(135deg, rgba(214,255,75,.14), rgba(157,108,255,.12)),
rgba(255,255,255,.048) !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags {
position: relative;
padding: 14px 0 !important;
border: 0 !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
overflow: visible !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags::before,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags::before,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms::before,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms::before {
display: none !important;
content: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .genres-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .tags-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .artist-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .author-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .genres-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .tags-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .artist-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .author-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip-list {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 10px !important;
font-size: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content > .h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content > .h4f-term-chip-list {
display: contents !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content a,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content a {
position: relative;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 39px !important;
margin: 0 !important;
padding: 9px 18px !important;
border: 1px solid rgba(255,255,255,.10) !important;
border-radius: 10px !important;
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
rgba(0,0,0,.78) !important;
box-shadow:
0 9px 16px rgba(0,0,0,.38),
inset 0 1px 0 rgba(255,255,255,.08) !important;
color: #fff !important;
font-size: 18px !important;
font-weight: 500 !important;
line-height: 1.05 !important;
letter-spacing: -.015em !important;
text-decoration: none !important;
white-space: nowrap !important;
text-shadow: 0 1px 0 rgba(0,0,0,.35);
backdrop-filter: blur(10px) saturate(1.08) !important;
-webkit-backdrop-filter: blur(10px) saturate(1.08) !important;
transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip:hover,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content a:hover,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content a:hover {
transform: translateY(-1px);
border-color: rgba(255,255,255,.22) !important;
background:
linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
rgba(5,4,10,.88) !important;
box-shadow:
0 12px 22px rgba(0,0,0,.48),
0 0 0 1px rgba(198,116,255,.08),
inset 0 1px 0 rgba(255,255,255,.12) !important;
color: #fff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-languages .h4f-term-chip--static,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-languages .h4f-term-chip--static,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-characters .h4f-term-chip--static,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-characters .h4f-term-chip--static {
cursor: default;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms {
padding: 12px 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip-list {
gap: 9px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content a,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content a {
min-height: 34px !important;
padding: 8px 14px !important;
border-radius: 9px !important;
font-size: 16px !important;
font-weight: 500 !important;
}
}
@media (max-width: 380px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-terms .summary-content a,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-terms .summary-content a {
font-size: 15px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
} @media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
width: min(52vw, 196px) !important;
max-width: min(52vw, 196px) !important;
margin: 2px auto 16px !important;
border-radius: 16px !important;
box-shadow: 0 22px 48px rgba(0,0,0,.52), 0 0 0 1px rgba(255,255,255,.13) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image a,
body.h4f-premium-ui.single .profile-manga .summary_image a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image img,
body.h4f-premium-ui.single .profile-manga .summary_image img {
border-radius: 15px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
margin: 16px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
padding: 13px 12px !important;
border-radius: 16px !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-align: center !important;
text-decoration: none !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn:first-child,
body.h4f-premium-ui.single #init-links.nav-links .c-btn:first-child {
background: linear-gradient(135deg, #ffd06a 0%, #ff9b43 100%) !important;
color: #211018 !important;
box-shadow: 0 12px 26px rgba(255,157,65,.24) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn.h4f-readlast-as-bookmark,
body.h4f-premium-ui.single #init-links.nav-links .c-btn.h4f-readlast-as-bookmark {
background: linear-gradient(145deg, rgba(32,23,56,.94), rgba(22,18,42,.92)) !important;
border: 1px solid rgba(151,101,255,.52) !important;
color: #f5efff !important;
box-shadow: 0 12px 28px rgba(116,77,255,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status.h4f-bookmark-moved,
body.h4f-premium-ui.single .profile-manga .post-status.h4f-bookmark-moved {
display: none !important;
}
}
@media (min-width: 768px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 138px !important;
padding: 11px 16px !important;
border-radius: 13px !important;
background: rgba(255,255,255,.055) !important;
border: 1px solid rgba(151,101,255,.34) !important;
color: #f5efff !important;
font-size: 13px !important;
font-weight: 900 !important;
text-decoration: none !important;
}
} body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
width: 100% !important;
margin: 20px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
width: 100% !important;
min-width: 0 !important;
min-height: 76px !important;
padding: 18px 20px !important;
border: 0 !important;
border-radius: 18px !important;
font-size: clamp(22px, 4.3vw, 34px) !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: -.02em !important;
text-align: center !important;
text-decoration: none !important;
text-transform: none !important;
white-space: nowrap !important;
color: #fff !important;
box-shadow:
0 18px 34px rgba(0,0,0,.34),
inset 0 1px 0 rgba(255,255,255,.18) !important;
text-shadow: 0 2px 1px rgba(0,0,0,.18) !important;
overflow: hidden !important;
isolation: isolate !important;
transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn::after,
body.h4f-premium-ui.single #init-links.nav-links .c-btn::after,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button::after,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: radial-gradient(circle at 22% 8%, rgba(255,255,255,.28), transparent 36%);
pointer-events: none;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn:hover,
body.h4f-premium-ui.single #init-links.nav-links .c-btn:hover,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button:hover,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button:hover {
transform: translateY(-1px) !important;
filter: saturate(1.06) brightness(1.04) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn:first-child,
body.h4f-premium-ui.single #init-links.nav-links .c-btn:first-child {
background:
linear-gradient(135deg, #d72073 0%, #f0468f 55%, #ff6aa6 100%) !important;
box-shadow:
0 18px 34px rgba(218,34,114,.32),
0 0 0 1px rgba(255,255,255,.10) inset,
inset 0 1px 0 rgba(255,255,255,.20) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn.h4f-readlast-as-bookmark,
body.h4f-premium-ui.single #init-links.nav-links .c-btn.h4f-readlast-as-bookmark {
background:
linear-gradient(135deg, #0c4e35 0%, #0f7049 55%, #16885b 100%) !important;
border: 0 !important;
color: #fff !important;
box-shadow:
0 18px 34px rgba(10,101,65,.32),
0 0 0 1px rgba(255,255,255,.10) inset,
inset 0 1px 0 rgba(255,255,255,.17) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: clamp(15px, 3.25vw, 30px) !important;
gap: 12px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 30px;
height: 30px;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action.is-bookmarked,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action.is-bookmarked {
background: linear-gradient(135deg, #255c49 0%, #18a66d 100%) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
content: "";
display: inline-block;
flex: 0 0 auto;
width: 36px;
height: 36px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: drop-shadow(0 2px 0 rgba(0,0,0,.12));
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23fff' stroke-width='5.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 27V12c0-4 3-7 7-7s7 3 7 7v12h8c6 0 10 5 9 11l-2 12c-1 7-7 12-14 12H24c-5 0-9-4-9-9V31c0-5 4-9 10-4Z'/%3E%3Cpath d='M15 31H7v24h8'/%3E%3Cpath d='M39 24h6M39 34h9'/%3E%3C/svg%3E") !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 64' fill='%23fff'%3E%3Cpath d='M6 0h36c3.3 0 6 2.7 6 6v55.5c0 1.9-2.2 3-3.7 1.8L24 49.2 3.7 63.3C2.2 64.5 0 63.4 0 61.5V6c0-3.3 2.7-6 6-6Z'/%3E%3C/svg%3E") !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-missing,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-missing {
animation: h4fBookmarkPulse .72s ease 1;
}
@keyframes h4fBookmarkPulse {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-3px); }
50% { transform: translateX(3px); }
75% { transform: translateX(-2px); }
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-status.h4f-bookmark-moved,
body.h4f-premium-ui.single .profile-manga .post-status.h4f-bookmark-moved,
body.h4f-premium-ui.single-wp-manga .profile-manga .h4f-original-bookmark-hidden,
body.h4f-premium-ui.single .profile-manga .h4f-original-bookmark-hidden {
display: none !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
width: min(58vw, 220px) !important;
max-width: min(58vw, 220px) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
gap: 12px !important;
margin-top: 18px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 76px !important;
padding: 17px 14px !important;
border-radius: 16px !important;
gap: 12px !important;
font-size: clamp(22px, 6vw, 30px) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 32px;
height: 32px;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 68px !important;
font-size: 21px !important;
gap: 9px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 28px;
height: 28px;
}
} body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
max-width: 560px !important;
margin: 16px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 56px !important;
padding: 12px 14px !important;
border-radius: 16px !important;
gap: 10px !important;
font-size: clamp(17px, 1.55vw, 22px) !important;
font-weight: 900 !important;
line-height: 1.05 !important;
letter-spacing: -.025em !important;
white-space: normal !important;
box-shadow:
0 12px 26px rgba(0,0,0,.30),
inset 0 1px 0 rgba(255,255,255,.17) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button .h4f-action-label {
display: inline-block !important;
max-width: 100% !important;
line-height: 1.06 !important;
text-align: center !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action {
white-space: nowrap !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: clamp(13px, 1.18vw, 17px) !important;
letter-spacing: -.03em !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 25px !important;
height: 25px !important;
margin: 0 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-local-library-action.is-bookmarked,
body.h4f-premium-ui.single #init-links.nav-links .h4f-local-library-action.is-bookmarked {
background: linear-gradient(135deg, #115d3f 0%, #139d68 100%) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-library-just-saved,
body.h4f-premium-ui.single #init-links.nav-links .h4f-library-just-saved {
animation: h4fLibrarySavedPulse .82s ease 1;
}
@keyframes h4fLibrarySavedPulse {
0%, 100% { transform: translateY(0) scale(1); }
35% { transform: translateY(-1px) scale(1.018); }
70% { transform: translateY(0) scale(.995); }
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
gap: 9px !important;
max-width: none !important;
margin-top: 14px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 56px !important;
padding: 11px 10px !important;
border-radius: 15px !important;
gap: 7px !important;
font-size: clamp(16px, 5vw, 20px) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: clamp(11px, 3.45vw, 14px) !important;
padding-left: 8px !important;
padding-right: 8px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action .h4f-action-label,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action .h4f-action-label {
max-width: 92px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 23px !important;
height: 23px !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 52px !important;
padding: 10px 8px !important;
border-radius: 14px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: 11px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action .h4f-action-label,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action .h4f-action-label {
max-width: 82px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 21px !important;
height: 21px !important;
}
} body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
gap: 9px !important;
max-width: 500px !important;
margin-top: 14px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 48px !important;
padding: 10px 12px !important;
border-radius: 13px !important;
gap: 8px !important;
font-size: clamp(15px, 1.28vw, 18px) !important;
font-weight: 900 !important;
letter-spacing: -.018em !important;
box-shadow:
0 10px 22px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action {
border: 1px solid rgba(190, 145, 255, .34) !important;
background:
linear-gradient(135deg, #6f35e8 0%, #9a56ff 54%, #6d3ecf 100%) !important;
color: #fff !important;
text-shadow: 0 1px 0 rgba(20, 8, 45, .35) !important;
box-shadow:
0 10px 24px rgba(109, 62, 239, .24),
0 0 0 1px rgba(177, 116, 255, .08),
inset 0 1px 0 rgba(255,255,255,.18) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action:hover,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action:hover {
background:
linear-gradient(135deg, #7b42f1 0%, #aa67ff 54%, #7749f5 100%) !important;
border-color: rgba(213, 179, 255, .48) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
border: 1px solid rgba(255, 197, 110, .42) !important;
background:
linear-gradient(135deg, #f6ad4f 0%, #ffca6a 52%, #e8903a 100%) !important;
color: #22110a !important;
font-size: clamp(12px, 1.05vw, 15px) !important;
letter-spacing: -.024em !important;
text-shadow: none !important;
box-shadow:
0 10px 22px rgba(246, 173, 79, .22),
0 0 0 1px rgba(255, 197, 110, .08),
inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action:hover,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action:hover {
background:
linear-gradient(135deg, #ffbc63 0%, #ffd37c 52%, #f29b43 100%) !important;
border-color: rgba(255, 218, 145, .58) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
filter: drop-shadow(0 1px 0 rgba(255,255,255,.22)) !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 64' fill='%2322110a'%3E%3Cpath d='M6 0h36c3.3 0 6 2.7 6 6v55.5c0 1.9-2.2 3-3.7 1.8L24 49.2 3.7 63.3C2.2 64.5 0 63.4 0 61.5V6c0-3.3 2.7-6 6-6Z'/%3E%3C/svg%3E") !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-local-library-action.is-bookmarked,
body.h4f-premium-ui.single #init-links.nav-links .h4f-local-library-action.is-bookmarked {
border-color: rgba(255, 197, 110, .50) !important;
background:
linear-gradient(135deg, #d98a34 0%, #f6ad4f 58%, #c7772c 100%) !important;
color: #1d1008 !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 21px !important;
height: 21px !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links,
body.h4f-premium-ui.single #init-links.nav-links {
gap: 8px !important;
margin-top: 12px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 46px !important;
padding: 9px 8px !important;
border-radius: 13px !important;
gap: 6px !important;
font-size: clamp(14px, 4.25vw, 17px) !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: clamp(10px, 3.05vw, 12px) !important;
padding-left: 7px !important;
padding-right: 7px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action .h4f-action-label,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action .h4f-action-label {
max-width: 76px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 19px !important;
height: 19px !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .c-btn,
body.h4f-premium-ui.single #init-links.nav-links .c-btn,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-action-button,
body.h4f-premium-ui.single #init-links.nav-links .h4f-action-button {
min-height: 43px !important;
padding: 8px 7px !important;
font-size: 14px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action {
font-size: 10px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action .h4f-action-label,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action .h4f-action-label {
max-width: 70px !important;
}
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links.nav-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links.nav-links .h4f-bookmark-action::before {
width: 17px !important;
height: 17px !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga #init-links,
body.h4f-premium-ui.single-wp-manga #init-links,
body.h4f-premium-ui.single .profile-manga #init-links,
body.h4f-premium-ui.single #init-links,
body.h4f-premium-ui .profile-manga #init-links {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
width: min(100%, 460px) !important;
max-width: 460px !important;
margin: 14px 0 0 !important;
align-items: stretch !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single #init-links a.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single #init-links button.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links button.h4f-action-button {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 42px !important;
height: auto !important;
padding: 8px 12px !important;
border-radius: 13px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
font-weight: 900 !important;
font-size: clamp(13px, 1.1vw, 16px) !important;
line-height: 1.06 !important;
letter-spacing: -.02em !important;
text-decoration: none !important;
text-transform: none !important;
white-space: normal !important;
overflow: hidden !important;
box-shadow:
0 8px 18px rgba(0,0,0,.26),
inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:link,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:visited,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:not(:hover),
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:link,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:visited,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:not(:hover),
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:link,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:visited,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:not(:hover),
body.h4f-premium-ui.single #init-links .h4f-read-now-action,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:link,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:visited,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:not(:hover) {
border: 1px solid rgba(178, 118, 255, .48) !important;
background-color: #6f35e8 !important;
background-image: linear-gradient(135deg, #5520bd 0%, #813ff3 55%, #a45dff 100%) !important;
color: #fff !important;
text-shadow: 0 1px 0 rgba(14, 6, 33, .36) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:focus,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action:active,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:hover,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:focus,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action:active,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:hover,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:focus,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action:active,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:hover,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:focus,
body.h4f-premium-ui.single #init-links .h4f-read-now-action:active {
border-color: rgba(216, 186, 255, .62) !important;
background-color: #7f3ff1 !important;
background-image: linear-gradient(135deg, #6330d2 0%, #914bff 55%, #b06bff 100%) !important;
color: #fff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:link,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:visited,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:not(:hover),
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:link,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:visited,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:not(:hover),
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:link,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:visited,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:not(:hover),
body.h4f-premium-ui.single #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:link,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:visited,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:not(:hover) {
border: 1px solid rgba(255, 188, 88, .54) !important;
background-color: #f6a94f !important;
background-image: linear-gradient(135deg, #f39a38 0%, #ffc463 54%, #f59a36 100%) !important;
color: #251106 !important;
font-size: clamp(11px, .95vw, 14px) !important;
text-shadow: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:hover,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:focus,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action:active,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:hover,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:focus,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action:active,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:hover,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:focus,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action:active,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:hover,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:focus,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action:active {
border-color: rgba(255, 216, 140, .70) !important;
background-color: #ffb85c !important;
background-image: linear-gradient(135deg, #f9a648 0%, #ffd07a 54%, #ffad4b 100%) !important;
color: #251106 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single #init-links .h4f-action-button .h4f-action-label {
display: inline-block !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
line-height: 1.06 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action::before {
flex: 0 0 auto !important;
width: 18px !important;
height: 18px !important;
margin: 0 !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links,
body.h4f-premium-ui.single-wp-manga #init-links,
body.h4f-premium-ui.single .profile-manga #init-links,
body.h4f-premium-ui.single #init-links,
body.h4f-premium-ui .profile-manga #init-links {
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin-top: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single #init-links a.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single #init-links button.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links button.h4f-action-button {
min-height: 40px !important;
padding: 7px 8px !important;
border-radius: 12px !important;
gap: 5px !important;
font-size: clamp(12px, 3.5vw, 14px) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action {
font-size: clamp(10px, 2.85vw, 12px) !important;
letter-spacing: -.035em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single #init-links .h4f-action-button .h4f-action-label {
white-space: nowrap !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single #init-links .h4f-read-now-action::before,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action::before,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action::before {
width: 16px !important;
height: 16px !important;
}
}
@media (max-width: 390px) {
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single #init-links a.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single-wp-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single #init-links button.h4f-action-button,
body.h4f-premium-ui .profile-manga #init-links button.h4f-action-button {
min-height: 38px !important;
padding: 6px 7px !important;
font-size: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single-wp-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-bookmark-action,
body.h4f-premium-ui.single #init-links .h4f-bookmark-action {
font-size: 10px !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .container,
body.h4f-premium-ui.single .profile-manga .container {
max-width: 1160px !important;
padding-top: 20px !important;
padding-bottom: 26px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .c-breadcrumb-wrapper,
body.h4f-premium-ui.single .profile-manga .c-breadcrumb-wrapper {
max-width: 1120px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title {
max-width: 1120px !important;
margin: 0 auto 16px !important;
padding-right: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: 1020px !important;
font-size: clamp(30px, 2.5vw, 42px) !important;
line-height: 1.04 !important;
letter-spacing: -0.035em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
display: grid !important;
grid-template-columns: minmax(250px, 290px) minmax(0, 1fr) !important;
align-items: start !important;
gap: 0 34px !important;
max-width: 1120px !important;
margin: 0 auto !important;
padding: 26px 28px 28px !important;
border-radius: 26px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
width: 100% !important;
max-width: 280px !important;
margin: 0 !important;
padding: 0 !important;
align-self: start !important;
background: transparent !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image a,
body.h4f-premium-ui.single .profile-manga .summary_image a {
display: block !important;
overflow: hidden !important;
border-radius: 18px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image img,
body.h4f-premium-ui.single .profile-manga .summary_image img {
width: 100% !important;
aspect-ratio: auto !important;
border-radius: 18px !important;
box-shadow: 0 20px 40px rgba(0,0,0,.34) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap {
display: flex !important;
flex-direction: column !important;
min-width: 0 !important;
padding-left: 0 !important;
overflow: visible !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-rating,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-rating {
order: 0;
margin: 0 0 14px !important;
padding: 0 0 14px !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-content {
order: 1;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 30px !important;
width: 100% !important;
min-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item {
display: block !important;
min-width: 0 !important;
margin: 0 !important;
padding: 12px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.07) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-characters {
grid-column: 1 / -1 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading,
body.h4f-premium-ui.single .profile-manga .summary-heading {
margin: 0 0 6px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
font-size: 11px !important;
letter-spacing: .12em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content,
body.h4f-premium-ui.single .profile-manga .summary-content {
font-size: 16px !important;
line-height: 1.45 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .character-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .language-content,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content,
body.h4f-premium-ui.single .profile-manga .summary-content .character-content,
body.h4f-premium-ui.single .profile-manga .summary-content .language-content {
gap: 8px 10px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .language-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .language-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip {
min-height: 34px !important;
padding: 8px 13px !important;
font-size: 13px !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .post-status,
body.h4f-premium-ui.single .profile-manga .post-status {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .post-share,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .manga-share,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .share-buttons,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .social-share,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .addthis_inline_share_toolbox,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .post-share,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .manga-share,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .share-buttons,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .social-share,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .addthis_inline_share_toolbox {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links {
grid-column: 1 / -1 !important;
order: 3;
display: grid !important;
grid-template-columns: repeat(2, minmax(180px, 220px)) !important;
justify-content: start !important;
gap: 12px !important;
width: auto !important;
margin: 18px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button {
width: 100% !important;
max-width: 220px !important;
min-height: 48px !important;
padding: 10px 14px !important;
border-radius: 14px !important;
font-size: 14px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-action-button .h4f-action-label {
font-size: 14px !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image .post-rating,
body.h4f-premium-ui.single .profile-manga .summary_image .post-rating {
margin-top: 0 !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga,
body.h4f-premium-ui.single .profile-manga {
margin-bottom: 26px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .container,
body.h4f-premium-ui.single .profile-manga .container {
width: min(1480px, calc(100vw - 44px)) !important;
max-width: min(1480px, calc(100vw - 44px)) !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 18px !important;
padding-bottom: 28px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .c-breadcrumb-wrapper,
body.h4f-premium-ui.single .profile-manga .c-breadcrumb-wrapper,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title,
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
width: 100% !important;
max-width: none !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title,
body.h4f-premium-ui.single .profile-manga .post-title {
margin: 0 0 18px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-title h1,
body.h4f-premium-ui.single .profile-manga .post-title h1 {
max-width: 1180px !important;
font-size: clamp(32px, 2.65vw, 46px) !important;
line-height: 1.03 !important;
letter-spacing: -0.04em !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary,
body.h4f-premium-ui.single .profile-manga .tab-summary {
grid-template-columns: minmax(290px, 340px) minmax(0, 1fr) !important;
gap: 0 40px !important;
padding: 30px 34px 32px !important;
border-radius: 30px !important;
background:
radial-gradient(140% 120% at 0% 0%, rgba(157,108,255,.12) 0%, transparent 38%),
radial-gradient(120% 130% at 100% 0%, rgba(255,180,93,.09) 0%, transparent 42%),
linear-gradient(180deg, rgba(16, 14, 34, .94), rgba(8, 8, 22, .96)) !important;
border: 1px solid rgba(138, 104, 255, .16) !important;
box-shadow:
0 26px 70px rgba(0, 0, 0, .34),
0 0 0 1px rgba(255, 255, 255, .03) inset,
inset 0 1px 0 rgba(255,255,255,.06) !important;
overflow: hidden !important;
position: relative !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .tab-summary::before,
body.h4f-premium-ui.single .profile-manga .tab-summary::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(255,255,255,.03), transparent 16%, transparent 84%, rgba(255,255,255,.02)),
radial-gradient(65% 50% at 50% 0%, rgba(255,255,255,.05), transparent 70%);
opacity: .9;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image,
body.h4f-premium-ui.single .profile-manga .summary_image {
max-width: 330px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image a,
body.h4f-premium-ui.single .profile-manga .summary_image a {
border-radius: 20px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image img,
body.h4f-premium-ui.single .profile-manga .summary_image img {
border-radius: 20px !important;
box-shadow:
0 26px 54px rgba(0,0,0,.42),
0 0 0 1px rgba(255,255,255,.10) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap {
position: relative;
z-index: 1;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-rating,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-rating {
margin: 2px 0 16px !important;
padding: 0 0 16px !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-content {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 0 42px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item {
padding: 13px 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-authors,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-authors {
grid-column: 1 / -1 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
font-size: 11px !important;
letter-spacing: .14em !important;
color: rgba(247, 242, 255, .92) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content,
body.h4f-premium-ui.single .profile-manga .summary-content {
font-size: 16px !important;
line-height: 1.48 !important;
color: #f7f2ff !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .language-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .language-content a {
min-height: 36px !important;
padding: 9px 14px !important;
font-size: 13px !important;
border-radius: 999px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links {
grid-template-columns: repeat(2, minmax(205px, 235px)) !important;
gap: 14px !important;
margin: 22px 0 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button {
max-width: 235px !important;
min-height: 52px !important;
padding: 11px 16px !important;
border-radius: 16px !important;
box-shadow: 0 16px 32px rgba(0,0,0,.22) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links .h4f-action-button .h4f-action-label,
body.h4f-premium-ui.single .profile-manga #init-links .h4f-action-button .h4f-action-label {
font-size: 15px !important;
letter-spacing: -.01em !important;
}
body.h4f-premium-ui.single-wp-manga .c-page__content,
body.h4f-premium-ui.single .c-page__content {
width: min(1480px, calc(100vw - 44px)) !important;
max-width: min(1480px, calc(100vw - 44px)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
} body.h4f-premium-ui.single-wp-manga .c-page__content > .c-blog__heading.style-2,
body.h4f-premium-ui.single .c-page__content > .c-blog__heading.style-2,
body.h4f-premium-ui.single-wp-manga .c-page__content > .page-content-listing,
body.h4f-premium-ui.single .c-page__content > .page-content-listing,
body.h4f-premium-ui.single-wp-manga .c-page__content > .listing-chapters_wrap,
body.h4f-premium-ui.single .c-page__content > .listing-chapters_wrap {
max-width: none !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary_content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary_content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-content {
width: 100% !important;
max-width: none !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item,
body.h4f-premium-ui.single .profile-manga .post-content_item {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-width: 0 !important;
min-height: 78px !important;
margin: 0 !important;
padding: 13px 14px !important;
border: 1px solid rgba(255, 255, 255, .075) !important;
border-radius: 15px !important;
background:
linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
rgba(12, 11, 25, .34) !important;
box-shadow:
0 12px 28px rgba(0,0,0,.14),
inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags {
grid-column: 1 / -1 !important;
min-height: 0 !important;
padding: 14px 15px !important;
background:
linear-gradient(135deg, rgba(157,108,255,.10), rgba(255,180,93,.055)),
rgba(12, 11, 25, .40) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-characters {
grid-column: span 2 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-authors,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-authors,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-languages,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-languages {
grid-column: auto !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading,
body.h4f-premium-ui.single .profile-manga .summary-heading {
display: block !important;
width: auto !important;
margin: 0 0 8px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary-heading h5 {
margin: 0 !important;
font-size: 10px !important;
line-height: 1.1 !important;
letter-spacing: .15em !important;
color: rgba(247,242,255,.78) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content,
body.h4f-premium-ui.single .profile-manga .summary-content {
width: 100% !important;
min-width: 0 !important;
font-size: 15px !important;
line-height: 1.32 !important;
color: #f7f2ff !important;
overflow-wrap: anywhere;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary-content .language-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .character-content a,
body.h4f-premium-ui.single .profile-manga .summary-content .language-content a {
min-height: 31px !important;
padding: 7px 12px !important;
font-size: 12px !important;
line-height: 1.12 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-tags .summary-content,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-tags .summary-content {
max-width: 100% !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links {
grid-column: 1 / -1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
margin: 8px 0 0 !important;
padding-top: 4px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links button.h4f-action-button {
flex: 0 0 210px !important;
max-width: 210px !important;
min-height: 46px !important;
padding: 10px 14px !important;
border-radius: 14px !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap > .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap > .post-content {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .post-content_item.h4f-meta-characters {
grid-column: 1 / -1 !important;
}
} @media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .summary__content .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .summary__content .post-content {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px !important;
align-items: stretch !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-width: 0 !important;
min-height: 74px !important;
margin: 0 !important;
padding: 13px 14px !important;
border: 1px solid rgba(255, 255, 255, .078) !important;
border-radius: 15px !important;
background:
linear-gradient(135deg, rgba(255,255,255,.058), rgba(255,255,255,.018)),
rgba(13, 12, 27, .42) !important;
box-shadow:
0 12px 28px rgba(0,0,0,.13),
inset 0 1px 0 rgba(255,255,255,.045) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-heading,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-heading {
width: auto !important;
margin: 0 0 7px !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-heading h5,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-heading h5 {
margin: 0 !important;
font-size: 10px !important;
line-height: 1.1 !important;
letter-spacing: .15em !important;
color: rgba(247,242,255,.76) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item .summary-content {
width: 100% !important;
min-width: 0 !important;
font-size: 15px !important;
line-height: 1.34 !important;
color: #f7f2ff !important;
overflow-wrap: anywhere !important;
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-characters {
grid-column: span 2 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-tags,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-tags {
grid-column: 1 / -1 !important;
min-height: 0 !important;
padding: 14px 15px !important;
background:
linear-gradient(135deg, rgba(157,108,255,.105), rgba(255,180,93,.055)),
rgba(13, 12, 27, .48) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-authors,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-authors,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-artists,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-genres,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-languages,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-languages {
grid-column: span 1 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .h4f-term-chip-list,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .h4f-term-chip-list,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .genres-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .genres-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .tags-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .tags-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .artist-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .artist-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .author-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .author-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .character-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .character-content,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .language-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .language-content {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 7px !important;
font-size: 0 !important;
line-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .h4f-term-chip,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .h4f-term-chip,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .genres-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .genres-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .tags-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .tags-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .artist-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .artist-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .author-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .author-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .character-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .character-content a,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content .language-content a,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content .language-content a {
min-height: 30px !important;
padding: 7px 11px !important;
font-size: 12px !important;
line-height: 1.12 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > #init-links.nav-links,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > #init-links.nav-links,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links.h4f-desktop-actions-row,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links.h4f-desktop-actions-row {
grid-column: 1 / -1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
margin: 8px 0 0 !important;
padding-top: 4px !important;
width: 100% !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links.h4f-desktop-actions-row a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links.h4f-desktop-actions-row button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links.h4f-desktop-actions-row a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links.h4f-desktop-actions-row button.h4f-action-button {
flex: 0 0 204px !important;
max-width: 204px !important;
min-height: 45px !important;
padding: 9px 13px !important;
border-radius: 14px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links.h4f-desktop-actions-row .h4f-action-label,
body.h4f-premium-ui.single .profile-manga #init-links.nav-links.h4f-desktop-actions-row .h4f-action-label {
font-size: 14px !important;
}
}
@media (min-width: 992px) and (max-width: 1260px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-parodies,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-characters,
body.h4f-premium-ui.single .profile-manga .summary_content_wrap .post-content > .post-content_item.h4f-meta-characters {
grid-column: 1 / -1 !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image.h4f-cover-with-actions,
body.h4f-premium-ui.single .profile-manga .summary_image.h4f-cover-with-actions {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 9px !important;
width: 100% !important;
max-width: 100% !important;
margin: 14px 0 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
min-height: 43px !important;
padding: 9px 12px !important;
border-radius: 14px !important;
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label {
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
@media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
margin-top: 16px !important;
gap: 10px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button {
min-height: 45px !important;
padding: 10px 13px !important;
border-radius: 15px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label {
font-size: 14px !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 8px !important;
margin-top: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button {
min-height: 38px !important;
padding: 8px 7px !important;
border-radius: 12px !important;
font-size: 11px !important;
box-shadow: 0 10px 20px rgba(0,0,0,.22) !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover .h4f-action-label {
font-size: 11px !important;
letter-spacing: -.02em !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga #init-links.nav-links:not(.h4f-actions-under-cover),
body.h4f-premium-ui.single .profile-manga #init-links.nav-links:not(.h4f-actions-under-cover) {
opacity: 0 !important;
visibility: hidden !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
}
@media (min-width: 992px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover.h4f-desktop-actions-row,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover.h4f-desktop-actions-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin: 16px 0 0 !important;
padding: 0 !important;
justify-content: stretch !important;
align-items: stretch !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px !important;
width: 100% !important;
margin-top: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button {
width: 100% !important;
max-width: none !important;
min-height: 38px !important;
padding: 8px 8px !important;
}
} @media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image.h4f-cover-with-actions,
body.h4f-premium-ui.single .profile-manga .summary_image.h4f-cover-with-actions {
overflow: hidden !important;
padding-bottom: 10px !important;
border-radius: 16px !important;
box-sizing: border-box !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover {
margin-top: 10px !important;
margin-bottom: 0 !important;
padding: 0 8px !important;
gap: 7px !important;
box-sizing: border-box !important;
}
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single-wp-manga .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover a.h4f-action-button,
body.h4f-premium-ui.single .profile-manga .summary_image #init-links.nav-links.h4f-actions-under-cover button.h4f-action-button {
min-height: 36px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
margin: 0 !important;
border-radius: 12px !important;
}
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type {
position: relative !important;
isolation: isolate !important;
min-height: 22px !important;
padding: 5px 9px 4px !important;
border-radius: 8px !important;
border-width: 1px !important;
color: #fff !important;
font-size: 9px !important;
font-weight: 950 !important;
letter-spacing: .055em !important;
line-height: 1 !important;
text-transform: uppercase !important;
text-shadow: 0 1px 1px rgba(0,0,0,.34) !important;
backdrop-filter: blur(10px) saturate(1.1) !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type::after {
content: "";
position: absolute;
inset: 1px 1px auto 1px;
height: 42%;
border-radius: inherit;
background: linear-gradient(180deg, rgba(255,255,255,.23), rgba(255,255,255,0));
pointer-events: none;
z-index: -1;
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type-doujin {
background: linear-gradient(135deg, rgba(255,108,209,.98) 0%, rgba(220,76,171,.96) 52%, rgba(151,58,151,.98) 100%) !important;
border-color: rgba(255,108,209,.50) !important;
box-shadow: 0 8px 18px rgba(255,108,209,.22), inset 0 1px 0 rgba(255,255,255,.23) !important;
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type-manga {
background: linear-gradient(135deg, rgba(169,128,255,.98) 0%, rgba(132,92,255,.96) 52%, rgba(90,69,232,.98) 100%) !important;
border-color: rgba(169,128,255,.52) !important;
box-shadow: 0 8px 18px rgba(169,128,255,.24), inset 0 1px 0 rgba(255,255,255,.22) !important;
} body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type-manhwa {
background: linear-gradient(135deg, rgba(86,219,255,.98) 0%, rgba(40,174,255,.96) 52%, rgba(50,89,255,.98) 100%) !important;
border-color: rgba(86,219,255,.50) !important;
box-shadow: 0 8px 18px rgba(86,219,255,.20), inset 0 1px 0 rgba(255,255,255,.24) !important;
}
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--primary.h4f-card-badge--type {
max-width: calc(100% - 68px) !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui .page-content-listing .h4f-manga-card--data .h4f-card-badge--type {
min-height: 20px !important;
padding: 4px 7px 3px !important;
border-radius: 7px !important;
font-size: 8.5px !important;
letter-spacing: .045em !important;
}
} body.h4f-premium-ui.single-wp-manga .c-page-content.style-1 {
padding-top: clamp(20px, 3vw, 36px);
}
body.h4f-premium-ui.single-wp-manga .main-col-inner {
display: flex;
flex-direction: column;
gap: clamp(18px, 2.4vw, 28px);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(16px, 2vw, 22px);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
position: relative;
overflow: hidden;
padding: clamp(18px, 2.2vw, 26px);
border: 1px solid rgba(157, 108, 255, .20);
border-radius: 24px;
background:
linear-gradient(180deg, rgba(17, 15, 32, .86), rgba(9, 9, 18, .84)),
radial-gradient(circle at 4% 0%, rgba(157, 108, 255, .18), transparent 34%),
radial-gradient(circle at 96% 0%, rgba(40, 231, 255, .08), transparent 28%);
box-shadow: 0 18px 48px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .045);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel::before {
content: '';
position: absolute;
inset: 0 0 auto 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(157, 108, 255, .55), rgba(40, 231, 255, .28), transparent);
pointer-events: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin: 0 0 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 11px;
border: 1px solid rgba(157, 108, 255, .28);
border-radius: 999px;
background: rgba(157, 108, 255, .11);
color: rgba(244, 239, 255, .86);
font-size: 11px;
font-weight: 900;
letter-spacing: .09em;
line-height: 1;
text-transform: uppercase;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow::before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--h4f-accent-2);
box-shadow: 0 0 0 4px rgba(40, 231, 255, .09), 0 0 15px rgba(40, 231, 255, .62);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .description-summary,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .listing-chapters_wrap {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content {
max-height: none !important;
height: auto !important;
overflow: visible !important;
color: rgba(248, 244, 255, .88) !important;
font-size: clamp(14px, 1.25vw, 16px);
line-height: 1.75;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content::before,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content::after,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .description-summary::before,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .description-summary::after {
display: none !important;
content: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .c-content-readmore {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description p:last-child {
margin-bottom: 0;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .c-blog__heading,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter-listing .c-blog__heading {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters ul.main,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .version-chap ul,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .listing-chapters_wrap ul {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 12px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter {
position: relative;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter a {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 50px;
padding: 14px 16px !important;
border: 1px solid rgba(255, 255, 255, .095);
border-radius: 15px;
background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .022));
color: #f4efff !important;
font-size: 14px;
font-weight: 850;
line-height: 1.2;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a::after,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a::after,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter a::after {
content: 'Read';
flex: 0 0 auto;
padding: 5px 9px;
border-radius: 999px;
background: rgba(157, 108, 255, .16);
color: rgba(244, 239, 255, .78);
font-size: 10px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a:hover,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a:hover,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter a:hover {
border-color: rgba(40, 231, 255, .36);
background: linear-gradient(135deg, rgba(157, 108, 255, .18), rgba(40, 231, 255, .075));
box-shadow: 0 12px 28px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
color: #fff !important;
transform: translateY(-1px);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-edit-link {
margin-top: 4px;
font-size: 12px;
opacity: .7;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow {
margin-top: 0;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow > * {
margin-top: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='react'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='pulse'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='reaction'] {
max-width: 100%;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow .h4f-reader-pulse,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='reader-pulse'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='reaction-wrap'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='react-wrap'] {
padding: clamp(16px, 2vw, 22px) !important;
border-radius: 24px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow h2,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow h3,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow .h4f-reader-pulse__title {
font-size: clamp(24px, 3vw, 42px) !important;
line-height: 1.02 !important;
letter-spacing: -.04em !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow p {
font-size: 14px;
line-height: 1.55;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow button,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow a,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [role='button'] {
min-height: 0;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='card'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='item'] {
min-height: 0;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-flow {
display: flex;
flex-direction: column;
gap: 22px;
}
@media (max-width: 991px) {
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters ul.main,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .version-chap ul,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .listing-chapters_wrap ul {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .c-page-content.style-1 {
padding-top: 14px;
}
body.h4f-premium-ui.single-wp-manga .main-col-inner {
gap: 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
gap: 12px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
padding: 14px;
border-radius: 18px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
margin-bottom: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow {
padding: 6px 9px;
font-size: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content {
font-size: 13px;
line-height: 1.62;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter a {
min-height: 44px;
padding: 12px 13px !important;
border-radius: 13px;
font-size: 13px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a::after,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a::after,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter a::after {
padding: 4px 8px;
font-size: 9px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow .h4f-reader-pulse,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='reader-pulse'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='reaction-wrap'],
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow [class*='react-wrap'] {
padding: 13px !important;
border-radius: 18px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow h2,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow h3,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow .h4f-reader-pulse__title {
font-size: 23px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow p {
font-size: 12.5px;
line-height: 1.45;
}
} body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow {
margin-top: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter {
display: flex !important;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 12px 14px !important;
border: 1px solid rgba(255,255,255,.095) !important;
border-radius: 15px !important;
background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter > a,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter > a {
min-height: 0;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter-release-date,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter-release-date i {
position: static !important;
float: none !important;
display: block !important;
width: auto !important;
margin: 7px 0 0 !important;
padding: 0 !important;
color: rgba(221,214,241,.62) !important;
font-size: 11px !important;
line-height: 1.25 !important;
white-space: normal !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter:hover,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter:hover {
border-color: rgba(40,231,255,.34) !important;
background: linear-gradient(135deg, rgba(157,108,255,.16), rgba(40,231,255,.065)) !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .chapter-list-sort,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .c-select-bottom,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters [class*='chapter-sort'] {
display: none !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters li.wp-manga-chapter,
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters .wp-manga-chapter {
padding: 11px 12px !important;
border-radius: 13px !important;
}
} body.h4f-premium-ui.single-wp-manga .profile-manga {
margin-bottom: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile {
padding-top: 26px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .content-area {
padding-top: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-main-flow,
body.h4f-premium-ui.single-wp-manga .h4f-single-page-shell,
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
display: flex;
flex-direction: column;
gap: 18px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
margin: 0 !important;
padding: 22px 28px !important;
border: 1px solid var(--h4f-border-strong);
border-radius: 24px;
background: rgba(12, 12, 24, 0.76);
box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
margin: 0 0 16px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 12px;
border: 1px solid rgba(157, 108, 255, 0.42);
border-radius: 999px;
background: rgba(157, 108, 255, 0.13);
color: #eee6ff !important;
font-size: 12px;
font-weight: 900;
letter-spacing: .055em;
line-height: 1;
text-transform: uppercase;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow::before {
content: "";
width: 8px;
height: 8px;
flex: 0 0 8px;
border-radius: 50%;
background: var(--h4f-accent-2);
box-shadow: 0 0 0 4px rgba(40, 231, 255, 0.10), 0 0 13px rgba(40, 231, 255, 0.65);
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .description-summary {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content {
color: var(--h4f-text) !important;
font-size: 16px;
line-height: 1.65;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h1,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h2,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h3,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h4,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h5,
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content h6 {
color: var(--h4f-text) !important;
margin-top: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content p {
margin: 0 0 10px !important;
color: var(--h4f-text) !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content p:last-child {
margin-bottom: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .c-content-readmore {
margin-top: 10px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters {
padding-bottom: 22px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll {
position: relative;
max-height: 390px;
overflow-y: auto;
overflow-x: hidden;
padding-right: 7px;
scrollbar-width: thin;
scrollbar-color: rgba(157, 108, 255, .72) rgba(255, 255, 255, .05);
overscroll-behavior: contain;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll::-webkit-scrollbar {
width: 7px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll::-webkit-scrollbar-track {
background: rgba(255, 255, 255, .04);
border-radius: 999px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, var(--h4f-accent), var(--h4f-accent-2));
border-radius: 999px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .listing-chapters_wrap {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .listing-chapters_wrap > ul,
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .main.version-chap {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 14px;
margin: 0 !important;
padding: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .wp-manga-chapter {
position: relative;
margin: 0 !important;
padding: 12px 16px !important;
min-height: 54px;
border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 15px;
background: rgba(255, 255, 255, .045);
transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .wp-manga-chapter:hover {
border-color: rgba(157, 108, 255, .42) !important;
background: rgba(157, 108, 255, .10);
transform: translateY(-1px);
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .wp-manga-chapter > a {
color: var(--h4f-text) !important;
font-weight: 800;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-edit-link:empty {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-edit-link {
margin: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow {
margin-top: 18px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-flow {
margin-top: 18px !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .profile-manga .container {
padding-top: 18px;
padding-bottom: 18px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile {
padding-top: 14px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
gap: 12px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
padding: 17px 15px !important;
border-radius: 20px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
margin-bottom: 13px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__eyebrow {
padding: 6px 10px;
font-size: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-description .summary__content {
font-size: 14px;
line-height: 1.55;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll {
max-height: 360px;
padding-right: 4px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .listing-chapters_wrap > ul,
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .main.version-chap {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .wp-manga-chapter {
min-height: 50px;
padding: 10px 12px !important;
border-radius: 13px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow,
body.h4f-premium-ui.single-wp-manga .h4f-single-after-flow {
margin-top: 12px !important;
}
}  body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile,
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .content-area,
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .container,
body.h4f-premium-ui.single-wp-manga .h4f-single-main-flow,
body.h4f-premium-ui.single-wp-manga .h4f-single-page-shell,
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow,
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
box-sizing: border-box !important;
max-width: 100% !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile {
padding-top: 16px !important;
overflow-x: clip;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .container {
width: 100% !important;
max-width: 1440px !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .row {
margin-left: -8px !important;
margin-right: -8px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .main-col {
padding-left: 8px !important;
padding-right: 8px !important;
min-width: 0;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
gap: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
padding: 18px 20px !important;
border-radius: 20px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
margin-bottom: 12px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-chapters {
padding-bottom: 18px !important;
} body.h4f-premium-ui.single-wp-manga .h4f-single-edit-link {
display: none !important;
} body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow {
margin-top: 12px !important;
} body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll {
max-height: 340px;
padding-right: 5px;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .listing-chapters_wrap > ul,
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .main.version-chap {
gap: 8px 10px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll .wp-manga-chapter {
min-width: 0;
min-height: 50px;
padding: 10px 14px !important;
} body.h4f-premium-ui.single-wp-manga .h4f-single-panel *,
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow * {
box-sizing: border-box;
max-width: 100%;
}
@media (max-width: 991px) {
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .container {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile {
padding-top: 8px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-after-profile .container {
padding-left: 10px !important;
padding-right: 10px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-manga-flow {
gap: 8px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel {
padding: 14px 12px !important;
border-radius: 17px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-panel__head {
margin-bottom: 10px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-chapters-scroll {
max-height: 300px;
}
body.h4f-premium-ui.single-wp-manga .h4f-single-reaction-flow,
body.h4f-premium-ui.single-wp-manga .h4f-single-after-flow {
margin-top: 8px !important;
}
} body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck {
position: relative;
margin: 18px 0 0;
padding: clamp(18px, 2.4vw, 30px);
border: 1px solid rgba(173, 128, 255, .28);
border-radius: 28px;
background:
radial-gradient(circle at 0% 0%, rgba(157,108,255,.18), transparent 34%),
radial-gradient(circle at 100% 10%, rgba(40,231,255,.10), transparent 30%),
linear-gradient(145deg, rgba(13,12,27,.96), rgba(8,10,20,.98));
box-shadow: 0 24px 70px rgba(0,0,0,.34);
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__eyebrow,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__label {
display: inline-flex;
align-items: center;
gap: 7px;
margin-bottom: 8px;
color: #cdbaff;
font-size: 11px;
font-weight: 900;
letter-spacing: .09em;
text-transform: uppercase;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__eyebrow::before,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__label::before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--h4f-accent-2);
box-shadow: 0 0 12px rgba(40,231,255,.72);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header h2 {
margin: 0;
color: #fff !important;
font-size: clamp(25px, 3vw, 40px);
line-height: 1.05;
letter-spacing: -.035em;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header p {
margin: 8px 0 0;
color: rgba(222,216,239,.72);
font-size: 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__hub,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-browse {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 0 15px;
border: 1px solid rgba(255,255,255,.12);
border-radius: 999px;
background: rgba(255,255,255,.055);
color: #f4efff !important;
font-size: 12px;
font-weight: 850;
white-space: nowrap;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__hub:hover,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-browse:hover {
border-color: rgba(40,231,255,.46);
background: rgba(40,231,255,.09);
transform: translateY(-1px);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero {
display: grid;
grid-template-columns: minmax(190px, .75fr) minmax(0, 1.25fr);
min-height: 300px;
margin-bottom: 18px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 24px;
background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media {
position: relative;
display: block;
min-height: 300px;
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 50%, rgba(12,12,24,.75) 100%);
pointer-events: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media img {
width: 100% !important;
height: 100% !important;
min-height: 300px;
object-fit: cover;
display: block;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: clamp(24px, 4vw, 52px);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content h3 {
margin: 0;
font-size: clamp(28px, 4vw, 48px);
line-height: 1.02;
letter-spacing: -.04em;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content h3 a {
color: #fff !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content p {
max-width: 560px;
margin: 12px 0 20px;
color: rgba(225,219,241,.74);
font-size: 15px;
line-height: 1.6;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 0 19px;
border-radius: 13px;
background: linear-gradient(135deg, #ffb24d, #ff8a45);
box-shadow: 0 12px 28px rgba(255,145,63,.20);
color: #16100a !important;
font-size: 13px;
font-weight: 950;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs {
display: flex;
gap: 8px;
margin: 0 0 14px;
padding-bottom: 2px;
overflow-x: auto;
scrollbar-width: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs::-webkit-scrollbar {
display: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs button {
flex: 0 0 auto;
min-height: 38px;
padding: 0 14px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 999px;
background: rgba(255,255,255,.045);
color: rgba(231,225,245,.72);
font-size: 11px;
font-weight: 850;
cursor: pointer;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs button.is-active {
border-color: rgba(157,108,255,.48);
background: linear-gradient(135deg, rgba(157,108,255,.28), rgba(40,231,255,.10));
color: #fff;
box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-panel[hidden] {
display: none !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(175px, 1fr);
gap: 14px;
overflow-x: auto;
padding: 2px 2px 10px;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: rgba(157,108,255,.6) rgba(255,255,255,.035);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card {
min-width: 0;
border: 1px solid rgba(255,255,255,.10);
border-radius: 18px;
background: rgba(255,255,255,.045);
overflow: hidden;
scroll-snap-align: start;
transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card:hover {
transform: translateY(-3px);
border-color: rgba(157,108,255,.40);
box-shadow: 0 16px 34px rgba(0,0,0,.26);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__cover {
position: relative;
display: block;
aspect-ratio: 2 / 3;
overflow: hidden;
background: #14131e;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
transition: transform .25s ease, filter .25s ease;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card:hover .h4f-discovery-card__cover img {
transform: scale(1.035);
filter: saturate(1.07);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__read {
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 36px;
padding: 0 11px;
border-radius: 10px;
background: rgba(8,8,18,.82);
backdrop-filter: blur(12px);
color: #fff;
font-size: 11px;
font-weight: 900;
transform: translateY(8px);
opacity: 0;
transition: transform .2s ease, opacity .2s ease;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card:hover .h4f-discovery-card__read {
transform: translateY(0);
opacity: 1;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body {
padding: 12px 12px 13px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body h3 {
margin: 0;
font-size: 14px;
line-height: 1.28;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body h3 a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: #fff !important;
font-weight: 850;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__hint {
display: block;
margin-top: 7px;
color: rgba(197,190,218,.58);
font-size: 10px;
font-weight: 700;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__fallback {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: rgba(255,255,255,.26);
font-weight: 950;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__footer {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 16px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-surprise {
min-height: 44px;
padding: 0 18px;
border: 0;
border-radius: 13px;
background: linear-gradient(135deg, rgba(157,108,255,.95), rgba(255,79,216,.88));
box-shadow: 0 12px 26px rgba(157,108,255,.20);
color: #fff;
font-size: 12px;
font-weight: 900;
cursor: pointer;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-surprise:hover {
transform: translateY(-1px);
filter: brightness(1.07);
}
@media (min-width: 1200px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: minmax(180px, calc((100% - 56px) / 5));
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck {
margin-top: 10px;
padding: 16px 12px 18px;
border-radius: 21px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header {
align-items: flex-start;
margin-bottom: 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header h2 {
font-size: 25px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__header p {
font-size: 12px;
line-height: 1.5;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__hub {
display: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero {
grid-template-columns: 112px minmax(0, 1fr);
min-height: 170px;
border-radius: 18px;
margin-bottom: 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media {
min-height: 170px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media img {
min-height: 170px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media::after {
background: linear-gradient(90deg, transparent 55%, rgba(12,12,24,.62) 100%);
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content {
padding: 16px 14px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__label {
font-size: 9px;
margin-bottom: 6px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content h3 {
font-size: 20px;
line-height: 1.08;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content p {
display: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__cta {
min-height: 38px;
margin-top: 12px;
padding: 0 13px;
font-size: 11px;
border-radius: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs {
margin-bottom: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-tabs button {
min-height: 34px;
padding: 0 11px;
font-size: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: 68%;
gap: 10px;
padding-bottom: 7px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card {
border-radius: 16px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__read {
opacity: 1;
transform: none;
min-height: 32px;
font-size: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body {
padding: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body h3 {
font-size: 13px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__footer {
justify-content: stretch;
gap: 8px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-surprise,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-browse {
flex: 1 1 50%;
min-height: 42px;
padding: 0 10px;
font-size: 11px;
}
} body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
align-items: start;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__cover {
min-height: 0 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__cover img,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__fallback {
min-height: 0 !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck {
padding: 15px 10px 16px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero {
grid-template-columns: 105px minmax(0, 1fr);
min-height: 158px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__media img {
min-height: 158px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content {
padding: 14px 12px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-hero__content h3 {
font-size: 18px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: 66%;
gap: 9px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card {
border-radius: 15px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__cover {
aspect-ratio: 2 / 3 !important;
height: auto !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__body {
padding: 9px 9px 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-card__hint {
display: none;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck__footer {
margin-top: 12px;
}
} body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: minmax(170px, 1fr);
align-items: stretch;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card {
height: 100%;
margin: 0 !important;
padding: 8px !important;
border: 1px solid var(--h4f-border) !important;
border-radius: var(--h4f-radius) !important;
background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
box-shadow: var(--h4f-card-shadow);
overflow: hidden;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .item-thumb {
border-radius: 16px;
overflow: hidden;
background: #151520;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .item-thumb a {
display: block;
position: relative;
aspect-ratio: 2 / 3;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .item-thumb img,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .h4f-card-cover-fallback {
display: block;
width: 100% !important;
height: 100% !important;
aspect-ratio: 2 / 3;
object-fit: cover;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .item-summary {
padding: 10px 2px 2px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .post-title h3 {
margin: 0 !important;
font-size: 13px;
line-height: 1.28 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .post-title h3 a {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
color: var(--h4f-text) !important;
font-weight: 850 !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .h4f-card-stats {
margin-top: 9px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card:hover {
transform: translateY(-3px);
border-color: var(--h4f-border-strong) !important;
box-shadow: 0 20px 48px rgba(157,108,255,.16), 0 16px 38px rgba(0,0,0,.34);
} body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .h4f-discovery-card__read,
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .h4f-discovery-card__body {
display: none !important;
}
@media (min-width: 1200px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: minmax(170px, calc((100% - 56px) / 5));
}
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-rail {
grid-auto-columns: 62%;
gap: 10px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card {
padding: 7px !important;
border-radius: 16px !important;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .item-thumb {
border-radius: 13px;
}
body.h4f-premium-ui.single-wp-manga .h4f-discovery-site-card .post-title h3 {
font-size: 13px;
}
} body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck + * {
margin-top: 14px !important;
}
@media (max-width: 767px) {
body.h4f-premium-ui.single-wp-manga .h4f-discovery-deck + * {
margin-top: 10px !important;
}
}