:root {
  --text-p: #212529;
  --text-q: #747474;
  --link-p: #0000EE;
  --link-q: #147546;
  --bg-p: #FFFFFF;
  --bg-t: #FFFFFF;
  --bg-q: #D1D1D1;
  --border-s: #C5C5C5;
  --border-t: #868E96;
  --border-q: #DEE2E6;
  --border-s-2: #F8F9FA;
  --border-t-2: #FFFFFF;
  --border-q-2: #D9D9D9;
  --border-S-3: #DFDFDF;
  --w-sb-track: #F1F1F1;
  --w-sb-thumb: #CCCCCC;
  --w-sb-thumb-hover: #AAAAAA;
  --base-color-1: #F8F9FA;
  --base-color-2: #212529;
  --base-color-3: #FFB801;
  --base-color-4: #FF9701;
  --base-color-5: #D78106;
  --base-color-6: #202020;
  --base-color-7: #BABABA;
  --base-color-8: #D9D9D9;
  --base-color-9: #495057;
  --base-color-10: #6C757D;
  --base-color-11: #E0A800;
  --base-color-12: #147546;
  --base-color-13: #FFC107;
  --base-color-14: #198754;
  --base-color-15: #FF914D;
  --base-color-16: #28A745;
  --base-color-17: #22903D;
  --base-color-18: #E67E3A;
  --base-color-19: #CC6D2F;
  --base-color-20: #0056B3;
  --base-color-21: #D1D1D1;
  --base-color-22: #D0D0D0;
  --base-color-23: #E2E2E2;
  --base-color-24: #333333;
  --base-color-25: #D92D20;
  --base-color-26: #FFFFFF;
  --s-bx-shadow-1: rgba(255, 151, 1);
  --s-bx-shadow-2: rgba(0, 0, 0, 0.1);
  --s-bx-shadow-3: rgba(0, 0, 0, 0.8);
  --s-bx-shadow-4: rgba(0, 0, 0, 0.3);
  --s-bx-shadow-5: rgba(0, 0, 0, 0);
  --s-bx-shadow-6: rgba(0, 0, 0, 0.65);
  --s-bx-shadow-7: rgba(255, 193, 7, 0.6);
  --s-bx-shadow-8: rgba(25, 135, 84, 0.6);
  --s-bx-shadow-9: rgba(255, 145, 77, 0.5);
  --s-bx-shadow-10: rgba(255, 151, 1, 0.33);
  --s-bx-shadow-11: rgba(255, 151, 1, 0.45);
  --s-bx-shadow-12: rgba(255, 151, 1, 0.25);
  --s-bx-shadow-13: rgba(0, 0, 0, 0.15);
  --s-bx-shadow-14: rgba(0, 0, 0, 0.5);
  --s-bx-shadow-15: rgba(25, 135, 84, 0.5);
  --s-bx-shadow-16: rgba(0, 0, 0, 0.2);
  --s-bx-shadow-17: rgba(0, 0, 0, 0.88);
  --s-bx-shadow-18: rgba(0, 0, 0, 0.08);
  --s-bx-shadow-19: rgba(0, 0, 0, 0.12);
  --s-bx-shadow-20: rgba(217, 45, 32, 0.35);
  --s-bx-shadow-21: rgba(0, 0, 0, 0.06);
  --s-bx-shadow-22: rgba(0, 0, 0, 0.25);
  --bx-shadow-1: rgba(0, 0, 0, 0.15);
  --bx-shadow-2: rgba(0, 0, 0, 0.05);
  --bx-shadow-3: rgba(0, 0, 0, 0.1);
  --bx-shadow-4: rgba(0, 0, 0, 0.5);
  --bx-shadow-5: rgba(0, 0, 0, 0.3);
  --bx-shadow-6: rgba(0, 0, 0, 0.15);
  --display-moon-icon: inline-flex;
  --display-sun-icon: none;
}

body.theme-dark {
  --text-p: #F8F9FA;
  --text-q: #ADB5BD;
  --link-p: #58A6FF;
  --link-q: #34D399;
  --bg-p: #202020;
  --bg-t: #343A40;
  --bg-q: #495057;
  --border-s: #495057;
  --border-t: #6C757D;
  --border-q: #495057;
  --border-q-2: #6C757D;
  --border-s-2: #343A40;
  --border-t-2: #495057;
  --border-S-3: #495057;
  --w-sb-track: #333333;
  --w-sb-thumb: #555555;
  --w-sb-thumb-hover: #777777;
  --bx-shadow-1: rgba(0, 0, 0, 0.4);
  --bx-shadow-2: rgba(0, 0, 0, 0.3);
  --bx-shadow-3: rgba(0, 0, 0, 0.5);
  --bx-shadow-4: rgba(255, 255, 255, 0.6);
  --bx-shadow-5: rgba(255, 255, 255, 0.4);
  --bx-shadow-6: rgba(255, 255, 255, 0.1);
  --display-moon-icon: none;
  --display-sun-icon: inline-flex;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 56px;
  scrollbar-width: thin;
  scrollbar-color: var(--w-sb-thumb) var(--w-sb-track);
}

html::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-thumb {
  background: var(--w-sb-thumb);
  border-radius: 4px;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--w-sb-thumb-hover);
}

html::-webkit-scrollbar-track {
  background: var(--w-sb-track);
  border-radius: 4px;
}

body {
  font-family: "Roboto", sans-serif;
  font-display: swap;
  color: var(--text-p);
  background-color: var(--bg-p);
}

p {
  margin-bottom: 0;
}

.icon-18plus-xp {
  background-color: var(--base-color-25);
  color: var(--base-color-1);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  box-shadow: 0 4px 12px var(--s-bx-shadow-20);
}

#ageGateTitle-standalone {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--text-p);
  letter-spacing: -0.02em;
  line-height: 34px;
}

.age-gate-content-xp {
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-q);
  max-height: 1000px;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.4s ease, padding-bottom 0.4s ease, margin-bottom 0.4s ease, border-bottom-color 0.4s ease;
}

.age-gate-content-xp p {
  font-size: 13.5px;
  color: var(--text-q);
  line-height: 21px;
  max-width: 460px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.age-gate-content-xp.age-confirmed-hidden-xp, .age-gate-content-xp.faded-out-xp {
  opacity: 0;
  max-height: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom-color: transparent !important;
  overflow: hidden;
}

.cookie-consent-overlay-xp {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100vw;
  height: 100vh;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: var(--s-bx-shadow-3, var(--s-bx-shadow-17));
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.35s, background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), backdrop-filter 0.35s cubic-bezier(0.4, 0, 0.2, 1), -webkit-backdrop-filter 0.35s cubic-bezier(0.4, 0, 0.2, 1), align-items 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-consent-overlay-xp.age-gate-passed-initial-xp, .cookie-consent-overlay-xp.age-gate-passed-xp {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  align-items: flex-end;
  pointer-events: none;
}

.cookie-consent-overlay-xp.age-gate-passed-initial-xp .cookie-consent-panel-xp, .cookie-consent-overlay-xp.age-gate-passed-xp .cookie-consent-panel-xp {
  max-width: 600px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin-bottom: 20px;
}

.cookie-consent-overlay-xp.backdrop-hidden-xp {
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.cookie-consent-overlay-xp.visible-xp {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}

.cookie-consent-panel-xp {
  background-color: var(--bg-p);
  color: var(--text-p);
  padding: 30px;
  border-radius: 16px;
  border: 1px solid var(--border-q);
  max-width: 560px;
  width: 100%;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  text-align: start;
  position: relative;
  box-shadow: 0 2px 8px var(--s-bx-shadow-18), 0 8px 16px var(--s-bx-shadow-2), 0 25px 50px var(--s-bx-shadow-19);
  scrollbar-width: thin;
  scrollbar-color: var(--w-sb-thumb) var(--w-sb-track);
  pointer-events: auto;
  transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1), margin-bottom 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-consent-panel-xp::-webkit-scrollbar {
  width: 6px;
}

.cookie-consent-panel-xp::-webkit-scrollbar-thumb {
  background: var(--w-sb-thumb);
  border-radius: 3px;
}

.cookie-consent-panel-xp::-webkit-scrollbar-thumb:hover {
  background: var(--w-sb-thumb-hover);
}

.cookie-consent-panel-xp::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}

.cookie-panel-close-btn-xp {
  position: absolute;
  top: 15px;
  inset-inline-end: 15px;
  padding: 8px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
  border-radius: 50%;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
}

.cookie-panel-close-btn-xp svg {
  width: 20px;
  height: 20px;
  display: block;
  color: var(--text-q);
}

.cookie-panel-close-btn-xp:active {
  transform: scale(0.9);
}

.cookie-panel-close-btn-xp:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-3);
}

.cookie-panel-close-btn-xp:hover, .cookie-panel-close-btn-xp:focus-visible {
  background-color: var(--border-S-3);
}

.cookie-panel-close-btn-xp:hover svg, .cookie-panel-close-btn-xp:focus-visible svg {
  color: var(--text-p);
}

#cookieConsentTitle-standalone, #manageCookiesTitle-standalone {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--text-p);
  letter-spacing: -0.01em;
  line-height: 27px;
}

#cookieConsentDescription-standalone {
  font-size: 13.5px;
  margin-bottom: 16px;
  color: var(--text-q);
  line-height: 22px;
}

#cookieConsentDescription-standalone a {
  color: var(--link-p);
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s ease;
}

#cookieConsentDescription-standalone a:hover {
  color: var(--base-color-4);
  text-decoration-thickness: 2px;
}

#cookie-manage-panel-standalone {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--border-q);
}

#cookie-manage-panel-standalone > p {
  font-size: 13.5px;
  margin-bottom: 16px;
  color: var(--text-q);
  line-height: 22px;
}

#cookie-manage-panel-standalone p a {
  color: var(--link-p);
  text-decoration: underline;
  font-weight: 500;
  transition: color 0.2s ease;
}

#cookie-manage-panel-standalone p a:hover {
  color: var(--base-color-4);
  text-decoration-thickness: 2px;
}

.cookie-category-xp {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--border-s-2);
}

.cookie-category-xp:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.cookie-category-header-xp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.cookie-category-header-xp h4 {
  font-size: 17px;
  font-weight: 600;
  color: var(--text-p);
  margin-inline-end: 10px;
  line-height: 22px;
}

.cookie-category-header-xp span {
  font-size: 12px;
  color: var(--text-q);
  background-color: var(--bg-p);
  padding: 3px 8px;
  border-radius: 4px;
  font-style: normal;
  white-space: nowrap;
}

.cookie-category-xp p.description-xp {
  font-size: 13.5px;
  margin-bottom: 16px;
  color: var(--text-q);
  line-height: 22px;
}

.cookie-toggle-switch-xp {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
  flex-shrink: 0;
}

.cookie-toggle-switch-xp input {
  display: none;
}

.cookie-toggle-slider-xp {
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  background-color: var(--base-color-5);
  border: 1px solid var(--base-color-9);
  border-radius: 26px;
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-toggle-slider-xp:before {
  box-sizing: border-box;
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  top: 2px;
  inset-inline-start: 2px;
  background-color: var(--text-p, #FFFFFF);
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp {
  background-color: var(--base-color-16);
  border-color: var(--base-color-16);
}

.cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
  transform: translateX(22px);
}

[dir="rtl"] .cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
  transform: translateX(-22px);
}

.cookie-toggle-switch-xp input:checked:focus-visible + .cookie-toggle-slider-xp {
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-16);
}

.cookie-toggle-switch-xp input:not(:checked):focus-visible + .cookie-toggle-slider-xp {
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-10);
}

.cookie-toggle-switch-xp:hover .cookie-toggle-slider-xp:before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.cookie-buttons-xp {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 24px;
}

.cookie-btn-xp {
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  width: 100%;
  box-shadow: 0 1px 3px var(--s-bx-shadow-14), 0 1px 2px var(--s-bx-shadow-2);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s cubic-bezier(0.2, 0, 0, 1);
}

.cookie-btn-xp:active {
  transform: translateY(0px) scale(0.99);
  box-shadow: inset 0 1px 3px var(--s-bx-shadow-2);
}

.cookie-btn-xp:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-3);
}

.cookie-btn-xp:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px var(--s-bx-shadow-18), 0 2px 4px var(--s-bx-shadow-21);
}

.cookie-btn-accept-all-xp {
  background-color: var(--base-color-14);
  color: var(--base-color-1);
  border-color: var(--base-color-14);
}

.cookie-btn-accept-all-xp:focus-visible {
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-17);
}

.cookie-btn-accept-all-xp:hover, .cookie-btn-accept-all-xp:focus-visible {
  background-color: var(--base-color-17);
  border-color: var(--base-color-17);
}

.cookie-btn-manage-xp, .cookie-btn-save-settings-xp {
  background-color: var(--border-q);
  color: var(--text-p);
  border: 1px solid var(--border-s);
}

.cookie-btn-manage-xp:focus-visible, .cookie-btn-save-settings-xp:focus-visible {
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--border-t);
}

.cookie-btn-manage-xp:hover, .cookie-btn-manage-xp:focus-visible, .cookie-btn-save-settings-xp:hover, .cookie-btn-save-settings-xp:focus-visible {
  background-color: var(--border-t-2);
  border-color: var(--border-t);
}

.cookie-btn-reject-xp {
  background-color: var(--base-color-3);
  color: var(--base-color-2);
  border-color: var(--base-color-3);
}

.cookie-btn-reject-xp:focus-visible {
  box-shadow: 0 0 0 2px var(--bg-p), 0 0 0 4px var(--base-color-11);
}

.cookie-btn-reject-xp:hover, .cookie-btn-reject-xp:focus-visible {
  background-color: var(--base-color-11);
  border-color: var(--base-color-11);
}

#navbar {
  display: flex;
  justify-content: flex-end;
  z-index: 2 !important;
}

#navbar .dropdown-menu, #offcanvasNavbar .dropdown-menu {
  background-color: var(--bg-p);
}

#navbar .dropdown-menu .dropdown-item, #offcanvasNavbar .dropdown-menu .dropdown-item, #navbar .dropdown-menu .dropdown-item p, #offcanvasNavbar .dropdown-menu .dropdown-item p {
  color: var(--text-p);
}

#navbar .dropdown-menu > ul {
  list-style-type: none;
  padding-inline-start: 0;
}

#navbar .dropdown-menu.lang-menu {
  border: 0 !important;
  padding: 0 !important;
}

#navbar .navbar-nav {
  margin-bottom: 0.5rem !important;
}

.navbar.d-lg-none .container-fluid .navbar-brand {
  flex-grow: 1;
  text-align: center;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: var(--base-color-3);
  pointer-events: none;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar.d-lg-none .container-fluid .navbar-brand .brand-text {
  pointer-events: auto;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
}

.navbar.d-lg-none .navbar-toggler {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.navbar.d-lg-none .navbar-toggler svg {
  color: var(--base-color-1) !important;
  transition: color .2s, width .2s, height .2s;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
}

.navbar-toggler:focus, #offcanvasSearch .offcanvas-header button[data-bs-dismiss="offcanvas"]:focus {
  outline: none;
  box-shadow: 0 0 0 .25rem var(--s-bx-shadow-1);
  background-color: transparent;
}

.no-offcanvas-backdrop .offcanvas-backdrop {
  display: none !important;
}

#offcanvasNavbar {
  width: 100vw;
  top: 56px !important;
  background-color: var(--bg-p);
}

#offcanvasNavbar .offcanvas-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background-color: var(--bg-p);
}

#offcanvasNavbar .offcanvas-header > div:first-child {
  display: flex;
  align-items: center;
}

#offcanvasNavbar .offcanvas-header .circle-icon-nav {
  margin: 0;
  margin-inline-start: -10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
}

#offcanvasSearch {
  width: 100vw;
  background-color: var(--bg-p);
}

#offcanvasSearch > div:nth-of-type(2) {
  text-align: center;
}

#offcanvasSearch > div:nth-of-type(2) > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#offcanvasSearch > div:nth-of-type(2) > div > p {
  font-size: 1.25rem !important;
  color: var(--text-p);
}

#offcanvasSearch .offcanvas-body > div:last-of-type {
  display: flex;
  justify-content: center;
  width: 100% !important;
}

#offcanvasSearch .offcanvas-header button[data-bs-dismiss="offcanvas"] svg {
  width: 1.5em;
  height: 1.5em;
  color: var(--text-p);
}

#offcanvasSearch .offcanvas-header button[data-bs-dismiss="offcanvas"]:active svg {
  color: var(--base-color-5);
}

#offcanvasSearch .offcanvas-header button[data-bs-dismiss="offcanvas"]:hover svg, #offcanvasSearch .offcanvas-header button[data-bs-dismiss="offcanvas"]:focus-visible svg {
  color: var(--base-color-4);
}

#offcanvasSearch .offcanvas-header .nav-search-input {
  display: flex;
  align-items: center;
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"] {
  background: transparent !important;
  border: none !important;
  padding: 0.25rem 0.5rem !important;
  margin-inline-end: 0.5rem;
  cursor: pointer;
  line-height: 1;
  order: -1;
  transition: transform 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;
}

#offcanvasSearch .offcanvas-header .nav-search-input > button > svg {
  color: var(--base-color-4);
  width: 1.5em;
  height: 1.5em;
  display: block;
  transition: color 0.15s ease-out, transform 0.15s ease-out;
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:active {
  transform: scale(0.95);
  transition-duration: 0.05s;
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:active > svg {
  color: var(--base-color-5);
  transform: scale(0.98);
  transition-duration: 0.05s;
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:focus-visible {
  outline: 2px solid var(--base-color-4);
  outline-offset: 1px;
  box-shadow: 0 0 0 0.2rem var(--s-bx-shadow-1);
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:hover, #offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:focus-visible {
  transform: scale(1.1);
}

#offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:hover > svg, #offcanvasSearch .offcanvas-header .nav-search-input > button[type="submit"]:focus-visible > svg {
  color: var(--base-color-3);
}

#offcanvasSearch hr.divider.mt-0 {
  margin-top: 0 !important;
}

#offcanvasSearch #hot-trending-porn {
  font-size: 20px;
}

.circle-icon-nav > li {
  width: 46px;
  height: 46px;
  border: 1px solid var(--base-color-7) !important;
  border-radius: 50%;
  background-color: var(--bg-p);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform .2s, background-color .2s, box-shadow .2s;
  position: relative;
}

.circle-icon-nav > li > a, .circle-icon-nav > li > button.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border-radius: 50%;
  outline: none;
  transition: transform .1s;
  color: inherit;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

.circle-icon-nav > li > a svg, .circle-icon-nav > li > button.btn svg, .circle-icon-nav > li svg {
  color: var(--text-p);
  font-size: 30px;
  display: block;
  margin: auto;
  transition: color .2s;
  text-decoration: none;
}

.circle-icon-nav > li > a:active {
  transform: scale(0.97);
}

.circle-icon-nav > li > a:focus-visible, .circle-icon-nav > li > button.btn:focus-visible {
  outline: 3px solid var(--focus-ring-color, Highlight);
  outline-offset: 2px;
}

.circle-icon-nav > li > button > .moon {
  display: var(--display-moon-icon) !important;
}

.circle-icon-nav > li > button > .sun {
  display: var(--display-sun-icon) !important;
}

.circle-icon-nav > li > button.btn:active {
  transform: scale(0.97);
}

.circle-icon-nav > li img {
  width: 40px;
  height: 40px;
  aspect-ratio: 1;
  display: block;
  margin: auto;
}

.circle-icon-nav > li:has( > a:active), .circle-icon-nav > li:has( > button.btn:active) {
  background-color: var(--base-color-5) !important;
  transform: rotate(8deg) scale(0.98);
}

.circle-icon-nav > li:has( > a:focus-visible), .circle-icon-nav > li:has( > button.btn:focus-visible) {
  background-color: var(--base-color-4) !important;
  transform: rotate(10deg);
}

.circle-icon-nav > li:hover {
  background-color: var(--base-color-4) !important;
  transform: rotate(10deg);
}

[dir="rtl"] .circle-icon-nav > li:has( > a:active), [dir="rtl"] .circle-icon-nav > li:has( > button.btn:active) {
  transform: rotate(-8deg) scale(0.98);
}

[dir="rtl"] .circle-icon-nav > li:has( > a:focus-visible), [dir="rtl"] .circle-icon-nav > li:has( > button.btn:focus-visible) {
  transform: rotate(-10deg);
}

[dir="rtl"] .circle-icon-nav > li:hover {
  transform: rotate(-10deg);
}

#desktop-lang-text, #mobile-lang-text {
  display: inline-block;
  min-width: 20px;
  text-align: start;
}

#desktop-lang-toggle, #mobile-lang-toggle {
  color: var(--text-p);
}

.lang-menu {
  width: 30vw;
  margin-inline-end: -17px;
}

.lang-mobile-menu {
  width: 100vw;
  margin-inline-end: -17px;
}

#language-list-ul-desktop, #language-list-ul-mobile {
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

#language-list-ul-mobile {
  border: 0 !important;
}

#language-list-ul-mobile .dropdown-item, #language-list-ul-desktop .dropdown-item, #language-list-ul-mobile .dropdown-item p, #language-list-ul-desktop .dropdown-item p {
  transition: color .15s, background-color .15s, transform .1s;
}

#language-list-ul-mobile .dropdown-item:active, #language-list-ul-desktop .dropdown-item:active {
  color: var(--base-color-5) !important;
  background-color: transparent;
  transform: scale(0.98) translateY(1px);
}

#language-list-ul-mobile .dropdown-item:hover, #language-list-ul-desktop .dropdown-item:hover, #language-list-ul-mobile .dropdown-item:focus, #language-list-ul-desktop .dropdown-item:focus {
  color: var(--base-color-4) !important;
  background-color: transparent;
}

#logo-search-column {
  padding-inline-start: 0.25rem;
}

#logo-search-column > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 3rem;
  height: 100%;
}

#logo-search-column > div > a {
  display: inline-block;
  align-self: center;
}

#logo-search-column > div > a > img {
  width: 300px;
  height: 120px;
  aspect-ratio: 300 / 120;
}

#logo-search-column div[role="search"] {
  position: relative;
  display: flex;
  align-items: center;
}

#logo-search-column #top-search-input {
  padding-inline-start: 1rem;
  background-color: var(--bg-p);
}

#logo-search-column .search-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.nav-search-input {
  width: 100%;
}

.nav-search-input input {
  border: 0;
  flex-grow: 1;
}

.nav-search-input input:focus-visible {
  outline: 0;
  border-bottom: 1px solid var(--base-color-4);
}

#offcanvas-search-input {
  background-color: var(--bg-p);
  color: var(--text-p);
  padding: 0.375rem 0.75rem;
  width: 100%;
}

#offcanvas-search-input::placeholder {
  color: var(--text-q);
  opacity: 1;
}

.search-input {
  width: 100%;
  height: 45px;
  border: 3px solid var(--border-color, var(--base-color-7));
  border-radius: 10px !important;
  color: var(--text-p);
}

.search-input:focus-visible {
  outline: none;
  border: solid var(--base-color-4) 3px;
}

.search-submit-button {
  background: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 10px;
  transition: transform 0.15s ease-out, color 0.15s ease-out, box-shadow 0.15s ease-out;
  margin-top: 3px;
}

.search-submit-button svg {
  width: 1.5em;
  height: 1.5em;
  display: block;
  color: var(--base-color-4);
  transition: color 0.15s ease-out, transform 0.15s ease-out;
}

.search-submit-button:active {
  transform: translateY(-50%) scale(0.95);
  transition-duration: 0.05s;
}

.search-submit-button:active svg {
  color: var(--base-color-5);
}

.search-submit-button:focus-visible {
  outline: 2px solid var(--text-p);
}

.search-submit-button:hover {
  transform: translateY(-50%) scale(1.1);
}

.search-submit-button:hover svg {
  color: var(--base-color-3);
}

#top-search-input::placeholder {
  color: var(--text-q);
}

#top-search-input:focus-visible {
  border-color: var(--base-color-4);
}

#category-list-grid {
  border-top: 1px solid var(--border-q);
  background-image: none;
  transition: border-color .2s;
  margin-top: -12px;
}

#category-list-grid ul {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0;
  display: grid;
  row-gap: .5rem;
  background-image: none;
}

#category-list-grid ul li a {
  display: block !important;
  text-decoration: none;
  color: var(--text-p);
  border-bottom: 1px solid var(--border-q);
  padding: .75rem 0;
  position: relative;
  transition: border-color .2s, color .2s, transform .1s;
}

#category-list-grid ul li a > div {
  display: flex;
  align-items: center;
  position: relative;
  padding-inline-start: 20px;
  transition: background-color .15s;
  border-color: transparent !important;
  background-color: transparent;
}

#category-list-grid ul li a > div > div:first-child {
  flex-shrink: 0;
}

#category-list-grid ul li a > div > div:first-child img {
  width: 32px;
  height: 32px;
  display: block;
  object-fit: contain;
}

#category-list-grid ul li a > div > div:last-child {
  overflow: hidden;
  flex-grow: 1;
  padding-inline-start: .5rem;
  margin-top: -3px;
  margin-inline-start: -4px;
}

#category-list-grid ul li a > div > div:last-child > div:first-child {
  margin-bottom: -.3rem;
}

#category-list-grid ul li a > div > div:last-child > div:first-child > strong {
  font-size: 14px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
  font-weight: bold;
  transition: color .2s;
  margin-bottom: 0.125rem;
}

#category-list-grid ul li a > div > div:last-child > div:last-child {
  display: flex;
  align-items: center;
}

#category-list-grid ul li a > div > div:last-child > div:last-child img {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-top: 0.125rem;
}

#category-list-grid ul li a > div > div:last-child > div:last-child span:first-of-type {
  line-height: 1;
}

#category-list-grid ul li a > div > div:last-child > div:last-child span:last-of-type {
  font-size: 12px;
  color: var(--text-q);
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s;
  margin-bottom: -5px;
  margin-inline-start: -5px;
}

#category-list-grid ul li a > div::before {
  content: '•';
  position: absolute;
  inset-inline-start: 5px;
  top: 50%;
  transform: translateY(-50%) scale(1);
  font-size: 1.2rem;
  line-height: 1;
  color: var(--bullet-color, var(--text-q));
  text-shadow: none;
  transition: color .2s, transform .25s cubic-bezier(.175, .885, .32, 1.275), text-shadow .2s;
}

#category-list-grid ul li a span img {
  margin-inline-end: 0.5rem !important;
}

#category-list-grid ul li a:active {
  transform: scale(0.99) translateY(1px);
}

#category-list-grid ul li a:hover, #category-list-grid ul li a:focus {
  border-bottom-color: var(--bullet-hover-color, var(--base-color-4));
  color: var(--bullet-hover-color, var(--base-color-4));
  background-color: transparent;
  outline: 1px dashed var(--bullet-hover-color, var(--base-color-4));
}

#category-list-grid ul li a:hover > div::before, #category-list-grid ul li a:focus > div::before {
  color: var(--bullet-hover-color, var(--base-color-4));
  transform: translateY(-50%) scale(1.4);
  text-shadow: 0 0 6px var(--bullet-hover-color, var(--base-color-4)), 0 0 10px var(--bullet-hover-color, var(--base-color-4));
}

#category-list-grid ul li a:hover > div > div:last-child > div:last-child span, #category-list-grid ul li a:focus > div > div:last-child > div:last-child span {
  color: inherit;
}

.hot-tags-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem;
  margin-bottom: 1.5rem;
  padding: 0 .5rem;
  list-style: none;
}

.hot-tags-list a {
  display: block;
  padding: .5rem 0;
  color: var(--text-p);
  text-decoration: none;
  transition: color .15s, background-color .15s, border-color .15s, transform .1s;
  text-align: center;
}

.hot-tags-list a:active {
  color: var(--base-color-5);
  transform: scale(0.98) translateY(1px);
}

.hot-tags-list a:hover, .hot-tags-list a:focus {
  color: var(--base-color-4);
  outline: 1px dashed var(--base-color-4);
}

#hot-trending-tags {
  margin-top: -20px;
}

#all-porn-tags {
  color: var(--base-color-2) !important;
  font-weight: bold;
}

.top-title {
  font-size: 16px;
  font-weight: bold;
}

#box-grid > div {
  padding-inline-start: 0.25rem !important;
  padding-inline-end: 0.25rem !important;
  margin-bottom: 0.5rem !important;
}

.porn-sites-box {
  border: 3px solid var(--border-color, var(--base-color-7));
  border-radius: 1rem;
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  overflow: hidden;
  color: var(--text-p);
  background-color: transparent;
}

.porn-sites-box > .card-header + div {
  position: relative;
  height: 4px;
  background: var(--base-color-8);
  flex-shrink: 0;
}

.porn-sites-box > .card-header + div > div {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 4px;
  width: 30%;
  background: var(--border-color, var(--base-color-7));
  transition: all .3s;
  opacity: 1;
  margin: 0;
}

[dir="rtl"] .porn-sites-box > .card-header + div > div {
  transform: translate(50%, -50%);
}

.porn-sites-box > div:not(.card-header):not(.card-body) {
  margin-inline-end: 1rem !important;
  margin-inline-start: 1rem !important;
  border-radius: 1rem !important;
}

.porn-sites-box > div:not(.card-header):not(.card-body) > div {
  border-radius: var(--bs-border-radius-xl, 1rem) !important;
}

.porn-sites-box .card-body {
  padding-top: 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  overflow: hidden !important;
}

.porn-sites-box .card-body > div > p {
  font-size: 12px;
  padding-top: .5rem;
  margin-bottom: .5rem;
  color: var(--text-q) !important;
  text-align: center !important;
}

.porn-sites-box .card-body > div:has( > ol.list-group) {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  padding: 0 1rem;
  min-height: 0 !important;
  max-height: 330px;
  -webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  scrollbar-width: thin;
  scrollbar-color: var(--w-sb-thumb) var(--w-sb-track);
  background-color: inherit;
}

.porn-sites-box .card-body > div:has( > ol.list-group)::-webkit-scrollbar {
  width: 6px;
}

.porn-sites-box .card-body > div:has( > ol.list-group)::-webkit-scrollbar-button {
  display: none;
  height: 0;
  width: 0;
}

.porn-sites-box .card-body > div:has( > ol.list-group)::-webkit-scrollbar-thumb {
  background: var(--w-sb-thumb);
  border-radius: 3px;
}

.porn-sites-box .card-body > div:has( > ol.list-group)::-webkit-scrollbar-thumb:hover {
  background: var(--w-sb-thumb-hover);
}

.porn-sites-box .card-body > div:has( > ol.list-group)::-webkit-scrollbar-track {
  background: var(--w-sb-track);
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.porn-sites-box .card-body > div:has( > ol.list-group):has( + .card-footer a:not(.d-none):not(.btn)) {
  max-height: calc(330px - 37px) !important;
}

.porn-sites-box .card-body .card-footer {
  text-align: center;
}

.porn-sites-box .card-body .card-footer > a.btn {
  width: 100%;
}

.porn-sites-box .card-body .card-footer > a:first-of-type {
  display: inline-block;
  background-color: transparent;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 11px;
  margin-bottom: 0rem;
  color: var(--link-p);
  transition: color .15s, background-color .15s, transform .1s;
}

.porn-sites-box .card-body .list-group-numbered {
  margin-bottom: 1rem !important;
  line-height: 18px;
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item {
  border: 0 !important;
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
  margin-inline-start: 1rem !important;
  background-color: transparent;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item a {
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  color: var(--text-p);
  width: 100% !important;
  background-color: transparent;
  transition: color .15s, transform .1s;
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item a img {
  margin-inline-end: .5rem !important;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item a:active {
  color: var(--base-color-5) !important;
  transform: scale(0.98) translateX(2px);
}

[dir="rtl"] .porn-sites-box .card-body .list-group-numbered > .list-group-item a:active {
  transform: scale(0.98) translateX(-2px);
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item::before {
  color: var(--text-q);
  position: absolute;
  inset-inline-start: -14px;
  text-align: end;
  width: 29px;
}

[dir="rtl"] .porn-sites-box .card-body .list-group-numbered > .list-group-item::before {
  text-align: start;
}

.porn-sites-box .card-body .list-group-numbered > .list-group-item:hover a, .porn-sites-box .card-body .list-group-numbered > .list-group-item:focus-within a {
  color: var(--base-color-4) !important;
}

.porn-sites-box .card-footer {
  flex-shrink: 0;
  background-color: transparent;
  border-top: 0;
  padding: .5rem 1rem;
  color: initial;
  margin-top: auto;
}

.porn-sites-box .card-footer > a:first-of-type:not(.d-none):active {
  color: var(--base-color-5);
  transform: scale(0.98) translateY(1px);
}

.porn-sites-box .card-footer > a:first-of-type:not(.d-none):hover {
  color: var(--base-color-4);
}

.porn-sites-box .card-footer .btn {
  margin: 2px 0 0 0;
  background-color: var(--button-bg-color, var(--base-color-7));
  border-color: var(--button-outline-color, var(--base-color-7));
  color: var(--border-text);
  box-shadow: none;
  transition: background-color .15s, border-color .15s, transform .1s, box-shadow .15s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35em;
}

.porn-sites-box .card-footer .btn > svg {
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
}

.porn-sites-box .card-footer .btn:active, .porn-sites-box .card-footer .btn.active {
  box-shadow: 0 0 12px 4px var(--border-color, var(--base-color-7)) !important;
  filter: none;
  transform: scale(0.98) translateY(1px);
}

.porn-sites-box .card-footer .btn:hover, .porn-sites-box .card-footer .btn:focus {
  box-shadow: 0 0 8px 2px var(--border-color, var(--base-color-7));
  filter: none;
}

.porn-sites-box .card-header {
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: transparent;
  border-bottom: 0;
  color: var(--text-p);
  display: flex !important;
  flex-direction: row !important;
  margin-inline-end: 1rem !important;
  margin-inline-start: 1rem !important;
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.porn-sites-box .card-header h3 {
  font-size: 15px;
  margin: 0;
  color: var(--text-p);
  line-height: 1.4;
  min-height: 2.8em;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  transition: opacity .1s, transform .1s;
}

.porn-sites-box .card-header h3 > a {
  color: inherit !important;
  text-decoration: none !important;
  cursor: default;
  width: 100%;
  display: inline-block;
  transition: color .15s, transform .1s;
}

.porn-sites-box .card-header h3 > a:active {
  color: var(--base-color-5) !important;
  transform: scale(0.98) translateY(1px);
  cursor: pointer;
}

.porn-sites-box .card-header h3 > a:hover {
  color: var(--base-color-4) !important;
  cursor: pointer;
}

.porn-sites-box .card-header h3 > a:link, .porn-sites-box .card-header h3 > a:visited, .porn-sites-box .card-header h3 > a:focus {
  color: inherit !important;
  text-decoration: none !important;
  cursor: default;
  width: 100%;
}

.porn-sites-box .card-header img {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  margin-inline-end: .5rem;
}

.porn-sites-box:focus-within > .card-header + div > div {
  width: 100%;
}

.porn-sites-box:hover > .card-header + div > div, .porn-sites-box:focus-within > .card-header + div > div {
  width: 100%;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background-color: var(--base-color-5);
  border-color: var(--base-color-5);
}

.btn-warning {
  color: var(--base-color-1);
  background-color: var(--base-color-4);
  border-color: var(--base-color-4);
}

.cursor-pointer {
  cursor: pointer;
}

.scroll-nav-button {
  position: fixed;
  bottom: 30px;
  inset-inline-end: 25px;
  z-index: 1030;
  width: 48px;
  height: 48px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid var(--s-bx-shadow-2);
  background-color: var(--bg-t);
  color: var(--text-q);
  cursor: pointer;
  box-shadow: 0 3px 8px var(--bx-shadow-1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px) scale(0.9);
  transition: opacity .35s cubic-bezier(.25, .1, .25, 1), visibility 0s linear .15s, transform .35s cubic-bezier(.25, .1, .25, 1), background-color .2s, color .2s, border-color .2s, box-shadow .2s;
}

.scroll-nav-button > svg {
  font-size: 39px;
  width: 39px;
  height: 39px;
}

.scroll-nav-button.visible {
  opacity: .9;
  visibility: visible;
  transform: translateY(0) scale(1);
  transition-delay: 0s;
}

.scroll-nav-button:active {
  background-color: var(--base-color-5);
  color: var(--base-color-1);
  border-color: var(--base-color-5);
  box-shadow: 0 2px 5px var(--s-bx-shadow-1);
  transform: translateY(2px) scale(0.97);
  transition-duration: .05s;
}

.scroll-nav-button:disabled {
  cursor: not-allowed;
  opacity: .6 !important;
  background-color: var(--bg-t) !important;
  color: var(--base-color-10) !important;
  border-color: var(--base-color-9) !important;
  box-shadow: 0 3px 8px var(--bx-shadow-1) !important;
  transform: translateY(10px) scale(0.9) !important;
}

.scroll-nav-button:focus-visible {
  outline: 3px solid var(--link-p);
  outline-offset: 2px;
}

.scroll-nav-button:hover, .scroll-nav-button:focus-visible {
  background-color: var(--base-color-4);
  color: var(--base-color-1);
  border-color: var(--base-color-3);
  box-shadow: 0 6px 12px var(--s-bx-shadow-1);
  transform: translateY(-2px) scale(1.05);
}

#scroll-down-button {
  touch-action: manipulation;
}

#scroll-up-button {
  bottom: 88px;
  touch-action: manipulation;
}

.footer-style {
  color: var(--base-color-1) !important;
  background-color: var(--base-color-6) !important;
  margin-top: -24px;
}

.footer-style > div:first-of-type {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.footer-style > div:first-of-type > div:first-of-type {
  display: flex;
  flex-direction: column !important;
  align-items: center !important;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.footer-rabbit-girl {
  display: flex;
  justify-content: center;
  width: 100% !important;
}

.footer-rabbit-girl img.rabbit-girl {
  width: 180px;
  height: auto;
  aspect-ratio: 1;
}

#footer-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  gap: 1rem;
  list-style: none;
}

#footer-links {
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 1rem;
  gap: 0.5rem;
}

#footer-links a {
  color: var(--base-color-1);
  text-decoration: none;
  transition: color .2s, transform .1s;
  white-space: nowrap;
  display: inline-block;
}

#footer-links a:active {
  color: var(--base-color-5);
  transform: scale(0.98) translateY(1px);
}

#footer-links a:hover, #footer-links a:focus {
  color: var(--base-color-4);
  text-decoration: underline;
}

#copyright {
  text-align: center;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
}

#copyright a {
  color: var(--base-color-1);
  text-decoration: none;
  transition: color .2s, transform .1s;
  white-space: nowrap;
  display: inline-block;
}

#copyright a:active {
  color: var(--base-color-5);
  transform: scale(0.98) translateY(1px);
}

#copyright a:hover, #copyright a:focus {
  color: var(--base-color-4);
  text-decoration: underline;
}

#nav-icon-column {
  margin: 10px;
}

#nav-icon-column > div {
  margin-top: 3rem;
}

#nav-icon-column > div > ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 3rem;
  padding-inline-start: 0;
}

#rabbit-girl-column {
  align-self: flex-start;
}

#rabbit-girl-column > div {
  position: relative;
}

#rabbit-girl-column img.rabbit-girl {
  position: absolute;
  inset-inline-end: 0;
  width: 80%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
}

#bg-img {
  background-color: var(--bg-p);
}

.bg-black {
  background: var(--base-color-6) !important;
}

.visually-hidden-xp {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.article-styles *, .article-styles *::before, .article-styles *::after {
  box-sizing: border-box;
}

.article-styles p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 1.2em !important;
}

.article-styles p:last-of-type {
  margin-bottom: 0 !important;
}

.article-styles section p {
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin-top: 0 !important;
  margin-bottom: 1.2em !important;
}

.article-styles section p:last-of-type {
  margin-bottom: 0 !important;
}

.article-styles h1, .article-styles h2, .article-styles h3, .article-styles h4 {
  font-weight: bold !important;
  line-height: 1.3 !important;
}

.article-styles h1 {
  font-size: 24px !important;
  margin-top: 0 !important;
  margin-bottom: 0.8em !important;
}

.article-styles section h1 {
  font-size: 24px !important;
  margin-top: 0 !important;
  margin-bottom: 0.8em !important;
}

.article-styles h2 {
  font-size: 18px !important;
  margin-top: 2em !important;
  margin-bottom: 1em !important;
}

.article-styles > h2:first-child {
  margin-top: 0 !important;
}

.article-styles section h2, .article-styles section.level2 h2 {
  font-size: 18px !important;
  margin-top: 2em !important;
  margin-bottom: 1em !important;
}

.article-styles > section:first-child > h2:first-child {
  margin-top: 0 !important;
}

.article-styles h3 {
  font-size: 16px !important;
  margin-top: 1.75em !important;
  margin-bottom: 0.6em !important;
}

.article-styles > h3:first-child {
  margin-top: 0 !important;
}

.article-styles section h3, .article-styles section.level3 h3 {
  font-size: 16px !important;
  margin-top: 1.75em !important;
  margin-bottom: 0.6em !important;
}

.article-styles > section:first-child > h3:first-child {
  margin-top: 0 !important;
}

.article-styles h4 {
  font-size: 14px !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
}

.article-styles > h4:first-child {
  margin-top: 0 !important;
}

.article-styles section h4, .article-styles section.level4 h4 {
  font-size: 14px !important;
  margin-top: 1.5em !important;
  margin-bottom: 0.5em !important;
}

.article-styles > section:first-child > h4:first-child {
  margin-top: 0 !important;
}

.article-styles h1 + h2, .article-styles h2 + h3, .article-styles h3 + h4 {
  margin-top: 1em !important;
}

.article-styles section h1 + h2, .article-styles section h2 + h3, .article-styles section h3 + h4 {
  margin-top: 1em !important;
}

.article-styles ul, .article-styles ol, .article-styles section ul, .article-styles section ol {
  margin-top: 0 !important;
  margin-bottom: 1em !important;
  padding-inline-start: 1.8em !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.article-styles ul:last-of-type, .article-styles ol:last-of-type, .article-styles section ul:last-of-type, .article-styles section ol:last-of-type {
  margin-bottom: 0 !important;
}

.article-styles ul ul, .article-styles ol ol, .article-styles ul ol, .article-styles ol ul, .article-styles section ul ul, .article-styles section ol ol, .article-styles section ul ol, .article-styles section ol ul {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  padding-inline-start: 1.5em !important;
}

.article-styles li, .article-styles section li {
  margin-bottom: 0.4em !important;
}

.article-styles li:last-child, .article-styles section li:last-child {
  margin-bottom: 0 !important;
}

.article-styles li p, .article-styles section li p {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0.5em !important;
}

.article-styles li p:last-child, .article-styles section li p:last-child {
  margin-bottom: 0 !important;
}

.article-styles strong, .article-styles b, .article-styles section strong, .article-styles section b {
  font-weight: bold !important;
}

.article-styles em, .article-styles i, .article-styles section em, .article-styles section i {
  font-style: italic !important;
}

.article-styles figure, .article-styles section figure {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
  margin-inline-start: 0;
  margin-inline-end: 0;
  text-align: center;
}

.article-styles figure:last-of-type, .article-styles section figure:last-of-type {
  margin-bottom: 0 !important;
}

.article-styles figure img, .article-styles section figure img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin-bottom: 0.5em;
}

.article-styles figcaption, .article-styles section figcaption {
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
  margin-top: 0.25em;
}

@media (max-width: 375.98px) {
  .cookie-consent-overlay-xp {
    padding: 10px;
  }
}

@media (max-width: 375.98px) {
  .cookie-consent-panel-xp {
    padding: 18px 15px;
    max-height: calc(100vh - 20px);
    border-radius: 10px;
  }
}

@media (max-width: 375.98px) {
  .cookie-consent-overlay-xp.age-gate-passed-initial-xp .cookie-consent-panel-xp, .cookie-consent-overlay-xp.age-gate-passed-xp .cookie-consent-panel-xp {
    padding: 15px;
    border-radius: 10px 10px 0 0;
  }
}

@media (max-width: 375.98px) {
  .age-gate-content-xp {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 375.98px) {
  .icon-18plus-xp {
    width: 42px;
    height: 42px;
    font-size: 20px;
    margin-bottom: 12px;
  }
}

@media (max-width: 375.98px) {
  #ageGateTitle-standalone {
    font-size: 19px;
    line-height: 24px;
  }
}

@media (max-width: 375.98px) {
  .age-gate-content-xp p {
    font-size: 12px;
    line-height: 17px;
  }
}

@media (max-width: 375.98px) {
  #cookieConsentTitle-standalone, #manageCookiesTitle-standalone {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 375.98px) {
  #cookieConsentDescription-standalone, #cookie-manage-panel-standalone > p, .cookie-category-xp p.description-xp {
    font-size: 12px;
    margin-bottom: 12px;
    line-height: 17px;
  }
}

@media (max-width: 375.98px) {
  .cookie-buttons-xp {
    gap: 8px;
    margin-top: 18px;
  }
}

@media (max-width: 375.98px) {
  .cookie-btn-xp {
    padding: 10px 14px;
    font-size: 13px;
    border-radius: 6px;
    line-height: 17px;
  }
}

@media (max-width: 375.98px) {
  #cookie-manage-panel-standalone {
    padding-top: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 375.98px) {
  .cookie-category-header-xp h4 {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (max-width: 375.98px) {
  .cookie-category-header-xp span {
    font-size: 11px;
  }
}

@media (max-width: 375.98px) {
  .cookie-category-xp p.description-xp {
    font-size: 11px;
    line-height: 15px;
  }
}

@media (max-width: 375.98px) {
  .cookie-toggle-switch-xp {
    width: 38px;
    height: 20px;
  }
}

@media (max-width: 375.98px) {
  .cookie-toggle-slider-xp {
    border-radius: 20px;
  }
}

@media (max-width: 375.98px) {
  .cookie-toggle-slider-xp:before {
    height: 14px;
    width: 14px;
    top: 2px;
    inset-inline-start: 2px;
  }
}

@media (max-width: 375.98px) {
  .cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
    transform: translateX(16px);
  }
}

@media (max-width: 375.98px) {
  [dir="rtl"] .cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
    transform: translateX(-16px);
  }
}

@media (max-width: 480px) {
  .cookie-consent-panel-xp {
    padding: 22px 20px;
    max-height: calc(100vh - 30px);
    border-radius: 12px;
  }
}

@media (max-width: 480px) {
  .age-gate-content-xp {
    margin-bottom: 18px;
    padding-bottom: 18px;
  }
}

@media (max-width: 480px) {
  .icon-18plus-xp {
    width: 50px;
    height: 50px;
    font-size: 24px;
    margin-bottom: 15px;
  }
}

@media (max-width: 480px) {
  #ageGateTitle-standalone {
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 28px;
  }
}

@media (max-width: 480px) {
  .age-gate-content-xp p {
    font-size: 13px;
    line-height: 19px;
  }
}

@media (max-width: 480px) {
  #cookieConsentTitle-standalone, #manageCookiesTitle-standalone {
    font-size: 19px;
    margin-bottom: 10px;
    line-height: 24px;
  }
}

@media (max-width: 480px) {
  #cookieConsentDescription-standalone, #cookie-manage-panel-standalone > p, .cookie-category-xp p.description-xp {
    font-size: 13px;
    margin-bottom: 14px;
    line-height: 19px;
  }
}

@media (max-width: 480px) {
  .cookie-buttons-xp {
    gap: 10px;
    margin-top: 20px;
  }
}

@media (max-width: 480px) {
  .cookie-btn-xp {
    padding: 11px 18px;
    font-size: 14px;
    border-radius: 8px;
    line-height: 19px;
  }
}

@media (max-width: 480px) {
  #cookie-manage-panel-standalone {
    padding-top: 15px;
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  .cookie-category-xp {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 480px) {
  .cookie-category-header-xp h4 {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 480px) {
  .cookie-category-header-xp span {
    font-size: 12px;
    padding: 2px 5px;
  }
}

@media (max-width: 480px) {
  .cookie-category-xp p.description-xp {
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 17px;
  }
}

@media (max-width: 480px) {
  .cookie-toggle-switch-xp {
    width: 40px;
    height: 22px;
  }
}

@media (max-width: 480px) {
  .cookie-toggle-slider-xp {
    border-radius: 22px;
  }
}

@media (max-width: 480px) {
  .cookie-toggle-slider-xp:before {
    height: 16px;
    width: 16px;
    top: 2px;
    inset-inline-start: 2px;
  }
}

@media (max-width: 480px) {
  .cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
    transform: translateX(18px);
  }
}

@media (max-width: 480px) {
  [dir="rtl"] .cookie-toggle-switch-xp input:checked + .cookie-toggle-slider-xp:before {
    transform: translateX(-18px);
  }
}

@media (max-width: 575.98px) {
  .container {
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
  }
}

@media (min-width: 376px) and (max-width: 575.98px) {
  .cookie-consent-overlay-xp.age-gate-passed-initial-xp .cookie-buttons-xp, .cookie-consent-overlay-xp.age-gate-passed-xp .cookie-buttons-xp {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
  }
}

@media (min-width: 376px) and (max-width: 575.98px) {
  .cookie-consent-overlay-xp.age-gate-passed-initial-xp .cookie-buttons-xp .cookie-btn-xp, .cookie-consent-overlay-xp.age-gate-passed-xp .cookie-buttons-xp .cookie-btn-xp {
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 100px;
    padding: 10px 8px;
    font-size: 13px;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .porn-sites-box .card-body .list-group-numbered {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
  }
}

@media (min-width: 576px) {
  .cookie-buttons-xp {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

@media (min-width: 576px) {
  .cookie-buttons-xp .cookie-btn-xp {
    flex-grow: 0;
    width: auto;
    padding: 12px 20px;
    font-size: 14px;
  }
}

@media (min-width: 576px) {
  #cookie-banner-main-standalone .cookie-buttons-xp {
    justify-content: flex-end;
  }
}

@media (min-width: 576px) {
  #cookie-banner-main-standalone .cookie-btn-manage-xp {
    order: 1;
    margin-inline-end: auto;
  }
}

@media (min-width: 576px) {
  #cookie-banner-main-standalone .cookie-btn-reject-xp {
    order: 2;
  }
}

@media (min-width: 576px) {
  #cookie-banner-main-standalone .cookie-btn-accept-all-xp {
    order: 3;
  }
}

@media (min-width: 576px) {
  .cookie-buttons-xp.cookie-manage-buttons-xp {
    justify-content: space-between;
  }
}

@media (min-width: 576px) {
  .cookie-buttons-xp.cookie-manage-buttons-xp .cookie-btn-save-settings-xp {
    order: 1;
  }
}

@media (min-width: 576px) {
  .cookie-buttons-xp.cookie-manage-buttons-xp .cookie-btn-accept-all-manage-xp {
    order: 2;
  }
}

@media (min-width: 700px) {
  #category-list-grid ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    background-image: linear-gradient(to right, transparent 0, transparent calc(50% - 0.5px), var(--border-q) calc(50% - 0.5px), var(--border-q) calc(50% + 0.5px), transparent calc(50% + 0.5px), transparent 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

@media (min-width: 700px) {
  #category-list-grid ul li a {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}

@media (min-width: 768px) {
  #rabbit-girl-column > div {
    height: 188px;
  }
}

@media (min-width: 768px) {
  .pb-12 {
    padding-bottom: 12rem;
  }
}

@media (min-width: 992px) {
  #navbar .navbar-nav {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 992px) {
  #category-list-grid ul {
    grid-template-columns: repeat(3, 1fr);
    background-image: linear-gradient(to right, transparent 0, transparent calc(33.333% - 0.5px), var(--border-q) calc(33.333% - 0.5px), var(--border-q) calc(33.333% + 0.5px), transparent calc(33.333% + 0.5px), transparent calc(66.667% - 0.5px), var(--border-q) calc(66.667% - 0.5px), var(--border-q) calc(66.667% + 0.5px), transparent calc(66.667% + 0.5px), transparent 100%);
  }
}

@media (min-width: 1200px) {
  #rabbit-girl-column > div > img.rabbit-girl {
    margin-top: -5px;
  }
}

@media (min-width: 1400px) {
  #rabbit-girl-column > div {
    height: 263px;
  }
}

@media (min-width: 1400px) {
  #rabbit-girl-column > div > img.rabbit-girl {
    margin-top: -7px;
  }
}