/* --- ĐÂY LÀ CSS CỦA CHÍNH TRANG WEB (LOCAL) --- */

:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6, 78%, 57%); --toastify-color-transparent: rgba(255, 255, 255, .7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: .2; }
.Toastify__toast-container { z-index: var(--toastify-z-index); transform: translate3d(0,0,var(--toastify-z-index)); position: fixed; width: var(--toastify-container-width); box-sizing: border-box; color: rgb(255, 255, 255); display: flex; flex-direction: column; }
.Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); }
.Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translate(-50%); align-items: center; }
.Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; }
.Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); }
.Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translate(-50%); align-items: center; }
.Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; }
.Toastify__toast { --y: 0; position: relative; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); z-index: 0; display: flex; flex: 1 1 auto; align-items: center; word-break: break-word; }
@media only screen and (max-width: 480px) {
  .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0px; }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translate(0px); }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translate(0px); }
  .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: initial; }
  .Toastify__toast { --toastify-toast-width: 100%; margin-bottom: 0px; border-radius: 0px; }
}
.Toastify__toast-container[data-stacked="true"] { width: var(--toastify-toast-width); }
.Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0,var(--y),0) scale(var(--s)); transition: transform 0.3s; }
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button { transition: opacity 0.1s; }
.Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; }
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; }
.Toastify__toast--stacked::after { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--g) * 1px); bottom: 100%; }
.Toastify__toast--stacked[data-pos="top"] { top: 0px; }
.Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; }
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; }
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; }
.Toastify__toast--stacked::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; transform: scaleY(3); z-index: -1; }
.Toastify__toast--rtl { direction: rtl; }
.Toastify__toast--close-on-click { cursor: pointer; }
.Toastify__toast-icon { margin-inline-end: 10px; width: 22px; flex-shrink: 0; display: flex; }
.Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; }
.Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; }
.Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); }
.Toastify__toast-theme--light, .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); }
.Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); }
.Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); }
.Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); }
.Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); }
.Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); }
.Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); }
.Toastify__progress-bar--info { background: var(--toastify-color-progress-info); }
.Toastify__progress-bar--success { background: var(--toastify-color-progress-success); }
.Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); }
.Toastify__progress-bar--error { background: var(--toastify-color-progress-error); }
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); }
.Toastify__close-button { color: rgb(255, 255, 255); position: absolute; top: 6px; right: 6px; background: transparent; outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; z-index: 1; }
.Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; }
.Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; }
.Toastify__close-button > svg { fill: currentcolor; height: 16px; width: 14px; }
.Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; }
@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0.7; transform-origin: left center; }
.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }
.Toastify__progress-bar--controlled { transition: transform 0.2s; }
.Toastify__progress-bar--rtl { right: 0px; left: initial; transform-origin: right center; border-bottom-left-radius: initial; }
.Toastify__progress-bar--wrp { position: absolute; overflow: hidden; bottom: 0px; left: 0px; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); }
.Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; }
.Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; }
.Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-width: 2px; border-style: solid; border-image: initial; border-radius: 100%; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); animation: 0.65s linear 0s infinite normal none running Toastify__spin; }
@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(2000px,var(--y),0); }
}
@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(-2000px,var(--y),0); }
}
@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left { animation-name: Toastify__bounceInLeft; }
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right { animation-name: Toastify__bounceInRight; }
.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }
.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }
.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left { animation-name: Toastify__bounceOutLeft; }
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right { animation-name: Toastify__bounceOutRight; }
.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }
.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }
@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: translate3d(0,var(--y),0) scale3d(.3,.3,.3); }
  100% { opacity: 0; }
}
.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }
.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }
@keyframes Toastify__flipIn { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes Toastify__flipOut { 
  0% { transform: translate3d(0,var(--y),0) perspective(400px); }
  30% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(90deg); opacity: 0; }
}
.Toastify__flip-enter { animation-name: Toastify__flipIn; }
.Toastify__flip-exit { animation-name: Toastify__flipOut; }
@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideOutRight { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(110%,var(--y),0); }
}
@keyframes Toastify__slideOutLeft { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(-110%,var(--y),0); }
}
@keyframes Toastify__slideOutDown { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}
@keyframes Toastify__slideOutUp { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left { animation-name: Toastify__slideInLeft; }
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right { animation-name: Toastify__slideInRight; }
.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }
.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }
.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; }
@keyframes Toastify__spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


:root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33,37,41,.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33,37,41,.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0,0,0,.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13,110,253,.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }
[data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222,226,230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33,37,41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255,255,255; --bs-secondary-color: rgba(222,226,230,.75); --bs-secondary-color-rgb: 222,226,230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52,58,64; --bs-tertiary-color: rgba(222,226,230,.5); --bs-tertiary-color-rgb: 222,226,230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43,48,53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110,168,254; --bs-link-hover-color-rgb: 139,185,254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: hsla(0,0%,100%,.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: var(--bs-border-width) solid; opacity: 0.25; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }
.h1, h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
  .h1, h1 { font-size: 2.5rem; }
}
.h2, h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
  .h2, h2 { font-size: 2rem; }
}
.h3, h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
  .h3, h3 { font-size: 1.75rem; }
}
.h4, h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) {
  .h4, h4 { font-size: 1.5rem; }
}
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
.small, small { font-size: 0.875em; }
.mark, mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); }
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; }
pre { display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; }
pre code { font-size: inherit; color: inherit; word-break: normal; }
code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
a > code { color: inherit; }
kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; }
kbd kbd { padding: 0px; font-size: 1em; }
figure { margin: 0px 0px 1rem; }
img, svg { vertical-align: middle; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; }
th { text-align: -webkit-match-parent; }
tbody, td, tfoot, th, thead, tr { border-width: 0px; border-style: solid; border-image: initial; border-color: inherit; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; }
@media (min-width: 1200px) {
  legend { font-size: 1.5rem; }
}
legend + * { clear: left; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
output { display: inline-block; }
iframe { border: 0px; }
summary { display: list-item; cursor: pointer; }
progress { vertical-align: baseline; }
[hidden] { display: none !important; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-1 { font-size: 5rem; }
}
.display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-2 { font-size: 4.5rem; }
}
.display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-3 { font-size: 4rem; }
}
.display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-4 { font-size: 3.5rem; }
}
.display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-5 { font-size: 3rem; }
}
.display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; }
@media (min-width: 1200px) {
  .display-6 { font-size: 2.5rem; }
}
.list-inline, .list-unstyled { padding-left: 0px; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { font-size: 0.875em; text-transform: uppercase; }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote > :last-child { margin-bottom: 0px; }
.blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: rgb(108, 117, 125); }
.blockquote-footer::before { content: "— "; }
.img-fluid, .img-thumbnail { max-width: 100%; height: auto; }
.img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
  .container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.col { flex: 1 0 0%; }
.row-cols-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-3 > * { flex: 0 0 auto; width: 33.3333%; }
.row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-6 > * { flex: 0 0 auto; width: 16.6667%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333%; }
.col-2 { flex: 0 0 auto; width: 16.6667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.3333%; }
.col-5 { flex: 0 0 auto; width: 41.6667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.3333%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.6667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.3333%; }
.offset-5 { margin-left: 41.6667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.3333%; }
.offset-8 { margin-left: 66.6667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.3333%; }
.offset-11 { margin-left: 91.6667%; }
.g-0, .gx-0 { --bs-gutter-x: 0; }
.g-0, .gy-0 { --bs-gutter-y: 0; }
.g-1, .gx-1 { --bs-gutter-x: 0.25rem; }
.g-1, .gy-1 { --bs-gutter-y: 0.25rem; }
.g-2, .gx-2 { --bs-gutter-x: 0.5rem; }
.g-2, .gy-2 { --bs-gutter-y: 0.5rem; }
.g-3, .gx-3 { --bs-gutter-x: 1rem; }
.g-3, .gy-3 { --bs-gutter-y: 1rem; }
.g-4, .gx-4 { --bs-gutter-x: 1.5rem; }
.g-4, .gy-4 { --bs-gutter-y: 1.5rem; }
.g-5, .gx-5 { --bs-gutter-x: 3rem; }
.g-5, .gy-5 { --bs-gutter-y: 3rem; }
@media (min-width: 576px) {
  .col-sm { flex: 1 0 0%; }
  .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333%; }
  .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; }
  .col-sm-1 { flex: 0 0 auto; width: 8.33333%; }
  .col-sm-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-sm-3 { flex: 0 0 auto; width: 25%; }
  .col-sm-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-sm-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-sm-6 { flex: 0 0 auto; width: 50%; }
  .col-sm-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-sm-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-sm-9 { flex: 0 0 auto; width: 75%; }
  .col-sm-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-sm-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-sm-12 { flex: 0 0 auto; width: 100%; }
  .offset-sm-0 { margin-left: 0px; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.6667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333%; }
  .offset-sm-5 { margin-left: 41.6667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333%; }
  .offset-sm-8 { margin-left: 66.6667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333%; }
  .offset-sm-11 { margin-left: 91.6667%; }
  .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; }
  .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; }
  .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; }
  .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; }
  .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; }
  .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; }
  .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; }
  .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; }
  .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; }
  .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; }
  .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; }
  .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; }
}
@media (min-width: 768px) {
  .col-md { flex: 1 0 0%; }
  .row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333%; }
  .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; }
  .col-md-1 { flex: 0 0 auto; width: 8.33333%; }
  .col-md-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-md-3 { flex: 0 0 auto; width: 25%; }
  .col-md-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-md-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-md-6 { flex: 0 0 auto; width: 50%; }
  .col-md-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-md-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-md-9 { flex: 0 0 auto; width: 75%; }
  .col-md-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-md-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-md-12 { flex: 0 0 auto; width: 100%; }
  .offset-md-0 { margin-left: 0px; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.6667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333%; }
  .offset-md-5 { margin-left: 41.6667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333%; }
  .offset-md-8 { margin-left: 66.6667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333%; }
  .offset-md-11 { margin-left: 91.6667%; }
  .g-md-0, .gx-md-0 { --bs-gutter-x: 0; }
  .g-md-0, .gy-md-0 { --bs-gutter-y: 0; }
  .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; }
  .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; }
  .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; }
  .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; }
  .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; }
  .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; }
  .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; }
  .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; }
  .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; }
  .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; }
}
@media (min-width: 992px) {
  .col-lg { flex: 1 0 0%; }
  .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333%; }
  .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; }
  .col-lg-1 { flex: 0 0 auto; width: 8.33333%; }
  .col-lg-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-lg-3 { flex: 0 0 auto; width: 25%; }
  .col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-lg-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-lg-6 { flex: 0 0 auto; width: 50%; }
  .col-lg-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-lg-9 { flex: 0 0 auto; width: 75%; }
  .col-lg-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-lg-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-lg-12 { flex: 0 0 auto; width: 100%; }
  .offset-lg-0 { margin-left: 0px; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.6667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333%; }
  .offset-lg-5 { margin-left: 41.6667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333%; }
  .offset-lg-8 { margin-left: 66.6667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333%; }
  .offset-lg-11 { margin-left: 91.6667%; }
  .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; }
  .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; }
  .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; }
  .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; }
  .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; }
  .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; }
  .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; }
  .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; }
  .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; }
  .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; }
  .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; }
  .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; }
}
@media (min-width: 1200px) {
  .col-xl { flex: 1 0 0%; }
  .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333%; }
  .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; }
  .col-xl-1 { flex: 0 0 auto; width: 8.33333%; }
  .col-xl-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-xl-3 { flex: 0 0 auto; width: 25%; }
  .col-xl-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-xl-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-xl-6 { flex: 0 0 auto; width: 50%; }
  .col-xl-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-xl-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-xl-9 { flex: 0 0 auto; width: 75%; }
  .col-xl-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-xl-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-xl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xl-0 { margin-left: 0px; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.6667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333%; }
  .offset-xl-5 { margin-left: 41.6667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333%; }
  .offset-xl-8 { margin-left: 66.6667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333%; }
  .offset-xl-11 { margin-left: 91.6667%; }
  .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; }
  .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; }
  .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; }
  .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; }
  .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; }
  .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; }
  .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; }
  .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; }
  .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; }
  .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; }
  .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; }
  .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; }
}
@media (min-width: 1400px) {
  .col-xxl { flex: 1 0 0%; }
  .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
  .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
  .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
  .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333%; }
  .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
  .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
  .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6667%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; }
  .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; }
  .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; }
  .col-xxl-3 { flex: 0 0 auto; width: 25%; }
  .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; }
  .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; }
  .col-xxl-6 { flex: 0 0 auto; width: 50%; }
  .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; }
  .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; }
  .col-xxl-9 { flex: 0 0 auto; width: 75%; }
  .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; }
  .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; }
  .col-xxl-12 { flex: 0 0 auto; width: 100%; }
  .offset-xxl-0 { margin-left: 0px; }
  .offset-xxl-1 { margin-left: 8.33333%; }
  .offset-xxl-2 { margin-left: 16.6667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.3333%; }
  .offset-xxl-5 { margin-left: 41.6667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.3333%; }
  .offset-xxl-8 { margin-left: 66.6667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.3333%; }
  .offset-xxl-11 { margin-left: 91.6667%; }
  .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; }
  .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; }
  .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; }
  .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; }
  .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; }
  .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; }
  .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; }
  .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; }
  .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; }
  .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; }
  .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; }
  .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; }
}
.table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb),0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb),0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); }
.table > :not(caption) > * > * { padding: 0.5rem; color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))); }
.table > tbody { vertical-align: inherit; }
.table > thead { vertical-align: bottom; }
.table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid; }
.caption-top { caption-side: top; }
.table-sm > :not(caption) > * > * { padding: 0.25rem; }
.table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; }
.table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); }
.table-borderless > :not(caption) > * > * { border-bottom-width: 0px; }
.table-borderless > :not(:first-child) { border-top-width: 0px; }
.table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(2n+1) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }
.table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); }
.table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); }
.table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; }
.table-primary, .table-secondary { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; }
.table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; }
.table-info, .table-success { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; }
.table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; }
.table-danger, .table-warning { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; }
.table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; }
.table-dark, .table-light { color: var(--bs-table-color); border-color: var(--bs-table-border-color); }
.table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; }
.table-responsive { overflow-x: auto; }
@media (max-width: 575.98px) {
  .table-responsive-sm { overflow-x: auto; }
}
@media (max-width: 767.98px) {
  .table-responsive-md { overflow-x: auto; }
}
@media (max-width: 991.98px) {
  .table-responsive-lg { overflow-x: auto; }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl { overflow-x: auto; }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl { overflow-x: auto; }
}
.form-label { margin-bottom: 0.5rem; }
.col-form-label { padding-top: calc(.375rem + var(--bs-border-width)); padding-bottom: calc(.375rem + var(--bs-border-width)); margin-bottom: 0px; font-size: inherit; line-height: 1.5; }
.col-form-label-lg { padding-top: calc(.5rem + var(--bs-border-width)); padding-bottom: calc(.5rem + var(--bs-border-width)); font-size: 1.25rem; }
.col-form-label-sm { padding-top: calc(.25rem + var(--bs-border-width)); padding-bottom: calc(.25rem + var(--bs-border-width)); font-size: 0.875rem; }
.form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); }
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-control { transition: none; }
}
.form-control[type="file"] { overflow: hidden; }
.form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; }
.form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; }
.form-control::-webkit-datetime-edit { display: block; padding: 0px; }
.form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }
.form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; }
.form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-width: 0px; border-style: solid; border-image: initial; border-color: inherit; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-width: 0px; border-style: solid; border-image: initial; border-color: inherit; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button { transition: none; }
  .form-control::file-selector-button { transition: none; }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }
.form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0px; margin-bottom: 0px; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: var(--bs-border-width) 0; }
.form-control-plaintext:focus { outline: 0px; }
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; }
.form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
.form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }
.form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; }
.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
.form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }
.form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }
textarea.form-control { min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); }
textarea.form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); }
textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }
.form-control-color { width: 3rem; height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; }
.form-control-color:not(:disabled):not([readonly]) { cursor: pointer; }
.form-control-color::-webkit-color-swatch { border-radius: var(--bs-border-radius); border: 0px !important; }
.form-control-color.form-control-sm { height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); }
.form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }
.form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-select { transition: none; }
}
.form-select:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; }
.form-select:disabled { background-color: var(--bs-secondary-bg); }
.form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
.form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
[data-bs-theme="dark"] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }
.form-check .form-check-input { float: left; margin-left: -1.5em; }
.form-check-reverse { padding-right: 1.5em; padding-left: 0px; text-align: right; }
.form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0px; }
.form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: 50% center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; }
.form-check-input[type="checkbox"] { border-radius: 0.25em; }
.form-check-input[type="radio"] { border-radius: 50%; }
.form-check-input:active { filter: brightness(90%); }
.form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }
.form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }
.form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
.form-check-input[type="checkbox"]:indeterminate { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; }
.form-switch { padding-left: 2.5em; }
.form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: 0px center; border-radius: 2em; transition: background-position 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input { transition: none; }
}
.form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); }
.form-switch .form-check-input:checked { background-position: 100% center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0px; }
.form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0px; }
.form-check-inline { display: inline-block; margin-right: 1rem; }
.btn-check { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }
.btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; }
[data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); }
.form-range { width: 100%; height: 1.5rem; padding: 0px; appearance: none; background-color: transparent; }
.form-range:focus { outline: 0px; }
.form-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: rgb(13, 110, 253); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb { transition: none; }
}
.form-range::-webkit-slider-thumb:active { background-color: rgb(182, 212, 254); }
.form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; }
@media (prefers-reduced-motion: reduce) {
}
.form-range:disabled { pointer-events: none; }
.form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); }
.form-floating { position: relative; }
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; }
.form-floating > label { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0px 0px; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-floating > label { transition: none; }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; }
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; }
.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; }
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); }
.form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
.form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; }
.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: rgb(108, 117, 125); }
.form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; }
.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; }
.input-group .btn { position: relative; z-index: 2; }
.input-group .btn:focus { z-index: 5; }
.input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); }
.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }
.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); }
.input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; }
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); }
.valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-success); border-radius: var(--bs-border-radius); }
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; }
.form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
.form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(1.5em + 3.75rem); }
.form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); }
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); }
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); }
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); }
.form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; }
.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); }
.invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-danger); border-radius: var(--bs-border-radius); }
.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); }
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
.form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(1.5em + 3.75rem); }
.form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); }
.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); }
.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); }
.form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; }
.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; }
.btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .btn { transition: none; }
}
.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
.btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); }
.btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }
.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }
.btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); }
.btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }
.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; }
.btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130,138,145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; }
.btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60,153,110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; }
.btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11,172,204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; }
.btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217,164,6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; }
.btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225,83,97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; }
.btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211,212,213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; }
.btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66,70,73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; }
.btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13,110,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; }
.btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108,117,125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; }
.btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25,135,84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; }
.btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13,202,240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; }
.btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255,193,7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; }
.btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220,53,69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; }
.btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248,249,250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; }
.btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33,37,41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; }
.btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49,132,253; text-decoration: underline; }
.btn-link:focus-visible { color: var(--bs-btn-color); }
.btn-link:hover { color: var(--bs-btn-hover-color); }
.btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); }
.btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
  .fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.collapsing { height: 0px; overflow: hidden; transition: height 0.35s; }
@media (prefers-reduced-motion: reduce) {
  .collapsing { transition: none; }
}
.collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s; }
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal { transition: none; }
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.dropdown-toggle:empty::after { margin-left: 0px; }
.dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }
.dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: var(--bs-dropdown-spacer); }
.dropdown-menu-start { --bs-position: start; }
.dropdown-menu-start[data-bs-popper] { right: auto; left: 0px; }
.dropdown-menu-end { --bs-position: end; }
.dropdown-menu-end[data-bs-popper] { right: 0px; left: auto; }
@media (min-width: 576px) {
  .dropdown-menu-sm-start { --bs-position: start; }
  .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0px; }
  .dropdown-menu-sm-end { --bs-position: end; }
  .dropdown-menu-sm-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start { --bs-position: start; }
  .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0px; }
  .dropdown-menu-md-end { --bs-position: end; }
  .dropdown-menu-md-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start { --bs-position: start; }
  .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0px; }
  .dropdown-menu-lg-end { --bs-position: end; }
  .dropdown-menu-lg-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start { --bs-position: start; }
  .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0px; }
  .dropdown-menu-xl-end { --bs-position: end; }
  .dropdown-menu-xl-end[data-bs-popper] { right: 0px; left: auto; }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start { --bs-position: start; }
  .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0px; }
  .dropdown-menu-xxl-end { --bs-position: end; }
  .dropdown-menu-xxl-end[data-bs-popper] { right: 0px; left: auto; }
}
.dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: var(--bs-dropdown-spacer); }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.dropup .dropdown-toggle:empty::after { margin-left: 0px; }
.dropend .dropdown-menu[data-bs-popper] { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: var(--bs-dropdown-spacer); }
.dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }
.dropend .dropdown-toggle:empty::after { margin-left: 0px; }
.dropend .dropdown-toggle::after { vertical-align: 0px; }
.dropstart .dropdown-menu[data-bs-popper] { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: var(--bs-dropdown-spacer); }
.dropstart .dropdown-toggle::after { margin-left: 0.255em; vertical-align: 0.255em; content: ""; display: none; }
.dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; }
.dropstart .dropdown-toggle:empty::after { margin-left: 0px; }
.dropstart .dropdown-toggle::before { vertical-align: 0px; }
.dropdown-divider { height: 0px; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; }
.dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; border-radius: var(--bs-dropdown-item-border-radius,0); }
.dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }
.dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }
.dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0px; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; }
.dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); }
.dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: hsla(0,0%,100%,.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; }
.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
.btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; }
.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; }
.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.btn-toolbar .input-group { width: auto; }
.btn-group { border-radius: var(--bs-border-radius); }
.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); }
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; }
.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; }
.dropstart .dropdown-toggle-split::before { margin-right: 0px; }
.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }
.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); }
.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0px 0px; border: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .nav-link { transition: none; }
}
.nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); }
.nav-link:focus-visible { outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; }
.nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
.nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); }
.nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; }
.nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); }
.nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); }
.nav-underline .nav-link { padding-right: 0px; padding-left: 0px; border-bottom: var(--bs-nav-underline-border-width) solid transparent; }
.nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor; }
.nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; }
.nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; }
.nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0px; flex-grow: 1; text-align: center; }
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }
.navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; }
.navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); }
.navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); }
.navbar-nav .dropdown-menu { position: static; }
.navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); }
.navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color); }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler { transition: none; }
}
.navbar-toggler:hover { text-decoration: none; }
.navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: 50% center; background-size: 100%; }
.navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto; }
@media (min-width: 576px) {
  .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav { flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-sm .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler { display: none; }
  .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
  .navbar-expand-sm .offcanvas .offcanvas-header { display: none; }
  .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
}
@media (min-width: 768px) {
  .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-md .navbar-nav { flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-md .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; }
  .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
  .navbar-expand-md .offcanvas .offcanvas-header { display: none; }
  .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
}
@media (min-width: 992px) {
  .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-lg .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; }
  .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
  .navbar-expand-lg .offcanvas .offcanvas-header { display: none; }
  .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
}
@media (min-width: 1200px) {
  .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav { flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-xl .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler { display: none; }
  .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
  .navbar-expand-xl .offcanvas .offcanvas-header { display: none; }
  .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; }
  .navbar-expand-xxl .navbar-nav { flex-direction: row; }
  .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
  .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xxl .navbar-toggler { display: none; }
  .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
  .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; }
  .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
}
.navbar-expand { flex-wrap: nowrap; justify-content: flex-start; }
.navbar-expand .navbar-nav { flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }
.navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); }
.navbar-expand .navbar-nav-scroll { overflow: visible; }
.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }
.navbar-expand .navbar-toggler { display: none; }
.navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }
.navbar-expand .offcanvas .offcanvas-header { display: none; }
.navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }
.navbar-dark, .navbar[data-bs-theme="dark"] { --bs-navbar-color: hsla(0,0%,100%,.55); --bs-navbar-hover-color: hsla(0,0%,100%,.75); --bs-navbar-disabled-color: hsla(0,0%,100%,.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1); }
.navbar-dark, .navbar[data-bs-theme="dark"], [data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0px; height: var(--bs-card-height); color: var(--bs-body-color); overflow-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); }
.card > hr { margin-right: 0px; margin-left: 0px; }
.card > .list-group { border-top: inherit; border-bottom: inherit; }
.card > .list-group:first-child { border-top-width: 0px; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); }
.card > .list-group:last-child { border-bottom-width: 0px; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0px; }
.card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); }
.card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); }
.card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); color: var(--bs-card-subtitle-color); }
.card-subtitle, .card-text:last-child { margin-bottom: 0px; }
.card-link + .card-link { margin-left: var(--bs-card-spacer-x); }
.card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0px; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); }
.card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; }
.card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); }
.card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); }
.card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); border-bottom: 0px; }
.card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); }
.card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); }
.card-img-overlay { position: absolute; inset: 0px; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); }
.card-img, .card-img-bottom, .card-img-top { width: 100%; }
.card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); }
.card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); }
.card-group > .card { margin-bottom: var(--bs-card-group-margin); }
@media (min-width: 576px) {
  .card-group { display: flex; flex-flow: wrap; }
  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }
  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }
  .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0px; }
  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; }
  .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0px; }
  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; }
}
.accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); }
.accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0px; border-radius: 0px; overflow-anchor: none; transition: var(--bs-accordion-transition); }
@media (prefers-reduced-motion: reduce) {
  .accordion-button { transition: none; }
}
.accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); }
.accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); }
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after { transition: none; }
}
.accordion-button:hover { z-index: 2; }
.accordion-button:focus { z-index: 3; outline: 0px; box-shadow: var(--bs-accordion-btn-focus-box-shadow); }
.accordion-header { margin-bottom: 0px; }
.accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }
.accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); }
.accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); }
.accordion-item:not(:first-of-type) { border-top: 0px; }
.accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); }
.accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); }
.accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }
.accordion-flush > .accordion-item { border-right: 0px; border-left: 0px; border-radius: 0px; }
.accordion-flush > .accordion-item:first-child { border-top: 0px; }
.accordion-flush > .accordion-item:last-child { border-bottom: 0px; }
.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0px; }
[data-bs-theme="dark"] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); }
.breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); }
.breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider,"/"); }
.breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); }
.pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0px; list-style: none; }
.page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .page-link { transition: none; }
}
.page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); }
.page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0px; box-shadow: var(--bs-pagination-focus-box-shadow); }
.active > .page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); }
.disabled > .page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); }
.page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); }
.page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); }
.page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); }
.pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); }
.pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); }
.badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); }
.badge:empty { display: none; }
.btn .badge { position: relative; top: -1px; }
.alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; color: var(--bs-alert-link-color); }
.alert-dismissible { padding-right: 3rem; }
.alert-dismissible .btn-close { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 1.25rem 1rem; }
.alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); }
.alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); }
.alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); }
.alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); }
.alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); }
.alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); }
.alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); }
.alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); }
@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}
.progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); }
.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); }
@media (prefers-reduced-motion: reduce) {
  .progress-bar { transition: none; }
}
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 0px, transparent 50%, rgba(255, 255, 255, 0.15) 0px, rgba(255, 255, 255, 0.15) 75%, transparent 0px, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); }
.progress-stacked > .progress { overflow: visible; }
.progress-stacked > .progress > .progress-bar { width: 100%; }
.progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated { animation: auto ease 0s 1 normal none running none; }
}
.list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: var(--bs-list-group-border-radius); }
.list-group-numbered { list-style-type: none; counter-reset: section 0; }
.list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section 1; }
.list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; }
.list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); }
.list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); }
.list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); }
.list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); }
.list-group-item + .list-group-item { border-top-width: 0px; }
.list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); }
.list-group-horizontal { flex-direction: row; }
.list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
.list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
.list-group-horizontal > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
@media (min-width: 576px) {
  .list-group-horizontal-sm { flex-direction: row; }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
  .list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
}
@media (min-width: 768px) {
  .list-group-horizontal-md { flex-direction: row; }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
  .list-group-horizontal-md > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg { flex-direction: row; }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
  .list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl { flex-direction: row; }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
  .list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl { flex-direction: row; }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; }
  .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); }
}
.list-group-flush { border-radius: 0px; }
.list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); }
.list-group-flush > .list-group-item:last-child { border-bottom-width: 0px; }
.list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); }
.list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); }
.list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); }
.list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); }
.list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); }
.list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); }
.list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); }
.list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); }
.btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0px; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); }
.btn-close, .btn-close:hover { color: var(--bs-btn-close-color); }
.btn-close:hover { text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); }
.btn-close:focus { outline: 0px; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); }
.btn-close.disabled, .btn-close:disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); }
.btn-close-white, [data-bs-theme="dark"] .btn-close { filter: var(--bs-btn-close-white-filter); }
.toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb),0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); }
.toast.showing { opacity: 0; }
.toast:not(.show) { display: none; }
.toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; }
.toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); }
.toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); }
.toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); }
.toast-body { padding: var(--bs-toast-padding-x); overflow-wrap: break-word; }
.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translateY(-50px); }
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }
.modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: var(--bs-backdrop-opacity); }
.modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }
.modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }
.modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }
.modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }
.modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); }
.modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); }
@media (min-width: 576px) {
  .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); }
  .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }
  .modal-sm { --bs-modal-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl { --bs-modal-width: 800px; }
}
@media (min-width: 1200px) {
  .modal-xl { --bs-modal-width: 1140px; }
}
.modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; }
.modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; }
.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0px; }
.modal-fullscreen .modal-body { overflow-y: auto; }
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-sm-down .modal-body { overflow-y: auto; }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-md-down .modal-body { overflow-y: auto; }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-lg-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-xl-down .modal-body { overflow-y: auto; }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; }
  .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; }
  .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; }
}
.tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); overflow-wrap: break-word; opacity: 0; }
.tooltip.show { opacity: var(--bs-tooltip-opacity); }
.tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); }
.tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); }
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-top-color: var(--bs-tooltip-bg); }
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); }
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-right-color: var(--bs-tooltip-bg); }
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); }
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); }
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); }
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); }
.tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); }
.popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); overflow-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); }
.popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); }
.popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border: 0px solid transparent; }
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0px; border-top-color: var(--bs-popover-arrow-border); }
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); }
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); }
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; }
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0px; border-right-color: var(--bs-popover-arrow-border); }
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); }
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); }
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0px; border-bottom-color: var(--bs-popover-arrow-border); }
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); }
.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); }
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); }
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); }
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0px; border-left-color: var(--bs-popover-arrow-border); }
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); }
.popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0px; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); }
.popover-header:empty { display: none; }
.popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); }
.carousel { position: relative; }
.carousel.pointer-event { touch-action: pan-y; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner::after { display: block; clear: both; content: ""; }
.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .carousel-item { transition: none; }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; }
.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); }
.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); }
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }
.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; }
.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; }
}
.carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0px; color: rgb(255, 255, 255); text-align: center; background: 0px 0px; border: 0px; opacity: 0.5; transition: opacity 0.15s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev { transition: none; }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
.carousel-control-prev { left: 0px; }
.carousel-control-next { right: 0px; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50% center; background-size: 100% 100%; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; justify-content: center; padding: 0px; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; }
.carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-width: 10px 0px; border-right-style: initial; border-left-style: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; opacity: 0.5; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] { transition: none; }
}
.carousel-indicators .active { opacity: 1; }
.carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: rgb(255, 255, 255); text-align: center; }
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(1); }
.carousel-dark .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); }
.carousel-dark .carousel-caption { color: rgb(0, 0, 0); }
[data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(1); }
[data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); }
[data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption { color: rgb(0, 0, 0); }
.spinner-border, .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); }
@keyframes spinner-border { 
  100% { transform: rotate(1turn); }
}
.spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right: var(--bs-spinner-border-width) solid transparent; }
.spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; }
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; }
.spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; }
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; }
@media (max-width: 575.98px) {
  .offcanvas-sm { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm { transition: none; }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
  .offcanvas-sm.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
  .offcanvas-sm.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
  .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
  .offcanvas-sm.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; }
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; }
}
@media (min-width: 576px) {
  .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; }
  .offcanvas-sm .offcanvas-header { display: none; }
  .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; }
}
@media (max-width: 767.98px) {
  .offcanvas-md { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md { transition: none; }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
  .offcanvas-md.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
  .offcanvas-md.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
  .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
  .offcanvas-md.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; }
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; }
}
@media (min-width: 768px) {
  .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; }
  .offcanvas-md .offcanvas-header { display: none; }
  .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; }
}
@media (max-width: 991.98px) {
  .offcanvas-lg { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg { transition: none; }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
  .offcanvas-lg.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
  .offcanvas-lg.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
  .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
  .offcanvas-lg.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; }
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; }
}
@media (min-width: 992px) {
  .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; }
  .offcanvas-lg .offcanvas-header { display: none; }
  .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl { transition: none; }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
  .offcanvas-xl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
  .offcanvas-xl.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
  .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
  .offcanvas-xl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; }
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; }
}
@media (min-width: 1200px) {
  .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; }
  .offcanvas-xl .offcanvas-header { display: none; }
  .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl { transition: none; }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
  .offcanvas-xxl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
  .offcanvas-xxl.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
  .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
  .offcanvas-xxl.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; }
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; }
}
@media (min-width: 1400px) {
  .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; }
  .offcanvas-xxl .offcanvas-header { display: none; }
  .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; }
}
.offcanvas { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }
@media (prefers-reduced-motion: reduce) {
  .offcanvas { transition: none; }
}
.offcanvas.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); }
.offcanvas.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }
.offcanvas.offcanvas-top { top: 0px; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }
.offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; }
.offcanvas.offcanvas-bottom { border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); }
.offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; }
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; }
.offcanvas-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); }
.offcanvas-backdrop.fade { opacity: 0; }
.offcanvas-backdrop.show { opacity: 0.5; }
.offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
.offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto; }
.offcanvas-title { margin-bottom: 0px; line-height: var(--bs-offcanvas-title-line-height); }
.offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; }
.placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; }
.placeholder.btn::before { display: inline-block; content: ""; }
.placeholder-xs { min-height: 0.6em; }
.placeholder-sm { min-height: 0.8em; }
.placeholder-lg { min-height: 1.2em; }
.placeholder-glow .placeholder { animation: 2s ease-in-out 0s infinite normal none running placeholder-glow; }
@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}
.placeholder-wave { mask-image: linear-gradient(130deg, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 75%, rgb(0, 0, 0) 95%); mask-size: 200% 100%; animation: 2s linear 0s infinite normal none running placeholder-wave; }
@keyframes placeholder-wave { 
  100% { mask-position: -200% 0px; }
}
.clearfix::after { display: block; clear: both; content: ""; }
.text-bg-primary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-secondary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-success { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-info { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-warning { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-danger { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-light { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important; }
.text-bg-dark { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important; }
.link-primary { color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-primary:focus, .link-primary:hover { color: RGBA(10,88,202,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important; }
.link-secondary { color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-secondary:focus, .link-secondary:hover { color: RGBA(86,94,100,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important; }
.link-success { color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-success:focus, .link-success:hover { color: RGBA(20,108,67,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1)) !important; }
.link-info { color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-info:focus, .link-info:hover { color: RGBA(61,213,243,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1)) !important; }
.link-warning { color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-warning:focus, .link-warning:hover { color: RGBA(255,205,57,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1)) !important; }
.link-danger { color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-danger:focus, .link-danger:hover { color: RGBA(176,42,55,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1)) !important; }
.link-light { color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-light:focus, .link-light:hover { color: RGBA(249,250,251,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1)) !important; }
.link-dark { color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-dark:focus, .link-dark:hover { color: RGBA(26,30,33,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1)) !important; }
.link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75)) !important; }
.focus-ring:focus { outline: 0px; box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); }
.icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5)); text-underline-offset: 0.25em; backface-visibility: hidden; }
.icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: transform 0.2s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi { transition: none; }
}
.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform,translate3d(.25em,0,0)); }
.ratio { position: relative; width: 100%; }
.ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; }
.ratio > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ratio-1x1 { --bs-aspect-ratio: 100%; }
.ratio-4x3 { --bs-aspect-ratio: 75%; }
.ratio-16x9 { --bs-aspect-ratio: 56.25%; }
.ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; }
.fixed-top { top: 0px; }
.fixed-bottom, .fixed-top { position: fixed; right: 0px; left: 0px; z-index: 1030; }
.fixed-bottom { bottom: 0px; }
.sticky-top { top: 0px; }
.sticky-bottom, .sticky-top { position: sticky; z-index: 1020; }
.sticky-bottom { bottom: 0px; }
@media (min-width: 576px) {
  .sticky-sm-top { top: 0px; }
  .sticky-sm-bottom, .sticky-sm-top { position: sticky; z-index: 1020; }
  .sticky-sm-bottom { bottom: 0px; }
}
@media (min-width: 768px) {
  .sticky-md-top { top: 0px; }
  .sticky-md-bottom, .sticky-md-top { position: sticky; z-index: 1020; }
  .sticky-md-bottom { bottom: 0px; }
}
@media (min-width: 992px) {
  .sticky-lg-top { top: 0px; }
  .sticky-lg-bottom, .sticky-lg-top { position: sticky; z-index: 1020; }
  .sticky-lg-bottom { bottom: 0px; }
}
@media (min-width: 1200px) {
  .sticky-xl-top { top: 0px; }
  .sticky-xl-bottom, .sticky-xl-top { position: sticky; z-index: 1020; }
  .sticky-xl-bottom { bottom: 0px; }
}
@media (min-width: 1400px) {
  .sticky-xxl-top { top: 0px; }
  .sticky-xxl-bottom, .sticky-xxl-top { position: sticky; z-index: 1020; }
  .sticky-xxl-bottom { bottom: 0px; }
}
.hstack { flex-direction: row; align-items: center; }
.hstack, .vstack { display: flex; align-self: stretch; }
.vstack { flex: 1 1 auto; flex-direction: column; }
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; }
.stretched-link::after { position: absolute; inset: 0px; z-index: 1; content: ""; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; }
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.float-start { float: left !important; }
.float-end { float: right !important; }
.float-none { float: none !important; }
.object-fit-contain { object-fit: contain !important; }
.object-fit-cover { object-fit: cover !important; }
.object-fit-fill { object-fit: fill !important; }
.object-fit-scale { object-fit: scale-down !important; }
.object-fit-none { object-fit: none !important; }
.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-auto { overflow-x: auto !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-auto { overflow-y: auto !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-grid { display: grid !important; }
.d-inline-grid { display: inline-grid !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-none { display: none !important; }
.shadow { box-shadow: var(--bs-box-shadow) !important; }
.shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; }
.shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; }
.shadow-none { box-shadow: none !important; }
.focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity)); }
.focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity)); }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }
.top-0 { top: 0px !important; }
.top-50 { top: 50% !important; }
.top-100 { top: 100% !important; }
.bottom-0 { bottom: 0px !important; }
.bottom-50 { bottom: 50% !important; }
.bottom-100 { bottom: 100% !important; }
.start-0 { left: 0px !important; }
.start-50 { left: 50% !important; }
.start-100 { left: 100% !important; }
.end-0 { right: 0px !important; }
.end-50 { right: 50% !important; }
.end-100 { right: 100% !important; }
.translate-middle { transform: translate(-50%, -50%) !important; }
.translate-middle-x { transform: translateX(-50%) !important; }
.translate-middle-y { transform: translateY(-50%) !important; }
.border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-0 { border: 0px !important; }
.border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-top-0 { border-top: 0px !important; }
.border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-end-0 { border-right: 0px !important; }
.border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-bottom-0 { border-bottom: 0px !important; }
.border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }
.border-start-0 { border-left: 0px !important; }
.border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important; }
.border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important; }
.border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important; }
.border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important; }
.border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important; }
.border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important; }
.border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important; }
.border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important; }
.border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important; }
.border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important; }
.border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; }
.border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; }
.border-success-subtle { border-color: var(--bs-success-border-subtle) !important; }
.border-info-subtle { border-color: var(--bs-info-border-subtle) !important; }
.border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; }
.border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; }
.border-light-subtle { border-color: var(--bs-light-border-subtle) !important; }
.border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; }
.border-1 { border-width: 1px !important; }
.border-2 { border-width: 2px !important; }
.border-3 { border-width: 3px !important; }
.border-4 { border-width: 4px !important; }
.border-5 { border-width: 5px !important; }
.border-opacity-10 { --bs-border-opacity: 0.1; }
.border-opacity-25 { --bs-border-opacity: 0.25; }
.border-opacity-50 { --bs-border-opacity: 0.5; }
.border-opacity-75 { --bs-border-opacity: 0.75; }
.border-opacity-100 { --bs-border-opacity: 1; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.mw-100 { max-width: 100% !important; }
.vw-100 { width: 100vw !important; }
.min-vw-100 { min-width: 100vw !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mh-100 { max-height: 100% !important; }
.vh-100 { height: 100vh !important; }
.min-vh-100 { min-height: 100vh !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
.order-first { order: -1 !important; }
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.order-2 { order: 2 !important; }
.order-3 { order: 3 !important; }
.order-4 { order: 4 !important; }
.order-5 { order: 5 !important; }
.order-last { order: 6 !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-right: 0px !important; margin-left: 0px !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mt-0 { margin-top: 0px !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }
.me-0 { margin-right: 0px !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-0 { margin-left: 0px !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }
.p-0 { padding: 0px !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.px-0 { padding-right: 0px !important; padding-left: 0px !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-0 { padding-top: 0px !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pe-0 { padding-right: 0px !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.ps-0 { padding-left: 0px !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }
.gap-0 { gap: 0px !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.gap-5 { gap: 3rem !important; }
.row-gap-0 { row-gap: 0px !important; }
.row-gap-1 { row-gap: 0.25rem !important; }
.row-gap-2 { row-gap: 0.5rem !important; }
.row-gap-3 { row-gap: 1rem !important; }
.row-gap-4 { row-gap: 1.5rem !important; }
.row-gap-5 { row-gap: 3rem !important; }
.column-gap-0 { column-gap: 0px !important; }
.column-gap-1 { column-gap: 0.25rem !important; }
.column-gap-2 { column-gap: 0.5rem !important; }
.column-gap-3 { column-gap: 1rem !important; }
.column-gap-4 { column-gap: 1.5rem !important; }
.column-gap-5 { column-gap: 3rem !important; }
.font-monospace { font-family: var(--bs-font-monospace) !important; }
.fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }
.fs-2 { font-size: calc(1.325rem + 0.9vw) !important; }
.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; }
.fs-4 { font-size: calc(1.275rem + 0.3vw) !important; }
.fs-5 { font-size: 1.25rem !important; }
.fs-6 { font-size: 1rem !important; }
.fst-italic { font-style: italic !important; }
.fst-normal { font-style: normal !important; }
.fw-lighter { font-weight: lighter !important; }
.fw-light { font-weight: 300 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 700 !important; }
.fw-bolder { font-weight: bolder !important; }
.lh-1 { line-height: 1 !important; }
.lh-sm { line-height: 1.25 !important; }
.lh-base { line-height: 1.5 !important; }
.lh-lg { line-height: 2 !important; }
.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.text-decoration-none { text-decoration: none !important; }
.text-decoration-underline { text-decoration: underline !important; }
.text-decoration-line-through { text-decoration: line-through !important; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.text-break { overflow-wrap: break-word !important; word-break: break-word !important; }
.text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; }
.text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important; }
.text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important; }
.text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important; }
.text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important; }
.text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; }
.text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important; }
.text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important; }
.text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important; }
.text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important; }
.text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important; }
.text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; }
.text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; }
.text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; }
.text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; }
.text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; }
.text-reset { --bs-text-opacity: 1; color: inherit !important; }
.text-opacity-25 { --bs-text-opacity: 0.25; }
.text-opacity-50 { --bs-text-opacity: 0.5; }
.text-opacity-75 { --bs-text-opacity: 0.75; }
.text-opacity-100 { --bs-text-opacity: 1; }
.text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; }
.text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; }
.text-success-emphasis { color: var(--bs-success-text-emphasis) !important; }
.text-info-emphasis { color: var(--bs-info-text-emphasis) !important; }
.text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; }
.text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; }
.text-light-emphasis { color: var(--bs-light-text-emphasis) !important; }
.text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; }
.link-opacity-10, .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; }
.link-opacity-25, .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; }
.link-opacity-50, .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; }
.link-opacity-75, .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; }
.link-opacity-100, .link-opacity-100-hover:hover { --bs-link-opacity: 1; }
.link-offset-1, .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; }
.link-offset-2, .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; }
.link-offset-3, .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; }
.link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important; }
.link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important; }
.link-underline-opacity-0, .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; }
.link-underline-opacity-10, .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; }
.link-underline-opacity-25, .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; }
.link-underline-opacity-50, .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; }
.link-underline-opacity-75, .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; }
.link-underline-opacity-100, .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; }
.bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important; }
.bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important; }
.bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important; }
.bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important; }
.bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important; }
.bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important; }
.bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; }
.bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important; }
.bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important; }
.bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; }
.bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important; }
.bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; }
.bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important; }
.bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important; }
.bg-opacity-10 { --bs-bg-opacity: 0.1; }
.bg-opacity-25 { --bs-bg-opacity: 0.25; }
.bg-opacity-50 { --bs-bg-opacity: 0.5; }
.bg-opacity-75 { --bs-bg-opacity: 0.75; }
.bg-opacity-100 { --bs-bg-opacity: 1; }
.bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; }
.bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; }
.bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; }
.bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; }
.bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; }
.bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; }
.bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; }
.bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; }
.bg-gradient { background-image: var(--bs-gradient) !important; }
.user-select-all { user-select: all !important; }
.user-select-auto { user-select: auto !important; }
.user-select-none { user-select: none !important; }
.pe-none { pointer-events: none !important; }
.pe-auto { pointer-events: auto !important; }
.rounded { border-radius: var(--bs-border-radius) !important; }
.rounded-0 { border-radius: 0px !important; }
.rounded-1 { border-radius: var(--bs-border-radius-sm) !important; }
.rounded-2 { border-radius: var(--bs-border-radius) !important; }
.rounded-3 { border-radius: var(--bs-border-radius-lg) !important; }
.rounded-4 { border-radius: var(--bs-border-radius-xl) !important; }
.rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: var(--bs-border-radius-pill) !important; }
.rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; }
.rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; }
.rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; }
.rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; }
.rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; }
.rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; }
.rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; }
.rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; }
.rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
.rounded-end-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; }
.rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; }
.rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; }
.rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; }
.rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; }
.rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; }
.rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; }
.rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; }
.rounded-bottom-0 { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
.rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; }
.rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; }
.rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; }
.rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; }
.rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; }
.rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; }
.rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; }
.rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; }
.rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; }
.rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; }
.rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; }
.rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; }
.rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; }
.rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; }
.rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; }
.rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
.z-n1 { z-index: -1 !important; }
.z-0 { z-index: 0 !important; }
.z-1 { z-index: 1 !important; }
.z-2 { z-index: 2 !important; }
.z-3 { z-index: 3 !important; }
@media (min-width: 576px) {
  .float-sm-start { float: left !important; }
  .float-sm-end { float: right !important; }
  .float-sm-none { float: none !important; }
  .object-fit-sm-contain { object-fit: contain !important; }
  .object-fit-sm-cover { object-fit: cover !important; }
  .object-fit-sm-fill { object-fit: fill !important; }
  .object-fit-sm-scale { object-fit: scale-down !important; }
  .object-fit-sm-none { object-fit: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-grid { display: grid !important; }
  .d-sm-inline-grid { display: inline-grid !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
  .d-sm-none { display: none !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .justify-content-sm-evenly { justify-content: space-evenly !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; }
  .order-sm-first { order: -1 !important; }
  .order-sm-0 { order: 0 !important; }
  .order-sm-1 { order: 1 !important; }
  .order-sm-2 { order: 2 !important; }
  .order-sm-3 { order: 3 !important; }
  .order-sm-4 { order: 4 !important; }
  .order-sm-5 { order: 5 !important; }
  .order-sm-last { order: 6 !important; }
  .m-sm-0 { margin: 0px !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mx-sm-0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-sm-0 { margin-top: 0px !important; }
  .mt-sm-1 { margin-top: 0.25rem !important; }
  .mt-sm-2 { margin-top: 0.5rem !important; }
  .mt-sm-3 { margin-top: 1rem !important; }
  .mt-sm-4 { margin-top: 1.5rem !important; }
  .mt-sm-5 { margin-top: 3rem !important; }
  .mt-sm-auto { margin-top: auto !important; }
  .me-sm-0 { margin-right: 0px !important; }
  .me-sm-1 { margin-right: 0.25rem !important; }
  .me-sm-2 { margin-right: 0.5rem !important; }
  .me-sm-3 { margin-right: 1rem !important; }
  .me-sm-4 { margin-right: 1.5rem !important; }
  .me-sm-5 { margin-right: 3rem !important; }
  .me-sm-auto { margin-right: auto !important; }
  .mb-sm-0 { margin-bottom: 0px !important; }
  .mb-sm-1 { margin-bottom: 0.25rem !important; }
  .mb-sm-2 { margin-bottom: 0.5rem !important; }
  .mb-sm-3 { margin-bottom: 1rem !important; }
  .mb-sm-4 { margin-bottom: 1.5rem !important; }
  .mb-sm-5 { margin-bottom: 3rem !important; }
  .mb-sm-auto { margin-bottom: auto !important; }
  .ms-sm-0 { margin-left: 0px !important; }
  .ms-sm-1 { margin-left: 0.25rem !important; }
  .ms-sm-2 { margin-left: 0.5rem !important; }
  .ms-sm-3 { margin-left: 1rem !important; }
  .ms-sm-4 { margin-left: 1.5rem !important; }
  .ms-sm-5 { margin-left: 3rem !important; }
  .ms-sm-auto { margin-left: auto !important; }
  .p-sm-0 { padding: 0px !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .px-sm-0 { padding-right: 0px !important; padding-left: 0px !important; }
  .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
  .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-sm-0 { padding-top: 0px !important; }
  .pt-sm-1 { padding-top: 0.25rem !important; }
  .pt-sm-2 { padding-top: 0.5rem !important; }
  .pt-sm-3 { padding-top: 1rem !important; }
  .pt-sm-4 { padding-top: 1.5rem !important; }
  .pt-sm-5 { padding-top: 3rem !important; }
  .pe-sm-0 { padding-right: 0px !important; }
  .pe-sm-1 { padding-right: 0.25rem !important; }
  .pe-sm-2 { padding-right: 0.5rem !important; }
  .pe-sm-3 { padding-right: 1rem !important; }
  .pe-sm-4 { padding-right: 1.5rem !important; }
  .pe-sm-5 { padding-right: 3rem !important; }
  .pb-sm-0 { padding-bottom: 0px !important; }
  .pb-sm-1 { padding-bottom: 0.25rem !important; }
  .pb-sm-2 { padding-bottom: 0.5rem !important; }
  .pb-sm-3 { padding-bottom: 1rem !important; }
  .pb-sm-4 { padding-bottom: 1.5rem !important; }
  .pb-sm-5 { padding-bottom: 3rem !important; }
  .ps-sm-0 { padding-left: 0px !important; }
  .ps-sm-1 { padding-left: 0.25rem !important; }
  .ps-sm-2 { padding-left: 0.5rem !important; }
  .ps-sm-3 { padding-left: 1rem !important; }
  .ps-sm-4 { padding-left: 1.5rem !important; }
  .ps-sm-5 { padding-left: 3rem !important; }
  .gap-sm-0 { gap: 0px !important; }
  .gap-sm-1 { gap: 0.25rem !important; }
  .gap-sm-2 { gap: 0.5rem !important; }
  .gap-sm-3 { gap: 1rem !important; }
  .gap-sm-4 { gap: 1.5rem !important; }
  .gap-sm-5 { gap: 3rem !important; }
  .row-gap-sm-0 { row-gap: 0px !important; }
  .row-gap-sm-1 { row-gap: 0.25rem !important; }
  .row-gap-sm-2 { row-gap: 0.5rem !important; }
  .row-gap-sm-3 { row-gap: 1rem !important; }
  .row-gap-sm-4 { row-gap: 1.5rem !important; }
  .row-gap-sm-5 { row-gap: 3rem !important; }
  .column-gap-sm-0 { column-gap: 0px !important; }
  .column-gap-sm-1 { column-gap: 0.25rem !important; }
  .column-gap-sm-2 { column-gap: 0.5rem !important; }
  .column-gap-sm-3 { column-gap: 1rem !important; }
  .column-gap-sm-4 { column-gap: 1.5rem !important; }
  .column-gap-sm-5 { column-gap: 3rem !important; }
  .text-sm-start { text-align: left !important; }
  .text-sm-end { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
  .float-md-start { float: left !important; }
  .float-md-end { float: right !important; }
  .float-md-none { float: none !important; }
  .object-fit-md-contain { object-fit: contain !important; }
  .object-fit-md-cover { object-fit: cover !important; }
  .object-fit-md-fill { object-fit: fill !important; }
  .object-fit-md-scale { object-fit: scale-down !important; }
  .object-fit-md-none { object-fit: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-grid { display: grid !important; }
  .d-md-inline-grid { display: inline-grid !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
  .d-md-none { display: none !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .justify-content-md-evenly { justify-content: space-evenly !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; }
  .order-md-first { order: -1 !important; }
  .order-md-0 { order: 0 !important; }
  .order-md-1 { order: 1 !important; }
  .order-md-2 { order: 2 !important; }
  .order-md-3 { order: 3 !important; }
  .order-md-4 { order: 4 !important; }
  .order-md-5 { order: 5 !important; }
  .order-md-last { order: 6 !important; }
  .m-md-0 { margin: 0px !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mx-md-0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-md-0 { margin-top: 0px !important; }
  .mt-md-1 { margin-top: 0.25rem !important; }
  .mt-md-2 { margin-top: 0.5rem !important; }
  .mt-md-3 { margin-top: 1rem !important; }
  .mt-md-4 { margin-top: 1.5rem !important; }
  .mt-md-5 { margin-top: 3rem !important; }
  .mt-md-auto { margin-top: auto !important; }
  .me-md-0 { margin-right: 0px !important; }
  .me-md-1 { margin-right: 0.25rem !important; }
  .me-md-2 { margin-right: 0.5rem !important; }
  .me-md-3 { margin-right: 1rem !important; }
  .me-md-4 { margin-right: 1.5rem !important; }
  .me-md-5 { margin-right: 3rem !important; }
  .me-md-auto { margin-right: auto !important; }
  .mb-md-0 { margin-bottom: 0px !important; }
  .mb-md-1 { margin-bottom: 0.25rem !important; }
  .mb-md-2 { margin-bottom: 0.5rem !important; }
  .mb-md-3 { margin-bottom: 1rem !important; }
  .mb-md-4 { margin-bottom: 1.5rem !important; }
  .mb-md-5 { margin-bottom: 3rem !important; }
  .mb-md-auto { margin-bottom: auto !important; }
  .ms-md-0 { margin-left: 0px !important; }
  .ms-md-1 { margin-left: 0.25rem !important; }
  .ms-md-2 { margin-left: 0.5rem !important; }
  .ms-md-3 { margin-left: 1rem !important; }
  .ms-md-4 { margin-left: 1.5rem !important; }
  .ms-md-5 { margin-left: 3rem !important; }
  .ms-md-auto { margin-left: auto !important; }
  .p-md-0 { padding: 0px !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .px-md-0 { padding-right: 0px !important; padding-left: 0px !important; }
  .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
  .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-md-0 { padding-top: 0px !important; }
  .pt-md-1 { padding-top: 0.25rem !important; }
  .pt-md-2 { padding-top: 0.5rem !important; }
  .pt-md-3 { padding-top: 1rem !important; }
  .pt-md-4 { padding-top: 1.5rem !important; }
  .pt-md-5 { padding-top: 3rem !important; }
  .pe-md-0 { padding-right: 0px !important; }
  .pe-md-1 { padding-right: 0.25rem !important; }
  .pe-md-2 { padding-right: 0.5rem !important; }
  .pe-md-3 { padding-right: 1rem !important; }
  .pe-md-4 { padding-right: 1.5rem !important; }
  .pe-md-5 { padding-right: 3rem !important; }
  .pb-md-0 { padding-bottom: 0px !important; }
  .pb-md-1 { padding-bottom: 0.25rem !important; }
  .pb-md-2 { padding-bottom: 0.5rem !important; }
  .pb-md-3 { padding-bottom: 1rem !important; }
  .pb-md-4 { padding-bottom: 1.5rem !important; }
  .pb-md-5 { padding-bottom: 3rem !important; }
  .ps-md-0 { padding-left: 0px !important; }
  .ps-md-1 { padding-left: 0.25rem !important; }
  .ps-md-2 { padding-left: 0.5rem !important; }
  .ps-md-3 { padding-left: 1rem !important; }
  .ps-md-4 { padding-left: 1.5rem !important; }
  .ps-md-5 { padding-left: 3rem !important; }
  .gap-md-0 { gap: 0px !important; }
  .gap-md-1 { gap: 0.25rem !important; }
  .gap-md-2 { gap: 0.5rem !important; }
  .gap-md-3 { gap: 1rem !important; }
  .gap-md-4 { gap: 1.5rem !important; }
  .gap-md-5 { gap: 3rem !important; }
  .row-gap-md-0 { row-gap: 0px !important; }
  .row-gap-md-1 { row-gap: 0.25rem !important; }
  .row-gap-md-2 { row-gap: 0.5rem !important; }
  .row-gap-md-3 { row-gap: 1rem !important; }
  .row-gap-md-4 { row-gap: 1.5rem !important; }
  .row-gap-md-5 { row-gap: 3rem !important; }
  .column-gap-md-0 { column-gap: 0px !important; }
  .column-gap-md-1 { column-gap: 0.25rem !important; }
  .column-gap-md-2 { column-gap: 0.5rem !important; }
  .column-gap-md-3 { column-gap: 1rem !important; }
  .column-gap-md-4 { column-gap: 1.5rem !important; }
  .column-gap-md-5 { column-gap: 3rem !important; }
  .text-md-start { text-align: left !important; }
  .text-md-end { text-align: right !important; }
  .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
  .float-lg-start { float: left !important; }
  .float-lg-end { float: right !important; }
  .float-lg-none { float: none !important; }
  .object-fit-lg-contain { object-fit: contain !important; }
  .object-fit-lg-cover { object-fit: cover !important; }
  .object-fit-lg-fill { object-fit: fill !important; }
  .object-fit-lg-scale { object-fit: scale-down !important; }
  .object-fit-lg-none { object-fit: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-grid { display: grid !important; }
  .d-lg-inline-grid { display: inline-grid !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
  .d-lg-none { display: none !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .justify-content-lg-evenly { justify-content: space-evenly !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; }
  .order-lg-first { order: -1 !important; }
  .order-lg-0 { order: 0 !important; }
  .order-lg-1 { order: 1 !important; }
  .order-lg-2 { order: 2 !important; }
  .order-lg-3 { order: 3 !important; }
  .order-lg-4 { order: 4 !important; }
  .order-lg-5 { order: 5 !important; }
  .order-lg-last { order: 6 !important; }
  .m-lg-0 { margin: 0px !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mx-lg-0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-lg-0 { margin-top: 0px !important; }
  .mt-lg-1 { margin-top: 0.25rem !important; }
  .mt-lg-2 { margin-top: 0.5rem !important; }
  .mt-lg-3 { margin-top: 1rem !important; }
  .mt-lg-4 { margin-top: 1.5rem !important; }
  .mt-lg-5 { margin-top: 3rem !important; }
  .mt-lg-auto { margin-top: auto !important; }
  .me-lg-0 { margin-right: 0px !important; }
  .me-lg-1 { margin-right: 0.25rem !important; }
  .me-lg-2 { margin-right: 0.5rem !important; }
  .me-lg-3 { margin-right: 1rem !important; }
  .me-lg-4 { margin-right: 1.5rem !important; }
  .me-lg-5 { margin-right: 3rem !important; }
  .me-lg-auto { margin-right: auto !important; }
  .mb-lg-0 { margin-bottom: 0px !important; }
  .mb-lg-1 { margin-bottom: 0.25rem !important; }
  .mb-lg-2 { margin-bottom: 0.5rem !important; }
  .mb-lg-3 { margin-bottom: 1rem !important; }
  .mb-lg-4 { margin-bottom: 1.5rem !important; }
  .mb-lg-5 { margin-bottom: 3rem !important; }
  .mb-lg-auto { margin-bottom: auto !important; }
  .ms-lg-0 { margin-left: 0px !important; }
  .ms-lg-1 { margin-left: 0.25rem !important; }
  .ms-lg-2 { margin-left: 0.5rem !important; }
  .ms-lg-3 { margin-left: 1rem !important; }
  .ms-lg-4 { margin-left: 1.5rem !important; }
  .ms-lg-5 { margin-left: 3rem !important; }
  .ms-lg-auto { margin-left: auto !important; }
  .p-lg-0 { padding: 0px !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .px-lg-0 { padding-right: 0px !important; padding-left: 0px !important; }
  .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
  .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-lg-0 { padding-top: 0px !important; }
  .pt-lg-1 { padding-top: 0.25rem !important; }
  .pt-lg-2 { padding-top: 0.5rem !important; }
  .pt-lg-3 { padding-top: 1rem !important; }
  .pt-lg-4 { padding-top: 1.5rem !important; }
  .pt-lg-5 { padding-top: 3rem !important; }
  .pe-lg-0 { padding-right: 0px !important; }
  .pe-lg-1 { padding-right: 0.25rem !important; }
  .pe-lg-2 { padding-right: 0.5rem !important; }
  .pe-lg-3 { padding-right: 1rem !important; }
  .pe-lg-4 { padding-right: 1.5rem !important; }
  .pe-lg-5 { padding-right: 3rem !important; }
  .pb-lg-0 { padding-bottom: 0px !important; }
  .pb-lg-1 { padding-bottom: 0.25rem !important; }
  .pb-lg-2 { padding-bottom: 0.5rem !important; }
  .pb-lg-3 { padding-bottom: 1rem !important; }
  .pb-lg-4 { padding-bottom: 1.5rem !important; }
  .pb-lg-5 { padding-bottom: 3rem !important; }
  .ps-lg-0 { padding-left: 0px !important; }
  .ps-lg-1 { padding-left: 0.25rem !important; }
  .ps-lg-2 { padding-left: 0.5rem !important; }
  .ps-lg-3 { padding-left: 1rem !important; }
  .ps-lg-4 { padding-left: 1.5rem !important; }
  .ps-lg-5 { padding-left: 3rem !important; }
  .gap-lg-0 { gap: 0px !important; }
  .gap-lg-1 { gap: 0.25rem !important; }
  .gap-lg-2 { gap: 0.5rem !important; }
  .gap-lg-3 { gap: 1rem !important; }
  .gap-lg-4 { gap: 1.5rem !important; }
  .gap-lg-5 { gap: 3rem !important; }
  .row-gap-lg-0 { row-gap: 0px !important; }
  .row-gap-lg-1 { row-gap: 0.25rem !important; }
  .row-gap-lg-2 { row-gap: 0.5rem !important; }
  .row-gap-lg-3 { row-gap: 1rem !important; }
  .row-gap-lg-4 { row-gap: 1.5rem !important; }
  .row-gap-lg-5 { row-gap: 3rem !important; }
  .column-gap-lg-0 { column-gap: 0px !important; }
  .column-gap-lg-1 { column-gap: 0.25rem !important; }
  .column-gap-lg-2 { column-gap: 0.5rem !important; }
  .column-gap-lg-3 { column-gap: 1rem !important; }
  .column-gap-lg-4 { column-gap: 1.5rem !important; }
  .column-gap-lg-5 { column-gap: 3rem !important; }
  .text-lg-start { text-align: left !important; }
  .text-lg-end { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
}
@media (min-width: 1200px) {
  .float-xl-start { float: left !important; }
  .float-xl-end { float: right !important; }
  .float-xl-none { float: none !important; }
  .object-fit-xl-contain { object-fit: contain !important; }
  .object-fit-xl-cover { object-fit: cover !important; }
  .object-fit-xl-fill { object-fit: fill !important; }
  .object-fit-xl-scale { object-fit: scale-down !important; }
  .object-fit-xl-none { object-fit: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-grid { display: grid !important; }
  .d-xl-inline-grid { display: inline-grid !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
  .d-xl-none { display: none !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .justify-content-xl-evenly { justify-content: space-evenly !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; }
  .order-xl-first { order: -1 !important; }
  .order-xl-0 { order: 0 !important; }
  .order-xl-1 { order: 1 !important; }
  .order-xl-2 { order: 2 !important; }
  .order-xl-3 { order: 3 !important; }
  .order-xl-4 { order: 4 !important; }
  .order-xl-5 { order: 5 !important; }
  .order-xl-last { order: 6 !important; }
  .m-xl-0 { margin: 0px !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mx-xl-0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-xl-0 { margin-top: 0px !important; }
  .mt-xl-1 { margin-top: 0.25rem !important; }
  .mt-xl-2 { margin-top: 0.5rem !important; }
  .mt-xl-3 { margin-top: 1rem !important; }
  .mt-xl-4 { margin-top: 1.5rem !important; }
  .mt-xl-5 { margin-top: 3rem !important; }
  .mt-xl-auto { margin-top: auto !important; }
  .me-xl-0 { margin-right: 0px !important; }
  .me-xl-1 { margin-right: 0.25rem !important; }
  .me-xl-2 { margin-right: 0.5rem !important; }
  .me-xl-3 { margin-right: 1rem !important; }
  .me-xl-4 { margin-right: 1.5rem !important; }
  .me-xl-5 { margin-right: 3rem !important; }
  .me-xl-auto { margin-right: auto !important; }
  .mb-xl-0 { margin-bottom: 0px !important; }
  .mb-xl-1 { margin-bottom: 0.25rem !important; }
  .mb-xl-2 { margin-bottom: 0.5rem !important; }
  .mb-xl-3 { margin-bottom: 1rem !important; }
  .mb-xl-4 { margin-bottom: 1.5rem !important; }
  .mb-xl-5 { margin-bottom: 3rem !important; }
  .mb-xl-auto { margin-bottom: auto !important; }
  .ms-xl-0 { margin-left: 0px !important; }
  .ms-xl-1 { margin-left: 0.25rem !important; }
  .ms-xl-2 { margin-left: 0.5rem !important; }
  .ms-xl-3 { margin-left: 1rem !important; }
  .ms-xl-4 { margin-left: 1.5rem !important; }
  .ms-xl-5 { margin-left: 3rem !important; }
  .ms-xl-auto { margin-left: auto !important; }
  .p-xl-0 { padding: 0px !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .px-xl-0 { padding-right: 0px !important; padding-left: 0px !important; }
  .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
  .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-xl-0 { padding-top: 0px !important; }
  .pt-xl-1 { padding-top: 0.25rem !important; }
  .pt-xl-2 { padding-top: 0.5rem !important; }
  .pt-xl-3 { padding-top: 1rem !important; }
  .pt-xl-4 { padding-top: 1.5rem !important; }
  .pt-xl-5 { padding-top: 3rem !important; }
  .pe-xl-0 { padding-right: 0px !important; }
  .pe-xl-1 { padding-right: 0.25rem !important; }
  .pe-xl-2 { padding-right: 0.5rem !important; }
  .pe-xl-3 { padding-right: 1rem !important; }
  .pe-xl-4 { padding-right: 1.5rem !important; }
  .pe-xl-5 { padding-right: 3rem !important; }
  .pb-xl-0 { padding-bottom: 0px !important; }
  .pb-xl-1 { padding-bottom: 0.25rem !important; }
  .pb-xl-2 { padding-bottom: 0.5rem !important; }
  .pb-xl-3 { padding-bottom: 1rem !important; }
  .pb-xl-4 { padding-bottom: 1.5rem !important; }
  .pb-xl-5 { padding-bottom: 3rem !important; }
  .ps-xl-0 { padding-left: 0px !important; }
  .ps-xl-1 { padding-left: 0.25rem !important; }
  .ps-xl-2 { padding-left: 0.5rem !important; }
  .ps-xl-3 { padding-left: 1rem !important; }
  .ps-xl-4 { padding-left: 1.5rem !important; }
  .ps-xl-5 { padding-left: 3rem !important; }
  .gap-xl-0 { gap: 0px !important; }
  .gap-xl-1 { gap: 0.25rem !important; }
  .gap-xl-2 { gap: 0.5rem !important; }
  .gap-xl-3 { gap: 1rem !important; }
  .gap-xl-4 { gap: 1.5rem !important; }
  .gap-xl-5 { gap: 3rem !important; }
  .row-gap-xl-0 { row-gap: 0px !important; }
  .row-gap-xl-1 { row-gap: 0.25rem !important; }
  .row-gap-xl-2 { row-gap: 0.5rem !important; }
  .row-gap-xl-3 { row-gap: 1rem !important; }
  .row-gap-xl-4 { row-gap: 1.5rem !important; }
  .row-gap-xl-5 { row-gap: 3rem !important; }
  .column-gap-xl-0 { column-gap: 0px !important; }
  .column-gap-xl-1 { column-gap: 0.25rem !important; }
  .column-gap-xl-2 { column-gap: 0.5rem !important; }
  .column-gap-xl-3 { column-gap: 1rem !important; }
  .column-gap-xl-4 { column-gap: 1.5rem !important; }
  .column-gap-xl-5 { column-gap: 3rem !important; }
  .text-xl-start { text-align: left !important; }
  .text-xl-end { text-align: right !important; }
  .text-xl-center { text-align: center !important; }
}
@media (min-width: 1400px) {
  .float-xxl-start { float: left !important; }
  .float-xxl-end { float: right !important; }
  .float-xxl-none { float: none !important; }
  .object-fit-xxl-contain { object-fit: contain !important; }
  .object-fit-xxl-cover { object-fit: cover !important; }
  .object-fit-xxl-fill { object-fit: fill !important; }
  .object-fit-xxl-scale { object-fit: scale-down !important; }
  .object-fit-xxl-none { object-fit: none !important; }
  .d-xxl-inline { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block { display: block !important; }
  .d-xxl-grid { display: grid !important; }
  .d-xxl-inline-grid { display: inline-grid !important; }
  .d-xxl-table { display: table !important; }
  .d-xxl-table-row { display: table-row !important; }
  .d-xxl-table-cell { display: table-cell !important; }
  .d-xxl-flex { display: flex !important; }
  .d-xxl-inline-flex { display: inline-flex !important; }
  .d-xxl-none { display: none !important; }
  .flex-xxl-fill { flex: 1 1 auto !important; }
  .flex-xxl-row { flex-direction: row !important; }
  .flex-xxl-column { flex-direction: column !important; }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 { flex-shrink: 1 !important; }
  .flex-xxl-wrap { flex-wrap: wrap !important; }
  .flex-xxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .justify-content-xxl-start { justify-content: flex-start !important; }
  .justify-content-xxl-end { justify-content: flex-end !important; }
  .justify-content-xxl-center { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around { justify-content: space-around !important; }
  .justify-content-xxl-evenly { justify-content: space-evenly !important; }
  .align-items-xxl-start { align-items: flex-start !important; }
  .align-items-xxl-end { align-items: flex-end !important; }
  .align-items-xxl-center { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch { align-items: stretch !important; }
  .align-content-xxl-start { align-content: flex-start !important; }
  .align-content-xxl-end { align-content: flex-end !important; }
  .align-content-xxl-center { align-content: center !important; }
  .align-content-xxl-between { align-content: space-between !important; }
  .align-content-xxl-around { align-content: space-around !important; }
  .align-content-xxl-stretch { align-content: stretch !important; }
  .align-self-xxl-auto { align-self: auto !important; }
  .align-self-xxl-start { align-self: flex-start !important; }
  .align-self-xxl-end { align-self: flex-end !important; }
  .align-self-xxl-center { align-self: center !important; }
  .align-self-xxl-baseline { align-self: baseline !important; }
  .align-self-xxl-stretch { align-self: stretch !important; }
  .order-xxl-first { order: -1 !important; }
  .order-xxl-0 { order: 0 !important; }
  .order-xxl-1 { order: 1 !important; }
  .order-xxl-2 { order: 2 !important; }
  .order-xxl-3 { order: 3 !important; }
  .order-xxl-4 { order: 4 !important; }
  .order-xxl-5 { order: 5 !important; }
  .order-xxl-last { order: 6 !important; }
  .m-xxl-0 { margin: 0px !important; }
  .m-xxl-1 { margin: 0.25rem !important; }
  .m-xxl-2 { margin: 0.5rem !important; }
  .m-xxl-3 { margin: 1rem !important; }
  .m-xxl-4 { margin: 1.5rem !important; }
  .m-xxl-5 { margin: 3rem !important; }
  .m-xxl-auto { margin: auto !important; }
  .mx-xxl-0 { margin-right: 0px !important; margin-left: 0px !important; }
  .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
  .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
  .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
  .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
  .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
  .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; }
  .my-xxl-0 { margin-top: 0px !important; margin-bottom: 0px !important; }
  .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; }
  .mt-xxl-0 { margin-top: 0px !important; }
  .mt-xxl-1 { margin-top: 0.25rem !important; }
  .mt-xxl-2 { margin-top: 0.5rem !important; }
  .mt-xxl-3 { margin-top: 1rem !important; }
  .mt-xxl-4 { margin-top: 1.5rem !important; }
  .mt-xxl-5 { margin-top: 3rem !important; }
  .mt-xxl-auto { margin-top: auto !important; }
  .me-xxl-0 { margin-right: 0px !important; }
  .me-xxl-1 { margin-right: 0.25rem !important; }
  .me-xxl-2 { margin-right: 0.5rem !important; }
  .me-xxl-3 { margin-right: 1rem !important; }
  .me-xxl-4 { margin-right: 1.5rem !important; }
  .me-xxl-5 { margin-right: 3rem !important; }
  .me-xxl-auto { margin-right: auto !important; }
  .mb-xxl-0 { margin-bottom: 0px !important; }
  .mb-xxl-1 { margin-bottom: 0.25rem !important; }
  .mb-xxl-2 { margin-bottom: 0.5rem !important; }
  .mb-xxl-3 { margin-bottom: 1rem !important; }
  .mb-xxl-4 { margin-bottom: 1.5rem !important; }
  .mb-xxl-5 { margin-bottom: 3rem !important; }
  .mb-xxl-auto { margin-bottom: auto !important; }
  .ms-xxl-0 { margin-left: 0px !important; }
  .ms-xxl-1 { margin-left: 0.25rem !important; }
  .ms-xxl-2 { margin-left: 0.5rem !important; }
  .ms-xxl-3 { margin-left: 1rem !important; }
  .ms-xxl-4 { margin-left: 1.5rem !important; }
  .ms-xxl-5 { margin-left: 3rem !important; }
  .ms-xxl-auto { margin-left: auto !important; }
  .p-xxl-0 { padding: 0px !important; }
  .p-xxl-1 { padding: 0.25rem !important; }
  .p-xxl-2 { padding: 0.5rem !important; }
  .p-xxl-3 { padding: 1rem !important; }
  .p-xxl-4 { padding: 1.5rem !important; }
  .p-xxl-5 { padding: 3rem !important; }
  .px-xxl-0 { padding-right: 0px !important; padding-left: 0px !important; }
  .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
  .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
  .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
  .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
  .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
  .py-xxl-0 { padding-top: 0px !important; padding-bottom: 0px !important; }
  .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .pt-xxl-0 { padding-top: 0px !important; }
  .pt-xxl-1 { padding-top: 0.25rem !important; }
  .pt-xxl-2 { padding-top: 0.5rem !important; }
  .pt-xxl-3 { padding-top: 1rem !important; }
  .pt-xxl-4 { padding-top: 1.5rem !important; }
  .pt-xxl-5 { padding-top: 3rem !important; }
  .pe-xxl-0 { padding-right: 0px !important; }
  .pe-xxl-1 { padding-right: 0.25rem !important; }
  .pe-xxl-2 { padding-right: 0.5rem !important; }
  .pe-xxl-3 { padding-right: 1rem !important; }
  .pe-xxl-4 { padding-right: 1.5rem !important; }
  .pe-xxl-5 { padding-right: 3rem !important; }
  .pb-xxl-0 { padding-bottom: 0px !important; }
  .pb-xxl-1 { padding-bottom: 0.25rem !important; }
  .pb-xxl-2 { padding-bottom: 0.5rem !important; }
  .pb-xxl-3 { padding-bottom: 1rem !important; }
  .pb-xxl-4 { padding-bottom: 1.5rem !important; }
  .pb-xxl-5 { padding-bottom: 3rem !important; }
  .ps-xxl-0 { padding-left: 0px !important; }
  .ps-xxl-1 { padding-left: 0.25rem !important; }
  .ps-xxl-2 { padding-left: 0.5rem !important; }
  .ps-xxl-3 { padding-left: 1rem !important; }
  .ps-xxl-4 { padding-left: 1.5rem !important; }
  .ps-xxl-5 { padding-left: 3rem !important; }
  .gap-xxl-0 { gap: 0px !important; }
  .gap-xxl-1 { gap: 0.25rem !important; }
  .gap-xxl-2 { gap: 0.5rem !important; }
  .gap-xxl-3 { gap: 1rem !important; }
  .gap-xxl-4 { gap: 1.5rem !important; }
  .gap-xxl-5 { gap: 3rem !important; }
  .row-gap-xxl-0 { row-gap: 0px !important; }
  .row-gap-xxl-1 { row-gap: 0.25rem !important; }
  .row-gap-xxl-2 { row-gap: 0.5rem !important; }
  .row-gap-xxl-3 { row-gap: 1rem !important; }
  .row-gap-xxl-4 { row-gap: 1.5rem !important; }
  .row-gap-xxl-5 { row-gap: 3rem !important; }
  .column-gap-xxl-0 { column-gap: 0px !important; }
  .column-gap-xxl-1 { column-gap: 0.25rem !important; }
  .column-gap-xxl-2 { column-gap: 0.5rem !important; }
  .column-gap-xxl-3 { column-gap: 1rem !important; }
  .column-gap-xxl-4 { column-gap: 1.5rem !important; }
  .column-gap-xxl-5 { column-gap: 3rem !important; }
  .text-xxl-start { text-align: left !important; }
  .text-xxl-end { text-align: right !important; }
  .text-xxl-center { text-align: center !important; }
}
@media (min-width: 1200px) {
  .fs-1 { font-size: 2.5rem !important; }
  .fs-2 { font-size: 2rem !important; }
  .fs-3 { font-size: 1.75rem !important; }
  .fs-4 { font-size: 1.5rem !important; }
}
@media print {
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-grid { display: grid !important; }
  .d-print-inline-grid { display: inline-grid !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; }
  .d-print-none { display: none !important; }
}


@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
:root { --bg-color: #191b24; --text-base: #aaa; --primary-color: #ffd875; --primary-color-hover: #ffde8a; --primary-button-text: #191b24; --primary-text: #ffd875; --top-bg-default: #202331; --border-color: #ffffff10; --bg-2: #282b3a; --bg-3: #2f3346; --bg-4: #3e435c; --bg-5: #535d8e; --footer-bg: #0f111a; --shadow-large: 0 0 20px 20px rgba(0,0,0,0.1); --h-shadow: 0 2px 3px rgba(0,0,0,0.4); --category-name: #fff; --padding-base: 40px; --bs-border-color: rgba(0,0,0,0.3); --Toastify__progress-bar--error: #f85f5f !important; --toastify-icon-color-error: #f85f5f !important; }
html { scroll-behavior: smooth; }
body, html { position: relative; min-height: 100vh; }
body { background: var(--bg-color); color: var(--text-base); font-size: 14px; line-height: 1.6; font-weight: 400; padding: 0px; margin: 0px; text-size-adjust: none; }
a { cursor: pointer; color: rgb(255, 255, 255); text-decoration: none !important; }
a:hover { color: var(--primary-text); }
.heading-xl { font-size: 2.4em; font-weight: 600; line-height: 1.5; margin-bottom: 1rem; color: rgb(255, 255, 255); }
.heading-md { font-size: 1.8em; }
.heading-md, .heading-sm { font-weight: 600; line-height: 1.5; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.heading-sm { font-size: 1.4em; }
.heading-xs { font-size: 1.1em; font-weight: 600; line-height: 1.5; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.button-play, .primary-gradient, .w-chart .number { background: linear-gradient(39deg, rgb(254, 207, 89), rgb(255, 241, 204)); }
.button-play, .primary-gradient { color: var(--primary-button-text) !important; }
.button-play { box-shadow: rgba(255, 218, 125, 0.1) 0px 5px 10px 5px; }
.button-play:hover { box-shadow: rgba(255, 218, 125, 0.15) 0px 5px 10px 10px; }
button { background-color: transparent; outline: none; border: none; }
.btn { font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 1.1rem; border-radius: 0.4rem; opacity: 1; min-height: 40px; }
.btn:hover { opacity: 0.9; }
.btn.btn-block { width: 100%; }
.btn.btn-circle { width: 30px; height: 30px; padding: 0.4rem; border-radius: 3rem; min-height: auto !important; }
.btn i { font-size: 0.9em; }
.btn span { white-space: nowrap; }
.btn .inc-icon { width: 14px; height: 14px; flex-shrink: 0; }
.btn-sm { font-size: 12px; gap: 0.4rem; padding: 0.3rem 0.7rem; border-radius: 0.3rem; min-height: 30px; }
.btn-sm .inc-icon { width: 12px; height: 12px; }
.btn-xs { font-size: 11px; gap: 0.3rem; padding: 0.2rem 0.5rem; border-radius: 0.2rem; min-height: 26px; }
.btn-xs .inc-icon { width: 10px; height: 10px; }
.btn-lg { font-size: 16px; gap: 0.6rem; padding: 0.7rem 1.5rem; border-radius: 0.5rem; min-height: 50px; }
.btn-lg.btn-circle { width: 50px; height: 50px; padding: 0.7rem; border-radius: 3rem; }
.btn-lg .inc-icon { width: 16px; height: 16px; }
.btn-xl { font-size: 18px; gap: 1rem; padding: 0.95rem 2rem; border-radius: 0.6rem; min-height: 60px; }
.btn-xl.btn-circle { width: 60px; padding: 0.7rem; border-radius: 3rem; }
.btn-xl .inc-icon { width: 18px; height: 18px; }
.btn-primary { background-color: var(--primary-color) !important; color: var(--primary-button-text) !important; border-color: var(--primary-color) !important; }
.btn-secondary { background-color: var(--bg-3) !important; color: rgb(255, 255, 255) !important; border-color: var(--bg-3) !important; }
.btn-light { background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
.btn-outline { border-color: rgba(255, 255, 255, 0.5) !important; }
.btn-basic, .btn-outline { background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.btn-basic { border-color: transparent !important; }
.btn-rounded { border-radius: 2rem; }
.o-style { list-style: none; }
.small-text { font-size: 0.9em !important; }
.text-base { color: var(--text-base) !important; }
.base-hover:hover { color: rgb(255, 255, 255) !important; }
.lim-1, .lim-2, .lim-3, .name-short { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; }
.lim-1 { -webkit-line-clamp: 1; }
.lim-2 { -webkit-line-clamp: 2; }
.lim-3 { -webkit-line-clamp: 3; }
.inc-icon { width: 16px; height: 16px; flex-shrink: 0; font-size: 0px !important; line-height: 0 !important; }
.inc-icon img, .inc-icon svg { width: 100% !important; height: 100% !important; }
.icon-20 { width: 20px; height: 20px; }
.icon-16 { width: 16px; height: 16px; }
.icon-14 { width: 14px; height: 14px; }
.icon-12 { width: 12px; height: 12px; }
.inter-icon { background-image: url("/images/interface.png"); background-size: 400px 400px; width: 16px; height: 16px; display: inline-block; }
.icon-trans1 { background-position: 0px 0px; }
.icon-trans2 { background-position: -16px 0px; }
.icon-trans3 { background-position: -32px 0px; }
.primary-text, .text-primary { color: var(--primary-text) !important; }
.line-center { display: inline-flex; align-items: center; gap: 0.5rem; }
.antiselect, .app-download-button, .d-item .spoil-toggle, .dm-bar .item, .player-control *, .reason-list .h-item, .sound-cover, .v-actor, .v-thumbnail, .v-toggle { user-select: none; }
#totop, .button-play, .cat-more .line-center, .d-item .text, .de-type .item, .item-focus.is-on, .menu-toggle .icon-menu *, .pin-trans .line-center, .search-toggle .icon-search *, .sound-cover, .toggle-x *, .top-slide-small .swiper-slide, .top-up .sw-item .v-thumbnail img, .topic-item .inc-icon, .topics-grid .row-topic, .topics-line .topic-item, .transition, header { transition: 0.3s; }
.v-thumbnail { width: 100%; padding-bottom: 150%; height: 0px; position: relative; border-radius: 0.5rem; overflow: hidden; display: block; background-color: var(--bg-3); }
.cover-fade .cover-image img, .gallery-row .item img, .object-fit img, .sound-cover img, .user-avatar img, .v-actor img, .v-thumbnail img { position: absolute; width: 100%; height: 100%; inset: 0px; object-fit: cover; }
.v-thumbnail.v-thumbnail-hoz { padding-bottom: 45%; }
.v-thumb-s { width: 50px; flex-shrink: 0; }
.v-thumb-m { width: 80px; flex-shrink: 0; }
.v-thumb-l { width: 120px; flex-shrink: 0; }
.v-thumb-s .v-thumbnail { border-radius: 0.2rem; }
.sound-cover, .user-avatar, .v-actor { width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; overflow: hidden; position: relative; background-color: var(--bg-2); }
.sound-cover:hover img, .user-avatar:hover img, .v-actor:hover img { opacity: 0.8; }
.user-avatar.square { border-radius: 0.75rem; }
.user-avatar.medium { width: 80px; height: 80px; }
.user-avatar.large { width: 120px; height: 120px; }
.sound-cover { border-radius: 0.3rem; }
.item-sound.active .sound-cover { border-radius: 50%; }
.item-sound.active .sound-cover::after { content: ""; position: absolute; width: 35%; height: 35%; border-radius: 3rem; background-color: var(--bg-color); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }
.v-actor-medium { width: 80px; height: 80px; }
.v-actor-large { width: 110px; height: 110px; }
.item-title { color: rgb(255, 255, 255); font-size: 1em; font-weight: 400; margin-bottom: 0.5rem; line-height: 1.5; }
.info-line { display: block; }
.info-line .tag-small { font-size: 0.9em; color: var(--text-base); white-space: nowrap; margin-right: 0.6rem; display: inline; }
.info .info-line .tag-small:last-of-type { margin-right: 0px; }
.wrap-tip { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-backdrop { background-color: rgb(19, 23, 39); }
.modal-backdrop.show { opacity: 0.95; }
#app { width: 100%; min-height: 100vh; overflow-x: hidden; }
.container { width: 100%; max-width: 1900px; padding: 0px 50px; }
#wrapper { padding-bottom: 10rem; padding-top: 10rem; min-height: calc(-400px + 100vh); }
#wrapper.wrapper-w-slide { padding-top: 0px !important; }
header { display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 10; background: linear-gradient(0deg, rgba(25, 27, 36, 0), rgb(25, 27, 36)); }
header.fly { background: transparent !important; }
header.fixed { background-color: var(--footer-bg) !important; }
header.fixed .header-elements { height: 70px; }
header .header-elements { height: 90px; padding: 0px 2rem; }
.el-group, header .header-elements { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.el-group { flex-grow: 1; }
#logo, .el-group { position: relative; z-index: 3; }
#logo { flex-shrink: 0; }
#logo img { height: 46px; width: auto; }
#search { width: 100%; max-width: 23rem; }
#search, #search .search-elements { position: relative; }
#search .search-input { width: 100%; height: 2.8rem; line-height: 2rem; padding: 0.4rem 3rem; background-color: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-size: 1em; border-radius: 0.4rem; outline: none !important; box-shadow: none !important; border: 1px solid transparent !important; }
#search .search-input.input-focus, #search .search-input:focus { border-color: rgb(255, 255, 255) !important; }
#search .search-input::placeholder { color: rgb(255, 255, 255) !important; }
#search .remove-icon, #search .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); flex-shrink: 0; padding: 3px; font-size: 16px; }
#search .remove-icon { left: auto; right: 0.7rem; cursor: pointer; display: none; }
.search-modal { position: absolute; z-index: 90; top: calc(100% + 5px); left: 0px; right: 0px; min-width: 360px; background-color: rgba(15, 17, 26, 0.95); backdrop-filter: blur(20px); border-radius: 0.4rem; overflow: hidden; box-shadow: var(--shadow-large); }
.search-modal .view-all { background-color: rgba(255, 255, 255, 0.063); display: block; line-height: 50px; text-align: center; }
.show-group { display: flex; flex-direction: column; padding: 20px; }
.show-group + .show-group { padding-top: 0px; }
.show-group .group-title { font-size: 0.9em; color: var(--text-base); margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between; }
.show-group .group-title .remove-all { color: var(--text-base); }
.group-list { display: flex; flex-direction: column; gap: 0px; }
.h-item { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; }
.h-item .info { flex-grow: 1; }
.h-item .info .item-title { margin-bottom: 0.4rem; }
.v-item { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.v-item .info .item-title { margin-bottom: 0.4rem; }
.show-group .group-list .h-item .v-thumbnail { padding-bottom: 135%; }
.show-group .group-list .s-item { padding: 0.6rem; border-radius: 0.4rem; }
.show-group .group-list .s-item:hover { background-color: rgba(255, 255, 255, 0.02); }
.t-item { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.8rem; }
.t-item:last-of-type { margin-bottom: 0.3rem; }
.t-item .remove-log { color: var(--text-base); flex-shrink: 0; }
.t-item .item-title { flex-grow: 1; margin-bottom: 0px; }
.t-item .t-icon { flex-shrink: 0; font-size: 12px; }
#main_menu, #main_user { display: flex; align-items: center; gap: 1.5rem; }
#main_menu .menu-item { line-height: 36px; flex-shrink: 0; white-space: nowrap; padding: 0px 0.75rem; color: rgb(255, 255, 255); }
#main_user { gap: 1rem; }
#main_menu .menu-item-sub .dropdown-item { padding: 0.3rem 1.2rem; line-height: 32px; }
#main_menu .menu-item-sub .dropdown-item:hover { color: var(--primary-text); }
#main_user .button-user { font-size: 1em; padding: 0.6rem 1.4rem; border-radius: 3rem; border: 1px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); opacity: 0.9; font-weight: 500; white-space: nowrap; min-width: 145px; text-align: center; }
#main_user .button-user.button-login { background-color: rgb(255, 255, 255); color: var(--primary-button-text); }
#main_user .button-user:hover { opacity: 1; }
#main_user .header-user { padding: 0.3rem 0.6rem; color: rgb(255, 255, 255); display: flex; align-items: center; }
#main_user .header-user .user-avatar { width: 42px; height: 42px; border: 2px solid rgb(255, 255, 255); }
#main_user .btn-bell { font-size: 16px; width: 40px; height: 40px; padding: 0px; position: relative; display: flex; align-items: center; justify-content: center; }
#main_user .btn-bell::after { display: none; }
.noti-number { position: absolute; top: -6px; left: 55%; line-height: 1; padding: 0.3rem 0.43rem; font-size: 12px; font-weight: 500; background-color: rgb(25, 27, 36); color: var(--primary-text); border-radius: 12px; }
.user-dropdown { max-width: 320px; min-width: 200px; }
.user-dropdown .dropdown-item .line-center { width: 100%; gap: 0.75rem; }
.user-dropdown .dropdown-item .line-center span { flex-grow: 1; }
.user-dropdown .dropdown-item .line-center .number { opacity: 0.5; }
.app-download { flex-shrink: 0; padding-right: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.267); position: relative; }
.app-download-button { height: 44px; padding: 0px 1.2rem; display: flex; justify-content: center; align-items: center; gap: 0.75rem; cursor: pointer; }
.app-download-button > .inc-icon { width: 36px; height: 36px; color: var(--primary-color); }
.app-download .text { display: flex; flex-direction: column; gap: 0.3rem; font-size: 12px; line-height: 1.1; }
.app-download .text strong { font-size: 14px; }
.app-download .app-download-menu { border-radius: 1rem; padding: 1rem; box-shadow: rgba(0, 0, 0, 0.067) 0px 10px 10px 3px; margin-top: 0.4rem !important; }
.app-download .app-download-menu .adm-title { font-size: 13px; line-height: 1.4; }
.app-box { flex-direction: column; display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.app-box .device-item { padding: 0.4rem 0.5rem; font-size: 0px; flex: 1 1 0%; color: rgb(0, 0, 0); white-space: nowrap; border-radius: 0.4rem; border: 1px solid rgb(204, 209, 231); position: relative; }
.app-box .device-item:hover { border-color: rgb(0, 0, 0); }
.app-box .device-item .line-center { gap: 0.4rem; justify-content: center; }
.app-box .device-item span { font-size: 13px; line-height: 1.1; font-weight: 500; }
.app-box .device-item .inc-icon { width: 20px; height: 20px; }
.app-box .device-item.coming { border-color: rgb(204, 209, 231) !important; background-color: rgba(204, 209, 231, 0.314) !important; }
.app-box .device-item.coming .line-center { opacity: 0.5; }
.app-box .device-item.coming::before { content: "Sắp ra mắt"; position: absolute; top: -10px; right: -1px; padding: 5px; font-size: 10px; line-height: 1; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-radius: 0.3rem; }
.app-box .appicon { flex-shrink: 0; display: flex; align-items: center; gap: 1rem; }
.app-box .appicon img { width: 50px; height: auto; border-radius: 0.5rem; }
.app-box .flex-item { display: flex; width: 100%; justify-content: space-between; flex-direction: row; flex-grow: 1; gap: 8px; }
.header-elements .for-mobile { cursor: pointer; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 0.4rem; flex-shrink: 0; display: none; font-size: 16px; color: rgb(255, 255, 255); }
.icon-menu { width: 20px; height: 20px; position: relative; padding: 3px 0px; }
.icon-menu span { width: 100%; height: 2px; background-color: rgb(255, 255, 255); display: block; }
.icon-menu span + span { margin-top: 4px; }
.icon-menu span:nth-child(2) { width: 70%; }
.menu-toggle.toggled .icon-menu span { position: absolute; transform: rotate(45deg); top: 9px; margin: 0px; background-color: rgb(255, 108, 93); }
.menu-toggle.toggled .icon-menu span:nth-child(3) { transform: rotate(-45deg); }
.menu-toggle.toggled .icon-menu span:nth-child(2) { opacity: 0; }
.search-toggle .icon-search { width: 20px; height: 20px; line-height: 20px; text-align: center; position: relative; }
.search-toggle.toggled .icon-search svg { opacity: 0; }
.search-toggle .icon-search span { width: 100%; height: 2px; background-color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; opacity: 0; }
.search-toggle .icon-search span:nth-child(2) { top: 18px; }
.search-toggle.toggled .icon-search span { background-color: rgb(255, 108, 93); transform: rotate(45deg); opacity: 1; left: 0px; top: 9px !important; }
.search-toggle.toggled .icon-search span:nth-child(2) { transform: rotate(-45deg); }
.top-slide-main, .top-slide-wrap { position: relative; }
.top-slide-main { width: 100%; margin-bottom: -120px; height: 860px; background-color: var(--top-bg-default); overflow: hidden; }
.top-detail-wrap::after, .top-slide-main::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 200px; z-index: 3; background: linear-gradient(0deg, rgb(25, 27, 36), rgba(25, 27, 36, 0)); }
.top-slide-main .cover-fade { height: calc(100% - 60px) !important; }
.top-slide-main .safe-area { height: calc(100% - 100px) !important; }
.top-slide-wrap .swiper-slide-active .cover-fade { animation: 0.5s ease 0s 1 normal forwards running cover-fade; }
.top-slide-wrap .swiper-slide-active .cover-image { animation: 1s ease 0s 1 normal forwards running hide-show; }
.top-slide-wrap .swiper-slide-active .slide-content { animation: 0.5s ease 0s 1 normal forwards running slide-content; }
.big-slide-wrapper .top-slide-main { border-radius: 1.2rem; }
.auto-hide { animation: 30s ease 0s 1 normal forwards running auto-hide; }
@keyframes cover-fade { 
  0% { transform: translateX(-45%); opacity: 0; }
  100% { transform: translateX(-50%); opacity: 1; }
}
@keyframes hide-show { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slide-content { 
  0% { transform: translateX(-50px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes auto-hide { 
  0% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}
.slide-elements { position: absolute; inset: 0px; width: 100%; height: 100%; background-color: var(--top-bg-default); }
.slide-elements::before, .top-detail-wrap::before { content: ""; position: absolute; inset: 0px; background-image: url("/images/dotted.png"); background-repeat: repeat; opacity: 0.2; z-index: 1; }
.slide-elements .cover-fade, .top-detail-wrap .cover-fade { width: 100%; max-width: 1900px; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, transparent); }
.slide-elements .cover-fade .cover-image { width: 100%; height: 100%; display: block; position: relative; mask-image: linear-gradient(90deg, transparent 10px, rgba(0, 0, 0, 0.2) 15%, rgb(0, 0, 0) 40%, rgb(0, 0, 0) 80%, transparent 99%); }
.slide-elements .background-fade, .top-detail-wrap .background-fade { width: 100%; height: 100%; position: absolute; inset: 0px; background-position: 50% center; background-size: cover; filter: blur(80px); opacity: 0.2; }
.slide-elements .safe-area { cursor: grab; width: 100%; height: 100%; max-width: 1900px; margin: 0px auto; overflow: hidden; z-index: 2; position: relative; display: flex; align-items: flex-end; }
.slide-elements .safe-area:active { cursor: grabbing; }
.slide-elements .hl-tags .tag-classic:nth-child(n+7), .slide-elements .hl-tags .tag-topic:nth-child(n+7), .slide-url { display: none; }
.backdrop-video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 3; display: none; }
.swiper-slide-active .backdrop-video { display: block; }
.top-slide-wrap .sound-mute { position: absolute; bottom: 280px; right: calc(50% - 900px); z-index: 3; }
.top-slide-wrap .sound-mute i { font-size: 1em; }
.top-slide-wrap .top-slide-small { position: absolute; bottom: 212px; right: calc(50% - 900px); width: 450px !important; }
.top-slide-wrap .top-slide-small .swiper-slide { width: 65px; height: 45px; cursor: pointer; position: relative; border: 3px solid transparent; }
.top-slide-wrap .top-slide-small .swiper-slide:hover { border-color: rgb(255, 255, 255) !important; }
.top-slide-wrap .top-slide-small .swiper-slide img { object-fit: cover; background-color: var(--bg-2); width: 100% !important; height: 100% !important; }
.top-slide-wrap .top-slide-small .swiper-slide.swiper-slide-thumb-active { border-color: rgb(255, 255, 255) !important; }
.slide-content { position: relative; z-index: 5; max-width: 700px; width: 100%; padding: 100px 50px; }
.slide-content .media-title { font-size: 3em; line-height: 1.5; margin-bottom: 1rem; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 1px; color: rgb(255, 255, 255); }
.slide-content .media-title-image { margin-bottom: 2rem; }
.slide-content .media-title-image img { max-width: 500px; max-height: 130px; }
.slide-content .description { font-size: 1em; line-height: 1.6; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; font-weight: 400; margin-bottom: 2rem; }
.slide-content .touch { display: flex; align-items: center; gap: 2rem; }
.slide-content .touch .button-play { width: 70px; height: 70px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; opacity: 0.95; color: var(--primary-button-text) !important; }
.slide-content .touch .button-play svg { font-size: 28px; position: relative; left: 2px; }
.slide-content .touch .button-play:hover { opacity: 1; }
.slide-content .touch-group { display: inline-flex; align-items: center; border: 2px solid var(--border-color); border-radius: 30px; overflow: hidden; }
.slide-content .touch-group:hover { border-color: rgb(255, 255, 255) !important; }
.slide-content .touch-group .item { height: 50px; min-width: 68px; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 0px 0.2rem; gap: 0.3rem; position: relative; }
.slide-content .touch-group .item:first-of-type { padding-left: 0.4rem; }
.slide-content .touch-group .item:last-of-type { padding-right: 0.4rem; }
.slide-content .touch-group .item span { display: none; white-space: nowrap; height: 0px; font-size: 10px; line-height: 1; }
.slide-content .touch-group .item.active .icon-20 { color: var(--primary-text) !important; }
.slide-content .touch-group .item:hover span { display: block; height: auto; }
.slide-content .touch-group .item:hover { background-color: rgba(255, 255, 255, 0.02); width: auto; }
.slide-content .touch-group .item + .item { border-left: 2px solid var(--border-color); }
.hl-tags { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 0.75rem; }
.tag-model { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 500; display: flex; overflow: hidden; cursor: default; line-height: 26px; padding: 0px 0.5rem; flex-shrink: 0; }
.tag-classic, .tag-model, .tag-topic { border-radius: 0.33rem; align-items: center; font-size: 12px; }
.tag-classic, .tag-topic { background-color: rgba(255, 255, 255, 0.063); height: 26px; padding: 0px 0.4rem; color: rgb(255, 255, 255); display: inline-flex; }
.tag-classic { border: 1px solid rgb(255, 255, 255); }
.tag-imdb { background-color: transparent; border: 1px solid rgb(240, 210, 92); border-radius: 0.33rem; color: rgb(255, 255, 255); font-weight: 500; cursor: default; line-height: 24px; font-size: 12px; padding: 0px 0.4rem; flex-shrink: 0; display: inline-flex; align-items: center; }
.tag-imdb::before { content: "IMDb"; color: rgb(240, 210, 92); position: relative; font-weight: 500; padding-right: 4px; font-size: 10px; line-height: 1; }
#wrapper.wrapper-w-slide { position: relative; z-index: 9; }
.fluid-gap { display: flex; flex-direction: column; gap: 50px; }
.cards-row { position: relative; }
.cards-row.wide { max-width: 1900px; }
.cards-row.fixed, .cards-row.wide { width: 100%; padding: 0px 50px; margin: 0px auto; }
.cards-row.fixed { max-width: 1300px; }
.cards-row .row-header { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; position: relative; min-height: 44px; margin-bottom: 1.2rem; }
.cards-row .row-header .inc-icon { width: 32px; height: 32px; }
.cards-row .row-header .category-name { font-size: 2em; line-height: 1.4; font-weight: 600; margin: 0px; color: var(--category-name); text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 1px; }
.topics-line { display: flex; gap: 1rem; align-items: stretch; justify-content: flex-start; }
.topics-line .topic-item { display: flex; align-items: flex-end; z-index: 5; flex: 1 1 0%; gap: 1.2rem; padding: 1.2rem; min-height: 120px; border-radius: 0.6rem; color: rgb(255, 255, 255); }
.topics-line .topic-item .topic-name { font-size: 1.8em; line-height: 1.3; font-weight: 700; margin-bottom: 0px; }
.topics-line .topic-item .info { position: relative; z-index: 3; }
.cards-row.fixed.min { max-width: 960px; }
.cards-slide-wrapper { position: relative; }
.sw-navigation .sw-button { padding: 6px; color: rgb(255, 255, 255); position: absolute; z-index: 10; right: 0px; top: calc(50% - 27px); transform: translate(100%, -50%); opacity: 0.5; background-color: transparent !important; outline: none !important; border: none !important; }
.sw-navigation .sw-prev { right: auto; left: 0px; transform: translate(-100%, -50%); }
.sw-navigation .sw-button.swiper-button-disabled { display: none; }
.sw-navigation .sw-button:hover { opacity: 1; }
.sw-navigation .sw-button svg { width: 48px !important; height: 48px !important; }
.sw-item { width: 100%; display: flex; flex-direction: column; gap: 0.75rem; position: relative; }
.sw-item .v-thumbnail:hover img { opacity: 0.8; }
.sw-item .info { min-height: 42px; text-align: center; }
.sw-item .info .item-title { margin-bottom: 0px; }
.sw-item .info-v { display: flex; flex-direction: column; gap: 0.2rem; }
.sw-item .info-v .alias-title { font-size: 0.9em; color: var(--text-base); }
.sw-item .info-v .info-line > div { color: rgb(255, 255, 255); }
.sw-item .info-v.w-chart { padding-left: 66px; position: relative; text-align: left; }
.sw-item .info-v.w-chart .number { position: absolute; left: 0px; top: 0px; width: 50px; line-height: 1; text-align: center; font-size: 4.2em; font-weight: 800; font-style: italic; background-clip: text; -webkit-text-fill-color: transparent; }
.v-thumbnail .pin-thumb { position: absolute; z-index: 2; left: 0px; right: 0px; top: 0px; height: 32px; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding: 0px 0.6rem; background: linear-gradient(0deg, rgba(25, 27, 36, 0), rgba(25, 27, 36, 0.7)); }
.v-thumbnail .pin-thumb.on-bottom { top: auto; bottom: 0px; background: linear-gradient(0deg, rgba(25, 27, 36, 0.7), rgba(25, 27, 36, 0)); }
.v-thumbnail .pin-thumb > div { color: rgb(255, 255, 255); font-weight: 500; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; font-size: 13px; }
.v-thumbnail .pin-thumb > div.e-quality { font-size: 15px; font-weight: 600; }
.v-thumbnail .pin-trans { position: absolute; bottom: 10px; right: 10px; z-index: 3; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; }
.v-thumbnail .pin-trans .line-center { background-color: rgb(255, 255, 255); justify-content: center; height: 28px; border-radius: 1rem; padding: 0px 0.3rem; min-width: 28px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px; gap: 0.3rem; }
.v-thumbnail .pin-trans .line-center span { font-size: 11px; color: rgb(0, 0, 0); display: none; }
.v-thumbnail .pin-trans .line-center:hover { padding: 0px 0.5rem; }
.v-thumbnail .pin-trans .line-center:hover span { display: block; }
.v-thumbnail .pin-trans.fixed { bottom: 8px; right: 8px; }
.v-thumbnail .pin-trans.fixed .line-center { height: 24px; width: 24px !important; min-width: auto !important; padding: 0px !important; }
.v-thumbnail .pin-trans.fixed .line-center span { display: none !important; }
.v-thumbnail .pin-trans.fixed .line-center .inter-icon { transform: scale(0.8); }
.v-thumbnail .pin-top { position: absolute; right: 0px; top: 0px; line-height: 60px; width: 70px; text-align: right; padding-right: 1rem; font-size: 3.5em; font-weight: 800; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 3px; z-index: 3; }
.pin-new { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; justify-content: space-between; align-items: stretch; border-radius: 0.3rem 0.3rem 0px 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 2px; }
.pin-new .line-center { flex: 1 1 0%; gap: 0.2rem; justify-content: center; padding: 0.2rem 0.5rem; font-size: 11px; font-weight: 400; background-color: rgb(94, 96, 112); color: rgb(255, 255, 255); }
.pin-new .line-center.line-lt { background-color: rgb(22, 103, 207); color: rgb(255, 255, 255); }
.pin-new .line-center.line-tm { background-color: rgb(44, 163, 93); color: rgb(255, 255, 255); }
.pin-new .line-center.line-lt span::before { content: "LT."; }
.pin-new .line-center.line-tm span::before { content: "TM."; }
.pin-new .line-center.line-pd span::before { content: "PĐ."; }
.pin-remove { position: absolute; z-index: 3; top: 0.3rem; right: 0.3rem; cursor: pointer; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.063) 0px 0px 5px 5px; width: 30px; height: 30px; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
.pin-remove:hover { opacity: 1; }
.pin-new2 { justify-content: flex-start; border-radius: 0.5rem 0.5rem 0px 0px; overflow: hidden; background-color: rgb(255, 255, 255); }
.pin-new2 .line-center { padding: 0.3rem 0.5rem; border-radius: 0px 0.5rem 0px 0px; overflow: hidden; background-color: transparent; }
.pin-new2 .line-center:first-of-type { position: relative; z-index: 3; }
.pin-new2 .line-center + .line-center { padding-left: 0.8rem; margin-left: -0.3rem; }
.pin-new2 .line-center.line-tm { background-color: rgb(255, 255, 255); position: relative; z-index: 2; }
.watched-bar { width: 100%; max-width: 160px; margin: 0.8rem auto; height: 4px; position: relative; display: flex; background-color: rgba(255, 255, 255, 0.125); }
.watched-bar span { height: 100%; display: block; background-color: rgba(255, 255, 255, 0.565); }
.watched-info { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0px 0px 0.5rem; font-size: 12px; }
.watched-info .w-item span { opacity: 0.4; }
.watched-info .w-item + .w-item { padding-left: 0.6rem; position: relative; }
.watched-info .w-item + .w-item::before { content: ""; width: 3px; height: 3px; display: inline-block; background-color: var(--text-base); position: absolute; left: 0px; top: 50%; margin-top: -1px; }
.top-up { margin-bottom: 20px; }
.top-up .sw-item .v-thumbnail { background-color: transparent; }
.top-up .sw-item .v-thumbnail .mask, .top-up .sw-item .v-thumbnail img { border-radius: 0px; clip-path: polygon(94.239% 100%, 5.761% 100%, 5.761% 100%, 4.826% 99.95%, 3.94% 99.803%, 3.113% 99.569%, 2.358% 99.256%, 1.687% 98.87%, 1.111% 98.421%, 0.643% 97.915%, 0.294% 97.362%, 0.075% 96.768%, 0px 96.142%, 0px 3.858%, 0px 3.858%, 0.087% 3.185%, 0.338% 2.552%, 0.737% 1.968%, 1.269% 1.442%, 1.92% 0.984%, 2.672% 0.602%, 3.512% 0.306%, 4.423% 0.105%, 5.391% 0.008%, 6.4% 0.024%, 94.879% 6.625%, 94.879% 6.625%, 95.731% 6.732%, 96.532% 6.919%, 97.272% 7.178%, 97.942% 7.503%, 98.533% 7.887%, 99.038% 8.323%, 99.445% 8.805%, 99.747% 9.326%, 99.935% 9.88%, 100% 10.459%, 100% 96.142%, 100% 96.142%, 99.925% 96.768%, 99.706% 97.362%, 99.357% 97.915%, 98.889% 98.421%, 98.313% 98.87%, 97.642% 99.256%, 96.887% 99.569%, 96.06% 99.803%, 95.174% 99.95%, 94.239% 100%); }
.top-up .swiper-slide:nth-child(2n) .v-thumbnail .mask, .top-up .swiper-slide:nth-child(2n) .v-thumbnail img { clip-path: polygon(5.761% 100%, 94.239% 100%, 94.239% 100%, 95.174% 99.95%, 96.06% 99.803%, 96.887% 99.569%, 97.642% 99.256%, 98.313% 98.87%, 98.889% 98.421%, 99.357% 97.915%, 99.706% 97.362%, 99.925% 96.768%, 100% 96.142%, 100% 3.858%, 100% 3.858%, 99.913% 3.185%, 99.662% 2.552%, 99.263% 1.968%, 98.731% 1.442%, 98.08% 0.984%, 97.328% 0.602%, 96.488% 0.306%, 95.577% 0.105%, 94.609% 0.008%, 93.6% 0.024%, 5.121% 6.625%, 5.121% 6.625%, 4.269% 6.732%, 3.468% 6.919%, 2.728% 7.178%, 2.058% 7.503%, 1.467% 7.887%, 0.962% 8.323%, 0.555% 8.805%, 0.253% 9.326%, 0.065% 9.88%, 0px 10.459%, 0px 96.142%, 0px 96.142%, 0.075% 96.768%, 0.294% 97.362%, 0.643% 97.915%, 1.111% 98.421%, 1.687% 98.87%, 2.358% 99.256%, 3.113% 99.569%, 3.94% 99.803%, 4.826% 99.95%, 5.761% 100%); }
.top-up .sw-item .v-thumbnail:hover img { width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; }
.top-up .sw-item .v-thumbnail .mask { position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.05); }
.top-up .sw-item .v-thumbnail:hover .mask { background-color: var(--primary-color); }
.big-slide-wrapper { padding-bottom: 2rem; }
.big-slide-wrapper .slide-content { padding: 3rem; }
.big-slide-wrapper .slide-content .media-title { font-size: 2.2em; }
.big-slide-wrapper .slide-elements { background-color: var(--bg-3); }
.big-slide-wrapper .slide-elements .background-fade { display: none !important; }
.big-slide-wrapper .slide-elements .cover-fade { width: calc(100% - 500px); left: auto; transform: none; right: 0px; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0)); height: 100% !important; }
.big-slide-wrapper .slide-elements .cover-fade .cover-image { mask-image: none; }
.big-slide-wrapper .slide-elements .safe-area { height: 100% !important; align-items: flex-start; }
.big-slide-wrapper .top-slide-main { height: 500px; margin: 0px; }
.big-slide-wrapper .top-slide-main::before { display: none; }
.big-slide-wrapper .top-slide-main .swiper-slide { border-radius: 1.2rem; overflow: hidden; }
.big-slide-wrapper .top-slide-small { margin: -70px auto 0px; max-width: 1200px; width: calc(100% - 32px); position: relative; z-index: 3; }
.big-slide-wrapper .top-slide-small .swiper-wrapper { display: flex; align-items: stretch; gap: 1rem; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { flex: 1 1 0%; border-radius: 0.6rem; overflow: hidden; background-color: var(--bg-2); position: relative; cursor: pointer; border: 3px solid transparent; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { height: 110px; align-items: center; padding: 1rem; display: none; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .media-title { font-size: 1em; line-height: 1.6; font-weight: 300; color: rgb(255, 255, 255); margin: 0px; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { background-color: rgb(255, 255, 255); }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active .media-title { color: rgb(0, 0, 0); font-weight: 500; }
.sw-actors-recent .sw-actor { width: 100%; position: relative; }
.sw-actor .item-duo { background-color: rgba(255, 255, 255, 0.02); padding: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 0.5rem; mask-image: linear-gradient(0deg, transparent 20%, rgb(0, 0, 0) 70%, rgb(0, 0, 0)); }
.sw-actor .item-duo .duo-thumb { width: 100%; flex: 1 1 0%; padding-bottom: 70%; position: relative; border-radius: 0.4rem; overflow: hidden; }
.sw-actor .item-duo .duo-thumb:hover img { opacity: 0.8; }
.sw-actor .item-duo .duo-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.sw-actors-recent .sw-actor .h-item { position: relative; z-index: 2; padding: 1.5rem; margin-top: -100px; gap: 1.2rem; }
.sw-actors-recent .sw-actor .h-item .v-actor { border: 3px solid rgb(255, 255, 255); width: 70px; height: 70px; }
.sw-actors-recent .sw-actor .h-item .v-actor:hover { border-color: var(--primary-color); }
.sw-actors-recent .sw-actor .h-item .item-title { font-size: 1.2em; font-weight: 600; }
.sw-actors-list .v-item { padding: 0.6rem 0px; }
.sw-cover { width: 100%; position: relative; }
.sw-cover .h-item { padding: 1rem 1.25rem; position: relative; z-index: 2; gap: 1.25rem; align-items: flex-start; }
.sw-cover .h-item .v-thumb-m { margin-top: -60px; }
.sw-cover .h-item .v-thumb-m .v-thumbnail { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 5px; }
.sw-cover .h-item .info .item-title { font-weight: 500; }
.sw-cover.single .h-item { padding: 1rem; }
.sw-cover.single .v-thumbnail.v-thumbnail-hoz { padding-bottom: 56%; }
.actors-grid-wrapper, .cards-grid-wrapper { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1.5rem; }
.actors-grid-wrapper .v-item .info .item-title { font-size: 1.1em; font-weight: 500; }
@media screen and (min-width: 1121px) {
  .cards-grid-wrapper.grid-6or { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (min-width: 800px) and (max-width: 1120px) {
  .cards-grid-wrapper.grid-6or { grid-template-columns: repeat(4, 1fr); }
}
footer { background-color: var(--footer-bg); }
.footer-elements { position: relative; min-height: 400px; padding: 2rem 0px; display: flex; align-items: center; justify-content: space-between; }
.footer-elements > div { position: relative; z-index: 2; }
.footer-elements .footer-icon { width: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute !important; z-index: 1 !important; }
.footer-elements .side-left { display: block; max-width: 750px; }
.sl-brand { gap: 3rem; margin-bottom: 2rem; }
.sl-brand .footer-logo { display: block; }
.sl-brand .footer-logo img { height: 60px; width: auto; }
.sl-brand .socials { gap: 0.75rem; padding-left: 3rem; border-left: 1px solid var(--border-color); }
.sl-brand .socials .social-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--bg-2); }
.sl-menu a { margin-right: 1.5rem; white-space: nowrap; }
.sl-menu a:last-of-type { margin-right: 0px; }
.footer-elements .side-right { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; max-width: 400px; }
.sr-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; }
.sr-links a { display: block; border-radius: 2rem; border: 1px solid var(--border-color); padding: 0.5rem 1rem; font-size: 0.9em; font-weight: 300; }
footer .true { margin-bottom: 1.5rem; }
footer .true .line-center { font-size: 14px; color: rgb(255, 255, 255); padding: 0.5rem 0.7rem; border-radius: 2rem; background-color: rgb(120, 20, 15); }
.v-tips { position: relative; }
.demo-tip, .qtip-default { background-color: var(--bg-3); width: 100%; max-width: 420px; border-radius: 0.5rem; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px; color: rgb(255, 255, 255); line-height: 1.5; border: none !important; }
#demo-tip { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; }
#slide-row-02:hover #demo-tip { display: block; }
.qtip-default .qtip-content { padding: 0px; }
.qtip-default { animation: 0.3s ease 0s 1 normal forwards running qtip-animation; }
@keyframes qtip-animation { 
  0% { opacity: 0; transform: scale(0.3); }
  100% { opacity: 1; transform: scale(1); }
}
.sw-tip { font-size: 13px; font-weight: 300; color: rgb(255, 255, 255); }
.sw-tip .media-teaser { background-size: cover; background-position: 50% center; position: relative; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 30px); }
.sw-tip .media-teaser .sound-mute { position: absolute; bottom: 1rem; right: 1rem; z-index: 4; }
.sound-mute.muted i::before { content: "" !important; }
.sw-tip .media-teaser .pin-new { transform: none; inset: 1rem auto auto 1rem; z-index: 4; border-radius: 0.3rem; display: none; }
.sw-tip .media-teaser .info { position: absolute; inset: 0px; z-index: 3; padding: 1rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; background: linear-gradient(20deg, rgba(47, 51, 70, 0.6), rgba(47, 51, 70, 0)); }
.sw-tip .media-item { width: 100%; padding: 0px 1.5rem 1.5rem; background: linear-gradient(0deg, rgb(47, 51, 70), rgba(47, 51, 70, 0.7)); backdrop-filter: blur(10px); }
.sw-tip .video-title-group { margin-bottom: 1rem; }
.sw-tip .media-title { font-size: 1.2em; font-weight: 600; text-shadow: rgba(0, 0, 0, 0.19) 0px 0px 3px; }
.sw-tip .media-title-image { margin-bottom: 0.6rem; }
.sw-tip .media-title-image img { max-width: 280px; max-height: 50px; }
.sw-tip .alias-title { font-size: 1em; font-weight: 400; color: var(--primary-text); }
.sw-tip .hl-tags { gap: 5px; }
.sw-tip .hl-tags + .hl-tags { margin-top: 0.5rem; }
.sw-tip .hl-tags .tag-classic { border: none; font-size: 0.9em; height: 22px; }
.sw-tip .hl-tags .tag-imdb, .sw-tip .hl-tags .tag-model span { line-height: 20px; }
.sw-tip .hl-tags .tag-topic { background-color: transparent; padding: 0px; height: auto; }
.sw-tip .hl-tags .tag-topic:nth-child(n+5) { display: none; }
.sw-tip .hl-tags .tag-topic + .tag-topic { margin-left: 2px; }
.sw-tip .hl-tags .tag-topic + .tag-topic::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(255, 255, 255); margin-right: 6px; }
.sw-tip .touch-group { display: flex; align-items: stretch; justify-content: space-between; gap: 0.6rem; margin-bottom: 1.25rem; }
.sw-tip .touch-group .btn { flex-grow: 1; }
.sw-tip .touch-group .btn-outline.active { color: var(--primary-text) !important; }
.v-tabs { padding: 0px; margin-bottom: 1.5rem; }
.v-tabs.nav-pills .nav-item + .nav-item, .v-tabs.nav-pills .nav-link + .nav-link { margin-left: 0.6rem; }
.v-tabs.nav-pills .nav-link { border-radius: 2rem; color: rgb(255, 255, 255); background-color: var(--bg-3); min-width: 100px; display: inline-flex; gap: 0.4rem; align-items: center; justify-content: center; opacity: 0.8; }
.v-tabs.nav-pills .nav-link:hover { opacity: 1; }
.v-tabs.nav-pills .nav-link.active, .v-tabs.nav-pills .show > .nav-link { opacity: 1; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; }
.v-tabs.nav-tabs { border-bottom: 1px solid var(--border-color); }
.v-tabs.nav-tabs .nav-link + .nav-link { margin-left: 40px; }
.v-tabs.nav-tabs .nav-link { border-top: none; border-right: none; border-left: none; border-image: initial; margin-bottom: -1px; padding: 0.75rem 0px; font-size: 1em; font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid transparent !important; }
.v-tabs.nav-tabs .nav-link:hover { opacity: 1; }
.v-tabs.nav-tabs .nav-link.active { opacity: 1; background-color: transparent; color: var(--primary-text); margin-bottom: -1px; border-color: var(--primary-color) !important; }
.v-tabs.v-tabs-min.nav-pills .nav-link { font-size: 12px; min-height: 30px; gap: 0.5rem; padding: 0px 0.5rem; border-radius: 0.4rem; min-width: auto; border: 1px solid transparent; background-color: transparent !important; }
.v-tabs.v-tabs-min.nav-pills .nav-link.active { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; }
.v-tabs-xs.nav-pills .nav-link { padding: 0px !important; background-color: transparent !important; font-size: 12px !important; min-width: 60px !important; }
.v-tabs-xs.nav-pills .nav-link + .nav-link { margin-left: 0.75rem !important; }
.v-tabs-xs.nav-pills .nav-link.active { background-color: transparent !important; color: var(--primary-text) !important; }
.v-notice { padding: 3rem 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; border-radius: 1rem; color: var(--text-base); background-color: rgba(0, 0, 0, 0.2); }
.v-notice .icon-notice { width: 3rem; height: 3rem; opacity: 0.5; }
.modal-content .v-tabs { gap: 0.3rem 0.6rem; }
.modal-content .v-tabs.nav-pills .nav-link + .nav-link { margin: 0px !important; }
.v-filter { margin-bottom: 2rem; }
.filter-toggle { background-color: var(--bg-color); padding: 0px 0.75rem 0px 0.5rem; height: 30px; color: rgb(255, 255, 255); cursor: pointer; font-size: 1.1em; font-weight: 500; border-radius: 0.3rem; }
.filter-toggle i { font-size: 12px; }
.filter-toggle:hover { opacity: 0.9; }
.filter-toggle.toggled i { color: var(--primary-text); }
.filter-elements { border-radius: 0.75rem; border: 1px solid var(--border-color); padding: 1rem 0px 0px; margin-top: -15px; margin-bottom: 3rem; }
.v-filter .fe-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding: 1rem; border-bottom: 1px solid var(--border-color); }
.v-filter .fe-row:last-of-type { border-bottom: none; }
.v-filter .fe-row .fe-name { width: 120px; text-align: right; flex-shrink: 0; font-weight: 500; color: rgb(255, 255, 255); }
.v-filter .fe-row .fe-results { flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.6rem; }
.v-filter .fe-row .fe-results .item { padding: 0px 0.5rem; color: rgb(255, 255, 255); cursor: pointer; opacity: 0.8; }
.v-filter .fe-row .fe-results .item:hover { opacity: 1; color: var(--primary-text); }
.v-filter .fe-row .fe-results .item.active { border-color: var(--primary-color); color: var(--primary-text); opacity: 1 !important; }
.v-filter .fe-row-end { padding: 1.5rem 1rem; }
.v-pagination { gap: 1rem; width: 100%; justify-content: center; margin: 4rem 0px; }
.v-pagination .page-current { height: 50px; padding: 0px 1.2rem; border-radius: 3rem; background-color: rgb(47, 51, 70); color: rgb(255, 255, 255); font-size: 15px; }
.v-pagination .page-current .v-form-control { width: 32px; height: 32px; border-radius: 0.3rem; padding: 0px; text-align: center; font-weight: 600; border-color: rgba(255, 255, 255, 0.125) !important; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.v-pagination .page-current .v-form-control:focus { border-color: rgba(255, 255, 255, 0.25) !important; }
.v-bread { position: absolute; top: 100px; left: 2rem; z-index: 9; }
.v-bread > .line-center { gap: 1rem; }
.v-bread .page-name { font-size: 1.6em; color: rgb(255, 255, 255); text-shadow: var(--h-shadow); font-weight: 600; margin: 0px; cursor: default; }
.model-tabs { flex-shrink: 0; display: flex; align-items: stretch; border: 1px solid rgb(255, 255, 255); border-radius: 0.5rem; padding: 2px; font-size: 14px; font-weight: 400; }
.model-tabs .item { height: 26px; border-radius: 0.3rem; font-size: 13px; padding: 0px 0.5rem; display: flex; align-items: center; color: rgb(255, 255, 255); cursor: pointer; }
.model-tabs .item.active { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.top-detail-wrap { position: relative; width: 100%; height: 800px; background-color: var(--top-bg-default); overflow: hidden; }
.top-detail-wrap .cover-fade .cover-image { position: absolute; inset: 0px; opacity: 0.6; background-size: cover; background-position: 50% center; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 70%, transparent); }
.detail-container { width: 100%; max-width: 1640px; padding: 0px 20px; margin: -200px auto 0px; position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: stretch; }
.detail-container > div { background-color: rgba(25, 27, 36, 0.3); backdrop-filter: blur(20px); }
.detail-container > div.dc-side { flex-shrink: 0; width: 440px; border-radius: 1.25rem 3rem 1.25rem 1.25rem; padding: 40px; display: flex; flex-direction: column; }
.ds-info { font-weight: 300; }
.ds-info .alias-name { color: var(--primary-text); margin-bottom: 1.5rem; font-weight: 400; }
.detail-more .de-title { color: rgb(255, 255, 255); font-weight: 500; white-space: nowrap; }
.detail-line { margin-bottom: 1.2rem; }
.detail-line.d-flex { align-items: flex-start; gap: 0.6rem; }
.child-actors { position: relative; padding-bottom: 1rem; }
.child-actors .child-actors-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.6rem; }
.child-actors .v-item { gap: 0.75rem; }
.dc-side > div { margin-bottom: 2rem; }
.dc-side > div + div { padding-top: 2rem; border-top: 1px solid var(--border-color); }
.dc-side > .child-actors { padding: 0px; border: none; }
.status .line-center { font-size: 0px; padding: 0.5rem 0.8rem; border-radius: 2rem; background-color: rgba(255, 255, 255, 0.067); }
.status.on-going .line-center { background-color: rgba(255, 131, 0, 0.1); color: rgb(255, 131, 0); }
.status.complete .line-center { background-color: rgba(34, 203, 76, 0.1); color: rgb(34, 203, 76); }
.status .small { font-size: 12px; }
.status .spinner-border-sm { --bs-spinner-width: 0.8rem; --bs-spinner-height: 0.8rem; }
.detail-container > div.dc-main { background-color: rgba(25, 27, 36, 0.6); flex-grow: 1; border-radius: 3rem 1.25rem 1.25rem; display: flex; flex-direction: column; }
.dm-bar { padding: 30px; }
.dm-bar .elements, .dm-bar .is-left, .dm-bar .touch-group { display: flex; align-items: center; gap: 2rem; justify-content: space-between; }
.dm-bar .is-left { gap: 1rem; justify-content: flex-start; }
.dm-bar .item { min-width: 80px; padding: 0.6rem; border-radius: 0.6rem; }
.dm-bar .item:hover { background-color: rgba(255, 255, 255, 0.02); }
.dm-bar .item.active .item-v .inc-icon, .dm-bar .item.active .item-v i { color: var(--primary-text); }
.dm-bar .item .item-v { gap: 0.6rem; font-size: 0.9em; line-height: 1; }
.dm-bar .item .item-v span { color: rgb(255, 255, 255) !important; }
.item-rating .v-rating { height: 16px; color: var(--primary-text); font-size: 14px; }
.item-rating .v-rating span { font-size: 18px; font-weight: 600; line-height: 1; }
.ds-info #toggle-detail { display: none; }
.item-v { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; }
.child-box { display: block; position: relative; }
.child-box .child-header { font-size: 1.6em; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem; min-height: 40px; }
.child-box .child-header .inc-icon { width: 24px; height: 24px; }
.cc-top .item { display: flex; align-items: center; justify-content: space-between; }
.cc-top .item + .item { margin-top: 1rem; }
.cc-top .item .position { width: 60px; flex-shrink: 0; text-align: left; font-size: 4em; font-weight: 800; color: var(--bg-color); text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px; }
.cc-top .item .h-item { flex-grow: 1; background-color: rgba(255, 255, 255, 0.02); border-radius: 0.5rem; overflow: hidden; gap: 0px; }
.cc-top .item .h-item .info { padding: 0.6rem 1rem; }
.content-gap { padding: 0px 40px; display: flex; flex-direction: column; gap: 40px; }
.cg-body-box { padding: 40px 0px; }
.cg-body-box .box-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.v-toggle .text { color: rgb(255, 255, 255); font-size: 0.9em; white-space: nowrap; }
.v-toggle .toggle-x { border: 1px solid rgb(255, 255, 255); border-radius: 2rem; width: 30px; height: 20px; position: relative; cursor: pointer; opacity: 0.3; flex-shrink: 0; }
.v-toggle .toggle-x span { position: absolute; top: 5px; left: 5px; height: 8px; width: 8px; background-color: rgb(255, 255, 255); border-radius: 20px; }
.v-toggle .toggle-x.on { opacity: 1; border-color: var(--primary-color); }
.v-toggle .toggle-x.on span { left: 15px; background-color: var(--primary-color); }
.toggle-basic { border: 1px solid rgb(255, 255, 255); border-radius: 0.2rem; font-size: 10px; line-height: 1; padding: 0.2rem; color: rgb(255, 255, 255); opacity: 0.5; cursor: pointer; width: 28px; text-align: center; }
.toggle-basic::before { content: "OFF"; }
.toggle-basic-label.is-on .toggle-basic { opacity: 1; border-color: var(--primary-color); }
.toggle-basic-label.is-on .toggle-basic::before { content: "ON"; }
.de-eps.is-grid, .de-seasons.is-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem 1.2rem; }
.de-eps.is-grid .item .h-thumbnail { padding-bottom: 56%; margin-bottom: 0.6rem; border-radius: 0.5rem; }
.de-eps.is-grid .item.on-air .h-thumbnail img { opacity: 1 !important; }
.de-eps.is-grid .item.on-air .h-thumbnail .play-button { display: none !important; }
.de-eps.is-grid .item.on-air .h-thumbnail { border: 2px solid var(--primary-color); }
.de-eps.is-grid .item.on-air .h-thumbnail::after { content: "Đang chiếu"; position: absolute; bottom: 0px; left: 0px; background-color: var(--primary-color); color: var(--primary-button-text); padding: 0.2rem 0.5rem; font-size: 11px; border-radius: 0px 0.5rem 0px 0px; }
.de-eps.is-grid .item .h-thumbnail:hover img { opacity: 0.7; }
.de-eps.is-grid .item .h-thumbnail:hover .play-button { opacity: 1; }
.de-eps.is-grid .item .h-thumbnail .play-button, .play-button.is-center { opacity: 0; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 3rem; border: 1px solid rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); padding-left: 2px; }
.de-eps.is-grid .item .info { display: block; }
.de-eps.is-grid .item .info > div { display: inline; }
.de-eps.is-grid .item .info .play-button { display: none; }
.de-eps.is-grid .item .info .ep-sort::after { content: "."; }
.de-eps.is-grid .item .info .media-title { flex-grow: 1; }
.de-eps.is-simple { grid-template-columns: repeat(8, 1fr); gap: 0.6rem; }
.de-eps.is-simple .item .h-thumbnail { display: none; }
.de-eps.is-simple .item { display: flex; align-items: center; gap: 0.5rem; background-color: var(--bg-2); padding: 0.5rem 0.8rem; border-radius: 0.4rem; }
.de-eps.is-simple .item .info { display: flex; align-items: center; gap: 0.6rem; }
.de-eps.is-simple .item .info > div { display: block; }
.de-eps.is-simple .item .info .play-button { display: block; font-size: 10px; flex-shrink: 0; }
.de-eps.is-simple .item .info .media-title { display: none; }
.de-eps.is-simple .item .info .ep-sort { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; flex-shrink: unset !important; }
.de-eps.is-simple .item .info .ep-sort::after { display: none; }
.de-eps.is-simple .item.on-air { background-color: var(--primary-color); color: var(--primary-button-text); }
.de-eps.is-grid .item.schedule .h-thumbnail img { opacity: 0.3 !important; filter: grayscale(1); }
.de-eps.is-grid .item.schedule .h-thumbnail .play-button { display: none !important; }
.de-eps.is-grid .item.schedule .h-thumbnail::before { content: "Chờ phát sóng"; position: absolute; inset: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; font-weight: 600; color: rgba(255, 255, 255, 0.6); font-size: 16px; }
.de-eps .item.schedule .info { color: rgb(255, 255, 255) !important; }
.de-eps .item.schedule .time-release { color: rgb(255, 131, 249); font-size: 12px; }
.de-eps .item.schedule .time-release::before { content: "Phát sóng "; }
.de-eps.is-simple .item { justify-content: center; padding: 0px 0.2rem; height: 50px; }
.de-eps.is-simple .item.schedule { flex-direction: column; gap: 0px; background-color: rgb(55, 58, 75); }
.de-eps.is-simple .item.schedule .info .ep-sort, .de-eps.is-simple .item.schedule .info .play-button { font-size: 12px; }
.de-eps.is-simple .item.schedule .info .play-button i::before { content: "" !important; }
.de-eps.is-simple .item.schedule .time-release::before { display: none; }
.schedule-eps { display: flex; flex-direction: column; gap: 0.6rem; margin: 2rem 0px; }
.schedule-eps .item { position: relative; padding: 0.8rem 46px 0.8rem 55px; color: rgb(255, 255, 255); border-radius: 0.5rem; background-color: rgb(65, 88, 208); background-image: linear-gradient(90deg, rgb(65, 88, 208), rgb(200, 80, 192)); }
.schedule-eps .item .inc-icon { width: 36px; height: 36px; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.333); border-radius: 50%; overflow: hidden; }
.schedule-eps .item .inc-icon img { transform: scale(1.2); }
.schedule-eps .item .se-close { position: absolute; top: 9px; right: 9px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; }
.de-type { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.de-type .item { width: 100%; flex: 1 1 0%; max-width: 550px; position: relative; border-radius: 0.75rem; overflow: hidden; background-color: var(--bg-4); }
.de-type .item:hover { top: -5px; }
.de-type .item.active { border: 2px solid var(--primary-color); }
.de-type .item .m-thumbnail { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 40%; max-width: 130px; mask-image: linear-gradient(270deg, rgb(0, 0, 0), transparent 95%); }
.de-type .item .m-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.de-type .item .info { position: relative; z-index: 2; width: 90%; padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; }
.de-type .item .info .media-title { font-weight: 600; font-size: 1.2em; line-height: 1.5; }
.de-type .item.lt { background-color: rgb(29, 46, 121); color: rgb(255, 255, 255); }
.de-type .item.tm { background-color: rgb(41, 116, 71); color: rgb(255, 255, 255); }
.de-type .item.pd { background-color: rgb(94, 96, 112); color: rgb(255, 255, 255); }
.de-actors { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; }
.actors-grid-wrapper .item-actor, .de-actors .item-actor { position: relative; padding: 0px; border-radius: 0.6rem; overflow: hidden; }
.actors-grid-wrapper .item-actor .v-item, .de-actors .item-actor .v-item { gap: 0px; }
.actors-grid-wrapper .item-actor .v-actor, .de-actors .item-actor .v-actor { width: 100%; height: 0px; padding-bottom: calc(100% + 40px); border-radius: 0px; margin: 0px; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 60px); }
.actors-grid-wrapper .item-actor .info, .de-actors .item-actor .info { padding: 0.75rem 0.5rem; margin-top: -40px; position: relative; z-index: 2; }
.de-actors .item-actor .info .ro-play { font-size: 0.9em; }
.de-actors .item-actor .info .ro-play span { color: rgb(240, 173, 177); }
.de-suggest { grid-template-columns: repeat(6, 1fr); }
.de-soundtrack, .item-sound { position: relative; }
.item-sound .media-title { font-size: 1.1em; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0.4rem; }
.item-sound .lyric-post { padding: 2rem; font-size: 1.2em; line-height: 1.5; position: relative; }
.item-sound .lyric-post p { margin-bottom: 0px; }
.item-sound .lyric-post .ori { color: rgb(255, 255, 255); }
.item-sound .lyric-post .trans { font-style: italic; color: rgb(150, 233, 155); }
.de-soundtrack .item-sound { border: 1px solid var(--border-color); border-radius: 0.6rem; }
.de-soundtrack .item-sound + .item-sound { margin-top: 1rem; }
.de-soundtrack .item-sound .sound-play { display: none; }
.de-soundtrack .item-sound .lyric-post { display: none; max-height: 400px; overflow: auto; }
.de-soundtrack .item-sound.active, .de-soundtrack .item-sound:hover { background-color: rgba(255, 255, 255, 0.05); }
.de-soundtrack .item-sound.active { border-color: rgb(255, 255, 255); }
.de-soundtrack .item-sound .h-item { cursor: pointer; padding: 1rem; }
.de-soundtrack .item-sound.active .lyric-post, .de-soundtrack .item-sound.active .sound-play { display: block; }
.de-soundtrack .item-sound.active .sound-cover { animation: 2s linear 0s infinite normal none running sound-cd; }
.de-soundtrack .item-sound.active .h-item .touch-media .btn-basic { color: rgb(150, 233, 155) !important; }
@keyframes sound-cd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.de-seasons.is-grid { grid-template-columns: repeat(3, 1fr); row-gap: 1rem; }
.doubleA { display: block; text-align: center; }
.doubleA .ok-728 img { width: 100%; max-width: 728px; max-height: 90px; }
.v-form-control { height: 42px; border: 1px solid rgba(255, 255, 255, 0.063); border-radius: 0.4rem; font-size: 0.95em; padding: 0.5rem 1rem; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.v-form-control:disabled { background-color: rgba(255, 255, 255, 0.02) !important; cursor: not-allowed; }
.v-form-control:focus { border-color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.v-form-control::placeholder { color: rgba(255, 255, 255, 0.4); }
textarea.v-form-control { resize: none; padding: 0.6rem 1rem; height: auto; }
.user-password { position: relative; }
.user-password .v-form-control { padding-right: calc(42px + 1rem); }
.user-password .toggle-password { width: 42px; height: 42px; opacity: 0.8; cursor: pointer; font-size: 12px; text-align: center; line-height: 42px; position: absolute; z-index: 1; right: 0px; top: 0px; bottom: 0px; }
.user-password.show-text .toggle-password .fa-eye::before { content: ""; }
.user-password.show-text input[type="password"] { }
.my-area { margin-bottom: 1.5rem; }
.my-area .ma-input { position: relative; }
.my-area .ma-input .chac-left { position: absolute; top: 6px; right: 10px; font-size: 11px; line-height: 1; }
.my-area .ma-buttons .btn-submit { color: var(--primary-text) !important; }
.textarea-wrap { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.063); }
.textarea-wrap .ma-buttons { padding: 0px; }
.textarea-wrap .ma-buttons .btn-emo i { font-size: 14px; }
.my-area-sub { margin: 0.6rem 0px; max-width: 500px; display: none; }
.my-area-sub.reply-active { display: block; }
.my-area .ma-input .v-form-control { padding: 1rem 1.2rem; border-radius: 0.6rem; border: 1px solid transparent; background-color: var(--bg-color) !important; }
.my-area .ma-buttons .btn-emo .inc-icon { width: 20px; height: 20px; }
.ma-user { margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem; }
.ma-user .user-avatar { width: 44px; height: 44px; border: 2px solid rgb(255, 255, 255); }
.ma-user .info { display: flex; flex-direction: column; }
.ma-user .info span { font-weight: 500; color: rgb(255, 255, 255); }
.discuss-tabs { margin-bottom: 2rem; display: none; }
.discuss-list { display: flex; justify-content: space-between; flex-direction: column; gap: 2rem; margin-top: 3rem; }
.d-item { display: flex; align-items: flex-start; gap: 1rem; position: relative; }
.d-item .info { flex-grow: 1; }
.d-item .user-name { font-size: 1em; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0.3rem; }
.d-item .comment-header { display: flex; justify-content: flex-start; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; position: relative; }
.d-item .comment-header .user-name { margin: 0px; white-space: nowrap; }
.d-item .comment-header .rated { font-size: 12px; color: rgb(255, 255, 255); display: inline-flex; align-items: center; gap: 0.5rem; line-height: 1; padding: 0.3rem 0.6rem 0.3rem 0.3rem; border-radius: 2rem; background-color: rgb(53, 86, 182); }
.d-item .comment-header .rated span { font-size: 16px; }
.d-item .comment-header .c-time { opacity: 0.5; margin-left: 0.5rem; font-size: 11px; }
.d-item .comment-header .ch-for { margin-left: 0.2rem; display: block; font-size: 11px; white-space: nowrap; line-height: 1.2; padding: 0.2rem 0.3rem; border: 1px solid rgba(255, 255, 255, 0.333); opacity: 0.5; border-radius: 0.3rem; }
.d-item .comment-header .ch-for:hover { opacity: 1; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.d-item .comment-header .ch-for span::before { content: " - Tập "; }
.d-item .text { color: var(--text-base); filter: blur(0px); }
.d-item .text-spoil { filter: blur(4px); }
.d-item .comment-bottom { position: relative; font-size: 12px; margin-top: 0.5rem; }
.d-item .comment-bottom .btn-xs { height: 28px; opacity: 0.5; font-weight: 300; font-size: 12px; }
.d-item .comment-bottom .btn-comment.active, .d-item .comment-bottom .btn-xs:hover { opacity: 1; }
.d-item .comment-bottom .v-dropdown-menu .dropdown-item .fa-solid { min-width: 16px; text-align: center; }
.limit-wrap { padding: 0px 1rem 0.25rem; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 180px; }
.limit-wrap .lw-item { font-size: 11px; padding: 0.2rem 0.4rem; border-radius: 0.3rem; background-color: rgba(211, 61, 37, 0.09); display: inline-flex; color: rgb(220, 53, 69); }
.limit-wrap .lw-item.cancel { background-color: rgb(238, 238, 238) !important; color: rgb(17, 17, 17) !important; }
.limit-wrap .lw-item.active, .limit-wrap .lw-item:hover { background-color: rgba(211, 61, 37, 0.19); }
.open-limit.highlight { color: rgb(220, 53, 69) !important; }
.d-item .replies-wrap { margin-top: 1rem; }
.d-item .replies-wrap .replies-toggle { font-size: 12px; }
.d-item .replies-wrap .replies { display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem 0px 0px; }
.d-item .replies .user-avatar { width: 40px; height: 40px; }
.d-item .replies .rep-sub { display: inline; background-color: var(--bg-4); color: rgb(255, 255, 255); font-size: 12px; padding: 0.2rem 0.3rem; vertical-align: text-top; border-radius: 0.2rem; margin-right: 0.2rem; }
.group-react { gap: 1rem; }
.group-react .item { padding: 0px; gap: 0.4rem; justify-content: center; height: 28px; cursor: pointer; font-size: 11px; }
.group-react .item i { font-size: 16px; }
.group-react .item-up.active, .group-react .item-up:hover { color: rgb(37, 211, 102); }
.group-react .item-down.active, .group-react .item-down:hover { color: rgb(211, 61, 37); }
.child-discuss { padding-top: 20px; }
.emo-list, .gif-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.2rem; padding: 0.5rem 1rem; }
.gif-list { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
.emo-list .el-item, .gif-list .gl-item { font-size: 24px; line-height: 1; padding: 0.6rem; border-radius: 0.6rem; text-align: center; cursor: pointer; }
.emo-list .el-item:hover, .gif-list .gl-item:hover { background-color: rgba(255, 255, 255, 0.063); }
.gif-list .gl-item .gl-img { width: 100%; padding-bottom: 100%; height: 0px; position: relative; }
.gif-list .gl-item .gl-img img { position: absolute; width: 100%; height: 100%; inset: 0px; object-fit: cover; }
.gr-admin > span { background: linear-gradient(65deg, rgb(247, 195, 37), rgb(255, 255, 255)) text; }
.gr-admin > span, .gr-mod > span { -webkit-text-fill-color: transparent; }
.gr-mod > span { background: linear-gradient(65deg, rgb(119, 177, 255), rgb(255, 255, 255)) text; }
.gr-mod > .gr-tag { border-color: rgb(119, 177, 255); color: rgb(119, 177, 255); background-color: rgba(30, 126, 255, 0.376); }
.gr-admin > .gr-tag { border-color: rgb(247, 195, 37); color: rgb(247, 195, 37); background-color: rgba(254, 191, 0, 0.376); }
.gr-tag { font-size: 10px; text-transform: uppercase; line-height: 1; font-weight: 500; padding: 0px 0.2rem; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.267); height: 16px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gr-tag.gr-tag-free { color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.267); }
.gr-tag.gr-tag-rox { color: rgb(54, 250, 119); border-color: rgb(54, 250, 119); }
.gr-tag.gr-tag-admin { color: rgb(247, 195, 37); border-color: rgb(247, 195, 37); background-color: rgba(254, 191, 0, 0.376); }
.gr-rox > span { background: linear-gradient(65deg, rgb(54, 250, 119), rgb(255, 255, 255)) text; -webkit-text-fill-color: transparent; }
.emoji-picker-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.emoji-picker { background: rgb(26, 26, 46); border-radius: 12px; width: 340px; max-height: 450px; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 40px; border: 1px solid rgba(255, 255, 255, 0.1); }
.emoji-picker-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.emoji-picker-header h4 { margin: 0px; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); }
.emoji-picker-close { background: transparent; border: none; color: rgba(255, 255, 255, 0.6); cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition: 0.2s; }
.emoji-picker-close:hover { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.emoji-categories { display: flex; gap: 4px; padding: 8px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); overflow-x: auto; }
.emoji-category-btn { background: transparent; border: none; font-size: 18px; padding: 6px 8px; cursor: pointer; border-radius: 6px; transition: 0.2s; opacity: 0.6; }
.emoji-category-btn:hover { background: rgba(255, 255, 255, 0.1); opacity: 1; }
.emoji-category-btn.active { background: rgba(54, 250, 119, 0.2); opacity: 1; }
.emoji-category-title { padding: 8px 12px 4px; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-weight: 500; text-transform: uppercase; }
.emoji-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; padding: 8px 12px 12px; overflow-y: auto; max-height: 280px; }
.emoji-item { background: transparent; border: none; font-size: 22px; padding: 6px; cursor: pointer; border-radius: 6px; transition: 0.15s; display: flex; align-items: center; justify-content: center; }
.emoji-item:hover { background: rgba(255, 255, 255, 0.1); transform: scale(1.15); }
.emoji-btn { background: transparent; border: none; color: rgba(255, 255, 255, 0.6); cursor: pointer; font-size: 20px; padding: 4px; display: flex; align-items: center; justify-content: center; transition: 0.2s; }
.emoji-btn:hover { color: rgb(54, 250, 119); }
.sound-play { padding: 1rem 1.5rem; background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); width: 100%; }
.audioplayer { margin: 0px; border: none; border-radius: 0.6rem; background-color: transparent; padding: 0px; height: 50px; color: rgb(255, 255, 255); width: 100%; justify-content: space-between; }
.audioplayer audio { min-width: 0px !important; display: none; }
.audioplayer-time { color: rgb(255, 255, 255); }
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after { top: 1px; left: 11px; border-color: rgb(255, 255, 255); }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause { border-color: rgb(150, 233, 155); background-color: transparent !important; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left-color: rgb(150, 233, 155); margin-left: 3px; }
.audioplayer-bar-played, .audioplayer-volume-adjust div div { background: rgb(150, 233, 155); }
.audioplayer-playing .audioplayer-bar-played::after { border-color: rgb(255, 255, 255); }
.audioplayer-playpause { width: 40px; height: 40px; }
.audioplayer-bar-played::after { border-color: rgb(255, 255, 255) !important; }
.audioplayer-bar-loaded, .audioplayer-bar::before, .audioplayer-volume-adjust > div { background-color: rgba(255, 255, 255, 0.063); }
.audioplayer-volume-button a { background-color: rgb(255, 255, 255); }
.audioplayer-volume-button a::before { border-right-color: rgb(255, 255, 255); }
.gallery-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 2rem; }
.gallery-row .item { display: flex; flex-direction: column; gap: 0.75rem; }
.gallery-row .item .media-title { font-size: 1em; line-height: 1.5; color: rgb(255, 255, 255); margin-bottom: 0px; }
.gallery-row.is-video { grid-template-columns: repeat(4, 1fr); }
.gallery-row.is-photo { grid-template-columns: repeat(6, 1fr); }
.gallery-row .media-item { width: 100%; height: 0px; padding-bottom: 100%; position: relative; }
.gallery-row.is-video .media-item { padding-bottom: 60%; }
.gallery-row.is-photo .media-item { padding-bottom: 100%; }
.play-button.is-center { opacity: 1; }
.custom-tooltip { --bs-tooltip-bg: #fff; --bs-tooltip-color: #000; }
.tooltip { font-size: 13px; }
.d-item.mine { padding: 1rem; border-radius: 0.75rem; animation: 1s ease 1s 1 normal forwards running flash; }
@keyframes flash { 
  0% { background-color: transparent; }
  50% { background-color: rgba(255, 255, 255, 0.125); }
  100% { background-color: rgba(255, 255, 255, 0.063); }
}
.d-item.d-item-pin { padding: 1rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.067); }
.d-item.d-item-pin .stick { font-size: 11px; margin-bottom: 0.4rem; }
.d-item.d-item-pin .stick i { color: rgb(248, 71, 62); }
#wrapper.makeup { position: relative; }
#wrapper.makeup::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 900px; background: linear-gradient(0deg, rgba(15, 17, 26, 0), rgb(15, 17, 26)); }
.watch-container, .watch-player { position: relative; z-index: 2; width: 100%; max-width: 1640px; padding: 0px 20px; margin: 0px auto; }
.watch-container { display: flex; justify-content: space-between; align-items: stretch; }
.wc-side { width: 440px; padding: var(--padding-base); flex-shrink: 0; display: flex; flex-direction: column; gap: var(--padding-base); border-left: 1px solid var(--border-color); }
.wc-side > div + div { padding-top: var(--padding-base); border-top: 1px solid var(--border-color); }
.wc-main { flex-grow: 1; padding: var(--padding-base); display: flex; flex-direction: column; gap: var(--padding-base); }
.wc-main .wm-info { padding-bottom: var(--padding-base); border-bottom: 1px solid var(--border-color); display: flex; gap: 1.5rem; }
.wc-main .wm-info .alias-name { color: var(--primary-text); margin-bottom: 1.25rem; }
.wc-main .wm-info .v-thumb-l { width: 100px; }
.wc-main .wm-info .info { width: 400px; flex-shrink: 0; }
.wc-main .wm-info .desc-line { flex-grow: 1; padding-left: 40px; }
.wc-main .wm-info .description { -webkit-line-clamp: 4; margin-bottom: 1.5rem; }
.wc-main .wm-episodes .cg-body-box { padding: 0px; }
.watch-player { z-index: 3; }
.watch-player .wp-bread { padding: 0px 40px; width: 100%; margin-bottom: 1.5rem; }
.watch-player .player-ratio { position: relative; border-radius: 0.75rem; box-shadow: var(--shadow-large); }
.watch-player .player-ratio .ratio { border-radius: 0.75rem 0.75rem 0px 0px; overflow: hidden; background-color: rgb(8, 8, 10); }
.player-control { background-color: rgb(8, 8, 10); border-radius: 0px 0px 0.75rem 0.75rem; height: 64px; gap: 0px; justify-content: flex-start; width: 100%; }
.player-control .ep-current { background-color: rgb(83, 93, 142); color: rgb(255, 255, 255); height: 100%; padding: 0px 1rem; width: 140px; justify-content: center; border-radius: 0px 0px 0px 0.75rem; font-weight: 600; flex-shrink: 0; }
.player-control .control-items { gap: 1rem; width: 100%; padding: 0px 20px; }
.player-control .control-items .item { display: flex; align-items: center; gap: 0.6rem; color: rgb(255, 255, 255); padding: 0.6rem 1rem; cursor: pointer; border-radius: 0.4rem; white-space: nowrap; }
.player-control .control-items .item i { font-size: 12px; }
.player-control .control-items .item:hover { background-color: rgba(83, 93, 142, 0.1); }
.player-control .control-items .item-like.active .inc-icon { color: var(--primary-color); }
.pc-coming { height: 100%; padding: 0px 1rem; font-size: 14px; line-height: 1.4; font-weight: 600; display: flex; align-items: center; text-align: center; width: 100px; border-radius: 0px 0px 0px 0.75rem; flex-shrink: 0; }
.item-focus.is-on { background-color: rgba(83, 93, 142, 0.5) !important; visibility: visible !important; z-index: 101 !important; }
.focus-mod .item-focus.is-on { opacity: 0; }
.player-ratio:hover .item-focus.is-on { opacity: 1; }
.focus-backdrop { display: none; }
body.focus-mod .focus-backdrop { display: block; position: fixed; inset: 0px; background-color: rgb(8, 8, 10); z-index: 100; }
body.focus-mod .watch-player { z-index: unset; }
body.focus-mod .player-ratio { z-index: 101; }
body.focus-mod .player-ratio .ep-current { visibility: hidden; }
body.focus-mod .player-ratio .ratio { border-radius: 0.75rem; }
body.focus-mod .player-ratio .control-items .item { visibility: hidden; }
.item-playlist { position: relative; }
.v-dropdown-menu { text-align: left; }
.reason-list { display: flex; flex-direction: column; width: 100%; gap: 0.6rem; }
.reason-list .h-item { gap: 0.5rem; font-size: 13px; border: 1px solid var(--border-color); color: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.6rem; cursor: pointer; }
.reason-list .h-item.active { color: var(--primary-color); background-color: rgba(255, 255, 255, 0.05); }
.reason-list .h-item .rl-icon { width: 2rem; font-size: 1.2em; flex-shrink: 0; text-align: center; }
.reason-list .h-item span { flex-grow: 1; }
.season-dropdown > .line-center { color: rgb(255, 255, 255); gap: 0.6rem; font-weight: 600; font-size: 1.4em; padding-right: 1.5rem; border-right: 1px solid rgba(255, 255, 255, 0.19); cursor: pointer; }
.season-dropdown > .line-center > .fa-caret-down { font-size: 14px; }
.v-dropdown-menu { margin: 2px 0px; border-radius: 0.4rem; border: none !important; }
.v-dropdown-menu strong { font-weight: 600; }
.v-dropdown-menu hr { border-color: rgba(0, 0, 0, 0.2); }
.v-dropdown-menu .dropdown-blank, .v-dropdown-menu .dropdown-item { font-size: 13px; padding: 0.4rem 1rem; display: flex; align-items: center; gap: 0.6rem; }
.v-dropdown-menu .dropdown-item.active { background-color: var(--primary-color) !important; color: var(--primary-button-text) !important; }
.v-dropdown-menu .dropdown-item:active { background-color: inherit !important; color: inherit !important; }
.v-dropdown-menu.user-dropdown .dropdown-item { padding: 0.6rem 1rem; }
.v-dropdown-menu .dropdown-checkbox { padding: 0px; position: relative; }
.v-dropdown-menu .dropdown-checkbox .form-check-label { padding: 0.5rem 1rem 0.5rem 2.6rem; font-size: 13px; cursor: pointer; width: 100%; }
.v-dropdown-menu .dropdown-checkbox .form-check-label:hover { background-color: rgb(246, 246, 246); }
.v-dropdown-menu .dropdown-checkbox .form-check-input { margin: 0px; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); cursor: pointer; width: 14px; height: 14px; border-radius: 0.2rem; }
.v-dropdown-menu.bg-dark { background-color: rgba(15, 17, 26, 0.95) !important; color: var(--text-base); }
.v-dropdown-menu.bg-dark .dropdown-item { color: rgb(255, 255, 255); }
.v-dropdown-menu.bg-dark .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.02); }
.v-dropdown-menu.bg-dark .dropdown-item:focus { background: none !important; }
.v-dropdown-menu.bg-dark hr { border-color: rgba(255, 255, 255, 0.2); }
.droplist { overflow: hidden auto; max-height: 155px; }
.v-modal .modal-content { background-color: rgb(42, 49, 78); border-radius: 0.75rem; padding: 2rem; border: none !important; }
.v-modal .modal-content .is-footer { display: flex; align-items: center; gap: 0.5rem; justify-content: center; }
.v-modal .modal-content .is-footer .btn { min-width: 80px; }
.v-modal .modal-content .is-footer .m-page .btn { min-width: 32px; }
.v-modal .modal-content .modal-close { position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); width: 40px; height: 40px; padding: 0px; border: none !important; }
.v-modal .modal-content .modal-close i { font-size: 16px; }
.modal-xs .modal-dialog { max-width: 300px; width: 96%; margin: auto; }
.modal-xs .modal-dialog .modal-content { padding: 1.5rem; }
.modal-sm .modal-dialog { max-width: 480px; width: 96%; margin: auto; }
.modal-sm .modal-dialog .modal-content { padding: 2rem; }
.modal-md .modal-dialog { max-width: 600px; width: 96%; margin: auto; }
.modal-md .modal-dialog .modal-content { padding: 2rem; }
.modal-login .modal-dialog { max-width: 750px; width: 96%; margin: auto; }
.modal-login .modal-dialog .modal-content { min-height: 400px; padding: 3rem 3rem 3rem calc(360px + 3rem); background-color: rgb(30, 37, 69); }
.modal-login .modal-dialog .modal-content::before { content: ""; width: 360px; position: absolute; top: 0px; left: 0px; bottom: 0px; background-image: url("/images/rophim-login.jpg"); background-size: cover; background-position: 0px 100%; border-radius: 0.75rem 0px 0px 0.75rem; }
.modal-trailer .modal-content { padding: 0.5rem; border-radius: 1rem; }
.modal-trailer .modal-content .modal-close { z-index: 9; border-radius: 50%; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); top: -0.75rem; right: -0.75rem; width: 32px; height: 32px; min-height: auto; }
.modal-trailer .modal-content .video-area { border-radius: 0.8rem; overflow: hidden; }
.modal-trailer .modal-dialog { max-width: 750px; width: 96%; margin: auto; }
.actor-container { width: 100%; max-width: 1640px; padding: 0px 20px; margin: 0px auto; position: relative; display: flex; justify-content: space-between; align-items: stretch; gap: 0px; }
.actor-container .ac-side { width: 440px; flex-shrink: 0; border-right: 1px solid var(--border-color); padding-right: 40px; }
.actor-container .ac-main { flex-grow: 1; }
.ac-side .as-info .v-actor { width: 160px; height: 160px; border-radius: 25%; }
.ac-side .as-info .button-group { position: relative; }
.ac-side .as-info .button-group .item { cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.6rem; padding: 0.4rem 1rem; border-radius: 3rem; border: 1px solid var(--border-color); white-space: nowrap; font-size: 13px; color: rgb(255, 255, 255); opacity: 1; }
.ac-side .as-info .button-group .item:hover { opacity: 0.9; }
.ac-side .as-info .button-group .item.active .inc-icon { color: var(--primary-color); }
.ac-main .actor-film { border-bottom: 1px solid var(--border-color); }
.ac-main .cg-body-box { padding-left: 40px; }
.time-row { position: relative; margin-left: -40px; display: flex; align-items: flex-start; justify-content: flex-start; }
.time-row + .time-row { margin-top: 3rem; }
.time-row .time-point { position: relative; flex-shrink: 0; z-index: 2; width: 80px; height: 80px; text-align: center; font-weight: 600; color: rgb(255, 255, 255); }
.time-row .time-point span { position: absolute; transform: rotate(-90deg); width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; font-size: 40px; font-weight: 900; opacity: 0.2; letter-spacing: 3px; }
.time-row .time-point::before { content: ""; width: 10px; height: 10px; border-radius: 2rem; background-color: var(--primary-color); position: absolute; left: -5px; top: 0px; }
.time-row-cards { flex-grow: 1; position: relative; z-index: 3; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem 1rem; }
.topics-list { flex-direction: column; gap: 3px; margin-top: 2rem; align-items: stretch; }
.row-topic, .topics-list { display: flex; justify-content: space-between; }
.row-topic { align-items: center; gap: 1rem; padding: 2rem; position: relative; background-color: rgba(255, 255, 255, 0.02); }
.row-topic > div { position: relative; z-index: 3; }
.row-topic .mask { position: absolute; inset: 0px; z-index: 1; background-color: var(--bg-2); }
.row-topic .intro { display: flex; flex-direction: column; gap: 1rem; flex-shrink: 0; width: 200px; }
.row-topic .intro .inc-icon { width: 60px; height: 60px; flex-shrink: 0; }
.row-topic .last-card { flex-grow: 1; display: grid; grid-template-columns: repeat(8, 1fr); gap: 1rem; }
.row-topic .last-card .sw-item .info { min-height: auto; }
.topics-list.single { border-radius: 1rem; background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgb(40, 43, 58)); padding: 2rem; gap: 2rem; }
.topics-list.single .row-topic { background-color: transparent; padding: 0px; }
.topics-list.single .row-topic .intro { padding-right: 1.5rem; padding-left: 0.5rem; gap: 1.5rem; flex-shrink: unset; flex-grow: 1; }
.topics-list.single .row-topic .intro .heading-md { line-height: 1.3; font-weight: 700; font-size: 2em !important; }
.topics-list.single .row-topic .row-content { position: relative; width: calc(100% - 230px); }
.topics-list.single .sw-item .v-thumbnail { border-radius: 0.4rem; }
.topics-list.single .sw-item .info { min-height: auto; }
.topics-list.single .sw-item .info .item-title { font-size: 13px; }
.topics-list.single .sw-item .pin-new .line-center { line-height: 1; padding: 0.3rem 0.4rem; font-size: 10px; }
.topics-list.single .sw-navigation .sw-button { top: calc(50% - 28px); opacity: 1; width: 40px; height: 40px; border-radius: 50%; padding: 0px; display: flex; align-items: center; justify-content: center; right: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 5px; background-color: rgb(255, 255, 255) !important; }
.topics-list.single .sw-navigation .sw-button.sw-prev { right: auto; left: 20px; }
.topics-list.single .sw-navigation .sw-button.swiper-button-disabled { opacity: 0; }
.topics-list.single .sw-navigation .sw-button svg { color: rgb(0, 0, 0); position: relative; right: -1px; width: 20px !important; height: 20px !important; }
.topics-list.single .sw-navigation .sw-button.sw-prev svg { right: auto; left: -1px; }
.topics-list.single .h-item .info .info-line { display: none; }
.topics-list.single .h-item .info .item-title { margin-bottom: 0px; }
.topics-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1rem; }
.topics-grid .row-topic .mask { mask-image: linear-gradient(rgb(0, 0, 0) -10%, rgba(0, 0, 0, 0.1)); }
.topics-grid .row-topic { position: relative; top: 0px; padding: 1.2rem 2.5rem 1.2rem 1.5rem; border-radius: 0.75rem; overflow: hidden; justify-content: space-between; background: radial-gradient(at left top, rgba(255, 255, 255, 0.8) 30%, rgba(255, 112, 112, 0.79) 100%); }
.topics-grid .row-topic .intro { padding: 0px; width: 100%; height: 100%; min-height: 110px; gap: 0.7rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.topics-grid .row-topic .intro .inc-icon { margin-bottom: 1rem; display: none; }
.topics-grid .row-topic .intro .heading-md { font-weight: 700; font-size: 2em; color: rgb(255, 255, 255); line-height: 1.3; }
.topics-grid .row-topic .intro .btn-outline { border: none !important; padding: 0px !important; font-size: 14px !important; }
.topics-grid .row-topic:hover .intro .btn-outline { background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.topics-grid .row-topic:hover { top: -0.6rem; }
.topic-background { position: absolute; top: 0px; left: 0px; right: 0px; height: 50vh; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0)); opacity: 0.5; }
.heading-topic { text-shadow: none !important; font-size: 3em !important; line-height: 1.2 !important; }
.v-rating { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; color: rgb(255, 255, 255); }
.v-rating .caption { padding-right: 0.8rem; font-size: 13px; line-height: 1; }
.v-rating .caption i { opacity: 0.3; }
.ro-icon { background-image: url("/images/ro-icon.svg"); background-size: cover; background-position: 50% center; width: 24px; height: 24px; }
.ro-rating { cursor: pointer; display: flex; align-items: center; background-color: rgb(53, 86, 182); border-radius: 3rem; padding: 0.5rem 0.6rem; }
.ro-rating .point { font-weight: 700; font-size: 16px; line-height: 1; padding: 0px 0.3rem 0px 0.5rem; }
.ro-rating .a-rate { font-size: 11px; text-decoration: underline; margin: 0px 0.2rem 0px 0.5rem; }
.rate-emo { display: flex; align-items: stretch; justify-content: space-between; background-color: rgba(0, 0, 0, 0.3); border-radius: 1rem; padding: 1rem; gap: 0.6rem; }
.rate-emo .item-v { flex: 1 1 0%; padding: 1rem 0.4rem; color: rgb(255, 255, 255); font-size: 13px; cursor: pointer; border-radius: 0.75rem; filter: grayscale(1); }
.rate-emo .item-v.disable { filter: grayscale(1) !important; opacity: 0.3 !important; cursor: default !important; }
.rate-emo .item-v.active { background-color: rgb(53, 86, 182); }
.rate-emo .item-v .inc-icon { width: 60px; height: 60px; flex-shrink: 0; }
.rate-emo .item-v.active, .rate-emo .item-v:hover { filter: none; }
.rate-comment { margin: 1rem auto 0px; width: 100%; position: relative; }
.rate-comment .v-form-control { border-radius: 1rem; padding: 1rem 1.2rem; }
.rate-comment div.v-form-control { border: none; font-size: 1.2em; line-height: 1.6; height: auto !important; min-height: auto !important; background-color: rgba(255, 255, 255, 0.024) !important; }
.rate-comment .has-reply { position: absolute; margin-top: -10px; right: 20px; z-index: 2; cursor: default; background-color: rgb(42, 49, 78) !important; }
.ws-rate { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ws-rate .v-rating { gap: 0.7rem; }
.wsr-left { font-size: 13px; }
.v-line { width: 1px; height: 50px; margin: 0px 5px; background-color: var(--border-color); }
.dashboard-container { position: relative; z-index: 3; max-width: 1640px; margin: 0px auto; padding: 0px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.dcc-main { flex-grow: 1; padding: 40px; }
.dcc-side { width: 300px; flex-shrink: 0; padding: 40px; border-radius: 1rem; background-color: rgb(37, 39, 47); }
.dcc-side .ds-menu, .dcc-side .side-user { display: flex; flex-direction: column; gap: 1rem; }
.dcc-side .side-user .user-avatar { width: 60px; height: 60px; border: 2px solid rgb(255, 255, 255); }
.dcc-side .menu-user { display: flex; flex-direction: column; flex-grow: 1; width: 100%; margin-bottom: 8rem; }
.dcc-side .menu-user .item { width: 100%; padding: 1rem 0px; border-bottom: 1px solid rgb(46, 49, 58); }
.dcc-side .menu-user .item.active { color: var(--primary-text); }
.dcc-side .menu-user .item .line-center { width: 100%; gap: 1rem; }
.dcc-side .menu-user .item .line-center span { flex-grow: 1; }
.dash-form { max-width: 640px; display: flex; align-items: flex-start; flex-direction: row-reverse; gap: 3rem; }
.dash-form .user-avatar { border: 3px solid rgb(255, 255, 255); border-radius: 100%; margin-top: 1.7rem; }
.dcc-playlist { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; width: 100%; }
.dcc-playlist .item { padding: 0.9rem 1.2rem; border: 2px solid var(--border-color); display: flex; flex-direction: column; gap: 0.5rem; border-radius: 0.75rem; position: relative; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.01) 0px 0px 0px 3px inset; }
.dcc-playlist .item.active { border-color: var(--primary-color); }
.dcc-playlist .item .playlist-name { font-weight: 600; font-size: 1em; color: rgb(255, 255, 255); }
.v-form-playlist .v-form-control { padding: 0px; border-radius: 0px; cursor: default; font-size: 1em; font-style: italic; height: 36px; border-top: none !important; border-right: none !important; border-left: none !important; border-image: initial !important; border-bottom: 1px solid var(--primary-color) !important; background-color: transparent !important; color: var(--text-base) !important; }
.v-form-playlist .v-form-control:disabled { padding: 0px; cursor: default; font-weight: 600; font-style: normal; border: none !important; color: rgb(255, 255, 255) !important; }
.v-form-playlist .form-group { padding: 0.75rem 1rem; border: 1px solid var(--border-color); border-radius: 0.6rem; position: relative; }
.form-w-icon { position: relative; }
.form-w-icon .form-control { padding-left: 3rem !important; }
.form-w-icon .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; font-size: 0.9em; }
.noti-wrap { position: relative; border-radius: 0.75rem; overflow: hidden; background-color: rgba(255, 255, 255, 0.02); }
.noti-wrap strong { font-weight: 500; color: rgb(255, 255, 255); }
.noti-wrap .h-item { padding: 1rem; color: var(--text-base); }
.noti-wrap .h-item + .h-item { border-top: 1px solid rgba(255, 255, 255, 0.03); }
.noti-wrap .h-item.new, .noti-wrap .h-item:hover { background-color: rgba(255, 255, 255, 0.02); }
.noti-wrap .h-item.new:hover { background-color: rgba(255, 255, 255, 0.027); }
.noti-wrap .h-item .v-thumbnail { width: 40px; flex-shrink: 0; padding-bottom: 54px; border-radius: 0.2rem; }
.noti-wrap .h-item .noti-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-5); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
.noti-wrap .h-item .time { opacity: 0.6; }
.noti-dropdown { width: 320px; margin-top: 5px !important; }
.noti-dropdown .noti-wrap { border-radius: 0px; background-color: transparent !important; }
.noti-dropdown .h-item { align-items: flex-start; font-size: 13px; }
.noti-dropdown .h-item .noti-icon, .noti-dropdown .h-item .v-thumbnail { margin-top: 0.2rem; }
.noti-dropdown .v-notice { font-size: 13px; padding: 2rem; background-color: transparent !important; }
.noti-dropdown .dropdown-top { border-bottom: 1px solid rgba(255, 255, 255, 0.063); }
.noti-dropdown .dropdown-bottom { border-top: 1px solid rgba(255, 255, 255, 0.063); }
.article-body { font-size: 15px; line-height: 1.8; font-weight: 300; color: rgb(211, 211, 211); }
.article-body p { margin-bottom: 1rem; color: rgb(211, 211, 211); }
.article-body b { font-weight: 600; }
.article-body .screen-img { margin: 2rem auto; text-align: center; }
.article-body .screen-img img { width: 100%; max-width: 800px; border: 8px solid rgba(255, 255, 255, 0.067); }
.article-body .heading-sm { margin-bottom: 1rem; }
.article-body .v-ul-check { list-style: none; margin: 2rem auto; }
.article-body .v-ul-check li + li { margin-top: 1rem; }
.c-social-list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 1rem; margin: 2rem 0px; }
.c-social-list .item { gap: 0px; padding: 0.7rem 1rem; border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.125); }
.c-social-list .item .inc-icon { width: 16px; height: 16px; }
.c-social-list .item .text-center { flex-grow: 1; text-align: center; }
.contact-page { max-width: 800px !important; }
.contact-body .v-form { max-width: 500px; margin: 2rem auto; }
.range-eps { margin: -0.25rem 0px 2.5rem; display: flex; align-items: stretch; flex-wrap: wrap; gap: 0.75rem; }
.range-eps > .item { font-size: 13px; padding: 0.3rem 0.6rem; border-radius: 0.3rem; color: var(--text-base); background-color: rgba(255, 255, 255, 0.063); min-width: 84px; text-align: center; }
.range-eps > .item:hover { color: rgb(255, 255, 255); }
.range-eps .item.active { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; }
.wrapper-schedules { max-width: 1400px; margin: 0px auto; }
.schedules-layout { display: flex; flex-direction: column; gap: 2rem; padding: 1rem 0px; }
.sche-time { position: relative; }
.sche-time .item-time { display: flex; flex-direction: column-reverse; gap: 0.75rem; font-size: 1em; padding: 1rem 1.2rem; border-radius: 0px; background-color: rgba(255, 255, 255, 0.024); flex: 1 1 0%; position: relative; cursor: pointer; }
.sche-time .item-time > div { line-height: 1; white-space: nowrap; }
.sche-time .item-time .day { font-size: 18px; color: rgb(255, 255, 255); font-weight: 700; }
.sche-time .item-time .time { width: 100%; height: 20px; display: flex; align-items: center; justify-content: space-between; }
.sche-time .item-time .time span { font-size: 10px; line-height: 1; padding: 0.2rem 0.3rem; color: var(--primary-text); border: 1px solid var(--primary-color); border-radius: 0.25rem; }
.sche-time .item-time.active { background-color: rgba(255, 255, 255, 0.063); }
.sche-time .item-time.active::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background-color: var(--primary-color); }
.sche-time .item-time.active .day { color: var(--primary-text); }
.sche-timeline { display: flex; flex-direction: column; width: 100%; }
.sche-timeline .st-row { position: relative; display: flex; align-items: flex-start; justify-content: space-between; min-height: 60px; }
.sche-timeline .st-row::before { content: ""; position: absolute; left: 0px; right: 0px; top: 29px; height: 2px; background-color: rgba(255, 255, 255, 0.063); }
.sche-timeline .st-row > div { position: relative; z-index: 2; }
.sche-timeline .st-row .clock { font-size: 16px; font-weight: 600; line-height: 60px; flex-shrink: 0; background-color: var(--bg-color); width: 90px; text-align: center; }
.sche-timeline .st-row .items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; flex-grow: 1; padding: 1rem; }
.sche-timeline .st-row .h-item { padding: 10px 15px 10px 10px; background-color: rgb(54, 56, 64); border: 1px solid rgba(255, 255, 255, 0.125); border-radius: 0.75rem; font-size: 13px; position: relative; }
.sche-timeline .st-row .h-item:hover { border-color: var(--primary-color); }
.sche-timeline .st-row .h-item .t-pin { position: absolute; top: -12px; font-size: 12px; line-height: 1; padding: 2px 4px; border-radius: 3px; background-color: var(--bg-color); }
.sche-navigation .sw-button { top: 50% !important; }
.avatar-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.avatar-list .item { width: 100%; padding-bottom: 100%; border-radius: 0px; overflow: hidden; position: relative; cursor: pointer; opacity: 0.6; box-shadow: transparent 0px 0px 0px 3px; }
.avatar-list .item img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.avatar-list .item.active, .avatar-list .item:hover { opacity: 1; }
.avatar-list .item.active::before { content: ""; position: absolute; inset: 0px; border: 3px solid rgb(255, 255, 255); z-index: 2; }
.question-box { margin: 2rem 0px; padding: 1.5rem; max-width: 560px; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 1rem; list-style: none; }
.question-box li + li { margin-top: 0.5rem; }
.comm-wrap { margin-bottom: 1rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.133); display: flex; flex-direction: column; }
.top-discuss { padding: 1.5rem 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.133); }
.td-d-item, .top-discuss .td-list { position: relative; }
.td-d-item { align-items: stretch; padding: 1.2rem; border-radius: 0.6rem; overflow: hidden; }
.td-d-item .d-thumb { flex-shrink: 0; width: 50px; position: absolute; z-index: 2; top: 1.2rem; right: 1.2rem; }
.td-d-item .d-thumb .v-thumbnail { border-radius: 0.3rem; }
.td-d-item .di-v { display: flex; flex-direction: column; gap: 0.75rem; position: relative; z-index: 2; }
.td-d-item .di-v .user-avatar { border: 2px solid transparent; background-color: transparent; }
.td-d-item:hover .di-v .user-avatar { border-color: rgb(255, 255, 255); }
.td-d-item .di-poster { position: absolute; inset: 0px; opacity: 0.5; mask-image: linear-gradient(rgb(0, 0, 0), transparent 80%); }
.td-d-item:hover .di-poster { opacity: 0.7; }
.td-d-item .di-poster img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; filter: blur(5px); transform: scale(1.1); }
.td-d-item .info { display: flex; flex-direction: column; gap: 0.4rem; color: rgba(255, 255, 255, 0.6); }
.td-d-item .info > div { margin-bottom: 0px; }
.td-d-item .info .text { flex-grow: 1; font-size: 13px; height: 42px; margin-bottom: 3px; color: rgba(255, 255, 255, 0.533) !important; }
.td-d-item .info .comment-bottom .line-center { gap: 0.3rem; }
.comm-title { font-size: 13px; line-height: 16px; margin-bottom: 1.2rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: rgb(255, 255, 255); cursor: default; }
.comm-title .ct-icon { font-size: 16px; color: var(--primary-text); }
.top-discuss-wrapper .sw-navigation .sw-button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0px; opacity: 1; border-radius: 50%; right: -10px; background-color: var(--bg-color) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.top-discuss-wrapper .sw-navigation .sw-button.sw-prev { right: auto; left: -10px; }
.top-discuss-wrapper .sw-navigation .sw-button.swiper-button-disabled { opacity: 0; }
.top-discuss-wrapper .sw-navigation .sw-button svg { width: 20px !important; height: 20px !important; }
.irt-table { display: flex; align-items: stretch; justify-content: space-between; gap: 0px; }
.irt-table .it-col { flex: 1 1 0%; padding: 1.5rem 2rem; }
.irt-table .it-col + .it-col { border-left: 1px solid rgba(255, 255, 255, 0.067); }
.it-col .chart-list { display: flex; flex-direction: column; gap: 0px; }
.it-col .chart-list .item { display: flex; align-items: center; gap: 1rem; height: 50px; }
.it-col .chart-list .item > div { flex-shrink: 0; }
.it-col .chart-list .item .pos { width: 16px; font-size: 1.2em; font-weight: 600; opacity: 0.3; }
.it-col .chart-list .item .dev { width: 16px; text-align: center; }
.it-col .chart-list .item .name { font-size: 1em; font-weight: 400; flex-grow: 1; color: rgb(255, 255, 255); margin: 0px !important; }
.it-col .chart-list .item .v-thumbnail { width: 25px; padding-bottom: 36px; border-radius: 0.1rem; }
.it-col .chart-list .item .user-avatar { width: 32px; height: 32px; }
.it-col .chart-list .item .topic-color { padding: 0px 0.8rem; height: 28px; font-size: 13px; display: flex; align-items: center; color: rgb(255, 255, 255); border-radius: 30px; }
.it-col .chart-list .item-more a { color: rgba(255, 255, 255, 0.333); }
.it-col .chart-list .item-more a:hover { color: var(--primary-text); }
.it-col .release-list { position: relative; }
.re-item { display: flex; flex-direction: column; justify-content: center; height: 68px; gap: 0.2rem; padding: 0.6rem 0.8rem 0.6rem calc(30px + 1.6rem); border-radius: 0.6rem; background-color: rgba(0, 0, 0, 0.333); border: 1px solid transparent; color: var(--text-base) !important; }
.re-item:hover { background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.267); }
.re-item .user-avatar { width: 30px; height: 30px; flex-shrink: 0; position: absolute; top: 18px; left: 0.8rem; }
.re-item .user-comment { font-size: 12px; }
.re-item .user-comment span { color: rgb(255, 255, 255); }
.re-item .for { font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, 0.333); }
.re-item .for small { font-size: 8px; color: var(--primary-text); }
.sw-comment-slide { max-height: 282px; }
.dev.dev-up { color: rgb(190, 220, 51); }
.dev.dev-down { color: rgb(220, 50, 140); }
.dev.dev-stand { color: rgba(255, 255, 255, 0.2); }
.it-col.this-03 .chart-list .item:nth-child(10n+1) .topic-color { background-color: rgb(116, 45, 75) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+2) .topic-color { background-color: rgb(56, 127, 218) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+3) .topic-color { background-color: rgb(115, 86, 177) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+4) .topic-color { background-color: rgb(145, 171, 71) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+5) .topic-color { background-color: rgb(169, 135, 98) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+6) .topic-color { background-color: rgb(33, 138, 143) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+7) .topic-color { background-color: rgb(150, 22, 209) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+8) .topic-color { background-color: rgb(201, 81, 44) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+9) .topic-color { background-color: rgb(97, 105, 148) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+10) .topic-color { background-color: rgb(173, 76, 104) !important; }
.d-modal .modal-content { background-color: rgb(36, 40, 56) !important; }
.d-modal .comm-title { font-size: 14px; }
.it-col.it-big { padding: 0px !important; }
.it-col.it-big .chart-list .item { height: 70px; }
.it-col.it-big.this-03 .chart-list .item { height: 60px; }
.it-col.it-big .chart-list .item + .item { border-top: 1px solid rgba(255, 255, 255, 0.03); }
.it-col.it-big .chart-list .item .v-thumbnail { width: 36px; height: 50px; border-radius: 0.2rem; }
.it-col.it-big .chart-list .item .pos { width: 24px; }
.it-col.it-big .chart-list .item .name { -webkit-line-clamp: 2 !important; line-height: 1.5; }
.it-col.it-big .chart-list .item .user-avatar { width: 45px; height: 45px; }
.it-col .chart-list .item .info .small-text { font-size: 12px !important; color: rgba(255, 255, 255, 0.333); }
.it-col .chart-list .item .info .small-text .s-icon { font-size: 11px !important; }
.cards-boxed .row-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cards-boxed .row-tabs a { font-size: 13px; line-height: 1.2; white-space: nowrap; padding: 0px 1rem; height: 36px; border-radius: 3rem; gap: 0.6rem; color: rgb(255, 255, 255); position: relative; background-color: rgba(255, 255, 255, 0.063); overflow: hidden; }
.cards-boxed .row-tabs a:hover { background-color: rgba(255, 255, 255, 0.125); }
.cards-boxed .row-tabs a.active { color: rgb(0, 0, 0); background: linear-gradient(94deg, rgb(252, 241, 216), rgb(253, 185, 222)); }
.cards-boxed .row-tabs a .inc-icon { width: 24px; height: 24px; display: none; }
.inc-icon.new-tag { position: relative; margin-left: -20px; width: 80px !important; height: auto !important; }
#slide-cover-new .sw-navigation .sw-button { top: 50%; }
.sw-cover.cover-fade { background-color: rgb(34, 77, 103); border-radius: 0.75rem; overflow: hidden; }
.sw-cover.cover-fade .v-thumbnail { background-color: transparent; border-radius: 0.75rem 0.75rem 0px 0px; }
.sw-cover.cover-fade .v-thumbnail img { mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 40%); }
.sw-cover.cover-fade .h-item { margin-top: -3rem; padding: 1.2rem; }
.sw-cover.cover-fade .h-item .info .item-title { font-size: 1.1em; font-weight: 600; margin-bottom: 0px; }
.sw-cover.cover-fade .h-item .info .alias-title { font-size: 1em; color: var(--primary-text); margin-bottom: 0.6rem; }
.sw-cover.cover-fade .h-item .info .description { font-size: 13px; color: rgb(255, 255, 255); }
.sw-cover.cover-fade .backdrop-filter { position: absolute; inset: 0px; background-position: 50% center; background-size: cover; filter: blur(30px); opacity: 0.3; transform: scale(1.2); }
.pin-relative { display: flex; align-items: center; gap: 0.3rem; font-size: 12px; line-height: 1.3; }
.pin-relative .video-type { padding: 0.2rem 0.4rem; font-size: 11px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 0.3rem; white-space: nowrap; }
.pin-relative .pin-new { transform: none; position: relative; top: auto; left: auto; bottom: auto; box-shadow: none; border-radius: 0px; gap: 0.3rem; }
.pin-relative .pin-new .line-center { border-radius: 0.3rem; }
.pin-relative .pin-new .line-pd { background-color: rgba(255, 255, 255, 0.21); }
.radius-0 { border-radius: 0px !important; }
.bg-trans { background-color: transparent !important; border-radius: 0.5rem !important; }
.text-gradient { letter-spacing: 1px; background: linear-gradient(90deg, rgb(252, 241, 216), rgb(255, 126, 229)) text; -webkit-text-fill-color: transparent; text-shadow: none !important; font-weight: 700 !important; font-size: 2.2em !important; }
.v-loader-area { display: flex; justify-content: center; align-items: center; padding: 0px 3rem; height: 200px; position: relative; }
.v-loader-area.fixed { position: absolute; inset: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.02); }
.v-loader { width: 45px; aspect-ratio: 1 / 1; --c: no-repeat linear-gradient(#5b5d68 0 0); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 20% 100%; animation: 1s linear 0s infinite normal none running l1; transform: scale(0.9); border-radius: 50%; }
@keyframes l1 { 
  0% { background-size: 20% 100%, 20% 100%, 20% 100%; }
  33% { background-size: 20% 10%, 20% 100%, 20% 100%; }
  50% { background-size: 20% 100%, 20% 10%, 20% 100%; }
  66% { background-size: 20% 100%, 20% 100%, 20% 10%; }
  100% { background-size: 20% 100%, 20% 100%, 20% 100%; }
}
body { animation: 1s ease 0s 1 normal forwards running allpage-load; overflow: hidden; width: 100%; height: 100vh; }
@keyframes allpage-load { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; overflow: unset; height: auto; }
}
#body-load { position: fixed; z-index: 1000; top: 0px; right: 0px; bottom: 0px; height: 100vh; background-color: var(--bg-color); animation: 1.5s ease 0s 1 normal forwards running body-load-effect; }
#body-load, #body-load .bl-logo { display: flex; width: 100%; justify-content: center; align-items: center; }
#body-load .bl-logo { max-width: 800px; flex-direction: column; gap: 2rem; font-size: 3em; line-height: 1.4; color: rgba(255, 255, 255, 0.19); font-weight: 600; animation: 1.5s ease 0s 1 normal forwards running logo-load; }
#body-load .bl-logo img { width: 60%; max-width: 360px; height: auto; }
body.base-load { animation: 2s ease 1s 1 normal forwards running base-load; overflow: hidden; width: 100%; height: 100vh; }
@keyframes body-load-effect { 
  0% { opacity: 1; z-index: 1000; }
  75% { opacity: 1; z-index: 1000; }
  100% { opacity: 0; z-index: -100; }
}
@keyframes base-load { 
  0% { opacity: 0; }
  100% { opacity: 1; overflow: unset; height: auto; }
}
@keyframes logo-load { 
  0% { transform: scale(1.05); }
  60% { transform: scale(1); opacity: 1; }
  80% { transform: scale(0.6); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes home-load { 
  80% { overflow: hidden; }
  100% { background-image: url("/images/home-background.jpg"); overflow: auto; }
}
.info-line .tag-small { margin-right: 0px; }
.info-line .tag-small + .tag-small { margin-left: 10px; padding-left: 10px; position: relative; }
.info-line .tag-small + .tag-small::before { content: ""; width: 5px; height: 5px; display: inline-block; background-color: rgba(255, 255, 255, 0.19); position: absolute; left: -3px; top: calc(50% - 3px); border-radius: 50%; }
.block-404 { width: 100%; max-width: 800px; padding: 0px 30px; margin: 6rem auto; text-align: center; }
.block-404 .description { font-size: 1.1em; margin-bottom: 3rem; }
.block-404 .icon-404 { margin-bottom: 2rem; filter: grayscale(1); opacity: 0.3; }
.block-404 .icon-404 img { width: 100%; max-width: 300px; height: auto; }
.v-thumbnail .text-more { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 1.1em; white-space: nowrap; }
.Toastify__toast { border-radius: 0.6rem !important; }
.Toastify__progress-bar--wrp { height: 3px !important; }
.ratio-16x9 video { object-fit: cover; }
.cat-more .line-center { padding: 0px; height: 30px; width: 30px; border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.333); font-size: 14px; justify-content: center; gap: 0px; }
.cat-more.active .line-center, .cat-more:hover .line-center { width: auto; padding: 0px 0.5rem; }
.cat-more span { display: none; font-size: 12px; padding: 0px 0.4rem; }
.cat-more i { width: 20px; text-align: center; }
.cat-more.active span, .cat-more:hover span { display: block; }
.denied-box { background-color: rgb(30, 33, 46); display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.5rem 25%; gap: 2rem; font-size: 2.3em; font-weight: 600; color: rgb(255, 255, 255); }
.denied-box, .denied-box::before { position: absolute; inset: 0px; }
.denied-box::before { content: ""; background-image: url("/images/denied-bg.webp"); background-size: cover; background-position: 50% center; opacity: 0.2; }
.denied-box .denied-icon img { width: 220px; height: 220px; border-radius: 15%; }
.quality-notice { position: absolute; z-index: 99; left: 50%; transform: translateX(-50%); bottom: -200px; width: 90%; max-width: 320px; background-color: rgb(255, 255, 255); font-size: 14px; color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 10px 10px; padding: 1rem; border-radius: 0.8rem; animation: 0.75s ease 1s 1 normal forwards running pop-show; top: auto !important; height: auto !important; }
.quality-notice .notice-dismiss { color: rgb(136, 136, 136); font-size: 12px; font-weight: 400; margin-top: 0.6rem; cursor: pointer; }
@keyframes pop-show { 
  0% { opacity: 0; bottom: -200px; }
  100% { opacity: 1; bottom: 30px; }
}
.app-box-fix { position: fixed; z-index: 9; bottom: 1rem; left: 1rem; background-color: rgb(255, 255, 255); border-radius: 1rem; padding: 1.2rem; color: rgb(0, 0, 0); width: 100%; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 10px 3px; }
.app-box-fix .heading-xs { color: rgb(0, 0, 0); margin-bottom: 0.75rem; }
.app-box-fix .close-app-box { margin-top: 1.25rem; }
.app-box-fix .close-app-box a { color: rgb(0, 0, 0); font-size: 12px; padding: 0.6rem 1rem; text-align: center; display: block; width: 100%; background-color: rgb(239, 241, 248); border-radius: 0.5rem; }
.app-box-fix .close-app-box a:hover { background-color: rgb(217, 222, 241); }
.app-box-fix .app-box .appicon img { width: 60px; border-radius: 0.7rem; }
.table-wrap { margin: 2rem auto; max-width: 800px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 1rem; overflow: hidden; }
.v-table { margin: 0px; font-size: 14px; border-radius: 0.8rem; overflow: hidden; }
.table.v-table > :not(caption) > * > * { padding: 0.6rem 0.8rem; }
.v-table.table-dark { --bs-table-bg: #fff1; --bs-table-border-color: var(--bg-color); }
.br-none { border-right: none !important; }
.button-play.is-coming { position: relative; font-size: 16px; padding-left: 1.5rem; padding-right: 1.5rem; border: none; overflow: hidden; gap: 0.75rem; padding-top: 0.5rem !important; padding-bottom: calc(22px + 0.5rem) !important; border-radius: 0.75rem !important; height: auto !important; }
.button-play.is-coming .text { font-size: 11px; line-height: 24px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 0px; }
#totop { position: fixed; z-index: 99; right: 1rem; bottom: -100px; width: 56px; height: 56px; border-radius: 25%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 10px 0px; color: rgb(0, 0, 0); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; }
#totop > div { font-size: 10px; line-height: 1.1; font-weight: 600; text-transform: uppercase; }
#totop i { font-size: 14px; position: relative; }
#totop:hover i { top: -2px; }
.code-page { padding: 100px 0px !important; }
.your-account { display: flex; justify-content: center; color: rgb(255, 255, 255); margin-bottom: 1rem; }
.your-account .user-avatar { width: 40px; height: 40px; }
.your-account strong { font-weight: 500; }
.login-code-box { display: flex; flex-direction: column; gap: 4rem; justify-content: center; max-width: 700px; margin: 3rem auto; }
.login-code { display: flex; justify-content: space-between; align-items: stretch; gap: 1.5rem; }
.login-code .form-control { flex: 1 1 0%; background-color: transparent; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; padding: 0.75rem; text-align: center; border-radius: 0px; border-width: 4px !important; border-style: solid !important; border-color: transparent transparent rgba(255, 255, 255, 0.133) !important; border-image: initial !important; box-shadow: none !important; }
.login-code .form-control::placeholder { color: rgba(255, 255, 255, 0.4); }
.login-code .form-control:focus { border-color: rgba(255, 255, 255, 0.267) !important; }
.login-code.error .form-control { border-color: rgba(201, 77, 77, 0.1) !important; color: rgb(201, 77, 77) !important; background-color: rgba(201, 77, 77, 0.1) !important; }
.login-code-box .buttons { display: flex; flex-direction: column; gap: 1rem; width: 100%; max-width: 320px; margin: 0px auto; }
.login-code-box .buttons .btn-light[disabled] { background-color: rgba(255, 255, 255, 0.6) !important; border: none !important; }
.display-pin { display: flex; flex-direction: column; gap: 1.5rem; }
.tv-checked { display: block; text-align: center; padding: 50px 0px; }
.tv-checked img { width: 240px; height: auto; }
.flexbin { display: flex; overflow: hidden; flex-wrap: wrap; gap: 0.4rem; }
.flexbin::after { content: ""; flex-grow: 1e+09; min-width: 200px; height: 0px; }
.flexbin > * { position: relative; display: block; height: 200px; flex-grow: 1; }
.flexbin > * > img { height: 100%; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }
@media (max-width: 980px) {
  .flexbin::after { min-width: 150px; }
  .flexbin > * { height: 150px; }
}
@media (max-width: 400px) {
  .flexbin::after { min-width: 100px; }
  .flexbin > * { height: 100px; }
}
.gpmn-base-load.homepage, body.homepage { background-color: rgb(20, 22, 30); background-image: url("/images/home-background.jpg"); background-position: center top; background-repeat: no-repeat; background-size: 100%; animation: 2s ease 0s 1 normal forwards running home-load; min-height: 100vh; }
body.homepage .container { max-width: 1120px; }
#section-first { display: flex; justify-content: center; align-items: center; }
#section-first .button-play { opacity: 1 !important; transform: scale(1.1); }
#section-first .btn-blank { color: var(--text-base); border: none !important; }
#section-first .btn-blank:hover { color: var(--primary-text); }
.home-board { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; width: 100%; padding: 6rem 8rem; margin: 15rem auto 8rem; border-radius: 2rem; background-color: rgba(255, 255, 255, 0.024); backdrop-filter: blur(20px); }
.home-board .home-logo img { height: 60px; }
.home-board .heading-xl { text-align: center; font-size: 2.6em; }
#section-second { padding: 0px 0px 4rem; }
#home-footer { text-align: center; padding-bottom: 4rem; }
.home-footer-menu { margin: 2rem auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem 2.5rem; padding: 0px 20px; }
.home-footer-menu a { white-space: nowrap; color: var(--text-base); }
.home-footer-menu a:hover { color: var(--primary-text); }
#about { position: relative; font-size: 1.1em; line-height: 1.7; color: rgb(207, 207, 207); padding: 0px 6rem; }
#about a { color: rgb(255, 255, 255); }
#about a:hover { color: var(--primary-text); }
#about p { line-height: 1.7; margin-bottom: 1rem; }
#about b { font-weight: 600; }
#about h1, #about h2, #about h3, #about h4, #about h5 { line-height: 1.6; font-weight: 500; }
#about h1 { font-size: 1.8em; }
#about h1, #about h2 { margin: 1.5rem 0px; color: var(--primary-text); }
#about h2 { font-size: 1.6em; }
#about h3 { font-size: 1.4em; margin: 0px 0px 1.25rem; color: rgb(255, 255, 255); }
#about h4 { font-size: 1.2em; margin-bottom: 0.5rem; color: var(--primary-text); }
#about h5 { font-size: 1.1em; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
@media screen and (max-width: 1440px) {
  .home-board { margin: 8rem auto 5rem; }
}
@media screen and (max-width: 1280px) {
  .home-board { margin: 6rem auto 4rem; }
}
@media screen and (max-width: 980px) {
  .gpmn-base-load.homepage, body.homepage { background-size: 1600px; }
  .home-board { margin: 5rem auto 3rem; padding: 4rem; gap: 2rem; border-radius: 1.5rem; }
  .home-board .heading-xl { font-size: 2em; }
  #about { padding: 0px; }
}
@media screen and (max-width: 640px) {
  body.homepage .container { padding: 0px 20px; }
  .home-board { padding: 3rem; }
  .home-board .heading-xl { font-size: 1.8em; }
  #about { font-size: 1em; }
}
@media screen and (max-width: 479px) {
  .home-board { padding: 2rem; }
  .home-board .home-logo img { height: 50px; }
  .home-board .heading-xl { font-size: 1.6em; }
  #section-first .buttons { width: 100%; }
  #section-first .button-play { transform: scale(1); width: 100%; display: block; }
  .home-footer-menu { margin-bottom: 3rem; gap: 1rem 2rem; }
  #home-footer { padding-bottom: 3rem; }
}
.Toastify__toast-theme--dark { backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.06) !important; }
.v-dropdown-menu.bg-dark.user-dropdown { background-color: rgb(39, 44, 67) !important; }
.v-dropdown-menu.bg-dark hr { border-color: rgba(255, 255, 255, 0.2); }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
div[data-ntpc="YouTubeEmbed"] { width: 100% !important; height: 100% !important; }
.custom-dropdown.dropdown-toggle::after { display: none; }
.gif-picker-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.gif-picker-modal { background: var(--bg-2); border-radius: 12px; width: 90%; max-width: 500px; max-height: 70vh; display: flex; flex-direction: column; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 40px; }
.gif-picker-header { display: flex; align-items: center; gap: 10px; padding: 12px; border-bottom: 1px solid var(--border-color); }
.gif-search-wrap { flex: 1 1 0%; position: relative; display: flex; align-items: center; }
.gif-search-wrap .search-icon { position: absolute; left: 12px; color: var(--text-base); font-size: 14px; }
.gif-search-input { width: 100%; padding: 10px 12px 10px 38px; background: var(--bg-3); border: 1px solid var(--border-color); border-radius: 8px; color: rgb(255, 255, 255); font-size: 14px; outline: none; }
.gif-search-input:focus { border-color: var(--primary-color); }
.gif-close-btn { background: none; border: none; color: var(--text-base); font-size: 18px; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: 0.2s; }
.gif-close-btn:hover { background: var(--bg-3); color: rgb(255, 255, 255); }
.gif-picker-content { flex: 1 1 0%; overflow-y: auto; padding: 12px; }
.gif-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.gif-item { cursor: pointer; border-radius: 8px; overflow: hidden; background: var(--bg-3); aspect-ratio: 1 / 1; transition: transform 0.2s; }
.gif-item:hover { transform: scale(1.02); }
.gif-item img { width: 100%; height: 100%; object-fit: cover; }
.gif-no-results { text-align: center; padding: 40px; color: var(--text-base); }
.gif-loading { display: flex; justify-content: center; padding: 20px; }
.gif-picker-footer { padding: 8px 12px; border-top: 1px solid var(--border-color); text-align: center; }
.tenor-attribution { font-size: 11px; color: var(--text-base); opacity: 0.7; }
.gif-btn { background: none; border: none; color: var(--text-base); font-size: 20px; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; border-radius: 6px; transition: 0.2s; }
.gif-btn:hover { background: var(--bg-3); color: var(--primary-color); }
.gif-preview { margin-top: 10px; position: relative; display: inline-block; max-width: 200px; }
.gif-preview img { max-width: 100%; border-radius: 8px; }
.gif-preview-remove { position: absolute; top: -8px; right: -8px; background: var(--bg-color); border: none; color: rgb(255, 255, 255); width: 24px; height: 24px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.gif-preview-remove:hover { background: rgb(248, 95, 95); }
.comment-gif { margin-top: 8px; max-width: 250px; }
.comment-gif img { max-width: 100%; border-radius: 8px; }
body.rox-theme { --primary-color: #36fa77; --primary-color-hover: #5bfb91; --primary-text: #36fa77; }
body.rox-theme .button-play, body.rox-theme .primary-gradient, body.rox-theme .w-chart .number { background: linear-gradient(39deg, rgb(54, 250, 119), rgb(123, 255, 168)); }
body.rox-theme .button-play { box-shadow: rgba(54, 250, 119, 0.1) 0px 5px 10px 5px; }
body.rox-theme .button-play:hover { box-shadow: rgba(54, 250, 119, 0.15) 0px 5px 10px 10px; }
body.rox-theme #logo img, body.rox-theme .bl-logo img, body.rox-theme .footer-logo img, body.rox-theme .home-logo img { content: url("/images/rophim-logo-rox.svg"); }
body.rox-theme .tag-imdb { border-color: rgb(54, 250, 119); }
body.rox-theme .tag-imdb::before { color: rgb(54, 250, 119); }


@media screen and (max-width: 1599px) {
  header .header-elements { padding: 0px 20px; gap: 1.5rem; }
  .cards-row.wide, .container { padding: 0px 20px; }
  #logo img { height: 40px; }
  #main_menu, #main_user { gap: 0.5rem; }
  #main_user .button-user { min-width: 125px; padding: 0.5rem 0.8rem; }
  #main_menu .menu-item { padding: 0px 0.7rem; font-size: 13px; }
  .el-group { gap: 0.6rem; }
  .big-slide-wrapper .slide-content { padding: 2rem; max-width: 600px; }
  .big-slide-wrapper .top-slide-main { height: 460px; }
  .big-slide-wrapper .top-slide-small { margin: -50px auto 0px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { gap: 1rem; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { padding: 0.6rem; font-size: 12px; height: 100px; }
  .footer-elements { padding: 2rem; height: auto; min-height: auto; }
  .footer-elements .footer-icon { display: none; }
  .topics-line { gap: 1rem; }
  .topics-line .topic-item { flex-direction: column; gap: 0.75rem; font-size: 12px; }
  .topics-line .topic-item .new { display: none; }
  .top-slide-wrap .top-slide-main::before { height: 100px; }
  .top-slide-wrap .top-slide-main .slide-content { padding: 0px 30px 60px; max-width: 600px; }
  .top-slide-wrap .top-slide-small { right: 30px; bottom: 172px; }
  .top-slide-wrap .sound-mute { right: 30px; bottom: 242px; }
  #wrapper { padding-top: 7rem; }
  .cards-row .row-header .category-name { font-size: 1.8em; }
  .cards-row .row-header .inc-icon { width: 30px; height: 30px; }
  .cards-grid-wrapper { gap: 1rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(8, 1fr); gap: 2rem 1.2rem; }
  .top-slide-category .cover-fade { height: calc(100% - 180px) !important; }
  .de-eps.is-grid { column-gap: 1rem; grid-template-columns: repeat(4, 1fr); }
  .de-eps.is-simple { grid-template-columns: repeat(6, 1fr); }
  .detail-container { margin-top: -100px; }
  .cg-body-box .box-header { margin-bottom: 1.5rem; }
  .de-actors, .de-suggest { grid-template-columns: repeat(5, 1fr); }
  .de-actors { gap: 1.5rem 0.6rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(6, 1fr); }
  :root { --padding-base: 30px; }
  .wc-main .wm-info .desc-line { padding-left: 0px; }
  .watch-container { padding: 0px; }
  .actor-container .ac-side { width: 340px; }
  .time-row-cards { grid-template-columns: repeat(5, 1fr); }
  .row-topic .last-card { grid-template-columns: repeat(6, 1fr); }
  .row-topic .last-card .sw-item:nth-child(n+7) { display: none; }
  .topics-grid { grid-template-columns: repeat(6, 1fr); }
  .more-topic { background: rgba(255, 255, 255, 0.063) !important; padding: 1rem !important; }
  .more-topic .mask { display: none; }
  .more-topic .intro { min-height: auto !important; }
  .more-topic .intro .heading-md { font-size: 1.3em !important; line-height: 1.8 !important; }
  .topics-list.single .row-topic .row-content { width: calc(100% - 200px); }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.8em !important; }
  .it-col.this-03 { display: none; }
  .app-download { border-right: none; padding-right: 0px; }
}
@media screen and (max-width: 1359px) {
  #search { display: none; }
  header .header-elements { padding: 0px 6px; height: 60px; }
  #logo { position: absolute; left: 65px; }
  #logo img { height: 36px; }
  .header-elements .for-mobile { display: flex; }
  .el-group, .el-group .flex-grow-1 { display: none; }
  .el-group { position: absolute; z-index: 3; top: 100%; left: 10px; max-width: 360px; width: calc(100% - 10px); padding: 1.5rem; border-radius: 0.75rem; backdrop-filter: blur(20px); background-color: rgba(59, 73, 135, 0.95) !important; }
  .el-group.toggled { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 1rem; box-shadow: var(--shadow-large); }
  .el-group.toggled > div { position: relative; z-index: 3; }
  .el-group #main_menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; width: 100%; padding: 0px; z-index: 4; }
  .el-group #main_menu .menu-item { padding: 0.6rem 0px; line-height: normal; }
  .el-group #main_menu .menu-item a { display: block; font-weight: 500; }
  .el-group #main_user { gap: 0.5rem; width: 100%; }
  .el-group #main_user .button-user { flex: 1 1 0%; text-align: center; }
  #search.toggled { display: block; position: absolute; left: 10px; right: 50px; width: auto; max-width: none; z-index: 2; }
  .header-elements.simple { justify-content: flex-end; }
  .header-elements.simple #logo, .header-elements.simple .menu-toggle, .header-elements.simple .noti-toggle { display: none; }
  #wrapper { padding-top: 5rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(6, 1fr); gap: 1rem; }
  .v-bread { left: 20px; top: 80px; }
  .detail-container > div.dc-side { padding: 30px; width: 380px; }
  .de-suggest { grid-template-columns: repeat(4, 1fr); }
  .wc-main .wm-info .info { width: 360px; }
  .wc-side { width: 380px; }
  .time-row-cards { grid-template-columns: repeat(4, 1fr); }
  .header-elements .noti-toggle { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); width: auto; min-width: 40px; }
  .header-elements .noti-toggle .small { font-size: 12px; opacity: 0.5; }
  #main_user.user-logged { align-items: self-start; padding: 1.5rem; margin: -1.5rem -1.5rem 0.5rem; width: calc(100% + 3rem); background-color: rgba(0, 0, 0, 0.2); }
  #main_user.user-logged > .dropdown { width: 100%; }
  #main_user.user-logged .head-noti { display: none; }
  #main_user.user-logged .user-dropdown { flex-direction: column; gap: 0.3rem; display: flex !important; transform: none !important; position: relative !important; inset: auto !important; width: 100% !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
  #main_user.user-logged .user-dropdown > a, .user-logged .user-dropdown > div { padding: 0.5rem 0px; color: rgb(255, 255, 255); background-color: transparent !important; }
  .user-logged .user-dropdown .dropdown-blank { margin-bottom: 1rem; padding: 0px 60px 0px 0px !important; gap: 0.2rem !important; }
  #main_user.user-logged .user-dropdown hr { display: none; }
  .user-logged .user-dropdown .dropdown-item { padding: 0px !important; }
  .user-logged .user-dropdown .dropdown-item .line-center { width: 100%; font-size: 12px; border: 1px solid var(--border-color); border-radius: 0.4rem; padding: 0.6rem 1rem; gap: 0.5rem; }
  .user-logged .user-dropdown .dropdown-item .line-center i { font-size: 14px; }
  .user-logged .header-user { position: absolute; top: 0px; right: 0px; padding: 0px !important; }
  .user-logged .header-user i { display: none; }
  .dcc-playlist { grid-template-columns: repeat(3, 1fr); }
  #body-load .bl-logo { font-size: 0px; }
  .topics-list.single .row-topic { flex-direction: column; padding: 0px; gap: 1rem !important; }
  .topics-list.single .row-topic .row-content { width: 100%; }
  .topics-list.single .row-topic .intro { padding: 0px; flex-direction: row; width: 100%; align-items: center; justify-content: space-between; }
  .dcc-side { width: 250px; }
  header .app-download { width: 100%; z-index: 5 !important; }
  header .app-download .app-download-button { background-color: rgba(255, 255, 255, 0.067); border-radius: 0.6rem; height: auto; padding: 0.5rem 0.6rem; justify-content: flex-start; }
}
@media screen and (max-width: 1120px) {
  .big-slide-wrapper .slide-content { max-width: 500px; }
  .sw-actors-recent .sw-actor .item-duo { display: none; }
  .sw-actors-recent .sw-actor .h-item { margin: 0px; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px; }
  .sw-actors-recent .sw-actor .h-item .item-title { font-size: 1em; }
  .footer-elements { padding: 3rem 1rem; height: auto; }
  .footer-elements .side-right { display: none; }
  .footer-elements .side-left { width: 100%; text-align: center; }
  .sl-brand.line-center { flex-direction: column; gap: 2rem; }
  .sl-brand .socials { padding-left: 0px; border: none; }
  .topics-line { display: grid; gap: 0.75rem; grid-template-columns: repeat(5, 1fr); }
  .topics-line .topic-item { gap: 0.75rem; align-items: center; min-height: 50px; border-radius: 0.4rem; opacity: 0.9; }
  .topics-line .topic-item:hover { opacity: 1; }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; }
  .top-slide-wrap .swiper-slide .cover-fade { height: 0px !important; padding-bottom: 50%; }
  .top-slide-wrap .swiper-slide .cover-fade .cover-image { position: absolute; inset: 0px; width: 100% !important; height: 100% !important; }
  .top-slide-wrap .top-slide-small { width: 300px !important; right: 20px; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-radius: 50%; overflow: hidden; max-width: 30px; height: 30px; border-width: 2px; }
  .cards-grid-wrapper { grid-template-columns: repeat(5, 1fr); }
  .top-slide-category { margin-bottom: 30px; height: 520px; }
  .top-slide-category .slide-content .media-title-image { display: none !important; }
  .top-slide-category .slide-content .media-title { display: block !important; font-size: 2em; }
  .top-slide-category .slide-content { padding: 30px 20px; }
  .top-slide-category.top-slide-main .safe-area { height: 100% !important; }
  .top-slide-category::before { display: none; }
  .top-detail-wrap { padding-bottom: 300px; opacity: 0.5; }
  .detail-container { flex-direction: column; margin-top: -150px; }
  .detail-container > div.dc-side { width: 100%; }
  .dc-side > div { margin-bottom: 0px; }
  .dc-side > .child-actors, .dc-side > .child-top { display: none; }
  .ds-info { text-align: center; margin-bottom: 1rem; }
  .ds-info .alias-name { font-size: 13px; color: var(--text-base); margin-bottom: 1rem; margin-top: -0.25rem; }
  .ds-info .v-thumb-l { margin: 0px auto; }
  .ac-side .detail-more, .ds-info .detail-more { text-align: left; display: none; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 0.75rem; }
  .ds-info #toggle-detail { display: block; max-width: 300px; margin: -0.5rem auto 0px; }
  .detail-container > div.dc-main { background-color: transparent; border-radius: 0px; backdrop-filter: none; }
  .dm-bar { padding: 20px; }
  .content-gap { padding: 0px 20px; gap: 30px; }
  .watch-container { flex-direction: column; }
  .wc-side { border: none; width: 100%; }
  .player-control .control-items .item-focus { display: none; }
  .actor-container { flex-direction: column; }
  .actor-container .ac-side { border: none; padding-right: 0px; padding-bottom: 20px; width: 100%; }
  .ac-main .cg-body-box { padding-left: 0px; }
  .ac-side .as-info { text-align: center; }
  .ac-side .as-info .actor-photo .v-actor { margin: 0px auto; }
  .ac-side .as-info .button-group { justify-content: center; }
  .ac-side .detail-more { text-align: left; display: none; }
  .ac-side #toggle-detail { display: flex !important; }
  .time-row-cards { grid-template-columns: repeat(6, 1fr); width: 100%; }
  .time-row { margin-left: 0px; flex-direction: column; gap: 1rem; }
  .time-row .time-point::before { left: 0px; }
  .time-row + .time-row { margin-top: 1rem; }
  .time-row .time-point { height: auto; }
  .time-row .time-point span { transform: none; position: relative; font-size: 24px; display: block; padding-left: 2rem; opacity: 0.8; letter-spacing: 0px; }
  .time-row .time-point::before { top: 13px; }
  .discuss-wrap { font-size: 13px; }
  .dashboard-container { flex-direction: column; gap: 2rem; }
  .dashboard-container > div { width: 100%; }
  .dcc-side { padding: 0px; gap: 0px; border-radius: 0.5rem; }
  .dcc-side .heading-sm { padding: 1.5rem 1rem 1rem; margin-bottom: 0px; text-align: center; }
  .dcc-side .ds-menu { gap: 0px; }
  .dcc-side .ds-menu .side-user { display: none; }
  .dcc-side .menu-user { margin-bottom: 0px; flex-direction: row; gap: 1rem; align-items: center; justify-content: center; }
  .dcc-side .menu-user .item { padding: 1rem; width: auto; border-bottom: none; }
  .dashboard-container .dcc-main .is-profile { max-width: 560px; margin: 0px auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(3, 1fr); }
  .solar_vpn.ver { display: none !important; }
  .de-seasons.is-grid { grid-template-columns: repeat(2, 1fr); }
  #row-new .cards-row .row-header { flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem; }
  #row-new .cards-row .row-header .inc-icon.new-tag { display: none; }
}
@media screen and (max-width: 640px) {
  .cards-row.wide, .container, .detail-container { padding: 0px 16px; }
  .top-slide-wrap .slide-url { bottom: 60px; }
  .big-slide-wrapper .slide-elements .cover-fade { height: 200px !important; }
  .fluid-gap { gap: 24px; }
  .cards-row .row-header { min-height: 32px; margin-bottom: 0.75rem; }
  .cards-row .row-header .category-name { font-size: 1.6em; }
  .sw-cover .h-item { padding: 0.75rem 0px; }
  .sw-cover .v-thumbnail.v-thumbnail-hoz { padding-bottom: 56%; }
  .sw-cover .h-item .info .info-line { display: none; }
  .item-title { font-size: 13px; font-weight: 400; }
  .sw-cover .h-item .v-thumb-m { display: none; }
  .sw-cover .h-item .v-thumb-m .v-thumbnail { border-radius: 0.2rem; }
  .sw-actors-recent .sw-actor { padding: 0.5rem 0px 1rem; }
  .topics-line .topic-item { gap: 0.4rem; padding: 0.6rem; text-align: center; background-color: transparent !important; }
  .topics-line .topic-item > .primary-text { color: rgb(0, 0, 0); }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; color: var(--primary-color); }
  .top-slide-main .safe-area { height: calc(100% - 60px) !important; }
  .top-slide-wrap .swiper-slide .cover-fade { padding-bottom: 60%; opacity: 0.8; }
  .top-slide-wrap .swiper-slide .hl-tags.mb-4, .top-slide-wrap .swiper-slide .touch { display: none; }
  .top-slide-wrap .swiper-slide .hl-tags { justify-content: center; gap: 6px; }
  .top-slide-wrap .swiper-slide .hl-tags > div:nth-child(n+6) { display: none; }
  .detail-more .hl-tags .tag-classic, .detail-more .hl-tags .tag-model, .slide-content .hl-tags .tag-classic, .slide-content .hl-tags .tag-model { font-size: 10px; height: 20px; padding: 0px 0.25rem; }
  .detail-more .hl-tags .tag-imdb, .slide-content .hl-tags .tag-imdb { font-size: 10px; line-height: 18px; padding: 0px 0.25rem; }
  .detail-more .hl-tags { gap: 6px; }
  .top-slide-wrap .top-slide-main { height: 350px; }
  .top-slide-wrap .swiper-slide .slide-content .media-title { margin-bottom: 0.75rem; font-size: 1.6em; }
  .top-slide-wrap .top-slide-main .slide-content { text-align: center; padding: 0px 20px; }
  .top-slide-wrap .top-slide-small { padding: 2rem 0px 1rem; background: linear-gradient(0deg, rgb(25, 27, 36), rgba(25, 27, 36, 0)); width: 100% !important; left: 0px !important; right: 0px !important; bottom: 0px !important; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-color: rgba(255, 255, 255, 0.3); }
  .top-slide-wrap .top-slide-small .swiper-wrapper { justify-content: center; gap: 0.2rem; }
  #wrapper { padding-bottom: 5rem; }
  .sw-item .info-v.w-chart .number { font-size: 2em; width: 30px; }
  .sw-item .info-v.w-chart { padding-left: 36px; }
  .sw-item .info-v.w-chart .info-line { display: none; }
  .footer-elements { font-size: 12px; padding: 2rem 0px; }
  .sl-band { margin-bottom: 2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.5rem; }
  .filter-elements { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--border-color); margin: -15px -20px 3rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.6rem; font-size: 13px; }
  .actors-grid-wrapper .v-item { gap: 0.6rem; }
  .actors-grid-wrapper .v-item .info .item-title { font-size: 1em; }
  .v-actor-large { width: 80px; height: 80px; }
  .top-slide-category { height: 470px; }
  .top-slide-category .slide-content .media-title { font-size: 1.6em; }
  .de-eps.is-grid { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(3, 1fr); gap: 0.6rem !important; }
  .cg-body-box.is-eps .box-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .cg-body-box.is-eps .box-header .v-toggle { top: 5px; }
  .cg-body-box.is-eps .box-header .flex-grow-1 { display: none; }
  .season-dropdown > .line-center { border-right: none; font-size: 1.3em; }
  .heading-md { font-size: 1.4em; }
  .heading-sm { font-size: 1.2em; }
  .dm-bar .elements .button-play { font-size: 16px; padding: 0px 1.4rem; height: 50px; min-height: auto; }
  .pin-new { bottom: -1px; border-radius: 0.3rem 0.3rem 0px 0px; }
  .pin-new .line-center { line-height: 1.3; }
  .pin-new .line-center.line-lt span::before { content: "LT."; }
  .pin-new .line-center.line-tm span::before { content: "TM."; }
  .pin-new .line-center.line-pd span::before { content: "PĐ."; }
  .pin-new2 .line-center.line-pd { display: none; }
  .de-actors, .gallery-row.is-video { grid-template-columns: repeat(2, 1fr); }
  .gallery-row.is-photo { grid-template-columns: repeat(4, 1fr); }
  .cg-tabs { margin: 0px -16px; }
  .cg-tabs .nav-tabs { padding: 0px 16px; }
  .cg-body-box { padding: 30px 0px; }
  .ac-side .detail-more, .ds-info .detail-more { padding: 0px; background-color: transparent; border-radius: 0px; }
  .watch-player .wp-bread .heading-sm { font-size: 14px; }
  .watch-player .wp-bread { margin-bottom: 0px; margin-top: 1rem; }
  .watch-player { display: flex; flex-direction: column-reverse; width: 100%; padding: 0px 16px; }
  .wc-main, .wc-side { padding: 20px 16px; }
  .cards-grid-wrapper .sw-item .info, .time-row-cards .sw-item .info { min-height: auto; }
  .v-filter .fe-row .fe-results { font-size: 13px; }
  .row-topic { padding: 2rem 1rem; }
  .row-topic .intro .inc-icon { width: 30px; height: 30px; }
  .row-topic .last-card { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 0.6rem; }
  .rate-emo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; background-color: transparent; padding: 0px; }
  .rate-emo .item-v { flex-direction: row; border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.3); }
  .rate-emo .item-v .inc-icon { width: 30px; height: 30px; margin: 0px; }
  .dm-bar .ro-rating .a-rate { display: none; }
  .watch-player .player-ratio { margin: -2rem -16px 0px; }
  .dashboard-container { padding: 0px 16px; }
  .dcc-side .heading-sm { padding-bottom: 0px; }
  .sw-cover .info { text-align: center; }
  .cards-row.fixed { padding: 0px 20px; }
  .article-body { font-size: 14px; }
  .d-item .user-avatar { width: 40px; height: 40px; }
  .d-item .replies .user-avatar { width: 30px; height: 30px; }
  .range-eps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin: 0px 0px 2rem; }
  .range-eps .item { min-width: auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(1, 1fr); }
  .current-time { display: none; }
  .sche-time .item-time { font-size: 12px; padding: 0.7rem 1rem; gap: 4px; }
  .sche-time .item-time .day { font-size: 14px; }
  .sche-time .item-time .time span { font-size: 0px; padding: 0px; border: none; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary-color); }
  .sche-timeline .st-row .clock { text-align: left; width: 50px; font-size: 14px; }
  .avatar-list { grid-template-columns: repeat(3, 1fr); }
  .sw-cover.cover-fade .info { text-align: left; }
  .sw-cover.cover-fade .info .description { display: none; }
  .topics-grid { gap: 0.5rem; }
  .topics-grid .row-topic { padding: 1rem !important; }
  .topics-grid .row-topic .intro { min-height: 50px !important; justify-content: center !important; align-items: flex-start !important; }
  .topics-grid .row-topic .intro .info { display: none; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.2em; line-height: 1.3; flex-grow: unset; }
  .more-topic .intro .heading-md { font-size: 1.1em !important; line-height: 1.4 !important; }
  .topics-grid .more-topic .intro { align-items: center !important; }
  .topics-list.single { margin: 0px -16px; padding: 1rem; gap: 1rem; border-radius: 0.6rem; }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.5em !important; letter-spacing: 0px !important; }
  .topics-list.single .row-topic .intro .info .line-center { font-size: 16px; padding: 0.6rem 1rem !important; }
  .topics-list.single .row-topic .intro .info .line-center span { display: none; }
  .topics-more > .line-center { flex-direction: column; align-items: flex-start; gap: 0.5rem !important; }
  #row-new { margin-top: 1rem; }
  .topics-grid .row-topic:hover { top: auto; }
  .de-type { grid-template-columns: repeat(1, 1fr); }
  .de-eps.is-simple .item { height: 42px; }
  .schedule-eps .item .inc-icon { width: 30px; height: 30px; left: 12px; }
  .login-code .form-control { padding: 0.6rem 0px; font-size: 1.6em; border-width: 3px !important; }
  .tv-checked img { width: 160px; }
  .pc-coming { font-size: 11px; padding: 0px 0px 0px 0.5rem; width: 60px; background: none !important; color: rgb(255, 216, 117) !important; }
}
@media screen and (max-width: 1900px) {
  .top-slide-wrap .sound-mute, .top-slide-wrap .top-slide-small { right: 50px; }
  .top-slide-main { height: 760px; }
  .top-slide-category { height: 780px; }
  .top-detail-wrap { height: 0px; padding-bottom: 40%; }
  .detail-container { margin-top: -100px; }
  .dashboard-container .dcc-main { padding: 0px; }
  .topics-grid .row-topic .intro { min-height: 110px; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.6em; line-height: 1.3; }
}
@media screen and (max-width: 1599px) {
  header .header-elements { padding: 0px 20px; gap: 1.5rem; }
  .cards-row.wide, .container { padding: 0px 20px; }
  #logo img { height: 40px; }
  #main_menu, #main_user { gap: 0.5rem; }
  #main_user .button-user { min-width: 125px; padding: 0.5rem 0.8rem; }
  #main_menu .menu-item { padding: 0px 0.7rem; font-size: 13px; }
  .el-group { gap: 0.6rem; }
  .big-slide-wrapper .slide-content { padding: 2rem; max-width: 600px; }
  .big-slide-wrapper .top-slide-main { height: 460px; }
  .big-slide-wrapper .top-slide-small { margin: -50px auto 0px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { gap: 1rem; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { padding: 0.6rem; font-size: 12px; height: 100px; }
  .footer-elements { padding: 2rem; height: auto; min-height: auto; }
  .footer-elements .footer-icon { display: none; }
  .topics-line { gap: 1rem; }
  .topics-line .topic-item { flex-direction: column; gap: 0.75rem; font-size: 12px; }
  .topics-line .topic-item .new { display: none; }
  .top-slide-wrap .top-slide-main::before { height: 100px; }
  .top-slide-wrap .top-slide-main .slide-content { padding: 0px 30px 60px; max-width: 600px; }
  .top-slide-wrap .top-slide-small { right: 30px; bottom: 172px; }
  .top-slide-wrap .sound-mute { right: 30px; bottom: 242px; }
  .cards-row .row-header .category-name { font-size: 1.8em; }
  .cards-row .row-header .inc-icon { width: 30px; height: 30px; }
  .cards-grid-wrapper { gap: 1rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(8, 1fr); gap: 2rem 1.2rem; }
  .top-slide-category .cover-fade { height: calc(100% - 180px) !important; }
  .de-eps.is-grid { column-gap: 1rem; grid-template-columns: repeat(4, 1fr); }
  .de-eps.is-simple { grid-template-columns: repeat(6, 1fr); }
  .detail-container { margin-top: -100px; }
  .cg-body-box .box-header { margin-bottom: 1.5rem; }
  .de-actors, .de-suggest { grid-template-columns: repeat(5, 1fr); }
  .de-actors { gap: 1.5rem 0.6rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(6, 1fr); }
  :root { --padding-base: 30px; }
  .wc-main .wm-info .desc-line { padding-left: 0px; }
  .watch-container { padding: 0px; }
  .actor-container .ac-side { width: 340px; }
  .time-row-cards { grid-template-columns: repeat(5, 1fr); }
  .row-topic .last-card { grid-template-columns: repeat(6, 1fr); }
  .row-topic .last-card .sw-item:nth-child(n+7) { display: none; }
  .topics-grid { grid-template-columns: repeat(6, 1fr); }
  .more-topic { background: rgba(255, 255, 255, 0.063) !important; padding: 1rem !important; }
  .more-topic .mask { display: none; }
  .more-topic .intro { min-height: auto !important; }
  .more-topic .intro .heading-md { font-size: 1.3em !important; line-height: 1.8 !important; }
  .topics-list.single .row-topic .row-content { width: calc(100% - 200px); }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.8em !important; }
  .it-col.this-03 { display: none; }
  .app-download { border-right: none; padding-right: 0px; }
}
@media screen and (max-width: 1359px) {
  #search { display: none; }
  header .header-elements { padding: 0px 6px; height: 60px; }
  #logo { position: absolute; left: 65px; }
  #logo img { height: 36px; }
  .header-elements .for-mobile { display: flex; }
  .el-group, .el-group .flex-grow-1 { display: none; }
  .el-group { position: absolute; z-index: 3; top: 100%; left: 10px; max-width: 360px; width: calc(100% - 10px); padding: 1.5rem; border-radius: 0.75rem; backdrop-filter: blur(20px); background-color: rgba(59, 73, 135, 0.95) !important; }
  .el-group.toggled { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 1rem; box-shadow: var(--shadow-large); }
  .el-group.toggled > div { position: relative; z-index: 3; }
  .el-group #main_menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; width: 100%; padding: 0px; z-index: 4; }
  .el-group #main_menu .menu-item { padding: 0.6rem 0px; line-height: normal; }
  .el-group #main_menu .menu-item a { display: block; font-weight: 500; }
  .el-group #main_user { gap: 0.5rem; width: 100%; }
  .el-group #main_user .button-user { flex: 1 1 0%; text-align: center; }
  #search.toggled { display: block; position: absolute; left: 10px; right: 50px; width: auto; max-width: none; z-index: 2; }
  .header-elements.simple { justify-content: flex-end; }
  .header-elements.simple #logo, .header-elements.simple .menu-toggle, .header-elements.simple .noti-toggle { display: none; }
  #wrapper { padding-top: 5rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(6, 1fr); gap: 1rem; }
  .v-bread { left: 20px; top: 80px; }
  .detail-container > div.dc-side { padding: 30px; width: 380px; }
  .de-suggest { grid-template-columns: repeat(4, 1fr); }
  .wc-main .wm-info .info { width: 360px; }
  .wc-side { width: 380px; }
  .time-row-cards { grid-template-columns: repeat(4, 1fr); }
  .header-elements .noti-toggle { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); width: auto; min-width: 40px; }
  .header-elements .noti-toggle .small { font-size: 12px; opacity: 0.5; }
  #main_user.user-logged { align-items: self-start; padding: 1.5rem; margin: -1.5rem -1.5rem 0.5rem; width: calc(100% + 3rem); background-color: rgba(0, 0, 0, 0.2); }
  #main_user.user-logged > .dropdown { width: 100%; }
  #main_user.user-logged .head-noti { display: none; }
  #main_user.user-logged .user-dropdown { flex-direction: column; gap: 0.3rem; display: flex !important; transform: none !important; position: relative !important; inset: auto !important; width: 100% !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
  #main_user.user-logged .user-dropdown > a, .user-logged .user-dropdown > div { padding: 0.5rem 0px; color: rgb(255, 255, 255); background-color: transparent !important; }
  .user-logged .user-dropdown .dropdown-blank { margin-bottom: 1rem; padding: 0px 60px 0px 0px !important; gap: 0.2rem !important; }
  #main_user.user-logged .user-dropdown hr { display: none; }
  .user-logged .user-dropdown .dropdown-item { padding: 0px !important; }
  .user-logged .user-dropdown .dropdown-item .line-center { width: 100%; font-size: 12px; border: 1px solid var(--border-color); border-radius: 0.4rem; padding: 0.6rem 1rem; gap: 0.5rem; }
  .user-logged .user-dropdown .dropdown-item .line-center i { font-size: 14px; }
  .user-logged .header-user { position: absolute; top: 0px; right: 0px; padding: 0px !important; }
  .user-logged .header-user i { display: none; }
  .dcc-playlist { grid-template-columns: repeat(3, 1fr); }
  #body-load .bl-logo { font-size: 0px; }
  .topics-list.single .row-topic { flex-direction: column; padding: 0px; gap: 1rem !important; }
  .topics-list.single .row-topic .row-content { width: 100%; }
  .topics-list.single .row-topic .intro { padding: 0px; flex-direction: row; width: 100%; align-items: center; justify-content: space-between; }
  .dcc-side { width: 250px; }
  header .app-download { width: 100%; z-index: 5 !important; }
  header .app-download .app-download-button { background-color: rgba(255, 255, 255, 0.067); border-radius: 0.6rem; height: auto; padding: 0.5rem 0.6rem; justify-content: flex-start; }
}
@media screen and (min-width: 1280px) {
  .ds-info .v-thumb-l { width: 160px; }
}
@media screen and (width: 1280px) and (height: 725px) {
  .top-detail-wrap { padding-bottom: 700px; background-color: rgba(0, 0, 0, 0.4); }
  .top-detail-wrap::before { display: none; }
  .top-detail-wrap .cover-fade, .top-detail-wrap .cover-fade .cover-image { mask-image: none !important; }
  .dc-side { background-color: transparent !important; backdrop-filter: none !important; width: 300px !important; padding: 0px !important; }
  .ds-info { display: flex; flex-direction: column; align-items: center; }
  .ds-info .v-thumb-l { width: 200px; margin-top: -280px; }
  .ds-info .v-thumb-l .v-thumbnail { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 40px 0px; }
  .ds-info .alias-name, .ds-info .media-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; padding: 0px 1.2rem; white-space: normal !important; }
}
@media screen and (max-width: 1279px) {
  .sw-navigation { display: none; }
  .big-slide-wrapper .top-slide-small { margin-top: -80px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { gap: 0.5rem; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { padding: 0px; max-width: 60px; height: 60px; border-radius: 50%; border: 3px solid transparent; background-color: transparent; width: 100% !important; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { border-color: rgb(255, 255, 255); }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { display: none; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { width: 100%; right: 0px; }
  .big-slide-wrapper .slide-elements .cover-fade { width: 80%; opacity: 0.5; }
  .top-slide-wrap .top-slide-main { margin-bottom: 30px; height: 600px; }
  .top-slide-wrap .top-slide-main::before { display: none; }
  .top-slide-wrap .top-slide-main .slide-elements .background-fade { display: none; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-main .safe-area { height: 100% !important; }
  .top-slide-wrap .swiper-slide .cover-fade { animation: auto ease 0s 1 normal none running none !important; height: 550px !important; }
  .top-slide-wrap .swiper-slide .slide-content { padding-bottom: 30px; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-wrap .swiper-slide .slide-content .media-title-image { display: none !important; }
  .top-slide-wrap .swiper-slide .slide-content .media-title { display: block !important; font-size: 2em; }
  .top-slide-wrap .top-slide-small { bottom: 42px; }
  .top-slide-wrap .sound-mute { bottom: 100px; width: 40px; height: 40px; }
  .top-slide-category .safe-area { height: calc(100% - 80px) !important; }
  .top-slide-category .cover-fade { height: 450px !important; }
  .top-slide-category .slide-content { padding: 50px 20px 100px; }
  .demo-tip { display: none !important; }
  .actors-grid-wrapper { grid-template-columns: repeat(6, 1fr); }
  .detail-container > div.dc-side { background-color: transparent; backdrop-filter: none; padding: 0px; width: 340px; }
  .wc-main .wm-info { display: none; }
  .row-topic .mask { mask-image: none; }
  .row-topic .intro { padding: 0px; width: 180px; }
  .row-topic .last-card { grid-template-columns: repeat(3, 1fr); row-gap: 2rem; }
  .topics-grid .row-topic { padding: 1.2rem !important; }
  .topics-grid .row-topic .intro { min-height: 100px; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.4em; }
  .denied-box { padding: 1.5rem 15%; }
  #totop { display: none !important; }
}
@media screen and (max-width: 1120px) {
  .big-slide-wrapper .slide-content { max-width: 500px; }
  .sw-actors-recent .sw-actor .item-duo { display: none; }
  .sw-actors-recent .sw-actor .h-item { margin: 0px; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px; }
  .sw-actors-recent .sw-actor .h-item .item-title { font-size: 1em; }
  .footer-elements { padding: 3rem 1rem; height: auto; }
  .footer-elements .side-right { display: none; }
  .footer-elements .side-left { width: 100%; text-align: center; }
  .sl-brand.line-center { flex-direction: column; gap: 2rem; }
  .sl-brand .socials { padding-left: 0px; border: none; }
  .topics-line { display: grid; gap: 0.75rem; grid-template-columns: repeat(5, 1fr); }
  .topics-line .topic-item { gap: 0.75rem; align-items: center; min-height: 50px; border-radius: 0.4rem; opacity: 0.9; }
  .topics-line .topic-item:hover { opacity: 1; }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; }
  .top-slide-wrap .swiper-slide .cover-fade { height: 0px !important; padding-bottom: 50%; }
  .top-slide-wrap .swiper-slide .cover-fade .cover-image { position: absolute; inset: 0px; width: 100% !important; height: 100% !important; }
  .top-slide-wrap .top-slide-small { width: 300px !important; right: 20px; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-radius: 50%; overflow: hidden; max-width: 30px; height: 30px; border-width: 2px; }
  .cards-grid-wrapper { grid-template-columns: repeat(5, 1fr); }
  .top-slide-category { margin-bottom: 30px; height: 520px; }
  .top-slide-category .slide-content .media-title-image { display: none !important; }
  .top-slide-category .slide-content .media-title { display: block !important; font-size: 2em; }
  .top-slide-category .slide-content { padding: 30px 20px; }
  .top-slide-category.top-slide-main .safe-area { height: 100% !important; }
  .top-slide-category::before { display: none; }
  .top-detail-wrap { padding-bottom: 300px; opacity: 0.5; }
  .detail-container { flex-direction: column; margin-top: -150px; }
  .detail-container > div.dc-side { width: 100%; }
  .dc-side > div { margin-bottom: 0px; }
  .dc-side > .child-actors, .dc-side > .child-top { display: none; }
  .ds-info { text-align: center; margin-bottom: 1rem; }
  .ds-info .alias-name { font-size: 13px; color: var(--text-base); margin-bottom: 1rem; margin-top: -0.25rem; }
  .ds-info .v-thumb-l { margin: 0px auto; }
  .ac-side .detail-more, .ds-info .detail-more { text-align: left; display: none; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 0.75rem; }
  .ds-info #toggle-detail { display: block; max-width: 300px; margin: -0.5rem auto 0px; }
  .detail-container > div.dc-main { background-color: transparent; border-radius: 0px; backdrop-filter: none; }
  .dm-bar { padding: 20px; }
  .content-gap { padding: 0px 20px; gap: 30px; }
  .watch-container { flex-direction: column; }
  .wc-side { border: none; width: 100%; }
  .player-control .control-items .item-focus { display: none; }
  .actor-container { flex-direction: column; }
  .actor-container .ac-side { border: none; padding-right: 0px; padding-bottom: 20px; width: 100%; }
  .ac-main .cg-body-box { padding-left: 0px; }
  .ac-side .as-info { text-align: center; }
  .ac-side .as-info .actor-photo .v-actor { margin: 0px auto; }
  .ac-side .as-info .button-group { justify-content: center; }
  .ac-side .detail-more { text-align: left; display: none; }
  .ac-side #toggle-detail { display: flex !important; }
  .time-row-cards { grid-template-columns: repeat(6, 1fr); width: 100%; }
  .time-row { margin-left: 0px; flex-direction: column; gap: 1rem; }
  .time-row .time-point::before { left: 0px; }
  .time-row + .time-row { margin-top: 1rem; }
  .time-row .time-point { height: auto; }
  .time-row .time-point span { transform: none; position: relative; font-size: 24px; display: block; padding-left: 2rem; opacity: 0.8; letter-spacing: 0px; }
  .time-row .time-point::before { top: 13px; }
  .discuss-wrap { font-size: 13px; }
  .dashboard-container { flex-direction: column; gap: 2rem; }
  .dashboard-container > div { width: 100%; }
  .dcc-side { padding: 0px; gap: 0px; border-radius: 0.5rem; }
  .dcc-side .heading-sm { padding: 1.5rem 1rem 1rem; margin-bottom: 0px; text-align: center; }
  .dcc-side .ds-menu { gap: 0px; }
  .dcc-side .ds-menu .side-user { display: none; }
  .dcc-side .menu-user { margin-bottom: 0px; flex-direction: row; gap: 1rem; align-items: center; justify-content: center; }
  .dcc-side .menu-user .item { padding: 1rem; width: auto; border-bottom: none; }
  .dashboard-container .dcc-main .is-profile { max-width: 560px; margin: 0px auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(3, 1fr); }
  .solar_vpn.ver { display: none !important; }
  .de-seasons.is-grid { grid-template-columns: repeat(2, 1fr); }
  #row-new .cards-row .row-header { flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem; }
  #row-new .cards-row .row-header .inc-icon.new-tag { display: none; }
}
@media screen and (min-width: 990px) {
  .modal-login .modal-dialog { max-width: 860px; }
  .modal-login .modal-dialog .modal-content { padding: 4rem 4rem 4rem calc(420px + 4rem); }
  .modal-login .modal-dialog .modal-content::before { width: 420px; }
}
@media screen and (max-width: 989px) {
  .slide-url { display: block; position: absolute; z-index: 6; inset: 0px 0px 110px; }
  .top-slide-wrap .swiper-slide .cover-fade { height: 0px !important; padding-bottom: 40%; }
  .slide-content .touch .button-play { width: 60px; height: 60px; }
  .slide-content .touch .button-play i { font-size: 22px; }
  .top-slide-wrap .top-slide-small { bottom: 37px; }
  .cards-row.wide .swiper { overflow: visible; }
  .big-slide-wrapper { padding-bottom: 0px; }
  .big-slide-wrapper .top-slide-small { margin: 1rem 0px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { justify-content: center; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { background-color: rgb(255, 255, 255); border-radius: 50%; flex: unset; width: 10px !important; height: 10px !important; border: none !important; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { display: none; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { background-color: var(--primary-color); }
  .big-slide-wrapper .top-slide-main { height: 400px; }
  .big-slide-wrapper .top-slide-main .swiper-slide { border-radius: 1rem; }
  .big-slide-wrapper .slide-elements .cover-fade { width: 100%; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 50%, rgb(0, 0, 0)); opacity: 1; height: 250px !important; }
  .big-slide-wrapper .slide-elements .safe-area { padding-top: 100px; align-items: flex-end; height: 100% !important; }
  .big-slide-wrapper .slide-content { max-width: 100%; padding: 1.25rem; }
  .big-slide-wrapper .slide-content .media-title { font-size: 1.4em; line-height: 1.4; }
  .big-slide-wrapper .slide-content .touch { display: none; }
  .big-slide-wrapper .slide-content .description { margin-bottom: 0px !important; }
  .big-slide-wrapper .slide-content .hl-tags { gap: 0.2rem; margin-bottom: 1rem !important; }
  .top-slide-wrap .sound-mute { display: none; }
  #wrapper { padding-bottom: 6rem; }
  .actors-grid-wrapper, .topics-line { grid-template-columns: repeat(4, 1fr); }
  .swiper-slide .backdrop-video { display: none !important; }
  .watch-player .wp-bread { padding: 0px; }
  .wc-main, .wc-side { padding: 20px; }
  .watch-player { margin-bottom: 1rem; }
  .player-control .ep-current { display: none; }
  .player-control .control-items { padding: 0px 10px; gap: 0.4rem; }
  .player-control .control-items .item-auto, .player-control .control-items .item-seasons { display: none; }
  .player-control { height: 54px; }
  .time-row-cards { column-gap: 0.6rem; }
  .time-row-cards, .topics-grid { grid-template-columns: repeat(4, 1fr); }
  .v-rating .caption { display: none; }
  .dm-bar .is-right { flex-shrink: 0; }
  .cards-row .row-header { margin-bottom: 0.6rem; }
  .pin-remove { opacity: 1; width: 24px; height: 24px; }
  .de-type { margin-bottom: 1rem; grid-template-columns: repeat(2, 1fr); }
  .de-type .item .m-thumbnail { max-width: 110px; }
  .de-type .item { top: auto !important; max-width: none !important; }
  .de-type .item .info { padding: 1rem; gap: 0.3rem; }
  .de-type .item .info .media-title { margin-bottom: 0.5rem !important; }
  .cards-boxed .row-tabs { gap: 0.3rem; }
  .cards-boxed .row-tabs a { height: 30px; }
  .cards-boxed .row-tabs a .inc-icon { display: none; }
  .text-gradient { font-size: 1.8em !important; }
}
@media screen and (max-width: 799px) {
  header { position: relative !important; top: auto !important; left: auto !important; right: auto !important; }
  .el-group { margin-top: 5px; left: 5px; }
  .sw-actors-recent .sw-actor .h-item .info-line .tag-small { display: none; }
  .sw-actors-recent .sw-actor .h-item .info-line .tag-small:first-of-type { display: block; }
  .sw-actors-recent .sw-actor .h-item .v-actor { width: 80px; height: 80px; }
  .top-slide-wrap .swiper-slide .slide-content .description { display: none !important; }
  .top-slide-wrap .swiper-slide .slide-elements .cover-fade { mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0)); }
  .top-slide-wrap .swiper-slide .slide-elements .cover-fade .cover-image { mask-image: none !important; }
  .top-slide-wrap .top-slide-main { height: 420px; }
  #wrapper { padding-top: 2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(4, 1fr); }
  .v-filter .fe-row .fe-name { width: 80px; }
  .v-filter .fe-row { gap: 1rem; padding: 1rem 0.5rem; }
  .top-slide-category .slide-elements .background-fade { display: none; }
  .top-slide-category .slide-elements .cover-fade { mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 50%, rgb(0, 0, 0)); width: 100%; padding-bottom: 45%; position: absolute; top: 0px; left: 0px; right: 0px; height: 0px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-category .slide-elements .cover-fade .cover-image { position: absolute; inset: 0px; mask-image: none !important; }
  .v-bread { position: relative; top: auto; left: auto; padding: 1rem; }
  .v-bread .line-center { display: flex; }
  .v-bread .page-name { flex-grow: 1; font-size: 1.3em; }
  .model-tabs .item { font-size: 12px; height: 26px; padding: 0px 0.5rem; }
  .content-gap { padding: 0px; }
  .de-eps.is-grid { grid-template-columns: repeat(3, 1fr); }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(4, 1fr); }
  .dm-bar .elements { flex-direction: column; gap: 1rem; }
  .dm-bar .elements .button-play { min-width: 300px; }
  .dm-bar .elements .button-play.is-coming { min-width: 180px; }
  .cg-tabs .v-tabs { justify-content: center; }
  .cg-tabs .v-tabs.nav-tabs .nav-link { font-size: 14px; }
  .v-tabs.nav-tabs .nav-link + .nav-link { margin-left: 2rem; }
  .cg-body-box.is-eps .box-header { position: relative; }
  .cg-body-box.is-eps .box-header .v-toggle { position: absolute; right: 0px; }
  .de-actors { grid-template-columns: repeat(4, 1fr); }
  .gallery-row.is-video { grid-template-columns: repeat(3, 1fr); }
  .gallery-row.is-photo { grid-template-columns: repeat(5, 1fr); }
  .cg-tabs { margin: 0px -16px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); }
  .cg-tabs .nav-tabs { padding: 0px 16px; }
  .time-row-cards { grid-template-columns: repeat(3, 1fr); }
  .modal-login .modal-dialog { max-width: 450px; }
  .modal-login .modal-dialog .modal-content { padding: 2rem; min-height: auto; }
  .modal-login .modal-dialog .modal-content::before { display: none; }
  .row-topic { flex-direction: column; gap: 2rem; }
  .row-topic .intro { flex-direction: row; align-items: center; width: 100%; }
  .row-topic .intro .inc-icon { width: 40px; height: 40px; }
  .row-topic .intro .heading-md { flex-grow: 1; font-size: 1.2em; }
  .row-topic .last-card { width: 100%; }
  .topics-grid { grid-template-columns: repeat(3, 1fr); }
  .topics-grid .row-topic .intro { min-height: 80px; }
  .watch-player .player-ratio { margin: 0px -20px; }
  .watch-player .player-ratio > div { border-radius: 0px !important; }
  .dcc-side .menu-user { gap: 0.6rem; }
  .dcc-side .menu-user .item .line-center { flex-direction: column; gap: 0.6rem; }
  .dcc-side .menu-user .item .line-center span { font-size: 12px; }
  .dcc-playlist { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .dcc-playlist .item { padding: 0.6rem 0.9rem; border-radius: 0.5rem; }
  .c-social-list, .sche-timeline .st-row .items { grid-template-columns: repeat(2, 1fr); }
  .topics-line { margin-top: 1.25rem !important; }
  .topics-list.single .h-item { padding: 1rem 0px; }
  .topics-list.single .h-item .info .item-title { -webkit-line-clamp: 1 !important; }
  .slide-elements::before, .top-detail-wrap::before { display: none; }
  .denied-box { font-size: 1.3em; padding: 1.5rem 2rem; }
  .denied-box .denied-icon img { width: 120px; height: auto; }
  .code-page { padding: 60px 20px !important; }
  .login-code { gap: 0.5rem; }
  .login-code .form-control { font-size: 2em; padding: 1.25rem 0px; }
}
@media screen and (min-width: 641px) {
  .v-thumbnail-hoz .pin-new { left: 120px; transform: none; right: auto; }
  .sw-cover.single .v-thumbnail-hoz .pin-new { right: auto; left: 1rem; }
}
@media screen and (max-width: 640px) {
  .cards-row.wide, .container, .detail-container { padding: 0px 16px; }
  .top-slide-wrap .slide-url { bottom: 60px; }
  .big-slide-wrapper .slide-elements .cover-fade { height: 200px !important; }
  .fluid-gap { gap: 24px; }
  .cards-row .row-header { min-height: 32px; margin-bottom: 0.75rem; }
  .cards-row .row-header .category-name { font-size: 1.6em; }
  .sw-cover .h-item { padding: 0.75rem 0px; }
  .sw-cover .v-thumbnail.v-thumbnail-hoz { padding-bottom: 56%; }
  .sw-cover .h-item .info .info-line { display: none; }
  .item-title { font-size: 13px; font-weight: 400; }
  .sw-cover .h-item .v-thumb-m { display: none; }
  .sw-cover .h-item .v-thumb-m .v-thumbnail { border-radius: 0.2rem; }
  .sw-actors-recent .sw-actor { padding: 0.5rem 0px 1rem; }
  .topics-line .topic-item { gap: 0.4rem; padding: 0.6rem; text-align: center; background-color: transparent !important; }
  .topics-line .topic-item > .primary-text { color: rgb(0, 0, 0); }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; color: var(--primary-color); }
  .top-slide-main .safe-area { height: calc(100% - 60px) !important; }
  .top-slide-wrap .swiper-slide .cover-fade { padding-bottom: 60%; opacity: 0.8; }
  .top-slide-wrap .swiper-slide .hl-tags.mb-4, .top-slide-wrap .swiper-slide .touch { display: none; }
  .top-slide-wrap .swiper-slide .hl-tags { justify-content: center; gap: 6px; }
  .top-slide-wrap .swiper-slide .hl-tags > div:nth-child(n+6) { display: none; }
  .detail-more .hl-tags .tag-classic, .detail-more .hl-tags .tag-model, .slide-content .hl-tags .tag-classic, .slide-content .hl-tags .tag-model { font-size: 10px; height: 20px; padding: 0px 0.25rem; }
  .detail-more .hl-tags .tag-imdb, .slide-content .hl-tags .tag-imdb { font-size: 10px; line-height: 18px; padding: 0px 0.25rem; }
  .detail-more .hl-tags { gap: 6px; }
  .top-slide-wrap .top-slide-main { height: 350px; }
  .top-slide-wrap .swiper-slide .slide-content .media-title { margin-bottom: 0.75rem; font-size: 1.6em; }
  .top-slide-wrap .top-slide-main .slide-content { text-align: center; padding: 0px 20px; }
  .top-slide-wrap .top-slide-small { padding: 2rem 0px 1rem; background: linear-gradient(0deg, rgb(25, 27, 36), rgba(25, 27, 36, 0)); width: 100% !important; left: 0px !important; right: 0px !important; bottom: 0px !important; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-color: rgba(255, 255, 255, 0.3); }
  .top-slide-wrap .top-slide-small .swiper-wrapper { justify-content: center; gap: 0.2rem; }
  #wrapper { padding-bottom: 5rem; }
  .sw-item .info-v.w-chart .number { font-size: 2em; width: 30px; }
  .sw-item .info-v.w-chart { padding-left: 36px; }
  .sw-item .info-v.w-chart .info-line { display: none; }
  .footer-elements { font-size: 12px; padding: 2rem 0px; }
  .sl-band { margin-bottom: 2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.5rem; }
  .filter-elements { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--border-color); margin: -15px -20px 3rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.6rem; font-size: 13px; }
  .actors-grid-wrapper .v-item { gap: 0.6rem; }
  .actors-grid-wrapper .v-item .info .item-title { font-size: 1em; }
  .v-actor-large { width: 80px; height: 80px; }
  .top-slide-category { height: 470px; }
  .top-slide-category .slide-content .media-title { font-size: 1.6em; }
  .de-eps.is-grid { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(3, 1fr); gap: 0.6rem !important; }
  .cg-body-box.is-eps .box-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .cg-body-box.is-eps .box-header .v-toggle { top: 5px; }
  .cg-body-box.is-eps .box-header .flex-grow-1 { display: none; }
  .season-dropdown > .line-center { border-right: none; font-size: 1.3em; }
  .heading-md { font-size: 1.4em; }
  .heading-sm { font-size: 1.2em; }
  .dm-bar .elements .button-play { font-size: 16px; padding: 0px 1.4rem; height: 50px; min-height: auto; }
  .pin-new { bottom: -1px; border-radius: 0.3rem 0.3rem 0px 0px; }
  .pin-new .line-center { line-height: 1.3; }
  .pin-new .line-center.line-lt span::before { content: "LT."; }
  .pin-new .line-center.line-tm span::before { content: "TM."; }
  .pin-new .line-center.line-pd span::before { content: "PĐ."; }
  .pin-new2 .line-center.line-pd { display: none; }
  .de-actors, .gallery-row.is-video { grid-template-columns: repeat(2, 1fr); }
  .gallery-row.is-photo { grid-template-columns: repeat(4, 1fr); }
  .cg-tabs { margin: 0px -16px; }
  .cg-tabs .nav-tabs { padding: 0px 16px; }
  .cg-body-box { padding: 30px 0px; }
  .ac-side .detail-more, .ds-info .detail-more { padding: 0px; background-color: transparent; border-radius: 0px; }
  .watch-player .wp-bread .heading-sm { font-size: 14px; }
  .watch-player .wp-bread { margin-bottom: 0px; margin-top: 1rem; }
  .watch-player { display: flex; flex-direction: column-reverse; width: 100%; padding: 0px 16px; }
  .wc-main, .wc-side { padding: 20px 16px; }
  .cards-grid-wrapper .sw-item .info, .time-row-cards .sw-item .info { min-height: auto; }
  .v-filter .fe-row .fe-results { font-size: 13px; }
  .row-topic { padding: 2rem 1rem; }
  .row-topic .intro .inc-icon { width: 30px; height: 30px; }
  .row-topic .last-card { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 0.6rem; }
  .rate-emo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; background-color: transparent; padding: 0px; }
  .rate-emo .item-v { flex-direction: row; border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.3); }
  .rate-emo .item-v .inc-icon { width: 30px; height: 30px; margin: 0px; }
  .dm-bar .ro-rating .a-rate { display: none; }
  .watch-player .player-ratio { margin: -2rem -16px 0px; }
  .dashboard-container { padding: 0px 16px; }
  .dcc-side .heading-sm { padding-bottom: 0px; }
  .sw-cover .info { text-align: center; }
  .cards-row.fixed { padding: 0px 20px; }
  .article-body { font-size: 14px; }
  .d-item .user-avatar { width: 40px; height: 40px; }
  .d-item .replies .user-avatar { width: 30px; height: 30px; }
  .range-eps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin: 0px 0px 2rem; }
  .range-eps .item { min-width: auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(1, 1fr); }
  .current-time { display: none; }
  .sche-time .item-time { font-size: 12px; padding: 0.7rem 1rem; gap: 4px; }
  .sche-time .item-time .day { font-size: 14px; }
  .sche-time .item-time .time span { font-size: 0px; padding: 0px; border: none; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary-color); }
  .sche-timeline .st-row .clock { text-align: left; width: 50px; font-size: 14px; }
  .avatar-list { grid-template-columns: repeat(3, 1fr); }
  .sw-cover.cover-fade .info { text-align: left; }
  .sw-cover.cover-fade .info .description { display: none; }
  .topics-grid { gap: 0.5rem; }
  .topics-grid .row-topic { padding: 1rem !important; }
  .topics-grid .row-topic .intro { min-height: 50px !important; justify-content: center !important; align-items: flex-start !important; }
  .topics-grid .row-topic .intro .info { display: none; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.2em; line-height: 1.3; flex-grow: unset; }
  .more-topic .intro .heading-md { font-size: 1.1em !important; line-height: 1.4 !important; }
  .topics-grid .more-topic .intro { align-items: center !important; }
  .topics-list.single { margin: 0px -16px; padding: 1rem; gap: 1rem; border-radius: 0.6rem; }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.5em !important; letter-spacing: 0px !important; }
  .topics-list.single .row-topic .intro .info .line-center { font-size: 16px; padding: 0.6rem 1rem !important; }
  .topics-list.single .row-topic .intro .info .line-center span { display: none; }
  .topics-more > .line-center { flex-direction: column; align-items: flex-start; gap: 0.5rem !important; }
  #row-new { margin-top: 1rem; }
  .topics-grid .row-topic:hover { top: auto; }
  .de-type { grid-template-columns: repeat(1, 1fr); }
  .de-eps.is-simple .item { height: 42px; }
  .schedule-eps .item .inc-icon { width: 30px; height: 30px; left: 12px; }
  .login-code .form-control { padding: 0.6rem 0px; font-size: 1.6em; border-width: 3px !important; }
  .tv-checked img { width: 160px; }
  .pc-coming { font-size: 11px; padding: 0px 0px 0px 0.5rem; width: 60px; background: none !important; color: rgb(255, 216, 117) !important; }
}
@media screen and (max-width: 479px) {
  .v-thumbnail .pin-trans .line-center span { display: none !important; }
  .v-thumbnail .pin-trans .line-center:hover { padding: 0px 0.3rem !important; }
  .top-slide-wrap .top-slide-main { height: 300px; }
  .search-modal { min-width: 320px; }
  #search.toggled .search-icon { display: none; }
  #search.toggled .search-input { padding-left: 1.2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(2, 1fr); }
  .fe-row-end { justify-content: center; }
  .fe-row-end .fe-name { display: none; }
  .fe-row-end .fe-buttons { text-align: center; }
  .top-slide-category { height: 440px; font-size: 13px; }
  .v-thumbnail .pin-trans { bottom: 0px; right: 0px; background-color: rgb(255, 255, 255); border-radius: 0.5rem 0px 0px; padding: 0.3rem; gap: 0.3rem; }
  .v-thumbnail .pin-trans .line-center { height: auto; min-width: 0px; background-color: transparent; box-shadow: none; transform: scale(0.9); padding: 0px !important; }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
  .cg-tabs .v-tabs.nav-tabs .nav-link { font-size: 13px; }
  .v-tabs.nav-tabs .nav-link + .nav-link { margin-left: 1.5rem; }
  .dm-bar { width: 100%; padding: 1rem 0px; }
  .dm-bar .item { min-width: auto; padding: 0px; background: none !important; }
  .dm-bar .item-comment { display: none; }
  .dm-bar .is-left { gap: 1.5rem; }
  .dm-bar .touch-group { margin: 0.5rem 0px; gap: 1.5rem; }
  .top-detail-wrap { padding-bottom: 200px; }
  .de-soundtrack .item-sound .h-item .touch-media { display: none; }
  .de-soundtrack .item-sound .h-item .media-title { font-size: 1em; }
  .item-sound .lyric-post { padding: 1rem; font-size: 1em; }
  .sound-play { padding: 1rem; }
  .cg-tabs { overflow: auto; scrollbar-width: none; }
  .cg-tabs::-webkit-scrollbar { display: none; }
  .cg-tabs .nav-tabs { justify-content: flex-start; min-width: 420px; }
  .gallery-row.is-photo { grid-template-columns: repeat(3, 1fr); }
  .actors-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }
  .player-control .control-items .item span { display: none; }
  .player-control .control-items .item .inc-icon { width: 16px !important; height: 16px !important; }
  .player-control .control-items .item i { font-size: 16px; }
  .modal-sm .modal-dialog { width: 90%; }
  .modal-md .modal-dialog .modal-content, .modal-sm .modal-dialog .modal-content { padding: 1.5rem; }
  .v-modal .modal-content .is-header .heading-sm { font-size: 1.2em; }
  .rate-emo, .time-row-cards { grid-template-columns: repeat(2, 1fr); }
  .dcc-side .menu-user .item { padding: 1rem 0.5rem; }
  .dash-form { flex-direction: column; gap: 1rem; justify-content: space-between; }
  .dash-form .v-avatar > a { display: flex; align-items: center; gap: 1rem; }
  .dash-form .user-avatar { width: 80px; height: 80px; margin: 0px !important; }
  .dash-form .v-form { width: 100%; }
  .dcc-playlist { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .v-form-playlist .form-group .controls { position: absolute; bottom: 0.6rem; right: -1rem; background-color: rgb(42, 49, 78); flex-direction: column; }
  .v-form-playlist .form-group .controls .btn-outline { border-color: var(--border-color) !important; }
  .noti-wrap .h-item { padding: 1rem; }
  .c-social-list { grid-template-columns: repeat(1, 1fr); }
  .child-box .child-header { font-size: 1.3em; }
  .my-area-sub .ma-input .v-form-control { padding: 0.7rem 1rem; }
  .my-area-sub .textarea-wrap { padding: 1.5rem 1px 0.5rem; }
  .my-area-sub .ma-input .chac-left { top: -18px; }
  .emo-list { grid-template-columns: repeat(5, 1fr); gap: 0.2rem; padding: 0px 0.5rem; }
  .range-eps { grid-template-columns: repeat(3, 1fr); }
  .textarea-wrap .ma-buttons { gap: 0.5rem !important; }
  .textarea-wrap .ma-buttons .btn-emo { padding: 0px 0.75rem; }
  .textarea-wrap .ma-buttons .btn-emo span { display: none; }
  .textarea-wrap .ma-buttons .btn-emo i { font-size: 16px; }
  .d-item .replies-wrap .replies { margin-left: -56px; padding: 1.5rem 0px 1rem 1rem; border-left: 2px solid var(--border-color); }
  .d-item.mine .replies-wrap .replies { margin-left: -64px; margin-top: 1rem; border-top: 1px solid var(--border-color); border-left-color: transparent; }
  .d-item .comment-header .rated { font-size: 0px; padding: 0.1rem; gap: 0px; background-color: var(--bg-color); position: absolute; z-index: 2; left: -32px; top: -8px; }
  .d-item .comment-header .rated span { font-size: 20px; }
  .de-seasons.is-grid { grid-template-columns: repeat(1, 1fr); }
  .sl-menu { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
  .sl-menu a { margin: 0px !important; }
  .question-box { font-size: 13px; padding: 1rem; border-radius: 0px; border: none; background-color: rgba(255, 255, 255, 0.063); }
  .sw-cover.cover-fade .h-item { padding: 1rem; }
  .sw-cover.cover-fade .h-item .info .alias-title { margin-bottom: 0.75rem; }
  .topics-grid { grid-template-columns: repeat(2, 1fr); }
  .topics-grid .row-topic { border-radius: 0.5rem; }
  .topics-grid .row-topic .heading-md { font-weight: 600 !important; }
  .topics-line { display: flex; flex-flow: row; gap: 0.5rem; margin: 0px -16px; padding: 0px 16px; overflow: auto; scrollbar-width: none; }
  .topics-line .row-topic .intro { min-height: auto !important; }
  .topics-line::-webkit-scrollbar { display: none; }
  .topics-line .row-topic { width: 120px; flex-shrink: 0; }
  .topics-line .row-topic .intro .heading-md { font-size: 1.1em !important; }
  .sw-cover.single .v-thumbnail.v-thumbnail-hoz { border-radius: 0.3rem; }
  .block-404 .icon-404 img { max-width: 250px; }
  .block-404 .heading-xl { font-size: 2em; line-height: 1.3; }
  .v-thumbnail .text-more { font-size: 1em; }
  .m-pin-new { transform: none; border-radius: 0px; left: 5px; bottom: 5px; gap: 2px; flex-direction: column; align-items: flex-start; overflow: unset; }
  .m-pin-new .line-center { padding: 0.15rem 0.4rem; font-size: 10px; justify-content: flex-start; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 2px 2px; }
  .cards-row .row-header { gap: 0.5rem; }
  .cards-row .row-header .category-name { flex-grow: 1; }
  .cards-row .row-header .cat-more .line-center { padding: 0px; width: 30px !important; }
  .cards-row .row-header .cat-more span { display: none !important; }
  .denied-box { padding: 1.2rem; font-size: 1.1em; gap: 1rem; }
  .denied-box .denied-icon img { width: 100px; }
  .d-item .comment-header .user-name { max-width: 140px; text-overflow: ellipsis; overflow: hidden; }
  .d-item .comment-header .ch-for { border-radius: 0.2rem; padding: 0.2rem; text-align: center; font-size: 9px; }
  .d-item .comment-header .ch-for span::before { content: "-T."; }
  .d-item .comment-header .c-time { font-size: 9px; }
  .table-wrap { padding: 3px; }
  .table-wrap .v-table { font-size: 13px; line-height: 1.5; }
  .table.v-table > :not(caption) > * > * { padding: 0.3rem 0.6rem; }
  .article-body .v-ul-check { padding: 0px; }
  .grid-3x2 { grid-template-columns: repeat(1, 1fr); padding: 1rem; }
  .grid-3x2 .h-item .v-thumb-m { width: 40px; }
  .grid-3x2 .h-item .v-thumbnail { border-radius: 6px; padding-bottom: 140%; }
  .grid-3x2 .h-item .info { flex-direction: row; align-items: center; gap: 1rem; }
  .grid-3x2 .h-item .info .item-title { margin-bottom: 0px !important; }
  .grid-3x2 .h-item:nth-child(n+4) { display: none; }
  .gpmn-text { align-items: flex-end; left: auto; right: 1rem; }
  .gpmn-text .btn { padding: 0px !important; width: 40px !important; height: 40px !important; justify-content: center !important; }
  .gpmn-text .btn span { display: none; }
}
@media screen and (max-width: 379px) {
  .v-pagination .btn-lg { font-size: 14px; min-height: 44px; padding: 0.5rem 1.2rem; }
  .v-pagination .btn-.circle { width: 44px; padding: 0.5rem; }
  .de-eps.is-grid .item .info { font-size: 0.9em; }
  .dcc-side .menu-user .item .line-center span { font-size: 11px; }
}
.fade-in { opacity: 0; filter: blur(10px); transition: opacity 0.5s ease-in, filter 0.5s ease-in; }
.fade-in.visible { opacity: 1; filter: blur(0px); }
.player-control .ep-current { width: 160px !important; }
.v-pagination .page-current .v-form-control { width: 60px !important; }
.heading-topic { background-clip: text !important; -webkit-text-fill-color: transparent; }
.detail-more.show { display: block !important; }
.text-gradient { background-clip: text !important; }
.de-cw { grid-template-columns: repeat(5, 1fr); }
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.effect-fade-in { animation: 0.5s ease-out 0s 1 normal forwards running fadeInUp; }
#search .remove-icon { display: block !important; }
.comm-title { line-height: 1.5; font-size: 16px !important; }
.switch-logo { margin-bottom: 2rem; text-align: center; }
.switch-logo a img { height: 50px; width: auto; }
.switch-modal { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; min-height: 100vh; background: linear-gradient(113deg, rgb(33, 42, 84), rgb(25, 33, 67) 51%, rgb(33, 42, 84)); }
.switch-modal .modal-dialog { max-width: none; width: 680px; }
.switch-modal .modal-dialog .modal-content { padding: 2rem; color: rgba(255, 255, 255, 0.533); line-height: 1.7; background-color: transparent !important; }
.switch-modal .modal-dialog .modal-content p { line-height: 1.7; margin-bottom: 0px !important; }
.ver-sbs { margin-top: 2rem; display: flex; align-items: stretch; justify-content: space-between; }
.ver-sbs .ver-item { flex: 1 1 0%; padding: 2rem; font-size: 13px; border-radius: 0.75rem; background-color: rgb(78, 98, 180); color: rgb(255, 255, 255); }
.ver-sbs .ver-item:first-of-type { margin-right: 2rem; }
.ver-sbs .ver-item .btn-lg i { font-size: 20px; }
.switch-notice { margin-top: 3rem; padding: 0px 2rem; }
.switch-notice p { line-height: 1.8 !important; }
.switch-notice .s-qr { margin-right: 1rem; padding: 10px; background-color: rgb(255, 255, 255); border-radius: 0.4rem; }
.switch-notice .s-qr img { width: 70px; height: 70px; }
@media screen and (max-width: 800px) {
  .switch-modal .modal-dialog .modal-content { padding: 20px; }
  .ver-sbs { flex-direction: column; margin-top: 1rem; }
  .ver-sbs .ver-item { padding: 1.5rem; }
  .ver-sbs .ver-item:first-of-type { margin-right: 0px; margin-bottom: 1.5rem; }
  .switch-notice { margin-top: 2rem; padding: 0px; }
  .switch-notice p { line-height: 1.5 !important; }
}
.swiper { overflow: hidden !important; }
@media screen and (max-width: 989px) {
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail { display: none; }
}
@media screen and (max-width: 1279px) {
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail { padding-bottom: 100%; }
}
body.focus-mod .focus-backdrop { display: block; position: fixed; inset: 0px; background-color: rgb(8, 8, 10); z-index: 100; }
.live-ep, .live-tag { display: inline-flex; background-color: rgb(255, 255, 255); border-radius: 0.2rem; font-size: 12px; color: rgb(0, 0, 0); font-weight: 600; line-height: 20px; padding: 0px 5px; }
.body_live { position: relative; }
.body_live header { position: relative; top: auto; left: auto; right: auto; }
.body_live header #logo img { height: 40px; }
.body_live header .header-elements { padding: 0px 1.5rem; height: 80px; }
.body_live #live { display: flex; width: 100%; min-height: calc(-400px + 100vh); }
.live-category .v-dropdown-menu.bg-dark { background-color: rgba(25, 28, 41, 0.95) !important; }
.live-category .v-pagination .btn-secondary { background-color: rgba(255, 255, 255, 0.067) !important; border-color: transparent !important; }
.live_layout { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; overflow: auto; position: relative; background-color: rgb(0, 0, 0); }
.l_content, .l_sidebar { height: calc(-80px + 100vh); flex-shrink: 0; }
.live_layout .l_content { width: calc(100% - 440px); display: flex; flex-direction: column; gap: 0px; overflow: auto; scrollbar-width: none; }
.live_layout .l_content::-webkit-scrollbar { display: none; }
.live_layout .l_watch { height: calc(-80px + 100vh); flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; }
.live_layout .l_sidebar { width: 440px; padding: 1rem 1rem 1rem 0px; display: flex; flex-direction: column; }
.lw-bottom, .lw-header { position: relative; background-color: rgba(0, 0, 0, 0.69); flex-shrink: 0; height: 70px; padding: 0px 1.5rem; display: flex; align-items: center; gap: 0.5rem; }
.lw-header { position: sticky; top: 0px; z-index: 4; justify-content: flex-start; }
.lw-header .lw-header-rows { display: flex; flex-direction: column; gap: 0.1rem; margin-left: 0.2rem; flex-grow: 1; }
.lw-header .lw-header-rows .live-tag { font-size: 11px !important; line-height: 18px !important; padding: 0px 4px !important; }
.lw-header .lw-header-rows .live-source .tag-small { font-size: 12px; }
.lw-header .live-name { color: rgb(255, 255, 255); font-size: 1.2em; line-height: 1.4; font-weight: 600; display: flex; align-items: center; gap: 0.25rem; }
.lw-header .live-logo img { height: 40px; width: auto; }
.live-tag, .lw-header .live-back { display: flex; }
.live-tag { background-color: rgb(207, 23, 23); color: rgb(255, 255, 255); align-items: center; gap: 0.3rem; }
.live-tag.blink::before { content: ""; width: 6px; height: 6px; background-color: rgb(255, 255, 255); display: block; border-radius: 50%; animation: 1s ease 0s infinite normal none running live-flash; }
.lw-header .alias-name { color: var(--primary-color); font-size: 1.1em; font-weight: 400; line-height: 1.3; }
.lw-player { flex-grow: 1; display: flex; align-items: center; background-color: rgb(0, 0, 0); position: relative; }
.lw-player .video-frame { position: relative; flex-grow: 1; width: 100%; height: 100%; }
.lw-player .video-frame .back-cover, .lw-player .video-frame iframe, .lw-player .video-frame video { position: absolute; inset: 0px; object-fit: contain; width: 100% !important; height: 100% !important; }
.lw-player .video-frame .back-cover { background-size: cover; opacity: 0.5; }
#myVideo { object-fit: cover; }
.lw-bottom { height: 80px; justify-content: space-between; }
.lw-bottom .flex-container { display: flex; align-items: center; justify-content: space-between; gap: 2rem; width: 100%; }
.live-owner { gap: 0.75rem; color: rgb(255, 255, 255); flex-grow: 1; }
.live-owner .user-avatar, .user-avatar.o-live { width: 46px; height: 46px; }
.user-avatar.o-live { border: 2px solid red; animation: 1s ease 0s infinite normal none running live-avatar; }
.user-avatar.o-live img { transform: scale(0.8); border-radius: 50%; }
@keyframes live-avatar { 
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes countdown { 
  0% { filter: blur(2px); }
  50% { filter: blur(0px); }
  100% { filter: blur(2px); }
}
@keyframes live-flash { 
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.live-owner .o-info .user-name { font-weight: 600; line-height: 1.4; margin-bottom: 0.1rem; }
.live-owner .o-info .created { font-size: 0.85em; line-height: 1.4; color: var(--text-base); }
.live-countdown, .live-trailer { font-size: 16px; position: absolute; z-index: 3; bottom: 2rem; left: 2rem; width: 100%; max-width: 440px; padding: 2rem; background-color: rgba(0, 0, 0, 0.533); backdrop-filter: blur(20px); color: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 0.5rem; border-radius: 1.5rem; border: 1px solid rgba(255, 255, 255, 0.333); box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 20px 10px; }
.live-countdown .text { font-size: 20px; }
.live-countdown .count-start { margin-top: 1rem; }
.live-countdown .count-start #countdown { flex-shrink: 0; font-size: 24px; font-weight: 700; line-height: 1.2; width: 210px; padding: 0px; height: 50px; border-radius: 0.5rem; display: inline-flex; align-items: center; justify-content: center; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); animation: 1s ease 0s infinite normal none running countdown; }
.live-countdown .count-start .remind { height: 52px; padding: 0px 1rem; border-radius: 0.6rem; font-size: 16px; border: 1px solid rgba(255, 255, 255, 0.4); justify-content: center; gap: 0.75rem; cursor: pointer; }
.live-countdown .count-start .remind.active { color: var(--primary-text); border-color: var(--primary-color); }
.live-countdown .count-start .btn-lg { font-size: 16px; }
.live-countdown .buttons { display: flex; align-items: center; gap: 1rem; }
.live-countdown .buttons > .btn { flex: 1 1 0%; gap: 1rem; }
.live-countdown.center { bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); align-items: center; text-align: center; }
.live-trailer { font-size: 14px; border-radius: 0.75rem; max-width: none; left: auto; right: 2rem; width: auto; padding: 1rem 1.5rem; align-items: center; background-color: rgba(0, 0, 0, 0.133); color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.2); }
.live-trailer > div { white-space: nowrap; }
.live-trailer .text { font-weight: 600; font-size: 1.1em; color: var(--primary-color); max-width: 260px; }
.l_detail { position: relative; padding: 2rem 1rem; border-top: 1px solid rgba(255, 255, 255, 0.133); }
.l_detail .ld-source { display: flex; align-items: stretch; justify-content: space-between; gap: 2rem; width: 100%; padding: 1.5rem; max-width: 1500px; margin: 0px auto; }
.l_detail .ld-source .ld-source-detail { width: 520px; display: flex; align-items: flex-start; gap: 1.5rem; }
.ld-suggest { flex-grow: 1; display: flex; align-items: flex-start; gap: 2rem; padding-left: 2rem; border-left: 1px solid rgba(255, 255, 255, 0.133); }
.ld-suggest .lds-title { max-width: 120px; flex-shrink: 0; display: flex; flex-direction: column; gap: 1rem; }
.lds-items { align-items: flex-start; gap: 1.2rem; flex-grow: 1; }
.lds-items, .s-live { display: flex; height: 100%; }
.s-live { position: relative; flex: 1 1 0%; flex-direction: column; justify-content: flex-end; }
.s-live .v-thumbnail { position: relative; background-color: transparent; }
.s-live .v-thumbnail img { mask-image: linear-gradient(0deg, transparent, transparent 10%, black); }
.s-live-user { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; }
.s-live-user .live-owner, .s-live-user .live-owner .o-info { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; }
.s-live-user .live-owner .user-avatar { background-color: rgba(0, 0, 0, 0.2); }
.s-live-user .live-owner .name-cut { max-width: 120px; font-size: 12px; color: var(--text-base); font-weight: 400; }
.shoutbox { height: 100%; display: flex; flex-direction: column; justify-content: space-between; gap: 0px; background-color: rgb(17, 17, 17); border: 1px solid rgba(255, 255, 255, 0.133); border-radius: 1rem; position: relative; z-index: 9; }
.shoutbox .sb_header { padding: 1.5rem; flex-shrink: 0; display: flex; align-items: center; gap: 1rem; }
.shoutbox .sb_header > div { position: relative; }
.shoutbox .sb_header .item-settings { cursor: pointer; }
.shoutbox .sb_header .item-clean { display: none; }
.shoutbox .sb_body { flex-grow: 1; justify-content: space-between; gap: 0.25rem; overflow: hidden; }
.shoutbox .sb_body, .shoutbox .sb_bottom { position: relative; display: flex; flex-direction: column; }
.shoutbox .sb_bottom { gap: 0.75rem; padding: 1rem 1.5rem; flex-shrink: 0; z-index: 3; }
.shoutbox .sb_bottom .is_top { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.shoutbox .sb_bottom .is_top .is_top-button { width: 70px; flex-shrink: 0; }
.shoutbox .sb_bottom .is_top .is_top-button .btn { height: 46px; font-weight: 500; }
.shoutbox .sb_bottom .is_top .is_top-input { flex-grow: 1; position: relative; }
.shoutbox .sb_bottom .is_bottom { font-size: 13px; color: rgba(255, 255, 255, 0.4); position: relative; display: flex; align-items: center; gap: 0.5rem; }
.shoutbox .sb_bottom .is_bottom .is_bottom-alert { height: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: -4px; padding: 0px 4px; background-color: rgb(17, 17, 17); z-index: 2; }
.sb_bottom .row-new { position: absolute; top: 0px; left: 0px; right: 0px; transform: translateY(-110%); z-index: 2; display: flex; align-items: center; justify-content: center; }
.sb_bottom .row-new .btn-light { border: none !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px !important; }
.sb_bottom .row-new .btn-light .icon-new { position: relative; animation: 0.3s ease 0s infinite normal none running arrow-down; }
@keyframes arrow-down { 
  0% { top: -1px; }
  50% { top: 1px; }
  100% { top: -1px; }
}
.sb_bottom .row-reply { font-size: 13px; padding: 0.4rem 36px 0.4rem 0.5rem; position: relative; border-left: 4px solid rgba(255, 255, 255, 0.133); background-color: rgb(82, 81, 79); border-radius: 0.3rem; color: rgba(255, 255, 255, 0.8); margin: -0.5rem 0px -0.2rem; display: none; }
.sb_bottom .row-reply.active { display: block; }
.sb_bottom .row-reply .rep-user { color: var(--primary-text); margin-right: 3px; }
.sb_bottom .row-reply .rep-close { display: flex; width: 30px; height: 100%; align-items: center; justify-content: center; position: absolute; right: 0px; top: 0px; bottom: 0px; cursor: pointer; }
.is_top-input .emo { position: absolute; z-index: 2; left: 0px; top: 50%; transform: translateY(-50%); }
.is_top-input .emo .emo-btn { width: 40px; height: 40px; font-size: 20px; color: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.is_top-input .emo .emo-btn:hover { color: rgba(0, 0, 0, 0.6); }
.is_top-input .text-left { position: absolute; top: 0px; right: 0px; z-index: 2; font-size: 10px; line-height: 1; padding: 0.2rem 0.3rem; color: rgba(0, 0, 0, 0.4); }
.is_top-input .chat-input { min-height: 46px; color: rgb(0, 0, 0); font-size: 13px; padding-left: 40px; padding-right: 1rem; background-color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.is_top-input .chat-input::placeholder { color: rgba(0, 0, 0, 0.533); }
.is_top-input .chat-input:focus { box-shadow: rgba(255, 216, 117, 0.19) 0px 0px 0px 3px !important; }
.count-time { animation: 1s ease 0s infinite normal none running count-time; }
@keyframes count-time { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(90deg); }
  100% { transform: rotate(180deg); }
}
.chat-list { flex-grow: 1; position: relative; display: flex; flex-direction: column; overflow: hidden auto; }
.chat-row { padding: 0.6rem 1.5rem; font-size: 14px; position: relative; }
.chat-row:hover { background-color: rgba(255, 255, 255, 0.02); }
.chat-row .user-avatar { width: 36px; height: 36px; flex-shrink: 0; margin-top: 0.1rem; }
.chat-row .info { flex-grow: 1; font-size: 13px; }
.chat-row .info .user-name { color: rgb(255, 255, 255); font-weight: 500; gap: 0.3rem; }
.chat-row .info .time { font-size: 11px; color: rgba(255, 255, 255, 0.333); opacity: 0; }
.chat-row .info .pin { font-size: 0.85em; color: rgba(255, 255, 255, 0.333); }
.chat-row .info .pin svg { color: rgb(248, 71, 62); }
.chat-row:hover .info .time { opacity: 1; }
.chat-row .info .opt-menu { position: absolute; top: 0.5rem; right: 0.5rem; }
.chat-row .info .opt { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 3rem; background-color: rgba(255, 255, 255, 0.067); cursor: pointer; opacity: 0; }
.chat-row:hover .info .opt { opacity: 1; }
.chat-row .info .opt:hover { background-color: rgba(255, 255, 255, 0.133); }
.chat-row .info .subject { font-size: 13px; line-height: 1.5; padding-top: 1px; }
.chat-row .info .subject img { height: auto; max-width: 200px; max-height: 140px; margin-top: 5px; object-fit: contain; }
.chat-row .info .reply { margin: 4px 0px; font-size: 12px; padding: 0.4rem 0.6rem; border-left: 3px solid rgba(255, 255, 255, 0.067); background-color: rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.8); border-radius: 0.4rem; display: flex; flex-direction: column; gap: 4px; }
.chat-row .info .reply > span { line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; }
.chat-row .info .reply > span.rep-subject { line-height: 1.5; -webkit-line-clamp: 3; }
.chat-row.blocked, .chat-row.hide { color: rgba(255, 255, 255, 0.333); }
.chat-row.blocked .user-avatar, .chat-row.hide .user-avatar { filter: grayscale(1); opacity: 0.5; }
.chat-row.hide .info .user-name { color: rgba(255, 255, 255, 0.333) !important; }
.chat-row.blocked .info .user-name { opacity: 0.5; color: red !important; text-decoration: line-through !important; }
.chat-row.blocked .info .subject { filter: blur(3px); }
.chat-notice { padding: 0px 1.5rem; margin: 0.5rem 0px; width: 100%; text-align: center; background-color: transparent !important; }
.chat-notice.item-start > div { background-color: rgb(73, 101, 50) !important; color: rgb(255, 255, 255); }
.chat-notice.item-start > div .text-primary { color: rgb(180, 255, 117) !important; }
.chat-notice.item-end > div { background-color: rgb(54, 47, 32); color: rgba(255, 255, 255, 0.667); }
.chat-notice.item-join > div { background-color: transparent; padding: 0px; font-size: 12px; opacity: 0.5; }
.chat-notice > div { padding: 1rem; background-color: rgba(34, 34, 34, 0.39); width: 100%; border-radius: 0.6rem; }
.chat-notice > div p { margin-bottom: 0px; }
.chat-pin-area { background-color: rgb(14, 72, 122); display: flex; flex-direction: column; }
.chat-pin-area .chat-row { color: rgba(255, 255, 255, 0.533); padding-top: 0.75rem; padding-bottom: 0.75rem; }
.chat-pin-area .chat-row + .chat-row { border: 1px solid transparent; }
.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link { color: rgb(0, 0, 0) !important; }
.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link.active { border-color: rgb(0, 0, 0); color: rgb(0, 0, 0) !important; }
.emo-stickers { padding: 0.5rem 0px 0px !important; }
.emo-stickers .v-tabs-min { padding: 0.5rem; border-top: 1px solid rgba(0, 0, 0, 0.133); }
.emo-stickers .nav-link { min-width: 50px !important; text-align: center; }
.emo-stickers .v-tabs.nav-pills .nav-link + .nav-link { margin-left: 0.2rem; }
.sticker-list { display: grid; grid-template-columns: repeat(3, 1fr); min-width: 300px; max-height: 220px; overflow: auto; padding: 0px 0.5rem 0.5rem; }
.sticker-list .sk-item { padding: 0.75rem; border-radius: 0.6rem; }
.sticker-list .sk-item:hover { background-color: rgba(0, 0, 0, 0.067); }
.sticker-list .sk-item img { width: 100%; height: 100%; object-fit: contain; }
.emo-stickers .emo-list { padding: 0px 0.5rem 0.5rem; }
.epr-main { margin-top: -0.5rem; border: none !important; }
.epr-main > div { display: none; }
.epr-main .epr-body, .epr-main .epr-header { display: block !important; }
.epr-category-nav { padding: 0.1rem 0.5rem !important; }
.epr-emoji-category-label { font-size: 13px; font-weight: 400; padding: 0.3rem 1rem; }
.chat-blank .v-notice { background-color: transparent !important; }
.ps__thumb-y { background-color: rgb(51, 51, 51); }
.ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background-color: rgb(23, 23, 23); width: 12px; }
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y { background-color: rgb(68, 68, 68); width: 8px; cursor: grabbing; }
body.js-live-header header { display: none; }
body.js-live-header .l_content, body.js-live-header .l_sidebar, body.js-live-header .live_layout .l_watch { height: 100vh; }
body.js-live-header .lw-header .live-back { display: flex; }
body.js-live-chatleft .live_layout { flex-direction: row-reverse; }
body.js-live-chatleft .live_layout .l_sidebar { padding-left: 1rem; padding-right: 0px; }
body.js-live-min .live_layout .l_content { width: calc(100% - 350px); }
body.js-live-min .live_layout .l_sidebar { width: 350px; padding: 0.5rem; }
body.js-live-min .shoutbox { border: none; background-color: transparent; border-radius: 0px; }
body.js-live-min .shoutbox .sb_bottom, body.js-live-min .shoutbox .sb_header { padding: 0.75rem 0.5rem; }
body.js-live-min .lw-player { padding: 0px; }
body.js-live-min .chat-row { padding: 0.6rem 0.8rem; }
body.js-live-mask .shoutbox { background-color: transparent; border: none; position: absolute; top: 0px; right: 0px; bottom: auto; height: auto; z-index: 5; opacity: 1; }
body.js-live-mask .shoutbox .sb_header { padding: 1.6rem; display: flex !important; }
body.js-live-mask .shoutbox .sb_header .item-settings, body.js-live-mask .shoutbox > div, body.js-live-mask .shoutbox > form { display: none; }
body.js-live-mask .live_layout .l_content { width: 100%; }
body.js-live-mask .live_layout .l_sidebar { width: 0px; padding: 0px; }
body.js-live-mask .lw-player { padding: 0px; }
.lw-player.min-size { transform: scale(0.8); }
.live-min { cursor: pointer; }
.live-min:hover { color: rgb(255, 255, 255); }
.live-min.active { color: var(--primary-text) !important; }
.live-manager { height: 200px; display: flex; align-items: center; justify-content: center; }
.live-manager .buttons .btn-xl { min-height: 54px; padding: 0.6rem 1.8rem; backdrop-filter: blur(10px); }
.live-category { background-color: var(--footer-bg); border-bottom: 1px solid rgba(255, 255, 255, 0.067); }
.live-category .fluid-gap { gap: 4rem; }
.live-category .live-background { position: absolute; top: 0px; left: 0px; right: 0px; height: 500px; width: 100%; mask-image: linear-gradient(0deg, transparent, black 80%); }
.live-category .live-background img, .live-category .live-background::before { z-index: 1; position: absolute; inset: 0px; width: 100%; height: 100%; }
.live-category .live-background::before { content: ""; background-image: url("/images/dotted.png"); background-repeat: repeat; filter: none; z-index: 2; opacity: 0.5; }
.live-category .live-background img { opacity: 1; z-index: 1; object-fit: cover; mask-image: linear-gradient(0deg, transparent, black); }
.live-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem 1.25rem; }
.live-grid.live-grid-big { grid-template-columns: repeat(4, 1fr); }
.card-live { display: flex; flex-direction: column; gap: 0.75rem; }
.card-live .v-thumbnail-hoz { padding-bottom: 56%; border-radius: 0.6rem; }
.v-thumbnail .live-mask { position: absolute; inset: 0px; z-index: 4; }
.card-live .card-live-detail { display: flex; align-items: flex-start; gap: 1rem; flex-direction: row; }
.card-live .card-live-detail .user-avatar { width: 40px; height: 40px; }
.card-live .card-live-detail .is-info { display: flex; flex-grow: 1; flex-direction: column; gap: 0.1rem; font-size: 0.9em; }
.card-live .card-live-detail .live-name { font-size: 14px; line-height: 1.5; font-weight: 500; margin-bottom: 0.2rem; }
.card-live .card-live-detail .source-name { font-size: 12px; font-weight: 400; margin-bottom: 0.15rem; color: var(--text-base); }
.card-live .card-live-detail .info-line > div { font-size: 12px; }
.card-live .card-live-detail .info-line .tag-user a { color: var(--text-base); }
.card-live .card-live-detail .is-option { position: relative; }
.live-grid-small .card-live .v-thumbnail { background-color: transparent; border-radius: 0.6rem; padding-bottom: 56%; }
.live-grid-small .card-live .v-thumbnail img { filter: blur(20px); transform: scale(1.2); transform-origin: center center; opacity: 0.6; }
.live-grid-small .card-live .v-thumbnail::before { content: ""; position: absolute; inset: 0px; background-image: url("/images/dotted.png"); z-index: 2; opacity: 0.3; }
.live-grid-small .card-live .card-live-detail { position: relative; z-index: 4; }
.live-grid-small .card-live .card-live-detail .live-name { line-height: 1.5; font-size: 1.1em; -webkit-line-clamp: 2; }
.card-live .v-thumbnail .live-tag { top: 0.5rem; border-radius: 0.3rem; height: 24px; padding: 0px 0.4rem; }
.card-live .v-thumbnail .live-tag, .current-status { position: absolute; left: 0.5rem; z-index: 3; box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 5px 5px; }
.current-status { bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); padding: 0.3rem 0.7rem; font-size: 12px; font-weight: 600; color: rgb(255, 255, 255); border-radius: 0.4rem; border: 1px solid rgb(255, 255, 255); }
.current-status.status-live { border: 1px solid rgb(255, 255, 255); border-radius: 0.4rem; }
.current-status.status-end { color: rgb(254, 71, 106); border-color: rgb(254, 71, 106); font-weight: 400; }
.current-status.status-coming { font-weight: 400; }
.current-status.status-coming .time-left { font-weight: 600; }
.remind-me { left: auto; right: 0.5rem; cursor: pointer; z-index: 5; }
.remind-me.active { color: var(--primary-text) !important; border-color: var(--primary-color) !important; }
.start-now { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); inset: auto auto 0.5rem 0.5rem; z-index: 5; }
.start-now:hover { background-color: var(--primary-color); color: rgb(0, 0, 0); border-color: var(--primary-color); }
.card-live .thumb-small { top: 0px; width: 39%; height: 100%; z-index: 2; background-size: cover; background-position: center top; box-shadow: rgba(0, 0, 0, 0.133) 0px 10px 10px 0px; mask-image: linear-gradient(0deg, transparent, black 30%); }
.card-live .thumb-small, .light-blur { position: absolute; left: 50%; transform: translateX(-50%); }
.light-blur { width: 100%; height: 350px; background-color: rgba(255, 255, 255, 0.533); filter: blur(100px); top: -150px; border-radius: 50%; animation: 3s ease 0s infinite normal none running light-blur; }
@keyframes light-blur { 
  0% { background-color: rgba(255, 255, 255, 0.667); }
  33% { background-color: rgb(219, 88, 110); }
  66% { background-color: rgb(100, 119, 194); }
  100% { background-color: rgba(255, 255, 255, 0.667); }
}
.quick-play .btn-sm { min-height: 0px; }
#wrapper.is-live-create .cards-row.wide { max-width: 1200px; }
.w2g-create { display: flex; align-items: stretch; gap: 2rem; margin: 2rem auto; }
.w2g-create .w2g-org-detail { flex-shrink: 0; width: 430px; display: flex; flex-direction: column; justify-content: flex-end; gap: 1.25rem; padding: 2rem; background-color: rgb(33, 42, 86); border-radius: 1.25rem; overflow: hidden; position: relative; }
.w2g-create .w2g-org-detail .div-poster { width: 100%; flex-shrink: 0; position: absolute; top: 0px; left: 0px; right: 0px; mask-image: linear-gradient(0deg, transparent, transparent 10%, black 70%); }
.w2g-create .w2g-org-detail .info { position: relative; z-index: 3; }
.w2g-create .w2g-org-detail .buttons { gap: 0.75rem; }
.w2g-create .w2g-org-detail .buttons .btn { cursor: default !important; }
.w2g-create .w2g-step { flex-grow: 1; display: flex; flex-direction: column; gap: 1rem; }
.step-row { padding: 2rem; border-radius: 1rem; background-color: rgb(40, 43, 58); }
.step-row .step-name { font-weight: 500; color: rgb(255, 255, 255); font-size: 1.2em; margin-bottom: 0.5rem; }
.step-row .d-poster { flex-shrink: 0; }
.step-row .d-poster .item { width: 70px; flex-shrink: 0; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.333); border-radius: 0.5rem; cursor: pointer; opacity: 0.5; }
.step-row .d-poster .item.active { border-color: var(--primary-color); opacity: 1; }
.step-row .d-poster .item .v-thumbnail { border-radius: 0.4rem; }
.form-control.size-lg { font-size: 15px; height: 50px; padding: 0.5rem 1.25rem; border-color: rgba(255, 255, 255, 0.133); }
.step-row .start-manual { margin-top: 1.5rem; }
.timedate-picker { position: relative; }
.timedate-picker.hide::before { content: ""; position: absolute; inset: 0px; background-color: rgb(40, 43, 58); opacity: 0.95; z-index: 2; }
.modal-createlive .modal-dialog { max-width: 420px; }
.modal-createlive .modal-dialog .modal-content { background-color: rgb(40, 43, 58); border: 1px solid rgba(255, 255, 255, 0.133) !important; }
.modal-createlive .modal-content .is-footer .btn { width: 100%; }
.create-live-steps { display: flex; flex-direction: column; width: 100%; gap: 0px; border-top: 1px solid rgba(255, 255, 255, 0.067); margin: 1.5rem 0px 0.5rem; }
.create-live-steps .step { position: relative; display: flex; align-items: center; gap: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.067); }
.create-live-steps .step .number { flex-shrink: 0; width: 30px; font-size: 36px; font-weight: 100; line-height: 1; color: var(--primary-text); }
.create-live-steps .step .text { flex-grow: 1; color: rgb(255, 255, 255); padding: 1.25rem 0px; line-height: 1.7; }
.create-live-steps .step .btn-dark { padding: 0.2rem 0.4rem; margin: 1px 3px; border-radius: 0.4rem; background-color: rgb(15, 17, 26) !important; border: 1px solid rgb(255, 255, 255) !important; }
.live-share { cursor: pointer; }
.live-share:hover { color: rgb(255, 255, 255); }
.live-share .v-dropdown-menu { border-radius: 0.75rem; margin: 0.6rem 0px !important; }
.quick-share { padding: 0.7rem 1.2rem; font-size: 13px; display: flex; flex-direction: column; gap: 0.5rem; }
.quick-share .quick-share-link { font-size: 12px; padding: 0.4rem 0.8rem; border-radius: 0.4rem; min-width: 220px; }
.quick-share .btn-sm { border-radius: 0.4rem; }
.buttons-loadmore .btn-xl { padding: 0.8rem 4rem; min-height: 54px; gap: 1.5rem; font-size: 16px; }
.buttons-loadmore .btn-outline:hover { border-color: var(--primary-color) !important; color: var(--primary-text) !important; }
body.js-live-min.js-live-mask .shoutbox .sb_header { padding: 1.6rem; }
.js-live-mask .lw-header > .btn-end-live { margin-right: 110px; }
.MuiPaper-root { background-color: rgb(59, 64, 88) !important; }
.Mui-selected { background-color: var(--primary-color) !important; color: rgb(0, 0, 0) !important; }
.MuiPickersLayout-contentWrapper { border-bottom: 1px solid rgba(255, 255, 255, 0.133) !important; }
.MuiButton-textPrimary { color: rgb(255, 255, 255) !important; }
@media screen and (max-width: 1919px) {
  .l_detail { padding: 3rem 0px; }
  .l_detail .ld-source { padding: 0px 20px; max-width: 1000px; flex-direction: column; gap: 3rem; }
  .ld-suggest { border: none; padding: 0px; flex-direction: column; gap: 1.5rem; justify-content: space-between; }
  .ld-suggest > div { width: 100%; max-width: none !important; }
  .ld-suggest > div.lds-title { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media screen and (max-width: 1680px) {
  .live-category .live-background { height: 400px; }
  .live-manager { height: 140px; }
  #div-adt, .body_live header { display: none; }
  .l_content, .l_sidebar, .live_layout .l_watch { height: 100vh; }
  .lw-header .live-back { display: flex; }
  .live_layout .l_sidebar { width: 380px; }
  .live_layout .l_content { width: calc(100% - 380px); }
  .shoutbox .sb_bottom, .shoutbox .sb_header { padding: 1rem; height: auto; }
  .chat-row { padding: 0.6rem 1rem; }
  .chat-notice { padding: 0px 1rem; }
  .live-grid { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (max-width: 1440px) {
  .live-category .fluid-gap { gap: 3rem; }
  .live-grid.live-grid-big { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 1280px) {
  .live-grid { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 1199px) {
  .live-grid { column-gap: 1rem; }
  .live-grid.live-grid-big { grid-template-columns: repeat(2, 1fr); }
  .light-blur { top: -200px; }
  .lw-bottom, .lw-header { padding: 0px 1rem; height: 60px !important; }
  #div-tg, .live-min, .lw-bottom .live-source { display: none; }
  .shoutbox .sb_bottom .is_bottom .is_bottom-alert { background-color: rgb(0, 0, 0); }
  .chat-pin-area .chat-row { padding: 0.6rem 1rem; }
  .live-countdown { font-size: 14px; max-width: 320px; padding: 1rem; border-radius: 0.75rem; left: 1rem; bottom: 1rem; }
  .live-countdown .text { font-size: 16px; }
  .live-countdown .count-start { margin-top: 0.5rem; gap: 0.6rem !important; }
  .live-countdown .count-start #countdown { font-size: 16px; width: 160px; height: 40px; border-radius: 0.5rem; }
  .live-countdown .count-start .remind { font-size: 14px; height: 40px; border-radius: 0.5rem; }
  .live-countdown .buttons { gap: 0.6rem; width: 100%; }
  .live-countdown .buttons > .btn-lg { font-size: 14px; min-height: 46px; padding: 0.5rem 0.8rem; gap: 0.5rem; }
  .live-trailer { bottom: 0px; right: 0px; border: none; background-color: rgba(14, 72, 122, 0.83); border-radius: 0.6rem 0px 0px; padding: 0.5rem 0.8rem; backdrop-filter: none !important; }
  .live-trailer .text { display: none; }
  .live_layout .l_watch { height: auto; }
  .lw-player .video-frame { width: 100%; padding-bottom: 56.25%; height: 0px; }
  .w2g-create { flex-direction: column; }
  .w2g-create > div { width: 100% !important; }
  .w2g-create .w2g-org-detail { flex-direction: row; }
  .w2g-create .w2g-org-detail .info .hl-tags { display: none; }
  .w2g-create .w2g-org-detail .div-poster { position: relative; top: 0px; left: 0px; right: 0px; width: 140px; mask-image: none !important; }
  .chat-notice > div { padding: 0.6rem 0.75rem; }
  .chat-row { padding: 0.4rem 0.75rem !important; gap: 0.6rem !important; }
  .chat-row .user-avatar { width: 30px; height: 30px; }
  .shoutbox .sb_bottom, .shoutbox .sb_header { padding: 0.6rem; }
  .lds-items .s-live:nth-child(n+5) { display: none !important; }
  .l_detail { padding: 1.5rem 0px; }
  .l_detail .ld-source .ld-source-detail { width: 100%; }
  .l_detail .ld-source .ld-source-detail .v-thumb-l { width: 100px; }
  .lw-bottom .user-avatar { height: 36px !important; width: 36px !important; }
  body.js-live-mask .shoutbox .sb_header { padding: 1.2rem; }
  .js-live-mask .lw-header > .btn-end-live { margin-right: 20px; }
}
@media screen and (min-width: 800px) and (max-width: 1199px) {
  .shoutbox { background-color: rgb(0, 0, 0); border: none; }
  .live_layout .l_sidebar { width: 280px; padding: 0px !important; }
  .live_layout .l_content { width: calc(100% - 280px); }
  .js-live-mask .lw-header { padding-right: 110px; }
}
@media screen and (max-width: 999px) {
  .live-grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 799px) {
  .live-grid { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; }
  .live-grid.live-grid-big { grid-template-columns: repeat(1, 1fr); }
  .card-live .card-live-detail .is-info { font-size: 12px; }
  .card-live .card-live-detail .user-avatar { width: 40px !important; height: 40px !important; }
  .light-blur { display: none !important; }
  .live_layout { flex-direction: column; height: 100vh; justify-content: space-between; }
  .live_layout > div { width: 100% !important; }
  .live_layout .l_sidebar { height: auto; position: relative; flex-grow: 1; border-top: 1px solid rgba(255, 255, 255, 0.133); padding: 0px !important; }
  body.js-live-mask .shoutbox { left: 0px; }
  .shoutbox { border: none; background-color: rgb(0, 0, 0); border-radius: 0px; position: absolute; inset: 0px; }
  .shoutbox .sb_header .item-clean { display: flex; }
  .shoutbox .sb_header { position: sticky; top: 0px; }
  .shoutbox .sb_header .item-settings { display: none; }
  .l_content, .l_sidebar, .live_layout .l_watch { height: auto; }
  .js-live-clean { overflow: hidden !important; }
  .js-live-clean .lw-bottom, .js-live-clean .lw-header { display: none; }
  .js-live-clean .lw-player { top: 0px; position: fixed; left: 0px; right: 0px; z-index: 10; background-color: rgb(0, 0, 0); }
  .js-live-clean .live_layout { padding-top: calc(56.25% + 40px); }
  .js-live-clean .live_layout .l_sidebar { height: auto; flex-grow: 1; position: fixed; inset: 0px; }
  .js-live-clean .shoutbox { height: auto; }
  .js-live-clean .shoutbox .sb_header { background-color: rgb(0, 0, 0); position: fixed; left: 0px; right: 0px; z-index: 9; padding-top: calc(56.25% + 0.6rem) !important; }
  .js-live-clean .shoutbox .sb_body { padding-top: calc(56.25% + 40px) !important; }
  .video-frame { width: 100%; padding-bottom: 56.25%; }
  .lw-bottom, .lw-header { padding: 0px 0.5rem; height: 56px !important; }
  .lw-header .live-name span { font-size: 13px; }
  .lw-header .live-name span, .lw-header .live-source .tag-name { max-width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .lw-header .btn-end-live span { display: none; }
  .live_layout .l_content { flex-shrink: 0; position: relative; }
  .live-countdown { bottom: 0px; left: 0px; border: none; border-radius: 0px 0.6rem 0px 0px; max-width: 250px; font-size: 12px; }
  .live-countdown .text { font-size: 14px; }
  .live-countdown .count-start .remind { flex-grow: unset !important; }
  .live-countdown .count-start .remind span { display: none; }
  .live-countdown .count-start #countdown { width: auto; flex-grow: 1; }
  .live-countdown.center { max-width: 300px !important; width: 100% !important; border-radius: 0.75rem !important; }
  .l_detail { display: none; }
  .chat-list, .chat-list.ps { overflow-y: auto !important; }
  .chat-list .ps__rail-y { display: none !important; }
  .js-live-mask .lw-header > .btn-end-live { margin-right: 0px; }
  body.js-live-mask .shoutbox .sb_header { padding: 0.6rem; }
}
@media screen and (max-width: 640px) {
  .live-grid { grid-template-columns: repeat(1, 1fr); }
  .live-category .fluid-gap { gap: 2rem; }
  .live-manager { height: 70px; margin: -1rem auto !important; }
  .live-manager .buttons .btn-xl { font-size: 15px; padding: 0.6rem 1.3rem; min-height: 46px; gap: 0.75rem; }
  .live-manager .buttons .btn-xl .inc-icon { width: 15px !important; height: 15px !important; }
  .live-manager .buttons .btn-xl .size-18 { font-size: 15px !important; }
  .live-category .live-background { height: 250px; }
  .lw-bottom .o-info { font-size: 13px; }
  .live-owner .o-info .user-name { margin-bottom: 0px; }
  .lw-header .live-ep, .lw-header .live-tag { line-height: 18px; font-size: 11px; padding: 0px 3px; }
  .lw-bottom .user-avatar { width: 30px !important; height: 30px !important; }
  .lw-bottom .flex-container { gap: 1rem; }
  .lw-bottom .live-count > div, .lw-bottom .live-progress > div, .lw-bottom .live-share > div { font-size: 12px; flex-direction: column; gap: 2px; }
  .chat-row .info .opt { opacity: 1 !important; background-color: transparent; }
  .w2g-create .w2g-org-detail { padding: 1.2rem; border-radius: 0.75rem; gap: 1rem; }
  .w2g-create .w2g-org-detail .div-poster { width: 80px; }
  .step-row { padding: 1.2rem; border-radius: 0.75rem; }
}
@media screen and (max-width: 479px) {
  .lw-player .video-frame .back-cover { opacity: 0.3; }
  .live-countdown { width: 140px; padding: 0.6rem; }
  .live-countdown .text { display: none; }
  .live-countdown .count-start { flex-direction: column; margin: 0px; align-items: flex-start; }
  .live-countdown .count-start #countdown { background-color: transparent; color: rgb(255, 255, 255); height: 16px; font-size: 14px; justify-content: flex-start; }
  .live-countdown .count-start .remind { height: 32px; border-radius: 0.4rem; margin-top: 2px; font-size: 12px; width: 100%; }
  .live-countdown .count-start .remind span { display: block; }
  .live-countdown .count-start .remind .icon-16 { width: 12px !important; height: 12px !important; }
  .live-countdown .count-start .btn-light { min-height: 32px; padding: 0.4rem 0.6rem; width: 100%; font-size: 12px; border-radius: 0.4rem; }
  .live-countdown.center { background-color: transparent; backdrop-filter: none; padding: 0px; border: none; box-shadow: none; max-width: 280px !important; }
  .live-countdown.center .text { display: block !important; }
  .live-trailer { padding: 0.4rem 0.6rem; inset: 0px 0px auto; border-radius: 0px; background-color: rgba(0, 0, 0, 0.6); }
  .w2g-create { gap: 1rem; font-size: 13px; }
  .w2g-create .w2g-org-detail { flex-direction: column; }
  .w2g-create .w2g-org-detail .div-poster { width: 60px; }
  .w2g-create .w2g-org-detail .buttons .btn { padding: 0.5rem 0.9rem !important; font-size: 13px !important; }
  .step-row .d-poster { margin-top: -5px; gap: 0.6rem !important; }
  .step-row .d-poster .item { width: 60px; }
  .step-row.is-poster > .line-center { flex-direction: column; align-items: flex-start; }
  .w2g-create .is-submit > .buttons { flex-direction: column; }
  .w2g-create .is-submit > .buttons > .btn { width: 100%; }
  .create-live-steps .step .number { font-size: 30px; width: 20px; }
  .create-live-steps .step .text { padding: 1rem 0px; }
  .lw-header .live-name span, .lw-header .live-source .tag-name { max-width: 200px; }
  .buttons-loadmore .btn { width: 100%; }
}
.css-1hnij6n { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; max-width: 100%; }
.css-14cxppu { color: rgba(255, 255, 255, 0.7); line-height: 1.4375em; display: block; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transform-origin: left top; user-select: none; pointer-events: auto; max-width: calc(133% - 32px); transform: translate(14px, -9px) scale(0.75); padding: 0px; white-space: nowrap; overflow: hidden; transition: color 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1), max-width 0.2s cubic-bezier(0, 0, 0.2, 1); z-index: 3; background-color: rgb(40, 43, 58); }
.css-14cxppu, .css-ne9r8m { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; letter-spacing: 0.00938em; }
.css-ne9r8m { line-height: 1.5; color: rgb(255, 255, 255); cursor: text; display: flex; justify-content: flex-start; align-items: center; position: relative; box-sizing: border-box; padding: 0px 14px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.133); }
.react-datepicker-wrapper { direction: ltr; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: inherit; line-height: 1.4375em; flex-grow: 1; outline: none; display: flex; flex-wrap: nowrap; overflow: hidden; letter-spacing: inherit; width: 182px; padding: 16.5px 0px !important; }
.react-datepicker__input-container input { background-color: transparent !important; outline: none !important; border: none !important; color: rgb(255, 255, 255) !important; }
.react-datepicker { background-color: rgb(40, 43, 58) !important; border: 1px solid rgba(255, 255, 255, 0.133) !important; border-radius: 4px !important; padding: 10px !important; color: rgb(255, 255, 255) !important; }
.react-datepicker__header { background-color: rgb(40, 43, 58) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.133) !important; }
.react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month, .react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name { color: rgb(255, 255, 255) !important; }
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 0px !important; }
.react-datepicker__time-container .react-datepicker__time { background: rgb(40, 43, 58) !important; }
.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected, .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected, .react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--selected { background-color: var(--primary-color) !important; color: rgb(0, 0, 0) !important; }
.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { color: rgba(255, 255, 255, 0.5) !important; }
.body_live footer, .haha.dropdown-toggle::after { display: none !important; }
.cultivation-badge { padding: 10px 15px; background: transparent; border-radius: 0px; margin: 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.cultivation-loading { display: flex; justify-content: center; padding: 10px; }
.cultivation-realm { display: flex; align-items: center; font-size: 14px; font-weight: 600; margin-bottom: 8px; }
.cultivation-level { margin-left: 5px; opacity: 0.8; font-size: 12px; }
.cultivation-exp-bar { position: relative; height: 16px; background: rgba(255, 255, 255, 0.1); border-radius: 8px; overflow: hidden; margin-bottom: 8px; }
.cultivation-exp-fill { height: 100%; border-radius: 8px; transition: width 0.5s; }
.cultivation-exp-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 10px; font-weight: 600; color: white; text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px; }
.cultivation-checkin-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cultivation-checkin-btn { flex: 1 1 0%; padding: 8px 14px; background: linear-gradient(39deg, rgb(254, 207, 89), rgb(255, 241, 204)); border: none; border-radius: 8px; font-size: 12px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; box-shadow: rgba(255, 218, 125, 0.2) 0px 3px 10px; color: var(--primary-button-text,#1a1a2e) !important; }
.cultivation-checkin-btn:hover:not(.disabled) { transform: translateY(-2px); box-shadow: rgba(255, 218, 125, 0.3) 0px 5px 15px; }
.cultivation-checkin-btn.disabled { background: linear-gradient(39deg, rgb(74, 74, 90), rgb(58, 58, 74)); cursor: not-allowed; box-shadow: none; color: rgba(255, 255, 255, 0.5) !important; }
.cultivation-streak { font-size: 11px; color: rgb(245, 158, 11); font-weight: 600; }
.exp-toast { position: fixed; bottom: 100px; right: 30px; padding: 12px 20px; background: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74)); border-radius: 8px; color: white; font-weight: 600; z-index: 10000; animation: 0.3s ease 0s 1 normal forwards running expToastIn; display: flex; flex-direction: column; align-items: center; box-shadow: rgba(34, 197, 94, 0.4) 0px 4px 20px; }
.exp-toast.hide { animation: 0.3s ease 0s 1 normal forwards running expToastOut; }
.exp-toast-amount { font-size: 18px; }
.exp-toast-action { font-size: 11px; opacity: 0.8; }
@keyframes expToastIn { 
  0% { opacity: 0; transform: translateX(50px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes expToastOut { 
  0% { opacity: 1; transform: translateX(0px); }
  100% { opacity: 0; transform: translateX(50px); }
}
.breakthrough-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.9); display: flex; align-items: center; justify-content: center; z-index: 10001; animation: 0.3s ease 0s 1 normal none running fadeIn; }
.breakthrough-particles { position: absolute; inset: 0px; overflow: hidden; pointer-events: none; }
.breakthrough-particle { position: absolute; width: 6px; height: 6px; background: linear-gradient(135deg, rgb(245, 158, 11), rgb(251, 191, 36)); border-radius: 50%; left: var(--x); bottom: -10px; animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--delay); box-shadow: rgb(245, 158, 11) 0px 0px 10px; }
@keyframes particleRise { 
  0% { transform: translateY(0px) scale(1); opacity: 1; }
  100% { transform: translateY(-100vh) scale(0); opacity: 0; }
}
.breakthrough-modal { position: relative; background: linear-gradient(rgb(26, 26, 46), rgb(22, 33, 62)); border: 2px solid rgb(245, 158, 11); border-radius: 16px; padding: 40px; max-width: 450px; width: 90%; text-align: center; animation: 0.5s ease 0s 1 normal none running modalPop; box-shadow: rgba(245, 158, 11, 0.3) 0px 0px 50px; }
.breakthrough-modal.animate { animation: 0.5s ease 0s 1 normal none running modalPop, 2s ease-in-out 0s infinite normal none running modalGlow; }
@keyframes modalPop { 
  0% { transform: scale(0.5); opacity: 0; }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes modalGlow { 
  0%, 100% { box-shadow: rgba(245, 158, 11, 0.3) 0px 0px 50px; }
  50% { box-shadow: rgba(245, 158, 11, 0.5) 0px 0px 80px; }
}
.breakthrough-glow { position: absolute; inset: -2px; background: linear-gradient(45deg, rgb(245, 158, 11), rgb(239, 68, 68), rgb(139, 92, 246), rgb(59, 130, 246), rgb(245, 158, 11)) 0% 0% / 400% 400%; border-radius: 18px; z-index: -1; animation: 3s ease 0s infinite normal none running gradientMove; filter: blur(10px); opacity: 0.5; }
@keyframes gradientMove { 
  0% { background-position: 0px 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0px 50%; }
}
.breakthrough-header { font-size: 24px; font-weight: 700; color: rgb(245, 158, 11); margin-bottom: 30px; text-shadow: rgba(245, 158, 11, 0.5) 0px 0px 20px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.breakthrough-lightning { animation: 1s ease-in-out 0s infinite normal none running lightningFlash; }
@keyframes lightningFlash { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}
.breakthrough-content { margin-bottom: 30px; }
.breakthrough-realms { display: flex; flex-direction: column; align-items: center; gap: 15px; margin-bottom: 25px; }
.breakthrough-old-realm { font-size: 18px; color: rgba(255, 255, 255, 0.5); text-decoration: line-through; }
.breakthrough-arrow { font-size: 24px; color: rgb(245, 158, 11); animation: 1s ease-in-out 0s infinite normal none running arrowPulse; }
@keyframes arrowPulse { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(5px); }
}
.breakthrough-new-realm { font-size: 28px; font-weight: 700; color: rgb(245, 158, 11); text-shadow: rgba(245, 158, 11, 0.5) 0px 0px 30px; animation: 2s ease-in-out 0s infinite normal none running realmGlow; }
@keyframes realmGlow { 
  0%, 100% { text-shadow: rgba(245, 158, 11, 0.5) 0px 0px 30px; }
  50% { text-shadow: rgba(245, 158, 11, 0.8) 0px 0px 50px; }
}
.breakthrough-message { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; font-style: italic; padding: 0px 20px; }
.breakthrough-confirm { padding: 12px 40px; background: linear-gradient(135deg, rgb(245, 158, 11), rgb(217, 119, 6)); border: none; border-radius: 8px; color: white; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.breakthrough-confirm:hover { background: linear-gradient(135deg, rgb(251, 191, 36), rgb(245, 158, 11)); transform: translateY(-2px); box-shadow: rgba(245, 158, 11, 0.4) 0px 5px 20px; }
.cultivation-page { padding: 20px; max-width: 100%; margin: 0px auto; }
.cultivation-header { margin-bottom: 40px; }
.cultivation-title { font-size: 32px; }
.cultivation-profile-card { background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.1)); border-radius: 16px; padding: 30px; margin-bottom: 30px; }
.cultivation-profile-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.cultivation-avatar { width: 80px; height: 80px; border-radius: 50%; border: 3px solid rgb(245, 158, 11); }
.cultivation-user-info h2 { font-size: 24px; margin-bottom: 5px; }
.cultivation-realm-display { font-size: 18px; font-weight: 600; }
.cultivation-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 20px; }
.cultivation-stat { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 15px; text-align: center; }
.cultivation-stat-value { font-size: 24px; font-weight: 700; color: rgb(245, 158, 11); }
.cultivation-stat-label { font-size: 12px; color: rgba(255, 255, 255, 0.6); margin-top: 5px; }
.cultivation-exp-section { margin-top: 20px; }
.cultivation-exp-large { height: 24px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; overflow: hidden; position: relative; }
.cultivation-exp-large .cultivation-exp-fill { height: 100%; background: linear-gradient(90deg, rgb(245, 158, 11), rgb(251, 191, 36)); border-radius: 12px; transition: width 0.5s; }
.cultivation-exp-large .cultivation-exp-text { font-size: 12px; }
.cultivation-history { background: rgba(255, 255, 255, 0.02); border-radius: 12px; padding: 20px; margin-top: 30px; }
.cultivation-history h3 { font-size: 18px; margin-bottom: 20px; color: rgb(245, 158, 11); }
.cultivation-history-list { display: flex; flex-direction: column; gap: 10px; }
.cultivation-history-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: rgba(255, 255, 255, 0.03); border-radius: 8px; }
.cultivation-history-action { font-size: 14px; }
.cultivation-history-exp { font-weight: 600; color: rgb(34, 197, 94); }
.cultivation-history-date { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.leaderboard-page { padding: 20px; }
.leaderboard-title { font-size: 28px; font-weight: 700; color: rgb(245, 158, 11); text-align: center; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.leaderboard-list { display: flex; flex-direction: column; gap: 10px; }
.leaderboard-item { display: flex; align-items: center; gap: 15px; padding: 15px 20px; background: rgba(255, 255, 255, 0.03); border-radius: 12px; transition: 0.3s; }
.leaderboard-item:hover { background: rgba(255, 255, 255, 0.06); }
.leaderboard-item.top-1 { background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 215, 0, 0.05)); border: 1px solid rgba(255, 215, 0, 0.3); }
.leaderboard-item.top-2 { background: linear-gradient(135deg, rgba(192, 192, 192, 0.2), rgba(192, 192, 192, 0.05)); border: 1px solid rgba(192, 192, 192, 0.3); }
.leaderboard-item.top-3 { background: linear-gradient(135deg, rgba(205, 127, 50, 0.2), rgba(205, 127, 50, 0.05)); border: 1px solid rgba(205, 127, 50, 0.3); }
.leaderboard-item.current-user { border: 2px solid rgb(139, 92, 246); }
.leaderboard-rank { width: 40px; font-size: 18px; font-weight: 700; text-align: center; }
.leaderboard-rank.gold { color: rgb(255, 215, 0); }
.leaderboard-rank.silver { color: rgb(192, 192, 192); }
.leaderboard-rank.bronze { color: rgb(205, 127, 50); }
.leaderboard-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; }
.leaderboard-info { flex: 1 1 0%; }
.leaderboard-name { font-size: 16px; font-weight: 600; margin-bottom: 3px; }
.leaderboard-realm { font-size: 13px; opacity: 0.8; }
.leaderboard-stats { text-align: right; }
.leaderboard-level { font-size: 18px; font-weight: 700; color: rgb(245, 158, 11); }
.leaderboard-exp { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.realm-progress { margin-top: 40px; }
.realm-progress h3 { font-size: 18px; margin-bottom: 20px; color: rgb(245, 158, 11); }
.realm-list { display: flex; flex-direction: column; gap: 8px; }
.realm-item { display: flex; align-items: center; gap: 15px; padding: 12px 15px; background: rgba(255, 255, 255, 0.02); border-radius: 8px; opacity: 0.5; transition: 0.3s; }
.realm-item.current { background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2)); border: 1px solid rgb(139, 92, 246); opacity: 1; }
.realm-item.completed { opacity: 0.7; }
.realm-item.completed::after { content: "✓"; color: rgb(34, 197, 94); font-weight: 700; margin-left: auto; }
.realm-level-range { width: 80px; font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.realm-name { flex: 1 1 0%; font-weight: 500; }
.realm-exp-required { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.cultivation-error, .cultivation-not-logged { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px; text-align: center; color: rgba(255, 255, 255, 0.7); }
.cultivation-not-logged svg { color: rgb(245, 158, 11); margin-bottom: 20px; opacity: 0.5; }
.cultivation-not-logged h2 { font-size: 24px; margin-bottom: 10px; color: rgb(255, 255, 255); }
.cultivation-header { position: relative; text-align: center; margin-bottom: 30px; padding: 40px 20px; border-radius: 16px; background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(245, 158, 11, 0.1)); overflow: hidden; }
.cultivation-header-bg { position: absolute; inset: 0px; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f59e0b' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); opacity: 0.5; }
.cultivation-title { position: relative; font-size: 36px; font-weight: 700; color: rgb(245, 158, 11); margin-bottom: 10px; text-shadow: rgba(245, 158, 11, 0.3) 0px 0px 30px; }
.cultivation-subtitle { position: relative; color: rgba(255, 255, 255, 0.6); font-size: 16px; font-style: italic; }
.cultivation-main-card { display: grid; grid-template-columns: minmax(350px, 420px) 1fr; align-items: stretch; gap: 20px; background: transparent; border: none; border-radius: 0px; padding: 0px; margin-bottom: 30px; }
.cultivation-info-wrapper { display: flex; flex-direction: column; gap: 20px; background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgb(40, 43, 58)); border-radius: 1rem; padding: 2rem; position: relative; z-index: 2; }
@media (max-width: 1200px) {
  .cultivation-main-card { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .cultivation-page { padding: 10px 5px; overflow: hidden; }
  .cultivation-main-card { gap: 15px; }
  .cultivation-info-wrapper { padding: 15px 10px; }
  .cultivation-info-wrapper, .cultivation-tabs-section { background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgb(40, 43, 58)); border-radius: 1rem; margin-left: -5px; margin-right: -5px; width: calc(100% + 10px); }
  .cultivation-tabs-section { padding: 15px 0px; }
  .cultivation-tabs-section .cg-tabs .v-tabs { justify-content: flex-start; }
  .cultivation-tabs-section .leaderboard-list-mini .leaderboard-item { padding: 12px 5px; border-radius: 8px; }
  .cultivation-tabs-section .leaderboard-title-image { padding: 0px 5px; }
}
.cultivation-main-left { display: flex; flex-direction: column; align-items: center; }
.cultivation-avatar-section { text-align: center; margin-bottom: 25px; }
.cultivation-avatar-wrapper { position: relative; width: 120px; height: 120px; border-radius: 50%; border: 4px solid; padding: 4px; margin: 0px auto 15px; background: rgba(0, 0, 0, 0.3); }
.cultivation-avatar-wrapper .cultivation-avatar { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.cultivation-level-badge { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px; }
.cultivation-username { font-size: 22px; font-weight: 600; margin: 0px; }
.cultivation-realm-info { text-align: center; margin-bottom: 25px; }
.cultivation-phase-tag { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; margin-bottom: 10px; }
.cultivation-realm-name { font-size: 22px; font-weight: 700; gap: 8px; margin-bottom: 8px; }
.cultivation-lifespan, .cultivation-realm-name { display: flex; align-items: center; justify-content: center; }
.cultivation-lifespan { font-size: 14px; color: rgba(255, 255, 255, 0.6); gap: 5px; }
.cultivation-exp-section { width: 100%; margin-bottom: 20px; }
.cultivation-exp-header { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 8px; color: rgba(255, 255, 255, 0.7); }
.cultivation-exp-bar-large { height: 20px; background: rgba(255, 255, 255, 0.1); border-radius: 10px; overflow: hidden; position: relative; }
.cultivation-exp-bar-large .cultivation-exp-fill { height: 100%; border-radius: 10px; transition: width 0.5s; box-shadow: currentcolor 0px 0px 15px; }
.cultivation-exp-footer { font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 8px; text-align: center; }
.cultivation-checkin-btn-large { width: 100%; padding: 16px 28px; border: none; border-radius: 12px; font-size: 17px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: 0.3s; box-shadow: rgba(255, 218, 125, 0.2) 0px 5px 15px 5px; text-shadow: none; background: linear-gradient(39deg, rgb(254, 207, 89), rgb(255, 241, 204)) !important; color: var(--primary-button-text,#1a1a2e) !important; }
.cultivation-checkin-btn-large:hover:not(.disabled) { transform: translateY(-3px); box-shadow: rgba(255, 218, 125, 0.3) 0px 8px 25px 8px; }
.cultivation-checkin-btn-large.disabled { cursor: not-allowed; box-shadow: none; background: linear-gradient(39deg, rgb(74, 74, 90), rgb(58, 58, 74)) !important; color: rgba(255, 255, 255, 0.5) !important; }
.cultivation-streak-info { margin-top: 12px; font-size: 13px; color: rgb(245, 158, 11); display: flex; align-items: center; justify-content: center; gap: 5px; }
.cultivation-tab-content .cultivation-my-rank, .cultivation-tab-content .cultivation-next-realm, .cultivation-tab-content .cultivation-realm-card, .cultivation-tab-content .cultivation-stats-grid { margin-bottom: 20px; }
.cultivation-realm-card { background: transparent; border-radius: 0px; padding: 16px 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }
.cultivation-realm-card::before { display: none; }
.cultivation-realm-card h4 { font-size: 15px; color: rgb(245, 158, 11); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; font-weight: 600; }
.cultivation-realm-card h4 svg { font-size: 18px; }
.cultivation-realm-description { font-size: 14px; line-height: 1.8; color: rgba(255, 255, 255, 0.85); margin-bottom: 18px; padding-left: 12px; border-left: 2px solid rgba(245, 158, 11, 0.3); }
.cultivation-stages { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.05); }
.stages-label { font-size: 13px; color: rgba(255, 255, 255, 0.5); font-weight: 500; }
.stage-badge { padding: 6px 14px; border-radius: 20px; font-size: 12px; background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.6); transition: 0.3s; }
.stage-badge.current { color: rgb(255, 255, 255); font-weight: 600; box-shadow: rgba(245, 158, 11, 0.3) 0px 0px 15px; }
.stage-badge.completed { background: rgba(34, 197, 94, 0.15); color: rgb(34, 197, 94); }
.cultivation-next-realm { background: transparent; border-radius: 0px; padding: 16px 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }
.cultivation-next-realm::before { display: none; }
.cultivation-next-realm h4 { font-size: 14px; color: rgba(255, 255, 255, 0.6); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; font-weight: 500; }
.cultivation-next-realm h4 svg { color: rgb(167, 139, 250); }
.next-realm-info { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.next-realm-name { font-size: 20px; font-weight: 700; }
.next-realm-lifespan { font-size: 13px; color: rgba(255, 255, 255, 0.5); display: flex; align-items: center; gap: 6px; background: rgba(255, 255, 255, 0.05); padding: 6px 12px; border-radius: 20px; }
.next-realm-desc { font-size: 13px; color: rgba(255, 255, 255, 0.65); line-height: 1.7; margin: 0px; }
.cultivation-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
@media (max-width: 768px) {
  .cultivation-stats-grid { grid-template-columns: repeat(2, 1fr); }
}
.cultivation-stat-item { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)); border-radius: 14px; padding: 18px 12px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.05); transition: 0.3s; }
.cultivation-stat-item:hover { background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)); transform: translateY(-2px); }
.cultivation-stat-item .stat-value { font-size: 24px; font-weight: 700; line-height: 1.2; }
.cultivation-stat-item .stat-label { font-size: 11px; color: rgba(255, 255, 255, 0.5); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.cultivation-my-rank { gap: 10px; padding: 16px 24px; background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(234, 179, 8, 0.08)); border-radius: 14px; color: rgb(251, 191, 36); font-weight: 600; }
.cultivation-my-rank svg { font-size: 22px; color: rgb(245, 158, 11); }
.cultivation-my-rank strong { font-size: 20px; color: rgb(255, 255, 255); }
.cultivation-leaderboard-link { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px; background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.05)); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 12px; color: rgb(245, 158, 11); font-weight: 600; text-decoration: none; transition: 0.3s; }
.cultivation-leaderboard-link:hover { background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(245, 158, 11, 0.1)); color: rgb(251, 191, 36); transform: translateY(-2px); }
.cultivation-section-card { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 25px; }
.cultivation-section-card .section-title { font-size: 18px; color: rgb(245, 158, 11); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
.cultivation-section-card .cultivation-history-list { display: flex; flex-direction: column; gap: 8px; max-height: 400px; overflow-y: auto; }
.history-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: rgba(255, 255, 255, 0.03); border-radius: 8px; transition: background 0.2s; }
.history-item:hover { background: rgba(255, 255, 255, 0.05); }
.history-item-left { display: flex; flex-direction: column; gap: 2px; }
.history-action { font-size: 14px; }
.history-date { font-size: 11px; color: rgba(255, 255, 255, 0.4); }
.history-exp { font-weight: 600; color: rgb(34, 197, 94); font-size: 14px; }
.exp-methods-list { display: flex; flex-direction: column; gap: 8px; }
.exp-method-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; background: rgba(255, 255, 255, 0.03); border-radius: 8px; }
.exp-method-item.highlight { background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(245, 158, 11, 0.05)); border: 1px solid rgba(245, 158, 11, 0.2); }
.method-name { font-size: 14px; }
.method-exp { font-weight: 600; color: rgb(34, 197, 94); }
.realms-list { background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 25px; }
.realms-list-header { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.realms-list-header h3 { font-size: 18px; color: rgb(245, 158, 11); margin: 0px; }
.realms-list-header svg { color: rgb(245, 158, 11); }
.realms-list-subtitle { font-size: 13px; color: rgba(255, 255, 255, 0.5); margin-bottom: 25px; }
.realms-phases { display: flex; flex-direction: column; gap: 12px; }
.realms-phase { background: rgba(255, 255, 255, 0.02); border-radius: 12px; overflow: hidden; transition: 0.3s; }
.realms-phase.current { border: 1px solid rgba(245, 158, 11, 0.3); }
.realms-phase-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 18px; cursor: pointer; border-left: 4px solid; transition: background 0.2s; }
.realms-phase-header:hover { background: rgba(255, 255, 255, 0.03); }
.realms-phase-info { display: flex; flex-direction: column; gap: 3px; }
.realms-phase-name { font-size: 16px; font-weight: 600; }
.realms-phase-count { font-size: 12px; color: rgba(255, 255, 255, 0.4); }
.realms-phase-header svg { color: rgba(255, 255, 255, 0.4); transition: transform 0.3s; }
.realms-phase.expanded .realms-phase-header svg { transform: rotate(180deg); }
.realms-phase-content { padding: 0px 15px 15px 22px; display: flex; flex-direction: column; gap: 8px; animation: 0.3s ease 0s 1 normal none running slideDown; }
@keyframes slideDown { 
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.realm-card { background: rgba(255, 255, 255, 0.02); border-radius: 10px; overflow: hidden; transition: 0.3s; }
.realm-card.current { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); }
.realm-card.locked { opacity: 0.5; }
.realm-card-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 15px; cursor: pointer; transition: background 0.2s; }
.realm-card-header:hover { background: rgba(255, 255, 255, 0.03); }
.realm-card-title { display: flex; align-items: center; gap: 10px; }
.realm-card-title .realm-name { font-size: 15px; font-weight: 600; }
.realm-current-badge { padding: 2px 8px; background: rgb(245, 158, 11); color: rgb(0, 0, 0); font-size: 10px; font-weight: 700; border-radius: 10px; }
.realm-card-meta { display: flex; align-items: center; gap: 10px; }
.realm-level { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.realm-card-meta svg { color: rgba(255, 255, 255, 0.4); }
.realm-card-details { padding: 0px 15px 15px; animation: 0.3s ease 0s 1 normal none running slideDown; }
.realm-lifespan { display: flex; align-items: center; gap: 5px; font-size: 13px; color: rgb(34, 197, 94); margin-bottom: 10px; }
.realm-description { font-size: 13px; line-height: 1.6; color: rgba(255, 255, 255, 0.7); margin-bottom: 12px; }
.realm-stages { display: flex; flex-direction: column; gap: 8px; }
.realm-stages-label { font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.realm-stages-list { display: flex; flex-wrap: wrap; gap: 6px; }
.realm-stage-item { padding: 3px 10px; background: rgba(255, 255, 255, 0.1); border-radius: 12px; font-size: 11px; color: rgba(255, 255, 255, 0.7); }
.cultivation-my-rank { display: flex; align-items: center; justify-content: center; padding: 12px 20px; background: linear-gradient(135deg, rgba(245, 158, 11, 0.2), rgba(245, 158, 11, 0.1)); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 10px; color: rgb(245, 158, 11); font-size: 16px; margin-top: 15px; }
.cultivation-my-rank strong { margin-left: 5px; font-size: 18px; }
.leaderboard-list-mini { display: flex; flex-direction: column; gap: 8px; }
.leaderboard-list-mini .leaderboard-item { display: flex; align-items: center; gap: 12px; padding: 12px 15px; background: linear-gradient(135deg, rgba(30, 30, 50, 0.8), rgba(20, 20, 40, 0.9)); border-radius: 12px; transition: 0.3s; border: 1px solid rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }
.leaderboard-list-mini .leaderboard-item::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); }
.leaderboard-list-mini .leaderboard-item:hover { background: linear-gradient(135deg, rgba(40, 40, 70, 0.9), rgba(30, 30, 60, 0.95)); transform: translateX(5px); border-color: rgba(255, 255, 255, 0.15); }
.leaderboard-list-mini .leaderboard-item.top-1 { background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 180, 0, 0.1), rgba(30, 30, 50, 0.9)); border: 1px solid rgba(255, 215, 0, 0.4); box-shadow: rgba(255, 215, 0, 0.15) 0px 0px 20px; }
.leaderboard-list-mini .leaderboard-item.top-1::after { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(45deg, transparent, rgba(255, 215, 0, 0.05), transparent); animation: 3s ease 0s infinite normal none running shimmer; }
@keyframes shimmer { 
  0% { transform: translateX(-100%) rotate(45deg); }
  100% { transform: translateX(100%) rotate(45deg); }
}
.leaderboard-list-mini .leaderboard-item.top-2 { background: linear-gradient(135deg, rgba(192, 192, 192, 0.2), rgba(150, 150, 150, 0.1), rgba(30, 30, 50, 0.9)); border: 1px solid rgba(192, 192, 192, 0.4); box-shadow: rgba(192, 192, 192, 0.1) 0px 0px 15px; }
.leaderboard-list-mini .leaderboard-item.top-3 { background: linear-gradient(135deg, rgba(205, 127, 50, 0.2), rgba(180, 100, 40, 0.1), rgba(30, 30, 50, 0.9)); border: 1px solid rgba(205, 127, 50, 0.4); box-shadow: rgba(205, 127, 50, 0.1) 0px 0px 15px; }
.leaderboard-list-mini .leaderboard-item.current-user { border: 1px solid rgba(102, 126, 234, 0.6); background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.1), rgba(30, 30, 50, 0.9)); box-shadow: rgba(102, 126, 234, 0.15) 0px 0px 15px; }
.leaderboard-list-mini .leaderboard-rank { min-width: 45px; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 2em; font-style: italic; color: rgba(255, 255, 255, 0.6); text-shadow: rgba(0, 0, 0, 0.8) -1px 0px, rgba(0, 0, 0, 0.8) 0px 1px, rgba(0, 0, 0, 0.8) 1px 0px, rgba(0, 0, 0, 0.8) 0px -1px; background: transparent; }
.leaderboard-list-mini .leaderboard-rank.gold { color: rgb(255, 215, 0); font-size: 2.5em; text-shadow: rgba(0, 0, 0, 0.8) -1px 0px, rgba(0, 0, 0, 0.8) 0px 1px, rgba(0, 0, 0, 0.8) 1px 0px, rgba(0, 0, 0, 0.8) 0px -1px, rgba(255, 215, 0, 0.6) 0px 0px 20px; }
.leaderboard-list-mini .leaderboard-rank.silver { color: rgb(232, 232, 232); font-size: 2.3em; text-shadow: rgba(0, 0, 0, 0.8) -1px 0px, rgba(0, 0, 0, 0.8) 0px 1px, rgba(0, 0, 0, 0.8) 1px 0px, rgba(0, 0, 0, 0.8) 0px -1px, rgba(192, 192, 192, 0.5) 0px 0px 15px; }
.leaderboard-list-mini .leaderboard-rank.bronze { color: rgb(232, 160, 80); font-size: 2.3em; text-shadow: rgba(0, 0, 0, 0.8) -1px 0px, rgba(0, 0, 0, 0.8) 0px 1px, rgba(0, 0, 0, 0.8) 1px 0px, rgba(0, 0, 0, 0.8) 0px -1px, rgba(205, 127, 50, 0.5) 0px 0px 15px; }
.leaderboard-list-mini .leaderboard-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 8px; }
.leaderboard-list-mini .leaderboard-info { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }
.leaderboard-list-mini .leaderboard-name { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(255, 255, 255); letter-spacing: 0.3px; }
.leaderboard-list-mini .leaderboard-item.top-1 .leaderboard-name { color: rgb(255, 215, 0); text-shadow: rgba(255, 215, 0, 0.4) 0px 0px 8px; }
.leaderboard-list-mini .leaderboard-item.top-2 .leaderboard-name { color: rgb(232, 232, 232); text-shadow: rgba(192, 192, 192, 0.3) 0px 0px 6px; }
.leaderboard-list-mini .leaderboard-item.top-3 .leaderboard-name { color: rgb(232, 160, 80); text-shadow: rgba(205, 127, 50, 0.3) 0px 0px 6px; }
.leaderboard-list-mini .leaderboard-realm { font-size: 12px; color: rgb(168, 180, 212); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.leaderboard-list-mini .leaderboard-realm::before { content: "⚔️"; font-size: 10px; }
.leaderboard-list-mini .leaderboard-stats { text-align: right; display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.leaderboard-list-mini .leaderboard-level { font-size: 13px; font-weight: 700; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(102, 126, 234, 0.3), rgba(118, 75, 162, 0.3)); padding: 3px 10px; border-radius: 12px; border: 1px solid rgba(102, 126, 234, 0.3); }
.leaderboard-list-mini .leaderboard-item.top-1 .leaderboard-level { background: linear-gradient(135deg, rgba(255, 215, 0, 0.3), rgba(255, 180, 0, 0.2)); border-color: rgba(255, 215, 0, 0.4); color: rgb(255, 215, 0); }
.leaderboard-list-mini .leaderboard-item.top-2 .leaderboard-level { background: linear-gradient(135deg, rgba(192, 192, 192, 0.3), rgba(150, 150, 150, 0.2)); border-color: rgba(192, 192, 192, 0.4); color: rgb(232, 232, 232); }
.leaderboard-list-mini .leaderboard-item.top-3 .leaderboard-level { background: linear-gradient(135deg, rgba(205, 127, 50, 0.3), rgba(180, 100, 40, 0.2)); border-color: rgba(205, 127, 50, 0.4); color: rgb(232, 160, 80); }
.leaderboard-list-mini .leaderboard-exp { font-size: 11px; color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; gap: 3px; }
.leaderboard-list-mini .leaderboard-exp::before { content: "✨"; font-size: 9px; }
@media (max-width: 768px) {
  .cultivation-page { padding: 10px 8px; max-width: 100%; }
  .cultivation-header { padding: 25px 15px; margin-bottom: 20px; border-radius: 12px; }
  .cultivation-title { font-size: 26px; }
  .cultivation-subtitle { font-size: 14px; }
  .cultivation-main-card { padding: 20px 15px; border-radius: 16px; gap: 20px; }
  .cultivation-avatar-wrapper { width: 100px; height: 100px; }
  .cultivation-realm-name, .cultivation-username { font-size: 18px; }
  .cultivation-phase-tag { font-size: 11px; padding: 3px 10px; }
  .cultivation-exp-bar-large { height: 16px; }
  .cultivation-checkin-btn-large { padding: 12px 20px; font-size: 14px; }
  .cultivation-next-realm, .cultivation-realm-card { padding: 15px; }
  .cultivation-next-realm h4, .cultivation-realm-card h4 { font-size: 14px; }
  .cultivation-realm-description { font-size: 13px; }
  .next-realm-name { font-size: 16px; }
  .cultivation-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .cultivation-stat-item { padding: 12px 10px; }
  .cultivation-stat-item .stat-value { font-size: 18px; }
  .cultivation-leaderboard-link { padding: 12px; font-size: 14px; }
  .cultivation-section-card { padding: 20px 15px; border-radius: 12px; }
  .cultivation-section-card .section-title { font-size: 16px; }
  .exp-method-item, .history-item { padding: 10px 12px; }
  .history-action, .method-name { font-size: 13px; }
  .realms-list { padding: 20px 15px; border-radius: 12px; }
  .realms-list-header h3 { font-size: 16px; }
  .realms-phase-header { padding: 12px 15px; }
  .realms-phase-name { font-size: 14px; }
  .realms-phase-content { padding: 0px 10px 12px 18px; }
  .realm-card-header { padding: 10px 12px; }
  .realm-card-title .realm-name { font-size: 13px; }
  .realm-card-details { padding: 0px 12px 12px; }
  .realm-description { font-size: 12px; }
}
@media (max-width: 480px) {
  .cultivation-page { padding: 10px 12px; }
  .cultivation-header { padding: 20px 12px; border-radius: 10px; }
  .cultivation-title { font-size: 22px; }
  .cultivation-main-card { padding: 15px 12px; border-radius: 12px; }
  .cultivation-avatar-wrapper { width: 90px; height: 90px; }
  .cultivation-level-badge { font-size: 10px; padding: 3px 8px; }
  .cultivation-realm-name, .cultivation-username { font-size: 16px; }
  .cultivation-exp-header, .cultivation-lifespan { font-size: 12px; }
  .cultivation-exp-footer { font-size: 11px; }
  .cultivation-section-card, .realms-list { padding: 15px 12px; }
  .stage-badge { font-size: 11px; padding: 3px 8px; }
}
.cultivation-tabs-section { flex: 1 1 0%; min-width: 0px; background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgb(40, 43, 58)); border-radius: 1rem; padding: 0.9rem; position: relative; z-index: 1; overflow: hidden; }
.cultivation-tabs-section .cg-tabs { margin-bottom: 0px; }
.cultivation-tabs-section .cg-tabs .v-tabs { display: flex; justify-content: center; }
.cg-tabs-scrollable { overflow-x: auto; scrollbar-width: none; }
.cg-tabs-scrollable::-webkit-scrollbar { display: none; }
.cg-tabs-scrollable .v-tabs { white-space: nowrap; flex-wrap: nowrap !important; justify-content: flex-start !important; }
.cg-tabs-scrollable .v-tabs .nav-item { flex-shrink: 0; }
.cultivation-tab-content { margin-top: 15px; }
.cultivation-tabs-section .cultivation-section-card { background: transparent; border: none; padding: 0px; }
.leaderboard-title-image { text-align: center; margin-bottom: 15px; }
.leaderboard-title-image img { max-width: 100%; height: auto; }
@media (max-width: 991px) {
  .cultivation-tabs-section .cg-tabs .v-tabs { justify-content: center; }
}
.sect-chat-container { display: flex; flex-direction: column; height: 500px; background: linear-gradient(135deg, rgba(30, 30, 50, 0.8), rgba(20, 20, 40, 0.9)); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; }
.sect-chat-header { display: flex; align-items: center; gap: 8px; padding: 15px 20px; background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2)); border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-weight: 600; color: rgb(245, 158, 11); }
.sect-chat-header .online-count { margin-left: auto; font-size: 12px; color: rgba(255, 255, 255, 0.5); font-weight: 400; }
.sect-chat-messages { flex: 1 1 0%; overflow-y: auto; padding: 15px; display: flex; flex-direction: column; gap: 12px; }
.sect-chat-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: rgba(255, 255, 255, 0.5); text-align: center; }
.sect-chat-message { display: flex; gap: 12px; animation: 0.3s ease 0s 1 normal none running fadeIn; }
@keyframes fadeIn { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.sect-chat-message .message-avatar { position: relative; flex-shrink: 0; }
.sect-chat-message .message-avatar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.1); }
.sect-chat-message .message-avatar .level-badge { position: absolute; bottom: -2px; right: -2px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); border: 2px solid rgb(20, 20, 40); }
.sect-chat-message .message-content { flex: 1 1 0%; min-width: 0px; }
.sect-chat-message .message-header { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; flex-wrap: wrap; }
.sect-chat-message .user-name { font-weight: 600; font-size: 14px; color: rgb(255, 255, 255); }
.sect-chat-message .user-realm { font-size: 11px; font-weight: 500; padding: 2px 6px; background: rgba(255, 255, 255, 0.1); border-radius: 4px; }
.sect-chat-message .message-time { font-size: 11px; color: rgba(255, 255, 255, 0.4); margin-left: auto; }
.sect-chat-message .delete-btn { background: none; border: none; color: rgba(255, 255, 255, 0.3); cursor: pointer; padding: 4px; font-size: 11px; opacity: 0; transition: 0.2s; }
.sect-chat-message:hover .delete-btn { opacity: 1; }
.sect-chat-message .delete-btn:hover { color: rgb(239, 68, 68); }
.sect-chat-message .message-text { background: rgba(255, 255, 255, 0.05); padding: 10px 14px; border-radius: 0px 12px 12px; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.9); word-break: break-word; }
.sect-chat-message.own .message-content { align-items: flex-end; }
.sect-chat-message.own .message-text { background: linear-gradient(135deg, rgba(102, 126, 234, 0.3), rgba(118, 75, 162, 0.3)); border-radius: 12px 0px 12px 12px; }
.sect-chat-input { display: flex; gap: 10px; padding: 15px; background: rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sect-chat-input textarea { flex: 1 1 0%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 10px 14px; color: rgb(255, 255, 255); font-size: 14px; resize: none; min-height: 40px; max-height: 100px; }
.sect-chat-input textarea:focus { outline: none; border-color: rgba(102, 126, 234, 0.5); }
.sect-chat-input textarea::placeholder { color: rgba(255, 255, 255, 0.4); }
.sect-chat-input .send-btn { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, rgb(102, 126, 234), rgb(118, 75, 162)); border: none; color: rgb(255, 255, 255); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; flex-shrink: 0; }
.sect-chat-input .send-btn:hover:not(:disabled) { transform: scale(1.05); box-shadow: rgba(102, 126, 234, 0.4) 0px 0px 15px; }
.sect-chat-input .send-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.sect-chat-login-prompt { padding: 20px; text-align: center; background: rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); }
.sect-chat-loading { display: flex; align-items: center; justify-content: center; height: 300px; }
@media (max-width: 768px) {
  .sect-chat-container { height: 400px; border-radius: 8px; }
  .sect-chat-header { padding: 12px 15px; font-size: 14px; }
  .sect-chat-messages { padding: 10px; gap: 10px; }
  .sect-chat-message .message-avatar img { width: 35px; height: 35px; }
  .sect-chat-message .message-avatar .level-badge { width: 16px; height: 16px; font-size: 8px; }
  .sect-chat-message .user-name { font-size: 13px; }
  .sect-chat-message .user-realm { font-size: 10px; }
  .sect-chat-message .message-text { padding: 8px 12px; font-size: 13px; }
  .sect-chat-input { padding: 10px; }
  .sect-chat-input textarea { padding: 8px 12px; font-size: 13px; }
  .sect-chat-input .send-btn { width: 40px; height: 40px; }
}
.linh-can-loading { display: flex; justify-content: center; padding: 30px; }
.linh-can-loading .v-loader.small { width: 24px; height: 24px; }
.linh-can-display { background: transparent; border-radius: 0px; padding: 16px 0px; position: relative; overflow: hidden; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.linh-can-display::before { display: none; }
.linh-can-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; padding-bottom: 0px; border-bottom: none; flex-wrap: wrap; }
.linh-can-header-left { display: flex; align-items: center; gap: 12px; }
.linh-can-icon { font-size: 28px; color: rgb(168, 85, 247); filter: drop-shadow(rgba(168, 85, 247, 0.5) 0px 0px 8px); }
.linh-can-title { font-size: 20px; font-weight: 700; background: linear-gradient(135deg, rgb(168, 85, 247), rgb(139, 92, 246)) text; -webkit-text-fill-color: transparent; }
.linh-can-header .linh-can-info { display: flex; gap: 12px; margin-bottom: 0px; }
.linh-can-header .linh-can-info .info-item { display: flex; flex-direction: column; gap: 4px; padding: 10px 16px; background: rgba(0, 0, 0, 0.3); border-radius: 12px; border: 1px solid rgba(168, 85, 247, 0.15); min-width: 90px; text-align: center; }
.linh-can-header .linh-can-info .info-item .label { color: rgba(255, 255, 255, 0.5); font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }
.linh-can-header .linh-can-info .info-item .value { font-weight: 700; font-size: 15px; color: rgb(255, 255, 255); }
.linh-can-elements { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.linh-can-element { display: flex; align-items: center; gap: 10px; padding: 12px 20px; border-radius: 30px; border: 2px solid; font-weight: 600; background: rgba(0, 0, 0, 0.25); transition: 0.3s; position: relative; overflow: hidden; }
.linh-can-element::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(135deg, transparent, rgba(255, 255, 255, 0.05)); pointer-events: none; }
.linh-can-element:hover { transform: translateY(-2px); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 20px; }
.linh-can-element .element-orb { width: 16px; height: 16px; border-radius: 50%; box-shadow: currentcolor 0px 0px 12px, rgba(255, 255, 255, 0.3) 0px 0px 4px inset; animation: 2s ease-in-out 0s infinite normal none running pulse-glow; }
@keyframes pulse-glow { 
  0%, 100% { box-shadow: currentcolor 0px 0px 12px, rgba(255, 255, 255, 0.3) 0px 0px 4px inset; }
  50% { box-shadow: currentcolor 0px 0px 20px, rgba(255, 255, 255, 0.5) 0px 0px 6px inset; }
}
.linh-can-element .element-name { color: rgb(255, 255, 255); font-size: 15px; letter-spacing: 0.5px; }
.linh-can-inactive-note { display: flex; align-items: center; justify-content: center; gap: 8px; color: rgb(251, 191, 36); font-size: 13px; padding: 12px 16px; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.2); border-radius: 10px; margin-bottom: 20px; }
.linh-can-inactive-note .note-icon { font-weight: 700; font-size: 16px; }
.linh-can-description { padding: 20px; background: linear-gradient(135deg, rgba(168, 85, 247, 0.08), rgba(0, 0, 0, 0.2)); border-radius: 14px; border-left: 4px solid rgb(168, 85, 247); position: relative; }
.linh-can-description::before { content: "\""; position: absolute; top: 8px; left: 16px; font-size: 40px; color: rgba(168, 85, 247, 0.3); font-family: Georgia, serif; line-height: 1; }
.linh-can-description p { margin: 0px; font-size: 14px; color: rgba(255, 255, 255, 0.9); line-height: 1.8; font-style: italic; padding-left: 24px; }
.linh-can-compact { display: flex; align-items: center; gap: 8px; }
.linh-can-elements-row { display: flex; gap: 4px; }
.linh-can-element-dot { width: 10px; height: 10px; border-radius: 50%; box-shadow: currentcolor 0px 0px 4px; }
.linh-can-type-name { font-size: 12px; color: rgba(255, 255, 255, 0.7); }
@media (max-width: 768px) {
  .linh-can-display { padding: 20px 16px 16px; border-radius: 14px; }
  .linh-can-display::before { height: 3px; }
  .linh-can-header { margin-bottom: 16px; flex-direction: column; align-items: flex-start; gap: 12px; }
  .linh-can-header-left { gap: 10px; }
  .linh-can-icon { font-size: 22px; }
  .linh-can-title { font-size: 16px; }
  .linh-can-info { grid-template-columns: 1fr; gap: 10px; width: 100%; }
  .linh-can-info .info-item { padding: 10px 14px; flex-direction: row; justify-content: space-between; }
  .linh-can-elements { gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
  .linh-can-element { padding: 10px 16px; flex: 1 1 0%; min-width: calc(50% - 4px); justify-content: center; }
  .linh-can-element .element-orb { width: 12px; height: 12px; }
  .linh-can-element .element-name { font-size: 13px; }
  .linh-can-inactive-note { padding: 10px 14px; font-size: 12px; margin-bottom: 16px; }
  .linh-can-description { padding: 16px; border-radius: 12px; }
  .linh-can-description::before { font-size: 32px; left: 12px; top: 6px; }
  .linh-can-description p { font-size: 13px; padding-left: 20px; line-height: 1.7; }
}
.sect-card { background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(168, 85, 247, 0.1)); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 12px; padding: 16px; cursor: pointer; transition: 0.3s; position: relative; }
.sect-card:hover { border-color: rgba(59, 130, 246, 0.6); transform: translateY(-2px); box-shadow: rgba(59, 130, 246, 0.2) 0px 4px 20px; }
.sect-card .sect-rank-badge { position: absolute; top: -8px; right: -8px; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 12px; background: rgb(55, 65, 81); color: rgb(255, 255, 255); }
.sect-card .sect-rank-badge.rank-1 { background: linear-gradient(135deg, rgb(255, 215, 0), rgb(255, 179, 0)); color: rgb(0, 0, 0); }
.sect-card .sect-rank-badge.rank-2 { background: linear-gradient(135deg, rgb(192, 192, 192), rgb(160, 160, 160)); color: rgb(0, 0, 0); }
.sect-card .sect-rank-badge.rank-3 { background: linear-gradient(135deg, rgb(205, 127, 50), rgb(139, 69, 19)); color: rgb(255, 255, 255); }
.sect-card-header { display: flex; gap: 12px; margin-bottom: 12px; }
.sect-card .sect-avatar { width: 50px; height: 50px; border-radius: 10px; background: rgba(59, 130, 246, 0.2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sect-card .sect-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sect-card .sect-avatar .default-icon { font-size: 28px; color: rgb(59, 130, 246); }
.sect-card .sect-info { flex: 1 1 0%; }
.sect-card .sect-name { font-size: 16px; font-weight: 600; color: rgb(255, 255, 255); margin: 0px 0px 4px; }
.sect-card .sect-master { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.7); }
.sect-card .sect-description { font-size: 13px; color: rgba(255, 255, 255, 0.7); margin: 0px 0px 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sect-card .sect-stats { display: flex; gap: 15px; margin-bottom: 12px; }
.sect-card .sect-stats .stat { display: flex; align-items: center; gap: 5px; font-size: 12px; color: rgba(255, 255, 255, 0.8); }
.sect-card .sect-status { margin-bottom: 10px; }
.sect-card .sect-status .recruiting { color: rgb(34, 197, 94); font-size: 12px; }
.sect-card .sect-status .not-recruiting { color: rgb(239, 68, 68); font-size: 12px; }
.sect-card .btn { width: 100%; margin-top: 12px; }
.sect-leaderboard .leaderboard-header, .sect-list-header { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color: rgb(59, 130, 246); margin-bottom: 16px; }
.sect-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.sect-leaderboard .leaderboard-empty, .sect-list-empty { text-align: center; padding: 40px; color: rgba(255, 255, 255, 0.6); }
.sect-leaderboard .leaderboard-empty .empty-icon, .sect-list-empty .empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; }
.sect-leaderboard .leaderboard-pagination, .sect-pagination { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 20px; }
.sect-leaderboard .leaderboard-pagination button, .sect-pagination button { padding: 8px 16px; background: rgba(59, 130, 246, 0.2); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 6px; color: rgb(255, 255, 255); cursor: pointer; transition: 0.3s; }
.sect-leaderboard .leaderboard-pagination button:hover:not(:disabled), .sect-pagination button:hover:not(:disabled) { background: rgba(59, 130, 246, 0.4); }
.sect-leaderboard .leaderboard-pagination button:disabled, .sect-pagination button:disabled { opacity: 0.5; cursor: not-allowed; }
.sect-leaderboard .trophy-icon { color: rgb(245, 158, 11); }
.sect-leaderboard .leaderboard-list { display: flex; flex-direction: column; gap: 8px; }
.sect-leaderboard .leaderboard-item { display: flex; align-items: center; gap: 12px; padding: 12px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; cursor: pointer; transition: 0.3s; }
.sect-leaderboard .leaderboard-item:hover { background: rgba(59, 130, 246, 0.2); }
.sect-leaderboard .leaderboard-item.gold { background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(255, 179, 0, 0.1)); border: 1px solid rgba(255, 215, 0, 0.3); }
.sect-leaderboard .leaderboard-item.silver { background: linear-gradient(135deg, rgba(192, 192, 192, 0.15), rgba(160, 160, 160, 0.1)); border: 1px solid rgba(192, 192, 192, 0.3); }
.sect-leaderboard .leaderboard-item.bronze { background: linear-gradient(135deg, rgba(205, 127, 50, 0.15), rgba(139, 69, 19, 0.1)); border: 1px solid rgba(205, 127, 50, 0.3); }
.sect-leaderboard .item-rank { width: 40px; text-align: center; }
.sect-leaderboard .item-rank .medal { font-size: 24px; }
.sect-leaderboard .item-rank .medal.gold { color: rgb(255, 215, 0); }
.sect-leaderboard .item-rank .medal.silver { color: rgb(192, 192, 192); }
.sect-leaderboard .item-rank .medal.bronze { color: rgb(205, 127, 50); }
.sect-leaderboard .item-rank .rank-num { font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.sect-leaderboard .item-avatar { width: 40px; height: 40px; border-radius: 8px; background: rgba(59, 130, 246, 0.2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sect-leaderboard .item-avatar img { width: 100%; height: 100%; object-fit: cover; }
.sect-leaderboard .item-avatar .default-icon { font-size: 24px; color: rgb(59, 130, 246); }
.sect-leaderboard .item-info { flex: 1 1 0%; }
.sect-leaderboard .item-name { font-weight: 600; color: rgb(255, 255, 255); }
.sect-leaderboard .item-master { font-size: 12px; color: rgba(255, 255, 255, 0.6); }
.sect-leaderboard .item-stats { display: flex; gap: 16px; }
.sect-leaderboard .item-stats .stat { display: flex; align-items: center; gap: 5px; font-size: 13px; color: rgba(255, 255, 255, 0.8); }
.sect-leaderboard .item-stats .stat.exp { color: rgb(245, 158, 11); }
.my-sect-empty { text-align: center; padding: 40px 20px; }
.my-sect-empty .empty-icon { font-size: 64px; color: rgba(59, 130, 246, 0.5); margin-bottom: 16px; }
.my-sect-empty h4 { font-size: 18px; margin-bottom: 8px; }
.my-sect-empty p { color: rgba(255, 255, 255, 0.6); margin-bottom: 24px; }
.my-sect-empty .empty-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.my-sect-empty .empty-actions .btn { padding: 12px 28px; font-size: 15px; }
.my-sect-container { display: flex; flex-direction: column; gap: 16px; }
.sect-view-toggle { display: flex; gap: 8px; padding: 4px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; }
.sect-view-toggle button { flex: 1 1 0%; padding: 10px 16px; background: transparent; border: none; border-radius: 6px; color: rgba(255, 255, 255, 0.7); font-weight: 500; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; gap: 8px; }
.sect-view-toggle button.active { background: rgba(59, 130, 246, 0.3); color: rgb(255, 255, 255); }
.sect-view-toggle button:hover:not(.active) { background: rgba(255, 255, 255, 0.1); }
.my-sect-panel .sect-header-info { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; padding: 24px 16px; background: transparent; border-radius: 0px; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
@media (max-width: 576px) {
  .my-sect-panel .sect-header-info { margin-left: -12px; margin-right: -12px; padding: 20px 12px; }
}
.my-sect-panel .sect-avatar-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.my-sect-panel .sect-avatar-large { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(139, 92, 246, 0.3)); display: flex; align-items: center; justify-content: center; overflow: hidden; border: 4px solid rgba(59, 130, 246, 0.6); box-shadow: rgba(59, 130, 246, 0.3) 0px 8px 32px; cursor: pointer; transition: 0.3s; }
.my-sect-panel .sect-avatar-large:hover { transform: scale(1.05); box-shadow: rgba(59, 130, 246, 0.4) 0px 12px 40px; }
.my-sect-panel .sect-avatar-large img { width: 100%; height: 100%; object-fit: cover; }
.my-sect-panel .sect-avatar-large .default-icon { font-size: 48px; color: rgb(59, 130, 246); }
.my-sect-panel .sect-avatar-edit { position: absolute; bottom: 30px; right: -5px; width: 32px; height: 32px; border-radius: 50%; background: var(--primary-color,#e50914); border: 2px solid rgb(26, 26, 46); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; color: rgb(255, 255, 255); font-size: 14px; }
.my-sect-panel .sect-avatar-edit:hover { transform: scale(1.1); background: rgb(255, 26, 26); }
.my-sect-panel .sect-level-badge { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; background: linear-gradient(135deg, rgb(245, 158, 11), rgb(217, 119, 6)); border-radius: 20px; font-size: 12px; font-weight: 600; color: rgb(255, 255, 255); box-shadow: rgba(245, 158, 11, 0.3) 0px 2px 10px; }
.my-sect-panel .sect-details { flex: 1 1 0%; min-width: 200px; }
.my-sect-panel .sect-details .sect-name { font-size: 22px; font-weight: 700; margin: 0px 0px 10px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 10px; }
.my-sect-panel .sect-meta { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; font-size: 13px; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px; }
.my-sect-panel .sect-meta .meta-item { display: flex; align-items: center; gap: 6px; }
.my-sect-panel .sect-meta .meta-item svg { color: rgb(59, 130, 246); }
.my-sect-panel .sect-desc { font-size: 13px; color: rgba(255, 255, 255, 0.6); margin: 0px; max-width: 400px; line-height: 1.5; }
.my-sect-panel .sect-stats-row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; width: 100%; margin-top: 8px; }
.my-sect-panel .sect-stat-card { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 20px; background: rgba(255, 255, 255, 0.05); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.08); min-width: 100px; transition: 0.3s; }
.my-sect-panel .sect-stat-card:hover { background: rgba(255, 255, 255, 0.08); transform: translateY(-2px); }
.my-sect-panel .sect-stat-card .stat-value { font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); }
.my-sect-panel .sect-stat-card .stat-label { font-size: 11px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0.5px; display: flex; align-items: center; gap: 4px; }
.my-sect-panel .sect-stat-card .stat-label svg { font-size: 10px; }
.my-sect-panel .sect-stat-card.stat-members .stat-value { color: rgb(59, 130, 246); }
.my-sect-panel .sect-stat-card.stat-exp .stat-value { color: rgb(245, 158, 11); }
.my-sect-panel .my-member-info { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 16px 24px; background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(59, 130, 246, 0.1)); border-radius: 16px; border: 1px solid rgba(139, 92, 246, 0.2); margin-top: 12px; position: relative; overflow: hidden; }
.my-sect-panel .my-member-info::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgb(139, 92, 246), rgb(59, 130, 246)); }
.my-sect-panel .my-member-info .info-label { font-size: 10px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 1px; }
.my-sect-panel .my-rank { font-weight: 700; font-size: 18px; text-shadow: currentcolor 0px 2px 10px; }
.my-sect-panel .my-contribution { font-size: 13px; color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; gap: 6px; }
.my-sect-panel .my-contribution svg { color: rgb(245, 158, 11); }
.my-sect-panel .sect-announcement { padding: 12px; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; margin-bottom: 16px; font-size: 13px; color: rgb(245, 158, 11); }
.my-sect-panel .sect-tabs { display: flex; gap: 0px; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; border-bottom: 2px solid rgba(255, 255, 255, 0.1); padding-bottom: 0px; overflow-x: auto; scrollbar-width: none; }
.my-sect-panel .sect-tabs::-webkit-scrollbar { display: none; }
.my-sect-panel .sect-tabs button { display: flex; align-items: center; gap: 8px; padding: 12px 16px; background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid transparent; margin-bottom: -2px; color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: 0.3s; border-radius: 0px; font-size: 14px; font-weight: 500; position: relative; white-space: nowrap; flex-shrink: 0; }
.my-sect-panel .sect-tabs button svg { font-size: 16px; }
.my-sect-panel .sect-tabs button:hover { background: transparent; color: rgba(255, 255, 255, 0.8); }
.my-sect-panel .sect-tabs button.active { background: transparent; color: var(--primary-color,#e50914); border-bottom-color: var(--primary-color,#e50914); }
.my-sect-panel .sect-tabs button.active svg { color: var(--primary-color,#e50914); }
@media (max-width: 576px) {
  .my-sect-panel .sect-tabs { margin-left: -12px; margin-right: -12px; padding-left: 12px; padding-right: 12px; }
  .my-sect-panel .sect-tabs button { padding: 10px 14px; font-size: 13px; gap: 6px; }
  .my-sect-panel .sect-tabs button svg { font-size: 14px; }
}
.my-sect-panel .sect-actions { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.sect-member-list .member-list-header { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: rgb(168, 85, 247); margin-bottom: 12px; }
.sect-member-list .member-list-content { display: flex; flex-direction: column; gap: 8px; max-height: 400px; overflow-y: auto; }
.sect-member-list .member-item { display: flex; align-items: center; gap: 12px; padding: 10px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; transition: 0.3s; }
.sect-member-list .member-item:hover { background: rgba(0, 0, 0, 0.3); }
.sect-member-list .member-item.current-user { border: 1px solid rgba(59, 130, 246, 0.3); background: rgba(59, 130, 246, 0.1); }
.sect-member-list .member-avatar { position: relative; }
.sect-member-list .member-avatar img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.sect-member-list .member-avatar .level-badge { position: absolute; bottom: -4px; right: -4px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); }
.sect-member-list .member-info { flex: 1 1 0%; }
.sect-member-list .member-name-row { display: flex; align-items: center; gap: 6px; }
.sect-member-list .member-name { font-weight: 500; color: rgb(255, 255, 255); }
.sect-member-list .founder-icon { color: rgb(255, 215, 0); font-size: 14px; }
.sect-member-list .member-details { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.sect-member-list .member-details .separator { color: rgba(255, 255, 255, 0.3); }
.sect-member-list .member-actions { display: flex; align-items: center; gap: 8px; }
.sect-member-list .rank-select { padding: 6px 10px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: rgb(255, 255, 255); font-size: 12px; cursor: pointer; transition: 0.2s; }
.sect-member-list .rank-select:hover { border-color: rgba(59, 130, 246, 0.5); }
.sect-member-list .rank-select:focus { outline: none; border-color: rgb(59, 130, 246); }
.sect-member-list .rank-select option { background: rgb(30, 41, 59); color: rgb(255, 255, 255); }
.sect-member-list .action-btn { width: 28px; height: 28px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; font-size: 12px; }
.sect-member-list .action-btn.kick { background: rgba(239, 68, 68, 0.2); color: rgb(239, 68, 68); }
.sect-member-list .action-btn.kick:hover { background: rgba(239, 68, 68, 0.4); }
.sect-applications { display: flex; flex-direction: column; gap: 12px; }
.applications-empty { text-align: center; padding: 30px; color: rgba(255, 255, 255, 0.6); }
.applications-empty .empty-icon { font-size: 36px; margin-bottom: 12px; opacity: 0.5; }
.application-item { padding: 12px; background: rgba(0, 0, 0, 0.2); border-radius: 8px; }
.application-item .app-user { display: flex; gap: 12px; margin-bottom: 10px; }
.application-item .app-avatar { position: relative; }
.application-item .app-avatar img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
.application-item .app-avatar .level-badge { position: absolute; bottom: -4px; right: -4px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); }
.application-item .app-info { flex: 1 1 0%; }
.application-item .app-name { font-weight: 500; color: rgb(255, 255, 255); }
.application-item .app-realm { font-size: 12px; }
.application-item .app-time { font-size: 11px; color: rgba(255, 255, 255, 0.5); }
.application-item .app-message { padding: 8px 12px; background: rgba(0, 0, 0, 0.2); border-radius: 6px; margin-bottom: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.8); }
.application-item .app-actions { display: flex; gap: 8px; }
.application-item .approve-btn, .application-item .reject-btn { display: flex; align-items: center; gap: 5px; padding: 6px 12px; border: none; border-radius: 6px; cursor: pointer; font-size: 12px; transition: 0.3s; }
.application-item .approve-btn { background: rgba(34, 197, 94, 0.2); color: rgb(34, 197, 94); }
.application-item .approve-btn:hover:not(:disabled) { background: rgba(34, 197, 94, 0.4); }
.application-item .reject-btn { background: rgba(239, 68, 68, 0.2); color: rgb(239, 68, 68); }
.application-item .reject-btn:hover:not(:disabled) { background: rgba(239, 68, 68, 0.4); }
.modal-overlay { position: fixed; inset: 0px; background: rgb(0, 0, 0); display: flex; align-items: center; justify-content: center; z-index: 99999; padding: 20px; isolation: isolate; }
.create-sect-modal { background: linear-gradient(rgb(30, 41, 59), rgb(15, 23, 42)); border-radius: 20px; width: 100%; max-width: 500px; max-height: 90vh; overflow-y: auto; border: 1px solid rgba(59, 130, 246, 0.2); box-shadow: rgba(0, 0, 0, 0.5) 0px 25px 50px -12px; }
.create-sect-modal .modal-header { display: flex; align-items: center; gap: 14px; padding: 20px 24px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(168, 85, 247, 0.05)); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.create-sect-modal .modal-icon { display: none; }
.create-sect-modal .modal-header h3 { flex: 1 1 0%; margin: 0px; font-size: 20px; font-weight: 700; background: linear-gradient(135deg, rgb(255, 255, 255), rgb(148, 163, 184)) text; -webkit-text-fill-color: transparent; }
.create-sect-modal .close-btn { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; color: rgba(255, 255, 255, 0.6); cursor: pointer; font-size: 16px; transition: 0.2s; }
.create-sect-modal .close-btn:hover { background: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.3); color: rgb(239, 68, 68); }
.create-sect-modal form { padding: 20px; }
.create-sect-modal .form-error { padding: 10px; background: rgba(239, 68, 68, 0.2); border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 6px; color: rgb(239, 68, 68); margin-bottom: 16px; font-size: 13px; }
.create-sect-modal .form-group { margin-bottom: 16px; }
.create-sect-modal .form-group label { display: block; margin-bottom: 6px; font-size: 14px; color: rgba(255, 255, 255, 0.8); }
.create-sect-modal .form-group input, .create-sect-modal .form-group textarea { width: 100%; padding: 10px 12px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: rgb(255, 255, 255); font-size: 14px; transition: border-color 0.3s; }
.create-sect-modal .form-group input:focus, .create-sect-modal .form-group textarea:focus { outline: none; border-color: rgb(59, 130, 246); }
.create-sect-modal .form-group small { display: block; margin-top: 4px; font-size: 11px; color: rgba(255, 255, 255, 0.5); }
.create-sect-modal .linh-can-options { display: flex; flex-wrap: wrap; gap: 10px; }
.create-sect-modal .linh-can-btn { padding: 8px 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; color: rgba(255, 255, 255, 0.7); font-size: 13px; cursor: pointer; transition: 0.2s; }
.create-sect-modal .linh-can-btn:hover { background: rgba(254, 207, 89, 0.1); border-color: rgba(254, 207, 89, 0.4); color: rgb(254, 207, 89); }
.create-sect-modal .linh-can-btn.selected { background: linear-gradient(135deg, rgba(254, 207, 89, 0.2), rgba(245, 158, 11, 0.2)); border-color: rgb(254, 207, 89); color: rgb(254, 207, 89); box-shadow: rgba(254, 207, 89, 0.3) 0px 0px 10px; }
.create-sect-modal .form-actions { display: flex; gap: 12px; justify-content: flex-end; margin-top: 20px; }
.create-sect-modal .form-actions .btn { padding: 10px 24px; }
@media (max-width: 768px) {
  .sect-grid { grid-template-columns: 1fr; }
  .my-sect-panel .sect-header-info { flex-direction: column; align-items: center; text-align: center; }
  .my-sect-panel .my-member-info { align-items: center; }
  .sect-leaderboard .leaderboard-item { flex-wrap: wrap; }
  .sect-leaderboard .item-stats { width: 100%; justify-content: center; margin-top: 8px; }
}
.sect-elections { padding: 16px; }
.sect-elections-loading { display: flex; justify-content: center; padding: 40px; }
.sect-elections .election-create-actions { margin-bottom: 24px; padding: 16px; background: rgba(254, 207, 89, 0.1); border-radius: 12px; border: 1px solid rgba(254, 207, 89, 0.2); }
.sect-elections .election-create-actions h4 { margin: 0px 0px 12px; font-size: 14px; color: rgb(254, 207, 89); }
.sect-elections .create-buttons { display: flex; gap: 12px; flex-wrap: wrap; }
.sect-elections .election-note { margin-top: 12px; font-size: 12px; color: rgba(255, 255, 255, 0.5); }
.sect-elections .no-elections { text-align: center; padding: 40px 20px; color: rgba(255, 255, 255, 0.5); }
.sect-elections .no-elections .empty-icon { font-size: 48px; margin-bottom: 12px; opacity: 0.5; }
.sect-elections .elections-list { display: flex; flex-direction: column; gap: 20px; }
.sect-elections .election-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 16px; }
.sect-elections .election-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.sect-elections .election-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: rgb(254, 207, 89); }
.sect-elections .election-icon { font-size: 20px; }
.sect-elections .election-meta { font-size: 13px; color: rgba(255, 255, 255, 0.6); }
.sect-elections .election-candidates h5, .sect-elections .election-voting h5 { margin: 0px 0px 12px; font-size: 13px; color: rgba(255, 255, 255, 0.7); font-weight: 500; }
.sect-elections .no-candidates, .sect-elections .no-votes { font-size: 13px; color: rgba(255, 255, 255, 0.4); font-style: italic; }
.sect-elections .candidate-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: rgba(255, 255, 255, 0.02); border-radius: 8px; margin-bottom: 8px; }
.sect-elections .candidate-row.voted { background: rgba(254, 207, 89, 0.1); border: 1px solid rgba(254, 207, 89, 0.3); }
.sect-elections .candidate-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.sect-elections .candidate-name { flex: 1 1 0%; font-size: 14px; color: rgba(255, 255, 255, 0.9); }
.sect-elections .vote-count { display: flex; align-items: center; gap: 6px; font-size: 13px; color: rgb(254, 207, 89); }
.sect-elections .your-vote { display: flex; align-items: center; gap: 4px; font-size: 12px; color: rgb(34, 197, 94); padding: 4px 8px; background: rgba(34, 197, 94, 0.1); border-radius: 20px; }
.sect-elections .election-voting { margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sect-elections .voting-candidates { display: flex; flex-wrap: wrap; gap: 10px; }
.sect-elections .vote-btn { display: flex; align-items: center; gap: 8px; padding: 8px 16px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 25px; color: rgba(255, 255, 255, 0.8); cursor: pointer; transition: 0.2s; font-size: 13px; }
.sect-elections .vote-btn:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); }
.sect-elections .vote-btn.selected { background: rgba(254, 207, 89, 0.2); border-color: rgb(254, 207, 89); color: rgb(254, 207, 89); }
.sect-elections .vote-btn img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.sect-elections .vote-btn .check { color: rgb(34, 197, 94); }
.sect-elections .election-actions { display: flex; gap: 12px; margin-top: 20px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
.sspp-area { position: relative; width: 100%; z-index: 100; }
.sspp-area.is-wide { max-width: 100%; width: 100%; }
.sspp-area.is-wide.is-catfish-top { top: 0px; }
.sspp-area.is-wide.is-catfish, .sspp-area.is-wide.is-catfish-top { position: fixed; left: 0px; right: 0px; text-align: center; padding: 0px; flex-direction: column; z-index: 15; }
.sspp-area.is-wide.is-catfish { bottom: 0px; }
.sspp-area, .sspp-area .display-single { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sspp-area .display-single { width: 100%; height: 100%; }
.sspp-area.is-wide .display-single.is-demo { max-width: 900px; }
.sspp-area .display-single .is-image { display: block; border: 1px solid rgb(255, 255, 255); width: 100%; }
.sspp-area .display-single .is-image img { width: 100%; height: 100%; object-fit: cover; }
.sspp-area { z-index: 8; gap: 4px; }
.sspp-area.is-square-400 .display-single { max-width: 400px; }
.sspp-area.is-wide { padding: 0px 1rem; }
.sspp-area .close-it { position: absolute; top: 0.5rem; right: 0.5rem; z-index: 5; cursor: pointer; opacity: 0.5; display: flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.3rem; background-color: rgba(0, 0, 0, 0.4); backdrop-filter: blur(10px); color: rgb(255, 255, 255); font-size: 12px; text-shadow: rgba(0, 0, 0, 0.133) 0px 0px 4px; line-height: 1; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 5px 5px; border-radius: 0.4rem; }
.sspp-area .close-it:hover { opacity: 1; }
.sspp-area.is-3x2 { max-width: 300px; margin: 20px auto; }
.sspp-area.is-square-400 { max-width: 400px; margin: 0px auto; }
.sspp-modal { z-index: 1060 !important; }
.sspp-modal .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
.sspp-modal .modal-content { background: transparent; border: none; }
.sspp-modal .sspp-area.is-square-400, .sspp-modal .sspp-area.is-square-400 .display-single { max-width: 100%; }
.sspp-modal .sspp-area .is-image img { width: 100%; height: auto; }
body.has-catfish-top { padding-top: 110px; }
body.has-catfish-bottom { padding-bottom: 110px; }
@media (max-width: 768px) {
  .sspp-area.is-catfish, .sspp-area.is-catfish-top { display: block; min-height: 40px; }
  .sspp-area .is-image img { max-height: 60px; }
  .sspp-modal .modal-dialog { max-width: 90%; margin: 1rem auto; }
  .sspp-modal .sspp-area .is-image img { max-height: none; width: 100%; height: auto; }
}


@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
:root { --bg-color: #191B24; --text-base: #aaa; --primary-color: #FFD875; --primary-color-hover: #FFDE8A; --primary-button-text: #191B24; --primary-text: #FFD875; --top-bg-default: #202331; --border-color: #ffffff10; --bg-2: #282B3A; --bg-3: #2F3346; --bg-4: #3E435C; --bg-5: #535D8E; --footer-bg: #0F111A; --shadow-large: 0 0 20px 20px rgba(0,0,0,.1); --h-shadow: 0 2px 3px rgba(0,0,0,.4); --category-name: #fff; --padding-base: 40px; --bs-border-color: rgba(0,0,0,.3); --Toastify__progress-bar--error: #f85f5f !important; --toastify-icon-color-error: #f85f5f !important; }
html { scroll-behavior: smooth; }
body, html { position: relative; min-height: 100vh; }
body { background: var(--bg-color); color: var(--text-base); font-size: 14px; line-height: 1.6; font-weight: 400; padding: 0px; margin: 0px; text-size-adjust: none; }
a { cursor: pointer; color: rgb(255, 255, 255); text-decoration: none !important; }
a:hover { color: var(--primary-text); }
.heading-xl { font-size: 2.4em; font-weight: 600; line-height: 1.5; margin-bottom: 1rem; color: rgb(255, 255, 255); }
.heading-md { font-size: 1.8em; }
.heading-md, .heading-sm { font-weight: 600; line-height: 1.5; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.heading-sm { font-size: 1.4em; }
.heading-xs { font-size: 1.1em; font-weight: 600; line-height: 1.5; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
.button-play, .primary-gradient, .w-chart .number { background: linear-gradient(39deg, rgb(254, 207, 89), rgb(255, 241, 204)); }
.button-play, .primary-gradient { color: var(--primary-button-text) !important; }
.button-play { box-shadow: rgba(255, 218, 125, 0.1) 0px 5px 10px 5px; }
.button-play:hover { box-shadow: rgba(255, 218, 125, 0.15) 0px 5px 10px 10px; }
button { background-color: transparent; outline: none; border: none; }
.btn { font-size: 14px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.5rem 1.1rem; border-radius: 0.4rem; opacity: 1; min-height: 40px; }
.btn:hover { opacity: 0.9; }
.btn.btn-block { width: 100%; }
.btn.btn-circle { width: 30px; height: 30px; padding: 0.4rem; border-radius: 3rem; min-height: auto !important; }
.btn i { font-size: 0.9em; }
.btn span { white-space: nowrap; }
.btn .inc-icon { width: 14px; height: 14px; flex-shrink: 0; }
.btn-sm { font-size: 12px; gap: 0.4rem; padding: 0.3rem 0.7rem; border-radius: 0.3rem; min-height: 30px; }
.btn-sm .inc-icon { width: 12px; height: 12px; }
.btn-xs { font-size: 11px; gap: 0.3rem; padding: 0.2rem 0.5rem; border-radius: 0.2rem; min-height: 26px; }
.btn-xs .inc-icon { width: 10px; height: 10px; }
.btn-lg { font-size: 16px; gap: 0.6rem; padding: 0.7rem 1.5rem; border-radius: 0.5rem; min-height: 50px; }
.btn-lg.btn-circle { width: 50px; height: 50px; padding: 0.7rem; border-radius: 3rem; }
.btn-lg .inc-icon { width: 16px; height: 16px; }
.btn-xl { font-size: 18px; gap: 1rem; padding: 0.95rem 2rem; border-radius: 0.6rem; min-height: 60px; }
.btn-xl.btn-circle { width: 60px; padding: 0.7rem; border-radius: 3rem; }
.btn-xl .inc-icon { width: 18px; height: 18px; }
.btn-primary { background-color: var(--primary-color) !important; color: var(--primary-button-text) !important; border-color: var(--primary-color) !important; }
.btn-secondary { background-color: var(--bg-3) !important; color: rgb(255, 255, 255) !important; border-color: var(--bg-3) !important; }
.btn-light { background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; }
.btn-outline { border-color: rgba(255, 255, 255, 0.5) !important; }
.btn-basic, .btn-outline { background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.btn-basic { border-color: transparent !important; }
.btn-rounded { border-radius: 2rem; }
.o-style { list-style: none; }
.small-text { font-size: 0.9em !important; }
.text-base { color: var(--text-base) !important; }
.base-hover:hover { color: rgb(255, 255, 255) !important; }
.lim-1, .lim-2, .lim-3, .name-short { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal !important; }
.lim-1 { -webkit-line-clamp: 1; }
.lim-2 { -webkit-line-clamp: 2; }
.lim-3 { -webkit-line-clamp: 3; }
.name-cut, .text-cut { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.inc-icon { width: 16px; height: 16px; flex-shrink: 0; font-size: 0px !important; line-height: 0 !important; }
.inc-icon img, .inc-icon svg { width: 100% !important; height: 100% !important; }
.icon-20 { width: 20px !important; height: 20px !important; }
.icon-16 { width: 16px !important; height: 16px !important; }
.icon-14 { width: 14px; height: 14px; }
.icon-12 { width: 12px; height: 12px; }
.inter-icon { background-image: url("/images/interface.png"); background-size: 400px 400px; width: 16px; height: 16px; display: inline-block; }
.icon-trans1 { background-position: 0px 0px; }
.icon-trans2 { background-position: -16px 0px; }
.icon-trans3 { background-position: -32px 0px; }
.size-14 { font-size: 14px !important; line-height: 1; }
.size-16 { font-size: 16px !important; line-height: 1; }
.size-20 { font-size: 20px !important; line-height: 1; }
.primary-text, .text-primary { color: var(--primary-text) !important; }
.line-center { display: inline-flex; align-items: center; gap: 0.5rem; }
.antiselect, .app-download-button, .d-item .spoil-toggle, .dm-bar .item, .player-control *, .reason-list .h-item, .sound-cover, .v-actor, .v-thumbnail, .v-toggle { user-select: none; }
#totop, .button-play, .cat-more .line-center, .d-item .text, .de-type .item, .item-focus.is-on, .menu-toggle .icon-menu *, .pin-trans .line-center, .search-toggle .icon-search *, .shoutbox, .sound-cover, .toggle-x *, .top-slide-small .swiper-slide, .top-up .sw-item .v-thumbnail img, .topic-item .inc-icon, .topics-grid .row-topic, .topics-line .topic-item, .transition, header { transition: 0.3s; }
.v-thumbnail { width: 100%; padding-bottom: 150%; height: 0px; position: relative; border-radius: 0.5rem; overflow: hidden; display: block; background-color: var(--bg-3); }
.cover-fade .cover-image img, .gallery-row .item img, .object-fit img, .sound-cover img, .user-avatar img, .v-actor img, .v-thumbnail img { position: absolute; width: 100%; height: 100%; inset: 0px; object-fit: cover; }
.v-thumbnail.v-thumbnail-hoz { padding-bottom: 45%; }
.v-thumb-s { width: 50px; flex-shrink: 0; }
.v-thumb-m { width: 80px; flex-shrink: 0; }
.v-thumb-l { width: 120px; flex-shrink: 0; }
.v-thumb-s .v-thumbnail { border-radius: 0.2rem; }
.sound-cover, .user-avatar, .v-actor { width: 50px; height: 50px; border-radius: 50%; flex-shrink: 0; overflow: hidden; position: relative; background-color: var(--bg-2); }
.sound-cover:hover img, .user-avatar:hover img, .v-actor:hover img { opacity: 0.8; }
.user-avatar.square { border-radius: 0.75rem; }
.user-avatar.medium { width: 80px; height: 80px; }
.user-avatar.large { width: 120px; height: 120px; }
.sound-cover { border-radius: 0.3rem; }
.item-sound.active .sound-cover { border-radius: 50%; }
.item-sound.active .sound-cover::after { content: ""; position: absolute; width: 35%; height: 35%; border-radius: 3rem; background-color: var(--bg-color); top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }
.v-actor-medium { width: 80px; height: 80px; }
.v-actor-large { width: 110px; height: 110px; }
.item-title { color: rgb(255, 255, 255); font-size: 1em; margin-bottom: 0.5rem; }
.alias-title, .item-title { font-weight: 400; line-height: 1.5; }
.alias-title { color: var(--text-base); font-size: 0.9em; margin-bottom: 0px; }
.info-line { display: block; }
.info-line .tag-small { font-size: 0.9em; color: var(--text-base); white-space: nowrap; margin-right: 0.6rem; display: inline; }
.info .info-line .tag-small:last-of-type { margin-right: 0px; }
.wrap-tip { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.modal-backdrop { background-color: rgb(19, 23, 39); }
.modal-backdrop.show { opacity: 0.95; }
#app { width: 100%; min-height: 100vh; overflow-x: hidden; }
.container { width: 100%; max-width: 1900px; padding: 0px 50px; }
#wrapper { padding-bottom: 10rem; padding-top: 10rem; min-height: calc(-400px + 100vh); }
#wrapper.wrapper-w-slide { padding-top: 0px !important; }
header { display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 10; background: linear-gradient(0deg, rgba(25, 27, 36, 0), rgb(25, 27, 36)); }
header.fly { background: transparent !important; }
header.fixed { background-color: var(--footer-bg) !important; }
header.fixed .header-elements { height: 70px; }
header .header-elements { height: 90px; padding: 0px 2rem; }
.el-group, header .header-elements { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.el-group { flex-grow: 1; }
#logo, .el-group { position: relative; z-index: 3; }
#logo { flex-shrink: 0; }
#logo img { height: 46px; width: auto; }
#search { width: 100%; max-width: 23rem; }
#search, #search .search-elements { position: relative; }
#search .search-input { width: 100%; height: 2.8rem; line-height: 2rem; padding: 0.4rem 3rem; background-color: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255); font-size: 1em; border-radius: 0.4rem; outline: none !important; box-shadow: none !important; border: 1px solid transparent !important; }
#search .search-input.input-focus, #search .search-input:focus { border-color: rgb(255, 255, 255) !important; }
#search .search-input::placeholder { color: rgb(255, 255, 255) !important; }
#search .remove-icon, #search .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: rgb(255, 255, 255); flex-shrink: 0; padding: 3px; font-size: 16px; }
#search .remove-icon { left: auto; right: 0.7rem; cursor: pointer; display: none; }
.search-modal { position: absolute; z-index: 90; top: calc(100% + 5px); left: 0px; right: 0px; min-width: 360px; background-color: rgba(15, 17, 26, 0.95); backdrop-filter: blur(20px); border-radius: 0.4rem; overflow: hidden; box-shadow: var(--shadow-large); }
.search-modal .view-all { background-color: rgba(255, 255, 255, 0.063); display: block; line-height: 50px; text-align: center; }
.show-group { display: flex; flex-direction: column; padding: 20px; }
.show-group + .show-group { padding-top: 0px; }
.show-group .group-title { font-size: 0.9em; color: var(--text-base); margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: space-between; }
.show-group .group-title .remove-all { color: var(--text-base); }
.group-list { display: flex; flex-direction: column; gap: 0px; }
.h-item { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; }
.h-item .info { flex-grow: 1; }
.h-item .info .item-title { margin-bottom: 0.4rem; }
.v-item { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.v-item .info .item-title { margin-bottom: 0.4rem; }
.show-group .group-list .h-item .v-thumbnail { padding-bottom: 135%; }
.show-group .group-list .s-item { padding: 0.6rem; border-radius: 0.4rem; }
.show-group .group-list .s-item:hover { background-color: rgba(255, 255, 255, 0.02); }
.t-item { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.8rem; }
.t-item:last-of-type { margin-bottom: 0.3rem; }
.t-item .remove-log { color: var(--text-base); flex-shrink: 0; }
.t-item .item-title { flex-grow: 1; margin-bottom: 0px; }
.t-item .t-icon { flex-shrink: 0; font-size: 12px; }
#main_menu, #main_user { display: flex; align-items: center; gap: 1rem; }
#main_menu .menu-item { line-height: 36px; flex-shrink: 0; white-space: nowrap; padding: 0px 0.75rem; color: rgb(255, 255, 255); }
#main_user { gap: 1rem; }
#main_menu .menu-item-sub .dropdown-item { padding: 0.3rem 1.2rem; line-height: 32px; }
#main_menu .menu-item-sub .dropdown-item:hover { color: var(--primary-text); }
#main_menu .menu-item a { display: flex; align-items: center; }
#main_menu .menu-item span.new::before { content: "NEW"; }
#main_menu .menu-item span.new { font-weight: 500; padding: 2px 2.5px; line-height: 1; background-color: var(--primary-color); border-radius: 3px; color: rgb(0, 0, 0); font-size: 10px !important; }
#main_user .button-user { font-size: 1em; padding: 0.6rem 1.4rem; border-radius: 3rem; border: 1px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); opacity: 0.9; font-weight: 500; white-space: nowrap; min-width: 145px; text-align: center; }
#main_user .button-user.button-login { background-color: rgb(255, 255, 255); color: var(--primary-button-text); }
#main_user .button-user:hover { opacity: 1; }
#main_user .header-user { padding: 0.3rem 0.6rem; color: rgb(255, 255, 255); display: flex; align-items: center; }
#main_user .header-user .user-avatar { width: 42px; height: 42px; border: 2px solid rgb(255, 255, 255); }
#main_user .btn-bell { font-size: 16px; width: 40px; height: 40px; padding: 0px; position: relative; }
.noti-number { position: absolute; top: -6px; left: 55%; line-height: 1; padding: 0.3rem 0.43rem; font-size: 12px; font-weight: 500; background-color: rgb(25, 27, 36); color: var(--primary-text); border-radius: 12px; }
.user-dropdown { max-width: 320px; min-width: 200px; }
.user-dropdown .dropdown-item .line-center { width: 100%; gap: 0.75rem; }
.user-dropdown .dropdown-item .line-center span { flex-grow: 1; }
.user-dropdown .dropdown-item .line-center .number { opacity: 0.5; }
.app-download { flex-shrink: 0; padding-right: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.267); position: relative; }
.app-download-button { height: 44px; padding: 0px 1.2rem; display: flex; justify-content: center; align-items: center; gap: 0.75rem; cursor: pointer; }
.app-download-button > .inc-icon { width: 36px; height: 36px; color: var(--primary-color); }
.app-download .text { display: flex; flex-direction: column; gap: 0.3rem; font-size: 12px; line-height: 1.1; }
.app-download .text strong { font-size: 14px; }
.app-download .app-download-menu { border-radius: 1rem; padding: 1rem; box-shadow: rgba(0, 0, 0, 0.067) 0px 10px 10px 3px; margin-top: 0.4rem !important; }
.app-download .app-download-menu .adm-title { font-size: 13px; line-height: 1.4; }
.app-box { flex-direction: column; display: flex; gap: 1rem; align-items: center; justify-content: space-between; }
.app-box .device-item { padding: 0.4rem 0.5rem; font-size: 0px; flex: 1 1 0%; color: rgb(0, 0, 0); white-space: nowrap; border-radius: 0.4rem; border: 1px solid rgb(204, 209, 231); position: relative; }
.app-box .device-item:hover { border-color: rgb(0, 0, 0); }
.app-box .device-item .line-center { gap: 0.4rem; justify-content: center; }
.app-box .device-item span { font-size: 13px; line-height: 1.1; font-weight: 500; }
.app-box .device-item .inc-icon { width: 20px; height: 20px; }
.app-box .device-item.coming { border-color: rgb(204, 209, 231) !important; background-color: rgba(204, 209, 231, 0.314) !important; }
.app-box .device-item.coming .line-center { opacity: 0.5; }
.app-box .device-item.coming::before { content: "Sắp ra mắt"; position: absolute; top: -10px; right: -1px; padding: 5px; font-size: 10px; line-height: 1; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-radius: 0.3rem; }
.app-box .appicon { flex-shrink: 0; display: flex; align-items: center; gap: 1rem; }
.app-box .appicon img { width: 50px; height: auto; border-radius: 0.5rem; }
.app-box .flex-item { display: flex; width: 100%; justify-content: space-between; flex-direction: row; flex-grow: 1; gap: 8px; }
.header-elements .for-mobile { cursor: pointer; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 0.4rem; flex-shrink: 0; display: none; font-size: 16px; color: rgb(255, 255, 255); }
.icon-menu { width: 20px; height: 20px; position: relative; padding: 3px 0px; }
.icon-menu span { width: 100%; height: 2px; background-color: rgb(255, 255, 255); display: block; }
.icon-menu span + span { margin-top: 4px; }
.icon-menu span:nth-child(2) { width: 70%; }
.menu-toggle.toggled .icon-menu span { position: absolute; transform: rotate(45deg); top: 9px; margin: 0px; background-color: rgb(255, 108, 93); }
.menu-toggle.toggled .icon-menu span:nth-child(3) { transform: rotate(-45deg); }
.menu-toggle.toggled .icon-menu span:nth-child(2) { opacity: 0; }
.search-toggle .icon-search { width: 20px; height: 20px; line-height: 20px; text-align: center; position: relative; }
.search-toggle.toggled .icon-search i { opacity: 0; }
.search-toggle .icon-search span { width: 100%; height: 2px; background-color: rgb(255, 255, 255); position: absolute; top: 0px; left: 0px; opacity: 0; }
.search-toggle .icon-search span:nth-child(2) { top: 18px; }
.search-toggle.toggled .icon-search span { background-color: rgb(255, 108, 93); transform: rotate(45deg); opacity: 1; left: 0px; top: 9px !important; }
.search-toggle.toggled .icon-search span:nth-child(2) { transform: rotate(-45deg); }
.top-slide-main, .top-slide-wrap { position: relative; }
.top-slide-main { width: 100%; margin-bottom: -120px; height: 860px; background-color: var(--top-bg-default); overflow: hidden; }
.top-detail-wrap::after, .top-slide-main::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 200px; z-index: 3; background: linear-gradient(0deg, rgb(25, 27, 36), rgba(25, 27, 36, 0)); }
.top-slide-main .cover-fade { height: calc(100% - 60px) !important; }
.top-slide-main .safe-area { height: calc(100% - 100px) !important; }
.top-slide-wrap .swiper-slide-active .cover-fade { animation: 0.5s ease 0s 1 normal forwards running cover-fade; }
.top-slide-wrap .swiper-slide-active .cover-image { animation: 1s ease 0s 1 normal forwards running hide-show; }
.top-slide-wrap .swiper-slide-active .slide-content { animation: 0.5s ease 0s 1 normal forwards running slide-content; }
.big-slide-wrapper .top-slide-main { border-radius: 1.2rem; }
.auto-hide { animation: 30s ease 0s 1 normal forwards running auto-hide; }
@keyframes cover-fade { 
  0% { transform: translateX(-45%); opacity: 0; }
  100% { transform: translateX(-50%); opacity: 1; }
}
@keyframes hide-show { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slide-content { 
  0% { transform: translateX(-50px); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes auto-hide { 
  0% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}
.slide-elements { position: absolute; inset: 0px; width: 100%; height: 100%; background-color: var(--top-bg-default); }
.slide-elements::before, .top-detail-wrap::before { content: ""; position: absolute; inset: 0px; background-image: url("/images/dotted.png"); background-repeat: repeat; opacity: 0.2; z-index: 1; }
.slide-elements .cover-fade, .top-detail-wrap .cover-fade { width: 100%; max-width: 1900px; height: 100%; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); mask-image: linear-gradient(0deg, transparent, black 20%, black 80%, transparent); }
.slide-elements .cover-fade .cover-image { width: 100%; height: 100%; display: block; position: relative; mask-image: linear-gradient(90deg, transparent 10px, rgba(0, 0, 0, 0.2) 15%, black 40%, black 80%, transparent 99%); }
.slide-elements .background-fade, .top-detail-wrap .background-fade { width: 100%; height: 100%; position: absolute; inset: 0px; background-position: 50% center; background-size: cover; filter: blur(80px); opacity: 0.2; }
.slide-elements .safe-area { cursor: grab; width: 100%; height: 100%; max-width: 1900px; margin: 0px auto; overflow: hidden; z-index: 2; position: relative; display: flex; align-items: flex-end; }
.slide-elements .safe-area:active { cursor: grabbing; }
.slide-elements .hl-tags .tag-classic:nth-child(n+7), .slide-elements .hl-tags .tag-topic:nth-child(n+7), .slide-url { display: none; }
.backdrop-video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 3; display: none; }
.swiper-slide-active .backdrop-video { display: block; }
.top-slide-wrap .sound-mute { position: absolute; bottom: 280px; right: calc(50% - 900px); z-index: 3; }
.top-slide-wrap .sound-mute i { font-size: 1em; }
.top-slide-wrap .top-slide-small { position: absolute; bottom: 212px; right: calc(50% - 900px); width: 450px !important; }
.top-slide-wrap .top-slide-small .swiper-slide { width: 65px; height: 45px; cursor: pointer; position: relative; border: 3px solid transparent; }
.top-slide-wrap .top-slide-small .swiper-slide:hover { border-color: rgb(255, 255, 255) !important; }
.top-slide-wrap .top-slide-small .swiper-slide img { object-fit: cover; background-color: var(--bg-2); width: 100% !important; height: 100% !important; }
.top-slide-wrap .top-slide-small .swiper-slide.swiper-slide-thumb-active { border-color: rgb(255, 255, 255) !important; }
.slide-content { position: relative; z-index: 5; max-width: 700px; width: 100%; padding: 100px 50px; }
.slide-content .media-title { font-size: 3em; line-height: 1.5; margin-bottom: 0.5rem; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 1px; color: rgb(255, 255, 255); }
.slide-content .media-title-image { margin-bottom: 1rem; }
.slide-content .media-title-image img { max-width: 500px; max-height: 130px; }
.slide-content .media-alias-title { font-size: 1.1em; font-weight: 300; margin-bottom: 1rem; }
.slide-content .media-alias-title a { color: var(--primary-text); }
.slide-content .description { font-size: 1em; line-height: 1.6; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; font-weight: 400; margin-bottom: 2rem; }
.slide-content .touch { display: flex; align-items: center; gap: 2rem; }
.slide-content .touch .button-play { width: 70px; height: 70px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; opacity: 0.95; color: var(--primary-button-text) !important; }
.slide-content .touch .button-play i { font-size: 28px; position: relative; left: 2px; }
.slide-content .touch .button-play:hover { opacity: 1; }
.slide-content .touch-group { display: inline-flex; align-items: center; border: 2px solid var(--border-color); border-radius: 30px; overflow: hidden; }
.slide-content .touch-group:hover { border-color: rgb(255, 255, 255) !important; }
.slide-content .touch-group .item { height: 50px; min-width: 68px; display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 0px 0.2rem; gap: 0.3rem; position: relative; }
.slide-content .touch-group .item:first-of-type { padding-left: 0.4rem; }
.slide-content .touch-group .item:last-of-type { padding-right: 0.4rem; }
.slide-content .touch-group .item span { display: none; white-space: nowrap; height: 0px; font-size: 10px; line-height: 1; }
.slide-content .touch-group .item.active .icon-20 { color: var(--primary-text) !important; }
.slide-content .touch-group .item:hover span { display: block; height: auto; }
.slide-content .touch-group .item:hover { background-color: rgba(255, 255, 255, 0.02); width: auto; }
.slide-content .touch-group .item + .item { border-left: 2px solid var(--border-color); }
.hl-tags { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 0.6rem; margin-bottom: 0.75rem; }
.tag-model { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-weight: 500; display: flex; overflow: hidden; cursor: default; line-height: 26px; padding: 0px 0.5rem; flex-shrink: 0; }
.tag-classic, .tag-model, .tag-topic { border-radius: 0.33rem; align-items: center; font-size: 12px; }
.tag-classic, .tag-topic { background-color: rgba(255, 255, 255, 0.063); height: 26px; padding: 0px 0.4rem; color: rgb(255, 255, 255); display: inline-flex; }
.tag-classic { border: 1px solid rgb(255, 255, 255); }
.tag-imdb { background-color: transparent; border: 1px solid rgb(240, 210, 92); border-radius: 0.33rem; color: rgb(255, 255, 255); font-weight: 500; cursor: default; line-height: 24px; font-size: 12px; padding: 0px 0.4rem; flex-shrink: 0; display: inline-flex; align-items: center; }
.tag-imdb::before { content: "IMDb"; color: rgb(240, 210, 92); position: relative; font-weight: 500; padding-right: 4px; font-size: 10px; line-height: 1; }
#wrapper.wrapper-w-slide { position: relative; z-index: 9; }
.fluid-gap { display: flex; flex-direction: column; gap: 50px; }
.cards-row { position: relative; }
.cards-row.wide { max-width: 1900px; }
.cards-row.fixed, .cards-row.wide { width: 100%; padding: 0px 50px; margin: 0px auto; }
.cards-row.fixed { max-width: 1300px; }
.cards-row .row-header { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; position: relative; min-height: 44px; margin-bottom: 1.2rem; }
.cards-row .row-header .inc-icon { width: 32px; height: 32px; }
.cards-row .row-header .category-name { font-size: 2em; line-height: 1.4; font-weight: 600; margin: 0px; color: var(--category-name); text-shadow: rgba(0, 0, 0, 0.3) 0px 2px 1px; }
.topics-line { display: flex; flex-flow: row; gap: 0.5rem; margin: 0px -16px; padding: 0px 16px; overflow: auto; scrollbar-width: none; }
.topics-line .row-topic { border-radius: 0.75rem 1.5rem; }
.topics-line .topic-item { display: flex; align-items: flex-end; z-index: 5; flex: 1 1 0%; gap: 1.2rem; padding: 1.2rem; min-height: 120px; border-radius: 0.6rem; color: rgb(255, 255, 255); }
.topics-line .topic-item .topic-name { font-size: 1.8em; line-height: 1.3; font-weight: 700; margin-bottom: 0px; }
.topics-line .topic-item .info { position: relative; z-index: 3; }
.cards-row.fixed.min { max-width: 960px; }
.cards-slide-wrapper { position: relative; }
.sw-navigation .sw-button { padding: 6px; color: rgb(255, 255, 255); position: absolute; z-index: 10; right: 0px; top: calc(50% - 27px); transform: translate(100%, -50%); opacity: 0.5; background-color: transparent !important; outline: none !important; border: none !important; }
.sw-navigation .sw-prev { right: auto; left: 0px; transform: translate(-100%, -50%); }
.sw-navigation .sw-button.swiper-button-disabled { display: none; }
.sw-navigation .sw-button:hover { opacity: 1; }
.sw-navigation .sw-button svg { width: 48px !important; height: 48px !important; }
.sw-item { width: 100%; display: flex; flex-direction: column; gap: 0.75rem; position: relative; }
.sw-item .v-thumbnail:hover img { opacity: 0.8; }
.sw-item .info { min-height: 42px; text-align: center; }
.sw-item .info .item-title { margin-bottom: 0px; }
.sw-cover .alias-title, .sw-item .info .alias-title { font-size: 0.9em; margin-top: 5px; }
.sw-cover .alias-title a, .sw-item .info .alias-title a { color: var(--text-base); }
.sw-item .info-v { display: flex; flex-direction: column; gap: 0.2rem; }
.sw-item .info-v .alias-title { font-size: 0.9em; color: var(--text-base); }
.sw-item .info-v .info-line > div { color: rgb(255, 255, 255); }
.sw-item .info-v.w-chart { padding-left: 66px; position: relative; text-align: left; }
.sw-item .info-v.w-chart .alias-title { margin-top: 0px; }
.sw-item .info-v.w-chart .number { position: absolute; left: 0px; top: 0px; width: 50px; line-height: 1; text-align: center; font-size: 4.2em; font-weight: 800; font-style: italic; background-clip: text; -webkit-text-fill-color: transparent; }
.v-thumbnail .pin-thumb { position: absolute; z-index: 2; left: 0px; right: 0px; top: 0px; height: 32px; display: flex; align-items: center; justify-content: flex-start; gap: 1rem; padding: 0px 0.6rem; background: linear-gradient(0deg, rgba(25, 27, 36, 0), rgba(25, 27, 36, 0.7)); }
.v-thumbnail .pin-thumb.on-bottom { top: auto; bottom: 0px; background: linear-gradient(0deg, rgba(25, 27, 36, 0.7), rgba(25, 27, 36, 0)); }
.v-thumbnail .pin-thumb > div { color: rgb(255, 255, 255); font-weight: 500; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px; font-size: 13px; }
.v-thumbnail .pin-thumb > div.e-quality { font-size: 15px; font-weight: 600; }
.v-thumbnail .pin-trans { position: absolute; bottom: 10px; right: 10px; z-index: 3; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; }
.v-thumbnail .pin-trans .line-center { background-color: rgb(255, 255, 255); justify-content: center; height: 28px; border-radius: 1rem; padding: 0px 0.3rem; min-width: 28px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px 0px; gap: 0.3rem; }
.v-thumbnail .pin-trans .line-center span { font-size: 11px; color: rgb(0, 0, 0); display: none; }
.v-thumbnail .pin-trans .line-center:hover { padding: 0px 0.5rem; }
.v-thumbnail .pin-trans .line-center:hover span { display: block; }
.v-thumbnail .pin-trans.fixed { bottom: 8px; right: 8px; }
.v-thumbnail .pin-trans.fixed .line-center { height: 24px; width: 24px !important; min-width: auto !important; padding: 0px !important; }
.v-thumbnail .pin-trans.fixed .line-center span { display: none !important; }
.v-thumbnail .pin-trans.fixed .line-center .inter-icon { transform: scale(0.8); }
.v-thumbnail .pin-top { position: absolute; right: 0px; top: 0px; line-height: 60px; width: 70px; text-align: right; padding-right: 1rem; font-size: 3.5em; font-weight: 800; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.4) 0px 2px 3px; z-index: 3; }
.pin-new { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; justify-content: space-between; align-items: stretch; border-radius: 0.3rem 0.3rem 0px 0px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 2px; }
.pin-new .line-center { flex: 1 1 0%; gap: 0.2rem; justify-content: center; padding: 0.2rem 0.5rem; font-size: 11px; font-weight: 400; background-color: rgb(94, 96, 112); color: rgb(255, 255, 255); }
.pin-new .line-center.line-lt { background-color: rgb(22, 103, 207); color: rgb(255, 255, 255); }
.pin-new .line-center.line-tm { background-color: rgb(44, 163, 93); color: rgb(255, 255, 255); }
.pin-new .line-center.line-lt span::before { content: "LT."; }
.pin-new .line-center.line-tm span::before { content: "TM."; }
.pin-new .line-center.line-pd span::before { content: "PĐ."; }
.pin-new .line-center.line-coming { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); }
.pin-remove { position: absolute; z-index: 3; top: 0.3rem; right: 0.3rem; cursor: pointer; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.063) 0px 0px 5px 5px; width: 30px; height: 30px; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; opacity: 0.7; }
.pin-remove:hover { opacity: 1; }
.pin-new2 { justify-content: flex-start; border-radius: 0.5rem 0.5rem 0px 0px; overflow: hidden; background-color: rgb(255, 255, 255); }
.pin-new2 .line-center { padding: 0.3rem 0.5rem; border-radius: 0px 0.5rem 0px 0px; overflow: hidden; background-color: transparent; }
.pin-new2 .line-center:first-of-type { position: relative; z-index: 3; }
.pin-new2 .line-center + .line-center { padding-left: 0.8rem; margin-left: -0.3rem; }
.pin-new2 .line-center.line-tm { background-color: rgb(255, 255, 255); position: relative; z-index: 2; }
.pin-quality-tag, .tag-quality { padding: 0px 0.4rem; border-radius: 0.33rem; height: 26px; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; color: rgb(0, 0, 0); background-color: rgb(255, 216, 117); background-image: linear-gradient(220deg, rgb(255, 216, 117), rgb(255, 255, 255)); }
.pin-quality-tag { position: absolute; z-index: 3; top: 0.35rem; left: 0.35rem; width: 28px; height: 28px; padding: 0px; border-radius: 50%; font-size: 13px; box-shadow: rgba(0, 0, 0, 0.333) 0px 0px 0px 2px; }
.watched-bar { width: 100%; max-width: 160px; margin: 0.8rem auto; height: 4px; position: relative; display: flex; background-color: rgba(255, 255, 255, 0.125); }
.watched-bar span { height: 100%; display: block; background-color: rgba(255, 255, 255, 0.565); }
.watched-info { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin: 0px 0px 0.5rem; font-size: 12px; }
.watched-info .w-item span { opacity: 0.4; }
.watched-info .w-item + .w-item { padding-left: 0.6rem; position: relative; }
.watched-info .w-item + .w-item::before { content: ""; width: 3px; height: 3px; display: inline-block; background-color: var(--text-base); position: absolute; left: 0px; top: 50%; margin-top: -1px; }
.top-up { margin-bottom: 20px; }
.top-up .sw-item .v-thumbnail { background-color: transparent; }
.top-up .sw-item .v-thumbnail .mask, .top-up .sw-item .v-thumbnail img { border-radius: 0px; clip-path: polygon(94.239% 100%, 5.761% 100%, 5.761% 100%, 4.826% 99.95%, 3.94% 99.803%, 3.113% 99.569%, 2.358% 99.256%, 1.687% 98.87%, 1.111% 98.421%, 0.643% 97.915%, 0.294% 97.362%, 0.075% 96.768%, 0px 96.142%, 0px 3.858%, 0px 3.858%, 0.087% 3.185%, 0.338% 2.552%, 0.737% 1.968%, 1.269% 1.442%, 1.92% 0.984%, 2.672% 0.602%, 3.512% 0.306%, 4.423% 0.105%, 5.391% 0.008%, 6.4% 0.024%, 94.879% 6.625%, 94.879% 6.625%, 95.731% 6.732%, 96.532% 6.919%, 97.272% 7.178%, 97.942% 7.503%, 98.533% 7.887%, 99.038% 8.323%, 99.445% 8.805%, 99.747% 9.326%, 99.935% 9.88%, 100% 10.459%, 100% 96.142%, 100% 96.142%, 99.925% 96.768%, 99.706% 97.362%, 99.357% 97.915%, 98.889% 98.421%, 98.313% 98.87%, 97.642% 99.256%, 96.887% 99.569%, 96.06% 99.803%, 95.174% 99.95%, 94.239% 100%); }
.top-up .swiper-slide:nth-child(2n) .v-thumbnail .mask, .top-up .swiper-slide:nth-child(2n) .v-thumbnail img { clip-path: polygon(5.761% 100%, 94.239% 100%, 94.239% 100%, 95.174% 99.95%, 96.06% 99.803%, 96.887% 99.569%, 97.642% 99.256%, 98.313% 98.87%, 98.889% 98.421%, 99.357% 97.915%, 99.706% 97.362%, 99.925% 96.768%, 100% 96.142%, 100% 3.858%, 100% 3.858%, 99.913% 3.185%, 99.662% 2.552%, 99.263% 1.968%, 98.731% 1.442%, 98.08% 0.984%, 97.328% 0.602%, 96.488% 0.306%, 95.577% 0.105%, 94.609% 0.008%, 93.6% 0.024%, 5.121% 6.625%, 5.121% 6.625%, 4.269% 6.732%, 3.468% 6.919%, 2.728% 7.178%, 2.058% 7.503%, 1.467% 7.887%, 0.962% 8.323%, 0.555% 8.805%, 0.253% 9.326%, 0.065% 9.88%, 0px 10.459%, 0px 96.142%, 0px 96.142%, 0.075% 96.768%, 0.294% 97.362%, 0.643% 97.915%, 1.111% 98.421%, 1.687% 98.87%, 2.358% 99.256%, 3.113% 99.569%, 3.94% 99.803%, 4.826% 99.95%, 5.761% 100%); }
.top-up .sw-item .v-thumbnail:hover img { width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; }
.top-up .sw-item .v-thumbnail .mask { position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.05); }
.top-up .sw-item .v-thumbnail:hover .mask { background-color: var(--primary-color); }
.big-slide-wrapper { padding-bottom: 2rem; }
.big-slide-wrapper .slide-content { padding: 3rem; }
.big-slide-wrapper .slide-content .media-title { font-size: 1.8em; margin-bottom: 0.25rem; }
.big-slide-wrapper .slide-elements { background-color: var(--bg-3); }
.big-slide-wrapper .slide-elements .background-fade { display: none !important; }
.big-slide-wrapper .slide-elements .cover-fade { width: calc(100% - 500px); left: auto; transform: none; right: 0px; mask-image: linear-gradient(90deg, transparent, black 30%, black); height: 100% !important; }
.big-slide-wrapper .slide-elements .cover-fade .cover-image { mask-image: none; }
.big-slide-wrapper .slide-elements .safe-area { height: 100% !important; align-items: flex-start; }
.big-slide-wrapper .top-slide-main { height: 500px; margin: 0px; }
.big-slide-wrapper .top-slide-main::before { display: none; }
.big-slide-wrapper .top-slide-main .swiper-slide { border-radius: 1.2rem; overflow: hidden; }
.big-slide-wrapper .top-slide-small { margin: -70px auto 0px; max-width: 1200px; width: calc(100% - 32px); position: relative; z-index: 3; }
.big-slide-wrapper .top-slide-small .swiper-wrapper { display: flex; align-items: stretch; gap: 1rem; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { flex: 1 1 0%; border-radius: 0.6rem; overflow: hidden; background-color: var(--bg-2); position: relative; cursor: pointer; border: 3px solid transparent; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { height: 110px; align-items: center; padding: 1rem; display: none; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .media-title { font-size: 1em; line-height: 1.6; font-weight: 300; color: rgb(255, 255, 255); margin: 0px; }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { background-color: rgb(255, 255, 255); }
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active .media-title { color: rgb(0, 0, 0); font-weight: 500; }
.sw-actors-recent .sw-actor { width: 100%; position: relative; }
.sw-actor .item-duo { background-color: rgba(255, 255, 255, 0.02); padding: 1rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 0.5rem; mask-image: linear-gradient(0deg, transparent 20%, black 70%, black); }
.sw-actor .item-duo .duo-thumb { width: 100%; flex: 1 1 0%; padding-bottom: 70%; position: relative; border-radius: 0.4rem; overflow: hidden; }
.sw-actor .item-duo .duo-thumb:hover img { opacity: 0.8; }
.sw-actor .item-duo .duo-thumb img { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.sw-actors-recent .sw-actor .h-item { position: relative; z-index: 2; padding: 1.5rem; margin-top: -100px; gap: 1.2rem; }
.sw-actors-recent .sw-actor .h-item .v-actor { border: 3px solid rgb(255, 255, 255); width: 70px; height: 70px; }
.sw-actors-recent .sw-actor .h-item .v-actor:hover { border-color: var(--primary-color); }
.sw-actors-recent .sw-actor .h-item .item-title { font-size: 1.2em; font-weight: 600; }
.sw-actors-list .v-item { padding: 0.6rem 0px; }
.sw-cover .h-item .v-thumb-m { margin-top: -60px; }
.sw-cover .h-item .v-thumb-m .v-thumbnail { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 5px; }
.sw-cover .h-item .info .item-title { font-weight: 500; }
.sw-cover.single .h-item { padding: 0.75rem 1rem; }
.sw-cover.single .v-thumbnail.v-thumbnail-hoz { padding-bottom: 56%; }
.actors-grid-wrapper, .cards-grid-wrapper { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1.5rem; }
.actors-grid-wrapper .v-item .info .item-title { font-size: 1.1em; font-weight: 500; }
@media screen and (min-width: 1121px) {
  .cards-grid-wrapper.grid-6or { grid-template-columns: repeat(6, 1fr); }
}
@media screen and (min-width: 800px) and (max-width: 1120px) {
  .cards-grid-wrapper.grid-6or { grid-template-columns: repeat(4, 1fr); }
}
footer { background-color: var(--footer-bg); }
.footer-elements { position: relative; min-height: 400px; padding: 2rem 0px; display: flex; align-items: center; justify-content: space-between; }
.footer-elements > div { position: relative; z-index: 2; }
.footer-elements .footer-icon { width: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute !important; z-index: 1 !important; }
.footer-elements .side-left { display: block; max-width: 750px; }
.sl-brand { gap: 3rem; margin-bottom: 2rem; }
.sl-brand .footer-logo { display: block; }
.sl-brand .footer-logo img { height: 60px; width: auto; }
.sl-brand .socials { gap: 0.75rem; padding-left: 3rem; border-left: 1px solid var(--border-color); }
.sl-brand .socials .social-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--bg-2); }
.sl-menu a { margin-right: 1.5rem; white-space: nowrap; }
.sl-menu a:last-of-type { margin-right: 0px; }
.footer-elements .side-right { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; max-width: 400px; }
.sr-links { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; }
.sr-links a { display: block; border-radius: 2rem; border: 1px solid var(--border-color); padding: 0.5rem 1rem; font-size: 0.9em; font-weight: 300; }
footer .true { margin-bottom: 1.5rem; }
footer .true .line-center { font-size: 14px; color: rgb(255, 255, 255); padding: 0.5rem 0.7rem; border-radius: 2rem; background-color: rgb(120, 20, 15); }
.v-tips { position: relative; }
.demo-tip, .qtip-default { background: var(--bg-3) !important; padding: 0px !important; width: 100% !important; max-width: 420px !important; border-radius: 0.5rem !important; overflow: hidden !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px !important; border: none !important; color: rgb(255, 255, 255) !important; line-height: 1.5 !important; }
#demo-tip { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; }
#slide-row-02:hover #demo-tip { display: block; }
.qtip-default .qtip-content { padding: 0px; }
.qtip-default { animation: 0.3s ease 0s 1 normal forwards running qtip-animation; }
@keyframes qtip-animation { 
  0% { opacity: 0; transform: scale(0.3); }
  100% { opacity: 1; transform: scale(1); }
}
.sw-tip { font-size: 13px; font-weight: 300; color: rgb(255, 255, 255); }
.sw-tip .media-teaser { background-size: cover; background-position: 50% center; position: relative; mask-image: linear-gradient(0deg, transparent, black 30px); }
.sw-tip .media-teaser .sound-mute { position: absolute; bottom: 1rem; right: 1rem; z-index: 4; cursor: pointer; }
.sound-mute.muted i::before { content: "" !important; }
.sw-tip .media-teaser .pin-new { transform: none; inset: 1rem auto auto 1rem; z-index: 4; border-radius: 0.3rem; display: none; }
.sw-tip .media-teaser .info { position: absolute; inset: 0px; z-index: 3; padding: 1rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; background: linear-gradient(20deg, rgba(47, 51, 70, 0.6), rgba(47, 51, 70, 0)); }
.sw-tip .media-item { width: 100%; padding: 0px 1.5rem 1.5rem; background: linear-gradient(0deg, rgb(47, 51, 70), rgba(47, 51, 70, 0.7)); backdrop-filter: blur(10px); }
.sw-tip .video-title-group { margin-bottom: 1rem; }
.sw-tip .media-title { font-size: 1.2em; font-weight: 600; text-shadow: rgba(0, 0, 0, 0.19) 0px 0px 3px; }
.sw-tip .media-title-image { margin-bottom: 0.6rem; }
.sw-tip .media-title-image img { max-width: 280px; max-height: 50px; }
.sw-tip .alias-title { font-size: 1em; font-weight: 400; color: var(--primary-text); }
.sw-tip .hl-tags { gap: 5px; }
.sw-tip .hl-tags + .hl-tags { margin-top: 0.5rem; }
.sw-tip .hl-tags .tag-classic { border: none; font-size: 0.9em; height: 22px; }
.sw-tip .hl-tags .tag-imdb, .sw-tip .hl-tags .tag-model span { line-height: 20px; }
.sw-tip .hl-tags .tag-topic { background-color: transparent; padding: 0px; height: auto; }
.sw-tip .hl-tags .tag-topic:nth-child(n+5) { display: none; }
.sw-tip .hl-tags .tag-topic + .tag-topic { margin-left: 2px; }
.sw-tip .hl-tags .tag-topic + .tag-topic::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: rgb(255, 255, 255); margin-right: 6px; }
.sw-tip .touch-group { display: flex; align-items: stretch; justify-content: space-between; gap: 0.6rem; margin-bottom: 1.25rem; }
.sw-tip .touch-group .btn { flex-grow: 1; }
.sw-tip .touch-group .btn-outline.active { color: var(--primary-text) !important; }
.v-tabs { padding: 0px; margin-bottom: 1.5rem; }
.v-tabs.nav-pills .nav-item + .nav-item, .v-tabs.nav-pills .nav-link + .nav-link { margin-left: 0.6rem; }
.v-tabs.nav-pills .nav-link { border-radius: 2rem; color: rgb(255, 255, 255); background-color: var(--bg-3); min-width: 100px; display: inline-flex; gap: 0.4rem; align-items: center; justify-content: center; opacity: 0.8; }
.v-tabs.nav-pills .nav-link:hover { opacity: 1; }
.v-tabs.nav-pills .nav-link.active, .v-tabs.nav-pills .show > .nav-link { opacity: 1; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; }
.v-tabs.nav-tabs { border-bottom: 1px solid var(--border-color); }
.v-tabs.nav-tabs .nav-item + .nav-item { margin-left: 40px; }
.v-tabs.nav-tabs .nav-link { border-top: none; border-right: none; border-left: none; border-image: initial; margin-bottom: -1px; padding: 0.75rem 0px; font-size: 1em; font-weight: 500; color: rgb(255, 255, 255); opacity: 0.9; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid transparent !important; }
.v-tabs.nav-tabs .nav-link:hover { opacity: 1; }
.v-tabs.nav-tabs .nav-link.active { opacity: 1; background-color: transparent; color: var(--primary-text); margin-bottom: -1px; border-color: var(--primary-color) !important; }
.v-tabs.v-tabs-min.nav-pills .nav-link { font-size: 12px; min-height: 30px; gap: 0.5rem; padding: 0px 0.5rem; border-radius: 0.4rem; min-width: auto; border: 1px solid transparent; background-color: transparent !important; }
.v-tabs.v-tabs-min.nav-pills .nav-link.active { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; }
.v-tabs-xs.nav-pills .nav-link { padding: 0px !important; background-color: transparent !important; font-size: 12px !important; min-width: 60px !important; }
.v-tabs-xs.nav-pills .nav-link + .nav-link { margin-left: 0.75rem !important; }
.v-tabs-xs.nav-pills .nav-link.active { background-color: transparent !important; color: var(--primary-text) !important; }
.v-notice { padding: 3rem 2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; border-radius: 1rem; color: var(--text-base); background-color: rgba(0, 0, 0, 0.2); }
.v-notice .icon-notice { width: 3rem; height: 3rem; opacity: 0.5; }
.modal-content .v-tabs { gap: 0.3rem 0.6rem; }
.modal-content .v-tabs.nav-pills .nav-link + .nav-link { margin: 0px !important; }
.v-filter { margin-bottom: 2rem; }
.filter-toggle { background-color: var(--bg-color); padding: 0px 0.75rem 0px 0.5rem; height: 30px; color: rgb(255, 255, 255); cursor: pointer; font-size: 1.1em; font-weight: 500; border-radius: 0.3rem; }
.filter-toggle i { font-size: 12px; }
.filter-toggle:hover { opacity: 0.9; }
.filter-toggle.toggled svg { color: var(--primary-text); }
.filter-elements { border-radius: 0.75rem; border: 1px solid var(--border-color); padding: 1rem 0px 0px; margin-top: -15px; margin-bottom: 3rem; }
.v-filter .fe-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 2rem; padding: 0.5rem 1rem; border-bottom: 1px dashed var(--border-color); }
.v-filter .fe-row:last-of-type { border-bottom: none; }
.v-filter .fe-row .fe-name { width: 120px; padding: 0.3rem 0px; text-align: right; flex-shrink: 0; font-weight: 500; color: rgb(255, 255, 255); }
.v-filter .fe-row .fe-results { flex-grow: 1; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 0.5rem; }
.v-filter .fe-row .fe-results .item { padding: 0.3rem 0.6rem; border: 1px solid transparent; border-radius: 0.4rem; color: rgb(255, 255, 255); cursor: pointer; opacity: 0.8; }
.v-filter .fe-row .fe-results .item:hover { opacity: 1; color: var(--primary-text); }
.v-filter .fe-row .fe-results .item.active { border-color: rgba(255, 255, 255, 0.2); color: var(--primary-text); opacity: 1 !important; }
.v-filter .fe-row-end { padding: 1.5rem 1rem; }
.v-pagination { gap: 1rem; width: 100%; justify-content: center; margin: 4rem 0px; }
.v-pagination .page-current { height: 50px; padding: 0px 1.2rem; border-radius: 3rem; background-color: rgb(47, 51, 70); color: rgb(255, 255, 255); font-size: 15px; }
.v-pagination .page-current .v-form-control { width: 32px; height: 32px; border-radius: 0.3rem; padding: 0px; text-align: center; font-weight: 600; border-color: rgba(255, 255, 255, 0.125) !important; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.v-pagination .page-current .v-form-control:focus { border-color: rgba(255, 255, 255, 0.25) !important; }
.v-bread { position: absolute; top: 100px; left: 2rem; z-index: 9; }
.v-bread > .line-center { gap: 1rem; }
.v-bread .page-name { font-size: 1.6em; color: rgb(255, 255, 255); text-shadow: var(--h-shadow); font-weight: 600; margin: 0px; cursor: default; }
.model-tabs { flex-shrink: 0; display: flex; align-items: stretch; border: 1px solid rgb(255, 255, 255); border-radius: 0.5rem; padding: 2px; font-size: 14px; font-weight: 400; }
.model-tabs .item { height: 26px; border-radius: 0.3rem; font-size: 13px; padding: 0px 0.5rem; display: flex; align-items: center; color: rgb(255, 255, 255); cursor: pointer; }
.model-tabs .item.active { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.top-detail-wrap { position: relative; width: 100%; height: 800px; background-color: var(--top-bg-default); overflow: hidden; }
.top-detail-wrap .cover-fade .cover-image { position: absolute; inset: 0px; opacity: 0.6; background-size: cover; background-position: 50% center; mask-image: linear-gradient(90deg, transparent, black 30%, black 70%, transparent); }
.detail-container { width: 100%; max-width: 1640px; padding: 0px 20px; margin: -200px auto 0px; position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: stretch; }
.detail-container > div { background-color: rgba(25, 27, 36, 0.3); backdrop-filter: blur(20px); }
.detail-container > div.dc-side { flex-shrink: 0; width: 440px; border-radius: 1.25rem 3rem 1.25rem 1.25rem; padding: 40px; display: flex; flex-direction: column; }
.ds-info { font-weight: 300; }
.ds-info .alias-name { color: var(--primary-text); margin-bottom: 1.5rem; font-weight: 400; }
.detail-more .de-title { color: rgb(255, 255, 255); font-weight: 500; white-space: nowrap; }
.detail-line { margin-bottom: 1.2rem; }
.detail-line.d-flex { align-items: flex-start; gap: 0.6rem; }
.child-actors { position: relative; padding-bottom: 1rem; }
.child-actors .child-actors-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.6rem; }
.child-actors .v-item { gap: 0.75rem; }
.dc-side > div { margin-bottom: 2rem; }
.dc-side > div + div { padding-top: 2rem; border-top: 1px solid var(--border-color); }
.dc-side > .child-actors { padding: 0px; border: none; }
.status .line-center { font-size: 0px; padding: 0.5rem 0.8rem; border-radius: 2rem; background-color: rgba(255, 255, 255, 0.067); }
.status.on-going .line-center { background-color: rgba(255, 131, 0, 0.1); color: rgb(255, 131, 0); }
.status.complete .line-center { background-color: rgba(34, 203, 76, 0.1); color: rgb(34, 203, 76); }
.status .small { font-size: 12px; }
.status .spinner-border-sm { --bs-spinner-width: .8rem; --bs-spinner-height: .8rem; }
.detail-container > div.dc-main { background-color: rgba(25, 27, 36, 0.6); flex-grow: 1; border-radius: 3rem 1.25rem 1.25rem; display: flex; flex-direction: column; }
.dm-bar { padding: 30px; }
.dm-bar .elements, .dm-bar .is-left, .dm-bar .touch-group { display: flex; align-items: center; gap: 2rem; justify-content: space-between; }
.dm-bar .is-left { gap: 1rem; justify-content: flex-start; }
.dm-bar .item { min-width: 80px; padding: 0.6rem; border-radius: 0.6rem; }
.dm-bar .item:hover { background-color: rgba(255, 255, 255, 0.02); }
.dm-bar .item.active .item-v .inc-icon, .dm-bar .item.active .item-v i { color: var(--primary-text); }
.dm-bar .item .item-v { gap: 0.6rem; font-size: 0.9em; line-height: 1; }
.dm-bar .item .item-v span { color: rgb(255, 255, 255) !important; }
.dm-bar .item.item-remind { position: relative; cursor: pointer; animation: 1s ease 0s infinite normal none running item-remind; }
.dm-bar .item.item-remind .inc-icon { animation: 0.3s ease 0s infinite normal none running bell-remind; color: rgb(255, 255, 255); }
.dm-bar .item.item-remind.active, .dm-bar .item.item-remind.active .inc-icon { color: var(--primary-color); animation: auto ease 0s 1 normal none running none !important; }
.item-rating .v-rating { height: 16px; color: var(--primary-text); font-size: 14px; }
.item-rating .v-rating span { font-size: 18px; font-weight: 600; line-height: 1; }
@keyframes item-remind { 
  0% { transform: scale(1); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}
@keyframes bell-remind { 
  0% { transform: rotate(5deg); }
  50% { transform: rotate(-5deg); }
  100% { transform: rotate(5deg); }
}
.ds-info #toggle-detail { display: none; }
.item-v { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.6rem; }
.child-box { display: block; position: relative; }
.child-box .child-header { font-size: 1.6em; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem; min-height: 40px; }
.child-box .child-header .inc-icon { width: 24px; height: 24px; }
.cc-top .item { display: flex; align-items: center; justify-content: space-between; }
.cc-top .item + .item { margin-top: 1rem; }
.cc-top .item .position { width: 60px; flex-shrink: 0; text-align: left; font-size: 4em; font-weight: 800; color: var(--bg-color); text-shadow: rgb(255, 255, 255) -1px 0px, rgb(255, 255, 255) 0px 1px, rgb(255, 255, 255) 1px 0px, rgb(255, 255, 255) 0px -1px; }
.cc-top .item .h-item { flex-grow: 1; background-color: rgba(255, 255, 255, 0.02); border-radius: 0.5rem; overflow: hidden; gap: 0px; }
.cc-top .item .h-item .info { padding: 0.6rem 1rem; }
.content-gap { padding: 0px 40px; display: flex; flex-direction: column; gap: 40px; }
.cg-body-box { padding: 40px 0px; }
.cg-body-box .box-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.v-toggle .text { color: rgb(255, 255, 255); font-size: 0.9em; white-space: nowrap; }
.v-toggle .toggle-x { border: 1px solid rgb(255, 255, 255); border-radius: 2rem; width: 30px; height: 20px; position: relative; cursor: pointer; opacity: 0.3; flex-shrink: 0; }
.v-toggle .toggle-x span { position: absolute; top: 5px; left: 5px; height: 8px; width: 8px; background-color: rgb(255, 255, 255); border-radius: 20px; }
.v-toggle .toggle-x.on { opacity: 1; border-color: var(--primary-color); }
.v-toggle .toggle-x.on span { left: 15px; background-color: var(--primary-color); }
.toggle-basic { border: 1px solid rgb(255, 255, 255); border-radius: 0.2rem; font-size: 10px; line-height: 1; padding: 0.2rem; color: rgb(255, 255, 255); opacity: 0.5; cursor: pointer; width: 28px; text-align: center; }
.toggle-basic::before { content: "OFF"; }
.toggle-basic-label.is-on .toggle-basic { opacity: 1; border-color: var(--primary-color); }
.toggle-basic-label.is-on .toggle-basic::before { content: "ON"; }
.de-eps.is-grid, .de-seasons.is-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem 1.2rem; }
.de-eps.is-grid .item .h-thumbnail { padding-bottom: 56%; margin-bottom: 0.6rem; border-radius: 0.5rem; }
.de-eps.is-grid .item.on-air .h-thumbnail img { opacity: 1 !important; }
.de-eps.is-grid .item.on-air .h-thumbnail .play-button { display: none !important; }
.de-eps.is-grid .item.on-air .h-thumbnail { border: 2px solid var(--primary-color); }
.de-eps.is-grid .item.on-air .h-thumbnail::after { content: "Đang chiếu"; position: absolute; bottom: 0px; left: 0px; background-color: var(--primary-color); color: var(--primary-button-text); padding: 0.2rem 0.5rem; font-size: 11px; border-radius: 0px 0.5rem 0px 0px; }
.de-eps.is-grid .item .h-thumbnail:hover img { opacity: 0.7; }
.de-eps.is-grid .item .h-thumbnail:hover .play-button { opacity: 1; }
.de-eps.is-grid .item .h-thumbnail .play-button, .play-button.is-center { opacity: 0; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 3rem; border: 1px solid rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); padding-left: 2px; }
.de-eps.is-grid .item .info { display: block; }
.de-eps.is-grid .item .info > div { display: inline; }
.de-eps.is-grid .item .info .play-button { display: none; }
.de-eps.is-grid .item .info .ep-sort::after { content: "."; }
.de-eps.is-grid .item .info .media-title { flex-grow: 1; }
.de-eps.is-simple { grid-template-columns: repeat(8, 1fr); gap: 0.6rem; }
.de-eps.is-simple .item .h-thumbnail { display: none; }
.de-eps.is-simple .item { display: flex; align-items: center; gap: 0.5rem; background-color: var(--bg-2); padding: 0.5rem 0.8rem; border-radius: 0.4rem; }
.de-eps.is-simple .item .info { display: flex; align-items: center; gap: 0.6rem; }
.de-eps.is-simple .item .info > div { display: block; }
.de-eps.is-simple .item .info .play-button { display: block; font-size: 10px; flex-shrink: 0; }
.de-eps.is-simple .item .info .media-title { display: none; }
.de-eps.is-simple .item .info .ep-sort { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; flex-shrink: unset !important; }
.de-eps.is-simple .item .info .ep-sort::after { display: none; }
.de-eps.is-simple .item.on-air { background-color: var(--primary-color); color: var(--primary-button-text); }
.de-eps.is-grid .item.schedule .h-thumbnail img { opacity: 0.3 !important; filter: grayscale(1); }
.de-eps.is-grid .item.schedule .h-thumbnail .play-button { display: none !important; }
.de-eps.is-grid .item.schedule .h-thumbnail::before { content: "Chờ phát sóng"; position: absolute; inset: 0px; z-index: 3; display: flex; align-items: center; justify-content: center; font-weight: 600; color: rgba(255, 255, 255, 0.6); font-size: 16px; }
.de-eps .item.schedule .info { color: rgb(255, 255, 255) !important; }
.de-eps .item.schedule .time-release { color: rgb(255, 131, 249); font-size: 12px; }
.de-eps .item.schedule .time-release::before { content: "Phát sóng "; }
.de-eps.is-simple .item { justify-content: center; padding: 0px 0.2rem; height: 50px; }
.de-eps.is-simple .item.schedule { flex-direction: column; gap: 0px; background-color: rgb(55, 58, 75); }
.de-eps.is-simple .item.schedule .info .ep-sort, .de-eps.is-simple .item.schedule .info .play-button { font-size: 12px; }
.de-eps.is-simple .item.schedule .info .play-button i::before { content: "" !important; }
.de-eps.is-simple .item.schedule .time-release::before { display: none; }
.schedule-eps { display: flex; flex-direction: column; gap: 0.6rem; margin: 2rem 0px; }
.schedule-eps .item { position: relative; padding: 0.8rem 46px 0.8rem 55px; color: rgb(255, 255, 255); border-radius: 0.5rem; background-color: rgb(65, 88, 208); background-image: linear-gradient(90deg, rgb(65, 88, 208), rgb(200, 80, 192)); }
.schedule-eps .item .inc-icon { width: 36px; height: 36px; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.333); border-radius: 50%; overflow: hidden; }
.schedule-eps .item .inc-icon img { transform: scale(1.2); }
.schedule-eps .item .se-close { position: absolute; top: 9px; right: 9px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; }
.de-type { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.de-type .item { width: 100%; flex: 1 1 0%; max-width: 550px; position: relative; border-radius: 0.75rem; overflow: hidden; background-color: var(--bg-4); }
.de-type .item:hover { top: -5px; }
.de-type .item.active { border: 2px solid var(--primary-color); }
.de-type .item .m-thumbnail { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 40%; max-width: 130px; mask-image: linear-gradient(270deg, black, transparent 95%); }
.de-type .item .m-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.de-type .item .info { position: relative; z-index: 2; width: 90%; padding: 1.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1rem; }
.de-type .item .info .media-title { font-weight: 600; font-size: 1.2em; line-height: 1.5; }
.de-type .item.lt { background-color: rgb(29, 46, 121); color: rgb(255, 255, 255); }
.de-type .item.tm { background-color: rgb(41, 116, 71); color: rgb(255, 255, 255); }
.de-type .item.pd { background-color: rgb(94, 96, 112); color: rgb(255, 255, 255); }
.de-actors { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem; }
.actors-grid-wrapper .item-actor, .de-actors .item-actor { position: relative; padding: 0px; border-radius: 0.6rem; overflow: hidden; }
.actors-grid-wrapper .item-actor .v-item, .de-actors .item-actor .v-item { gap: 0px; }
.actors-grid-wrapper .item-actor .v-actor, .de-actors .item-actor .v-actor { width: 100%; height: 0px; padding-bottom: calc(100% + 40px); border-radius: 0px; margin: 0px; mask-image: linear-gradient(0deg, transparent, black 60px); }
.actors-grid-wrapper .item-actor .info, .de-actors .item-actor .info { padding: 0.75rem 0.5rem; margin-top: -40px; position: relative; z-index: 2; }
.de-actors .item-actor .info .ro-play { font-size: 0.9em; }
.de-actors .item-actor .info .ro-play span { color: rgb(240, 173, 177); }
.de-suggest { grid-template-columns: repeat(6, 1fr); }
.de-soundtrack, .item-sound { position: relative; }
.item-sound .media-title { font-size: 1.1em; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0.4rem; }
.item-sound .lyric-post { padding: 2rem; font-size: 1.2em; line-height: 1.5; position: relative; }
.item-sound .lyric-post p { margin-bottom: 0px; }
.item-sound .lyric-post .ori { color: rgb(255, 255, 255); }
.item-sound .lyric-post .trans { font-style: italic; color: rgb(150, 233, 155); }
.de-soundtrack .item-sound { border: 1px solid var(--border-color); border-radius: 0.6rem; }
.de-soundtrack .item-sound + .item-sound { margin-top: 1rem; }
.de-soundtrack .item-sound .sound-play { display: none; }
.de-soundtrack .item-sound .lyric-post { display: none; max-height: 400px; overflow: auto; }
.de-soundtrack .item-sound.active, .de-soundtrack .item-sound:hover { background-color: rgba(255, 255, 255, 0.05); }
.de-soundtrack .item-sound.active { border-color: rgb(255, 255, 255); }
.de-soundtrack .item-sound .h-item { cursor: pointer; padding: 1rem; }
.de-soundtrack .item-sound.active .lyric-post, .de-soundtrack .item-sound.active .sound-play { display: block; }
.de-soundtrack .item-sound.active .sound-cover { animation: 2s linear 0s infinite normal none running sound-cd; }
.de-soundtrack .item-sound.active .h-item .touch-media .btn-basic { color: rgb(150, 233, 155) !important; }
@keyframes sound-cd { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.de-seasons.is-grid { grid-template-columns: repeat(3, 1fr); row-gap: 1rem; }
.doubleA { display: block; text-align: center; }
.doubleA .ok-728 img { width: 100%; max-width: 728px; max-height: 90px; }
.v-form-control { height: 42px; border: 1px solid rgba(255, 255, 255, 0.063); border-radius: 0.4rem; font-size: 0.95em; padding: 0.5rem 1rem; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.v-form-control:disabled { background-color: rgba(255, 255, 255, 0.02) !important; cursor: not-allowed; }
.v-form-control:focus { border-color: rgb(255, 255, 255) !important; box-shadow: none !important; }
.v-form-control::placeholder { color: rgba(255, 255, 255, 0.4); }
textarea.v-form-control { resize: none; padding: 0.6rem 1rem; height: auto; }
.user-password { position: relative; }
.user-password .v-form-control { padding-right: calc(42px + 1rem); }
.user-password .toggle-password { width: 42px; height: 42px; opacity: 0.8; cursor: pointer; font-size: 12px; text-align: center; line-height: 42px; position: absolute; z-index: 1; right: 0px; top: 0px; bottom: 0px; }
.user-password.show-text .toggle-password .fa-eye::before { content: ""; }
.user-password.show-text input[type="password"] { }
.my-area { margin-bottom: 1.5rem; }
.my-area .ma-input { position: relative; }
.my-area .ma-input .chac-left { position: absolute; top: 6px; right: 10px; font-size: 11px; line-height: 1; }
.my-area .ma-buttons .btn-submit { color: var(--primary-text) !important; }
.textarea-wrap { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.5rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.063); }
.textarea-wrap .ma-buttons { padding: 0px; }
.textarea-wrap .ma-buttons .btn-emo i { font-size: 14px; }
.my-area-sub { margin: 0.6rem 0px; max-width: 500px; display: none; }
.my-area-sub.reply-active { display: block; }
.my-area .ma-input .v-form-control { padding: 1rem 1.2rem; border-radius: 0.6rem; border: 1px solid transparent; background-color: var(--bg-color) !important; }
.my-area .ma-buttons .btn-emo .inc-icon { width: 20px; height: 20px; }
.ma-user { margin-bottom: 1rem; display: flex; align-items: center; gap: 1rem; }
.ma-user .user-avatar { width: 44px; height: 44px; border: 2px solid rgb(255, 255, 255); }
.ma-user .info { display: flex; flex-direction: column; }
.ma-user .info span { font-weight: 500; color: rgb(255, 255, 255); }
.discuss-tabs { margin-bottom: 2rem; display: none; }
.discuss-list { display: flex; justify-content: space-between; flex-direction: column; gap: 2rem; margin-top: 3rem; }
.d-item { display: flex; align-items: flex-start; gap: 1rem; position: relative; }
.d-item .info { flex-grow: 1; }
.d-item .user-name { font-size: 1em; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0.3rem; }
.d-item .comment-header { display: flex; justify-content: flex-start; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem; position: relative; }
.d-item .comment-header .user-name { margin: 0px; white-space: nowrap; }
.d-item .comment-header .rated { font-size: 12px; color: rgb(255, 255, 255); display: inline-flex; align-items: center; gap: 0.5rem; line-height: 1; padding: 0.3rem 0.6rem 0.3rem 0.3rem; border-radius: 2rem; background-color: rgb(53, 86, 182); }
.d-item .comment-header .rated span { font-size: 16px; }
.d-item .comment-header .c-time { opacity: 0.5; margin-left: 0.5rem; font-size: 11px; }
.d-item .comment-header .ch-for { margin-left: 0.2rem; display: block; font-size: 11px; white-space: nowrap; line-height: 1.2; padding: 0.2rem 0.3rem; border: 1px solid rgba(255, 255, 255, 0.333); opacity: 0.5; border-radius: 0.3rem; }
.d-item .comment-header .ch-for:hover { opacity: 1; color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.d-item .comment-header .ch-for span::before { content: " - Tập "; }
.d-item .text { color: var(--text-base); filter: blur(0px); }
.d-item .text-spoil { filter: blur(4px); }
.d-item .comment-bottom { position: relative; font-size: 12px; margin-top: 0.5rem; }
.d-item .comment-bottom .btn-xs { height: 28px; opacity: 0.5; font-weight: 300; font-size: 12px; }
.d-item .comment-bottom .btn-comment.active, .d-item .comment-bottom .btn-xs:hover { opacity: 1; }
.d-item .comment-bottom .v-dropdown-menu .dropdown-item .fa-solid { min-width: 16px; text-align: center; }
.limit-wrap { padding: 0px 1rem 0.25rem; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; max-width: 180px; }
.limit-wrap .lw-item { font-size: 11px; padding: 0.2rem 0.4rem; border-radius: 0.3rem; background-color: rgba(211, 61, 37, 0.09); display: inline-flex; color: rgb(220, 53, 69); }
.limit-wrap .lw-item.cancel { background-color: rgb(238, 238, 238) !important; color: rgb(17, 17, 17) !important; }
.limit-wrap .lw-item.active, .limit-wrap .lw-item:hover { background-color: rgba(211, 61, 37, 0.19); }
.open-limit.highlight { color: rgb(220, 53, 69) !important; }
.d-item .replies-wrap { margin-top: 1rem; }
.d-item .replies-wrap .replies-toggle { font-size: 12px; }
.d-item .replies-wrap .replies { display: flex; flex-direction: column; gap: 1.5rem; padding: 1.5rem 0px 0px; }
.d-item .replies .user-avatar { width: 40px; height: 40px; }
.d-item .replies .rep-sub { display: inline; background-color: var(--bg-4); color: rgb(255, 255, 255); font-size: 12px; padding: 0.2rem 0.3rem; vertical-align: text-top; border-radius: 0.2rem; margin-right: 0.2rem; }
.group-react { gap: 1rem; }
.group-react .item { padding: 0px; gap: 0.4rem; justify-content: center; height: 28px; cursor: pointer; font-size: 11px; }
.group-react .item i { font-size: 16px; }
.group-react .item-up.active, .group-react .item-up:hover { color: rgb(37, 211, 102); }
.group-react .item-down.active, .group-react .item-down:hover { color: rgb(211, 61, 37); }
.child-discuss { padding-top: 20px; }
.emo-list, .gif-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.2rem; padding: 0.5rem 1rem; }
.gif-list { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
.emo-list .el-item, .gif-list .gl-item { font-size: 24px; line-height: 1; padding: 0.6rem; border-radius: 0.6rem; text-align: center; cursor: pointer; }
.emo-list .el-item:hover, .gif-list .gl-item:hover { background-color: rgba(0, 0, 0, 0.067); }
.bg-dark .emo-list .el-item:hover, .bg-dark .gif-list .gl-item:hover { background-color: rgba(255, 255, 255, 0.063); }
.gif-list .gl-item .gl-img { width: 100%; padding-bottom: 100%; height: 0px; position: relative; }
.gif-list .gl-item .gl-img img { position: absolute; width: 100%; height: 100%; inset: 0px; object-fit: cover; }
.gr-admin > span { background: linear-gradient(65deg, rgb(247, 195, 37), rgb(255, 255, 255)) text; }
.gr-admin > span, .gr-mod > span { -webkit-text-fill-color: transparent; }
.gr-mod > span { background: linear-gradient(65deg, rgb(119, 177, 255), rgb(255, 255, 255)) text; }
.gr-mod > .gr-tag { border-color: rgb(119, 177, 255); color: rgb(119, 177, 255); background-color: rgba(30, 126, 255, 0.376); }
.gr-admin > .gr-tag { border-color: rgb(247, 195, 37); color: rgb(247, 195, 37); background-color: rgba(254, 191, 0, 0.376); }
.gr-tag { font-size: 0.7em; text-transform: uppercase; line-height: 1; font-weight: 500; padding: 0.2rem 0.3rem; border-radius: 3px; }
.sound-play { padding: 1rem 1.5rem; background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); width: 100%; }
.audioplayer { margin: 0px; border: none; border-radius: 0.6rem; background-color: transparent; padding: 0px; height: 50px; color: rgb(255, 255, 255); width: 100%; justify-content: space-between; }
.audioplayer audio { min-width: 0px !important; display: none; }
.audioplayer-time { color: rgb(255, 255, 255); }
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after { top: 1px; left: 11px; border-color: rgb(255, 255, 255); }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause { border-color: rgb(150, 233, 155); background-color: transparent !important; }
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { border-left-color: rgb(150, 233, 155); margin-left: 3px; }
.audioplayer-bar-played, .audioplayer-volume-adjust div div { background: rgb(150, 233, 155); }
.audioplayer-playing .audioplayer-bar-played::after { border-color: rgb(255, 255, 255); }
.audioplayer-playpause { width: 40px; height: 40px; }
.audioplayer-bar-played::after { border-color: rgb(255, 255, 255) !important; }
.audioplayer-bar-loaded, .audioplayer-bar::before, .audioplayer-volume-adjust > div { background-color: rgba(255, 255, 255, 0.063); }
.audioplayer-volume-button a { background-color: rgb(255, 255, 255); }
.audioplayer-volume-button a::before { border-right-color: rgb(255, 255, 255); }
.gallery-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 2rem; }
.gallery-row .item { display: flex; flex-direction: column; gap: 0.75rem; }
.gallery-row .item .media-title { font-size: 1em; line-height: 1.5; color: rgb(255, 255, 255); margin-bottom: 0px; }
.gallery-row.is-video { grid-template-columns: repeat(4, 1fr); }
.gallery-row.is-photo { grid-template-columns: repeat(6, 1fr); }
.gallery-row .media-item { width: 100%; height: 0px; padding-bottom: 100%; position: relative; }
.gallery-row.is-video .media-item { padding-bottom: 60%; }
.gallery-row.is-photo .media-item { padding-bottom: 100%; }
.play-button.is-center { opacity: 1; }
.custom-tooltip { --bs-tooltip-bg: #fff; --bs-tooltip-color: #000; }
.tooltip { font-size: 13px; }
.d-item.mine { padding: 1rem; border-radius: 0.75rem; animation: 1s ease 1s 1 normal forwards running flash; }
@keyframes flash { 
  0% { background-color: transparent; }
  50% { background-color: rgba(255, 255, 255, 0.125); }
  100% { background-color: rgba(255, 255, 255, 0.063); }
}
.d-item.d-item-pin { padding: 1rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.067); }
.d-item.d-item-pin .stick { font-size: 11px; margin-bottom: 0.4rem; }
.d-item.d-item-pin .stick i { color: rgb(248, 71, 62); }
#wrapper.makeup { position: relative; }
#wrapper.makeup::before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 900px; background: linear-gradient(0deg, rgba(15, 17, 26, 0), rgb(15, 17, 26)); }
.watch-container, .watch-player { position: relative; z-index: 2; width: 100%; max-width: 1640px; padding: 0px 20px; margin: 0px auto; }
.watch-container { display: flex; justify-content: space-between; align-items: stretch; }
.wc-side { width: 440px; padding: var(--padding-base); flex-shrink: 0; display: flex; flex-direction: column; gap: var(--padding-base); border-left: 1px solid var(--border-color); }
.wc-side > div + div { padding-top: var(--padding-base); border-top: 1px solid var(--border-color); }
.wc-main { flex-grow: 1; padding: var(--padding-base); display: flex; flex-direction: column; gap: var(--padding-base); }
.wc-main .wm-info { padding-bottom: var(--padding-base); border-bottom: 1px solid var(--border-color); display: flex; gap: 1.5rem; }
.wc-main .wm-info .alias-name { color: var(--primary-text); margin-bottom: 1.25rem; }
.wc-main .wm-info .v-thumb-l { width: 100px; }
.wc-main .wm-info .info { width: 440px; flex-shrink: 0; }
.wc-main .wm-info .desc-line { flex-grow: 1; padding-left: 40px; }
.wc-main .wm-info .description { -webkit-line-clamp: 4; margin-bottom: 1.5rem; }
.wc-main .wm-episodes .cg-body-box { padding: 0px; }
.watch-player { z-index: 3; }
.watch-player .wp-bread { padding: 0px 40px; width: 100%; margin-bottom: 1.5rem; }
.watch-player .player-ratio { position: relative; border-radius: 0.75rem; box-shadow: var(--shadow-large); }
.watch-player .player-ratio .ratio { border-radius: 0.75rem 0.75rem 0px 0px; overflow: hidden; background-color: rgb(8, 8, 10); }
.player-control { background-color: rgb(8, 8, 10); border-radius: 0px 0px 0.75rem 0.75rem; height: 64px; gap: 0px; justify-content: flex-start; width: 100%; }
.player-control .ep-current { background-color: rgb(83, 93, 142); color: rgb(255, 255, 255); height: 100%; padding: 0px 1rem; width: 140px; justify-content: center; border-radius: 0px 0px 0px 0.75rem; font-weight: 600; flex-shrink: 0; }
.player-control .control-items { gap: 1rem; width: 100%; padding: 0px 20px; }
.player-control .control-items .item { display: flex; align-items: center; gap: 0.6rem; color: rgb(255, 255, 255); padding: 0.6rem 1rem; cursor: pointer; border-radius: 0.4rem; white-space: nowrap; }
.player-control .control-items .item i { font-size: 12px; }
.player-control .control-items .item:hover { background-color: rgba(83, 93, 142, 0.1); }
.player-control .control-items .item-like.active .inc-icon { color: var(--primary-color); }
.pc-coming { height: 100%; padding: 0px 1rem; font-size: 14px; line-height: 1.4; font-weight: 600; display: flex; align-items: center; text-align: center; width: 100px; border-radius: 0px 0px 0px 0.75rem; flex-shrink: 0; }
.item-focus.is-on { background-color: rgba(83, 93, 142, 0.5) !important; visibility: visible !important; }
.focus-mod .item-focus.is-on { opacity: 0; }
.player-ratio:hover .item-focus.is-on { opacity: 1; }
body.focus-mod .watch-player { z-index: unset; }
body.focus-mod .player-ratio { z-index: 101; }
body.focus-mod .player-ratio .ep-current { visibility: hidden; }
body.focus-mod .player-ratio .ratio { border-radius: 0.75rem; }
body.focus-mod .player-ratio .control-items .item { visibility: hidden; }
.item-playlist { position: relative; }
.v-dropdown-menu { text-align: left; }
.reason-list { display: flex; flex-direction: column; width: 100%; gap: 0.6rem; }
.reason-list .h-item { gap: 0.5rem; font-size: 13px; border: 1px solid var(--border-color); color: rgb(255, 255, 255); border-radius: 0.4rem; padding: 0.6rem; cursor: pointer; }
.reason-list .h-item.active { color: var(--primary-color); background-color: rgba(255, 255, 255, 0.05); }
.reason-list .h-item .rl-icon { width: 2rem; font-size: 1.2em; flex-shrink: 0; text-align: center; }
.reason-list .h-item span { flex-grow: 1; }
.season-dropdown > .line-center { color: rgb(255, 255, 255); gap: 0.6rem; font-weight: 600; font-size: 1.4em; padding-right: 1.5rem; border-right: 1px solid rgba(255, 255, 255, 0.19); cursor: pointer; }
.season-dropdown > .line-center > .fa-caret-down { font-size: 14px; }
.v-dropdown-menu { margin: 2px 0px; border-radius: 0.4rem; border: none !important; }
.v-dropdown-menu strong { font-weight: 600; }
.v-dropdown-menu hr { border-color: rgba(0, 0, 0, 0.2); }
.v-dropdown-menu .dropdown-item, .v-dropdown-menu .dropdown-item-text { font-size: 13px; padding: 0.4rem 1rem; display: flex; align-items: center; gap: 0.6rem; }
.v-dropdown-menu .dropdown-item.active { background-color: var(--primary-color) !important; color: var(--primary-button-text) !important; }
.v-dropdown-menu .dropdown-item:active { background-color: inherit !important; color: inherit !important; }
.v-dropdown-menu.user-dropdown .dropdown-item { padding: 0.6rem 1rem; }
.v-dropdown-menu .dropdown-checkbox { padding: 0px; position: relative; }
.v-dropdown-menu .dropdown-checkbox .form-check-label { padding: 0.5rem 1rem 0.5rem 2.6rem; font-size: 13px; cursor: pointer; width: 100%; }
.v-dropdown-menu .dropdown-checkbox .form-check-label:hover { background-color: rgb(246, 246, 246); }
.v-dropdown-menu .dropdown-checkbox .form-check-input { margin: 0px; position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); cursor: pointer; width: 14px; height: 14px; border-radius: 0.2rem; }
.v-dropdown-menu.bg-dark { background-color: rgba(15, 17, 26, 0.95) !important; color: var(--text-base); }
.v-dropdown-menu.bg-dark .dropdown-item { color: rgb(255, 255, 255); }
.v-dropdown-menu.bg-dark .dropdown-item:hover { background-color: rgba(255, 255, 255, 0.02); }
.v-dropdown-menu.bg-dark .dropdown-item:focus { background: none !important; }
.v-dropdown-menu.bg-dark hr { border-color: rgba(255, 255, 255, 0.2); }
.droplist { overflow: hidden auto; max-height: 155px; }
.v-dropdown-menu.w-icon .dropdown-item .icon-center { width: 16px; text-align: center; }
.m-col-4 { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0.5rem; }
.m-col-4 > .dropdown-item { border-radius: 0.5rem; width: 140px; padding: 0.2rem 0.8rem !important; }
.m-col-4 > .dropdown-item > span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; }
.v-modal .modal-content { background-color: rgb(42, 49, 78); border-radius: 0.75rem; padding: 2rem; border: none !important; }
.v-modal .modal-content .is-footer { display: flex; align-items: center; gap: 0.5rem; justify-content: center; }
.v-modal .modal-content .is-footer .btn { min-width: 80px; }
.v-modal .modal-content .is-footer .m-page .btn { min-width: 32px; }
.v-modal .modal-content .modal-close { position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); width: 40px; height: 40px; padding: 0px; border: none !important; }
.v-modal .modal-content .modal-close i { font-size: 16px; }
.modal-xs .modal-dialog { max-width: 300px; width: 96%; margin: auto; }
.modal-xs .modal-dialog .modal-content { padding: 1.5rem; }
.modal-sm .modal-dialog { max-width: 480px; width: 96%; margin: auto; }
.modal-sm .modal-dialog .modal-content { padding: 2rem; }
.modal-md .modal-dialog { max-width: 600px; width: 96%; margin: auto; }
.modal-md .modal-dialog .modal-content { padding: 2rem; }
.modal-login .modal-dialog { max-width: 750px; width: 96%; margin: auto; }
.modal-login .modal-dialog .modal-content { min-height: 400px; padding: 3rem 3rem 3rem calc(360px + 3rem); background-color: rgb(30, 37, 69); }
.modal-login .modal-dialog .modal-content::before { content: ""; width: 360px; position: absolute; top: 0px; left: 0px; bottom: 0px; background-image: url("/images/rophim-login.jpg"); background-size: cover; background-position: 0px 100%; border-radius: 0.75rem 0px 0px 0.75rem; }
.modal-trailer .modal-content { padding: 0.5rem; border-radius: 1rem; }
.modal-trailer .modal-content .modal-close { z-index: 9; border-radius: 50%; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); top: -0.75rem; right: -0.75rem; width: 32px; height: 32px; min-height: auto; }
.modal-trailer .modal-content .video-area { border-radius: 0.8rem; overflow: hidden; }
.modal-trailer .modal-dialog { max-width: 750px; width: 96%; margin: auto; }
.actor-container { width: 100%; max-width: 1640px; padding: 0px 20px; margin: 0px auto; position: relative; display: flex; justify-content: space-between; align-items: stretch; gap: 0px; }
.actor-container .ac-side { width: 440px; flex-shrink: 0; border-right: 1px solid var(--border-color); padding-right: 40px; }
.actor-container .ac-main { flex-grow: 1; }
.ac-side .as-info .v-actor { width: 160px; height: 160px; border-radius: 25%; }
.ac-side .as-info .button-group { position: relative; }
.ac-side .as-info .button-group .item { cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.6rem; padding: 0.4rem 1rem; border-radius: 3rem; border: 1px solid var(--border-color); white-space: nowrap; font-size: 13px; color: rgb(255, 255, 255); opacity: 1; }
.ac-side .as-info .button-group .item:hover { opacity: 0.9; }
.ac-side .as-info .button-group .item.active .inc-icon { color: var(--primary-color); }
.ac-main .actor-film { border-bottom: 1px solid var(--border-color); }
.ac-main .cg-body-box { padding-left: 40px; }
.time-row { position: relative; margin-left: -40px; display: flex; align-items: flex-start; justify-content: flex-start; }
.time-row + .time-row { margin-top: 3rem; }
.time-row .time-point { position: relative; flex-shrink: 0; z-index: 2; width: 80px; height: 80px; text-align: center; font-weight: 600; color: rgb(255, 255, 255); }
.time-row .time-point span { position: absolute; transform: rotate(-90deg); width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-end; font-size: 40px; font-weight: 900; opacity: 0.2; letter-spacing: 3px; }
.time-row .time-point::before { content: ""; width: 10px; height: 10px; border-radius: 2rem; background-color: var(--primary-color); position: absolute; left: -5px; top: 0px; }
.time-row-cards { flex-grow: 1; position: relative; z-index: 3; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5rem 1rem; }
.topics-list { flex-direction: column; gap: 3px; margin-top: 2rem; align-items: stretch; }
.row-topic, .topics-list { display: flex; justify-content: space-between; }
.row-topic { align-items: center; gap: 1rem; padding: 2rem; position: relative; background-color: rgba(255, 255, 255, 0.02); }
.row-topic > div { position: relative; z-index: 3; }
.row-topic .mask { position: absolute; inset: 0px; z-index: 1; background-color: var(--bg-2); }
.row-topic .intro { display: flex; flex-direction: column; gap: 1rem; flex-shrink: 0; width: 200px; }
.row-topic .intro .inc-icon { width: 60px; height: 60px; flex-shrink: 0; }
.row-topic .last-card { flex-grow: 1; display: grid; grid-template-columns: repeat(8, 1fr); gap: 1rem; }
.row-topic .last-card .sw-item .info { min-height: auto; }
.topics-list.single { border-radius: 1rem; background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgb(40, 43, 58)); padding: 2rem; gap: 2rem; }
.topics-list.single .row-topic { background-color: transparent; padding: 0px; }
.topics-list.single .row-topic .intro { padding-right: 1.5rem; padding-left: 0.5rem; gap: 1.5rem; flex-shrink: unset; flex-grow: 1; }
.topics-list.single .row-topic .intro .heading-md { line-height: 1.3; font-weight: 700; font-size: 2em !important; }
.topics-list.single .row-topic .row-content { position: relative; width: calc(100% - 230px); }
.topics-list.single .sw-item .v-thumbnail { border-radius: 0.4rem; }
.topics-list.single .sw-item .info { min-height: auto; }
.topics-list.single .sw-item .info .item-title { font-size: 13px; }
.topics-list.single .sw-item .pin-new .line-center { line-height: 1; padding: 0.3rem 0.4rem; font-size: 10px; }
.topics-list.single .sw-navigation .sw-button { top: calc(50% - 28px); opacity: 1; width: 40px; height: 40px; border-radius: 50%; padding: 0px; display: flex; align-items: center; justify-content: center; right: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 5px; background-color: rgb(255, 255, 255) !important; }
.topics-list.single .sw-navigation .sw-button.sw-prev { right: auto; left: 20px; }
.topics-list.single .sw-navigation .sw-button.swiper-button-disabled { opacity: 0; }
.topics-list.single .sw-navigation .sw-button svg { color: rgb(0, 0, 0); position: relative; right: -1px; width: 20px !important; height: 20px !important; }
.topics-list.single .sw-navigation .sw-button.sw-prev svg { right: auto; left: -1px; }
.topics-list.single .h-item .info .info-line { display: none; }
.topics-list.single .h-item .info .item-title { margin-bottom: 0px; }
.topics-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 1rem; padding-top: 1rem; }
.topics-grid .row-topic .mask { mask-image: none !important; }
.topics-grid .row-topic { position: relative; top: 0px; padding: 1.2rem 1.5rem; border-radius: 1.25rem 2.5rem; overflow: hidden; justify-content: space-between; background: transparent !important; }
.topics-grid .row-topic::after { content: ""; position: absolute; inset: 0px; box-shadow: rgba(255, 255, 255, 0.133) 0px -10px 20px 0px inset; z-index: 3; border-radius: 4rem 2.5rem; pointer-events: none; }
.topics-grid .row-topic .intro { padding: 0px; width: 100%; height: 100%; min-height: 110px; gap: 0.7rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.topics-grid .row-topic .intro .inc-icon { margin-bottom: 1rem; display: none; }
.topics-grid .row-topic .intro .heading-md { font-weight: 700; font-size: 2em; color: rgb(255, 255, 255); line-height: 1.3; }
.topics-grid .row-topic .intro .btn-outline { border: none !important; padding: 0px !important; font-size: 14px !important; }
.topics-grid .row-topic:hover .intro .btn-outline { background-color: transparent !important; color: rgb(255, 255, 255) !important; }
.topics-grid .row-topic:hover { top: -0.6rem; }
.topic-background { position: absolute; top: 0px; left: 0px; right: 0px; width: 100%; height: 50vh; mask-image: linear-gradient(0deg, transparent, black); opacity: 0.5; background-size: cover; background-position: 50% center; background-repeat: no-repeat; }
.heading-topic { text-shadow: none !important; font-size: 3em !important; line-height: 1.2 !important; }
.v-rating { position: relative; display: flex; flex-direction: column; align-items: flex-end; gap: 0.5rem; color: rgb(255, 255, 255); }
.v-rating .caption { padding-right: 0.8rem; font-size: 13px; line-height: 1; }
.v-rating .caption i { opacity: 0.3; }
.ro-icon { background-image: url("/images/ro-icon.svg"); background-size: cover; background-position: 50% center; width: 24px; height: 24px; }
.ro-rating { cursor: pointer; display: flex; align-items: center; background-color: rgb(53, 86, 182); border-radius: 3rem; padding: 0.5rem 0.6rem; }
.ro-rating .point { font-weight: 700; font-size: 16px; line-height: 1; padding: 0px 0.3rem 0px 0.5rem; }
.ro-rating .a-rate { font-size: 11px; text-decoration: underline; margin: 0px 0.2rem 0px 0.5rem; }
.rate-emo { display: flex; align-items: stretch; justify-content: space-between; background-color: rgba(0, 0, 0, 0.3); border-radius: 1rem; padding: 1rem; gap: 0.6rem; }
.rate-emo .item-v { flex: 1 1 0%; padding: 1rem 0.4rem; color: rgb(255, 255, 255); font-size: 13px; cursor: pointer; border-radius: 0.75rem; filter: grayscale(1); }
.rate-emo .item-v.disable { filter: grayscale(1) !important; opacity: 0.3 !important; cursor: default !important; }
.rate-emo .item-v.active { background-color: rgb(53, 86, 182); }
.rate-emo .item-v .inc-icon { width: 60px; height: 60px; flex-shrink: 0; }
.rate-emo .item-v.active, .rate-emo .item-v:hover { filter: none; }
.rate-comment { margin: 1rem auto 0px; width: 100%; position: relative; }
.rate-comment .v-form-control { border-radius: 1rem; padding: 1rem 1.2rem; }
.rate-comment div.v-form-control { border: none; font-size: 1.2em; line-height: 1.6; height: auto !important; min-height: auto !important; background-color: rgba(255, 255, 255, 0.024) !important; }
.rate-comment .has-reply { position: absolute; margin-top: -10px; right: 20px; z-index: 2; cursor: default; background-color: rgb(42, 49, 78) !important; }
.ws-rate { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.ws-rate .v-rating { gap: 0.7rem; }
.wsr-left { font-size: 13px; }
.v-line { width: 1px; height: 50px; margin: 0px 5px; background-color: var(--border-color); }
.dashboard-container { position: relative; z-index: 3; max-width: 1640px; margin: 0px auto; padding: 0px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.dcc-main { flex-grow: 1; padding: 40px; }
.dcc-side { width: 300px; flex-shrink: 0; padding: 40px; border-radius: 1rem; background-color: rgb(37, 39, 47); }
.dcc-side .ds-menu, .dcc-side .side-user { display: flex; flex-direction: column; gap: 1rem; }
.dcc-side .side-user .user-avatar { width: 60px; height: 60px; border: 2px solid rgb(255, 255, 255); }
.dcc-side .menu-user { display: flex; flex-direction: column; flex-grow: 1; width: 100%; margin-bottom: 8rem; }
.dcc-side .menu-user .item { width: 100%; padding: 1rem 0px; border-bottom: 1px solid rgb(46, 49, 58); }
.dcc-side .menu-user .item.active { color: var(--primary-text); }
.dcc-side .menu-user .item .line-center { width: 100%; gap: 1rem; }
.dcc-side .menu-user .item .line-center span { flex-grow: 1; }
.dash-form { max-width: 640px; display: flex; align-items: flex-start; flex-direction: row-reverse; gap: 3rem; }
.dash-form .user-avatar { border: 3px solid rgb(255, 255, 255); border-radius: 100%; margin-top: 1.7rem; }
.dcc-playlist { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; width: 100%; }
.dcc-playlist .item { padding: 0.9rem 1.2rem; border: 2px solid var(--border-color); display: flex; flex-direction: column; gap: 0.5rem; border-radius: 0.75rem; position: relative; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.01) 0px 0px 0px 3px inset; }
.dcc-playlist .item.active { border-color: var(--primary-color); }
.dcc-playlist .item .playlist-name { font-weight: 600; font-size: 1em; color: rgb(255, 255, 255); }
.v-form-playlist .v-form-control { padding: 0px; border-radius: 0px; cursor: default; font-size: 1em; font-style: italic; height: 36px; border-top: none !important; border-right: none !important; border-left: none !important; border-image: initial !important; border-bottom: 1px solid var(--primary-color) !important; background-color: transparent !important; color: var(--text-base) !important; }
.v-form-playlist .v-form-control:disabled { padding: 0px; cursor: default; font-weight: 600; font-style: normal; border: none !important; color: rgb(255, 255, 255) !important; }
.v-form-playlist .form-group { padding: 0.75rem 1rem; border: 1px solid var(--border-color); border-radius: 0.6rem; position: relative; }
.form-w-icon { position: relative; }
.form-w-icon .form-control { padding-left: 3rem !important; }
.form-w-icon .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; font-size: 0.9em; }
.noti-wrap { position: relative; border-radius: 0.75rem; overflow: hidden; background-color: rgb(40, 43, 58) !important; }
.noti-wrap strong { font-weight: 500; color: rgb(255, 255, 255); }
.noti-wrap .h-item { padding: 1rem; color: rgba(255, 255, 255, 0.6); }
.noti-wrap .h-item + .h-item { border-top: 1px solid rgba(255, 255, 255, 0.03); }
.noti-wrap .h-item.new { background-color: rgb(58, 62, 84) !important; }
.noti-wrap .h-item:hover { background-color: rgb(67, 71, 97) !important; }
.noti-wrap .h-item.new:hover { background-color: rgba(255, 255, 255, 0.067); }
.noti-wrap .h-item .v-thumbnail { width: 40px; flex-shrink: 0; padding-bottom: 54px; border-radius: 0.2rem; }
.noti-wrap .h-item .noti-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background-color: var(--bg-5); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: 1.2em; }
.noti-wrap .h-item .time { opacity: 0.6; }
.noti-dropdown { width: 320px; margin-top: 5px !important; padding-top: 0px !important; }
.v-dropdown-menu.bg-dark.noti-dropdown { background-color: rgb(40, 43, 58) !important; }
.noti-dropdown .noti-wrap { border-radius: 0px; background-color: transparent !important; }
.noti-dropdown .h-item { align-items: flex-start; font-size: 13px; }
.noti-dropdown .h-item .noti-icon, .noti-dropdown .h-item .v-thumbnail { margin-top: 0.2rem; }
.noti-dropdown .v-notice { font-size: 13px; padding: 2rem; background-color: transparent !important; }
.noti-dropdown .dropdown-top { border-bottom: 1px solid rgba(255, 255, 255, 0.063); padding: 0.6rem 1rem; }
.noti-dropdown .dropdown-bottom { border-top: 1px solid rgba(255, 255, 255, 0.063); }
.noti-dropdown .v-tabs-xs .nav-link { position: relative; padding-right: 0.75rem !important; min-width: auto !important; }
.noti-dropdown .v-tabs-xs .nav-link + .nav-link { margin-left: 1.1rem !important; }
.new-dot { position: absolute; top: 0px; right: 0px; width: 6px; height: 6px; background-color: red; border-radius: 50%; display: block; }
.article-body { font-size: 15px; line-height: 1.8; font-weight: 300; color: rgb(211, 211, 211); }
.article-body p { margin-bottom: 1rem; color: rgb(211, 211, 211); }
.article-body b { font-weight: 600; }
.article-body .screen-img { margin: 2rem auto; text-align: center; }
.article-body .screen-img img { width: 100%; max-width: 800px; border: 8px solid rgba(255, 255, 255, 0.067); }
.article-body .heading-sm { margin-bottom: 1rem; }
.article-body .v-ul-check { list-style: none; margin: 2rem auto; }
.article-body .v-ul-check li + li { margin-top: 1rem; }
.c-social-list { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 1rem; margin: 2rem 0px; }
.c-social-list .item { gap: 0px; padding: 0.7rem 1rem; border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.125); }
.c-social-list .item .inc-icon { width: 16px; height: 16px; }
.c-social-list .item .text-center { flex-grow: 1; text-align: center; }
.contact-page { max-width: 800px !important; }
.contact-body .v-form { max-width: 500px; margin: 2rem auto; }
.range-eps { margin: -0.25rem 0px 2.5rem; display: flex; align-items: stretch; flex-wrap: wrap; gap: 0.75rem; }
.range-eps > .item { font-size: 13px; padding: 0.3rem 0.6rem; border-radius: 0.3rem; color: var(--text-base); background-color: rgba(255, 255, 255, 0.063); min-width: 84px; text-align: center; }
.range-eps > .item:hover { color: rgb(255, 255, 255); }
.range-eps .item.active { color: rgb(0, 0, 0) !important; background-color: rgb(255, 255, 255) !important; }
.wrapper-schedules { max-width: 1400px; margin: 0px auto; }
.schedules-layout { display: flex; flex-direction: column; gap: 2rem; padding: 1rem 0px; }
.sche-time { position: relative; }
.sche-time .item-time { display: flex; flex-direction: column-reverse; gap: 0.75rem; font-size: 1em; padding: 1rem 1.2rem; border-radius: 0px; background-color: rgba(255, 255, 255, 0.024); flex: 1 1 0%; position: relative; cursor: pointer; }
.sche-time .item-time > div { line-height: 1; white-space: nowrap; }
.sche-time .item-time .day { font-size: 18px; color: rgb(255, 255, 255); font-weight: 700; }
.sche-time .item-time .time { width: 100%; height: 20px; display: flex; align-items: center; justify-content: space-between; }
.sche-time .item-time .time span { font-size: 10px; line-height: 1; padding: 0.2rem 0.3rem; color: var(--primary-text); border: 1px solid var(--primary-color); border-radius: 0.25rem; }
.sche-time .item-time.active { background-color: rgba(255, 255, 255, 0.063); }
.sche-time .item-time.active::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background-color: var(--primary-color); }
.sche-time .item-time.active .day { color: var(--primary-text); }
.sche-timeline { display: flex; flex-direction: column; width: 100%; }
.sche-timeline .st-row { position: relative; display: flex; align-items: flex-start; justify-content: space-between; min-height: 60px; }
.sche-timeline .st-row::before { content: ""; position: absolute; left: 0px; right: 0px; top: 29px; height: 2px; background-color: rgba(255, 255, 255, 0.063); }
.sche-timeline .st-row > div { position: relative; z-index: 2; }
.sche-timeline .st-row .clock { font-size: 16px; font-weight: 600; line-height: 60px; flex-shrink: 0; background-color: var(--bg-color); width: 90px; text-align: center; }
.sche-timeline .st-row .items { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; flex-grow: 1; padding: 1rem; }
.sche-timeline .st-row .h-item { padding: 10px 15px 10px 10px; background-color: rgb(54, 56, 64); border: 1px solid rgba(255, 255, 255, 0.125); border-radius: 0.75rem; font-size: 13px; position: relative; }
.sche-timeline .st-row .h-item:hover { border-color: var(--primary-color); }
.sche-timeline .st-row .h-item .t-pin { position: absolute; top: -12px; font-size: 12px; line-height: 1; padding: 2px 4px; border-radius: 3px; background-color: var(--bg-color); }
.sche-navigation .sw-button { top: 50% !important; }
.avatar-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.avatar-list .item { width: 100%; padding-bottom: 100%; border-radius: 0px; overflow: hidden; position: relative; cursor: pointer; opacity: 0.6; box-shadow: transparent 0px 0px 0px 3px; }
.avatar-list .item img { width: 100%; height: 100%; position: absolute; object-fit: cover; }
.avatar-list .item.active, .avatar-list .item:hover { opacity: 1; }
.avatar-list .item.active::before { content: ""; position: absolute; inset: 0px; border: 3px solid rgb(255, 255, 255); z-index: 2; }
.question-box { margin: 2rem 0px; padding: 1.5rem; max-width: 560px; border: 1px solid rgba(255, 255, 255, 0.19); border-radius: 1rem; list-style: none; }
.question-box li + li { margin-top: 0.5rem; }
.comm-wrap { margin-bottom: 1rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.133); display: flex; flex-direction: column; }
.top-discuss { padding: 1.5rem 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.133); }
.td-d-item, .top-discuss .td-list { position: relative; }
.td-d-item { align-items: stretch; padding: 1.2rem; border-radius: 0.6rem; overflow: hidden; }
.td-d-item .d-thumb { flex-shrink: 0; width: 50px; position: absolute; z-index: 2; top: 1.2rem; right: 1.2rem; }
.td-d-item .d-thumb .v-thumbnail { border-radius: 0.3rem; }
.td-d-item .di-v { display: flex; flex-direction: column; gap: 0.75rem; position: relative; z-index: 2; }
.td-d-item .di-v .user-avatar { border: 2px solid transparent; background-color: transparent; }
.td-d-item:hover .di-v .user-avatar { border-color: rgb(255, 255, 255); }
.td-d-item .di-poster { position: absolute; inset: 0px; opacity: 0.5; mask-image: linear-gradient(black, transparent 80%); }
.td-d-item:hover .di-poster { opacity: 0.7; }
.td-d-item .di-poster img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; filter: blur(5px); transform: scale(1.1); }
.td-d-item .info { display: flex; flex-direction: column; gap: 0.4rem; color: rgba(255, 255, 255, 0.6); }
.td-d-item .info > div { margin-bottom: 0px; }
.td-d-item .info .text { flex-grow: 1; font-size: 13px; height: 42px; margin-bottom: 3px; color: rgba(255, 255, 255, 0.533) !important; }
.td-d-item .info .comment-bottom .line-center { gap: 0.3rem; }
.comm-title { font-size: 13px; line-height: 16px; margin-bottom: 1.2rem; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: rgb(255, 255, 255); cursor: default; }
.comm-title .ct-icon { font-size: 16px; color: var(--primary-text); }
.top-discuss-wrapper .sw-navigation .sw-button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0px; opacity: 1; border-radius: 50%; right: -10px; background-color: var(--bg-color) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; }
.top-discuss-wrapper .sw-navigation .sw-button.sw-prev { right: auto; left: -10px; }
.top-discuss-wrapper .sw-navigation .sw-button.swiper-button-disabled { opacity: 0; }
.top-discuss-wrapper .sw-navigation .sw-button svg { width: 20px !important; height: 20px !important; }
.irt-table { display: flex; align-items: stretch; justify-content: space-between; gap: 0px; }
.irt-table .it-col { flex: 1 1 0%; padding: 1.5rem 2rem; }
.irt-table .it-col + .it-col { border-left: 1px solid rgba(255, 255, 255, 0.067); }
.it-col .chart-list { display: flex; flex-direction: column; gap: 0px; }
.it-col .chart-list .item { display: flex; align-items: center; gap: 1rem; height: 50px; }
.it-col .chart-list .item > div { flex-shrink: 0; }
.it-col .chart-list .item .pos { width: 16px; font-size: 1.2em; font-weight: 600; opacity: 0.3; }
.it-col .chart-list .item .dev { width: 16px; text-align: center; }
.it-col .chart-list .item .name { font-size: 1em; font-weight: 400; flex-grow: 1; color: rgb(255, 255, 255); margin: 0px !important; }
.it-col .chart-list .item .v-thumbnail { width: 25px; padding-bottom: 36px; border-radius: 0.1rem; }
.it-col .chart-list .item .user-avatar { width: 32px; height: 32px; }
.it-col .chart-list .item .topic-color { padding: 0px 0.8rem; height: 28px; font-size: 13px; display: flex; align-items: center; color: rgb(255, 255, 255); border-radius: 30px; }
.it-col .chart-list .item-more a { color: rgba(255, 255, 255, 0.333); }
.it-col .chart-list .item-more a:hover { color: var(--primary-text); }
.it-col .release-list { position: relative; }
.re-item { display: flex; flex-direction: column; justify-content: center; height: 68px; gap: 0.2rem; padding: 0.6rem 0.8rem 0.6rem calc(30px + 1.6rem); border-radius: 0.6rem; background-color: rgba(0, 0, 0, 0.333); border: 1px solid transparent; color: var(--text-base) !important; }
.re-item:hover { background-color: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.267); }
.re-item .user-avatar { width: 30px; height: 30px; flex-shrink: 0; position: absolute; top: 18px; left: 0.8rem; }
.re-item .user-comment { font-size: 12px; }
.re-item .user-comment span { color: rgb(255, 255, 255); }
.re-item .for { font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, 0.333); }
.re-item .for small { font-size: 8px; color: var(--primary-text); }
.sw-comment-slide { max-height: 282px; }
.dev.dev-up { color: rgb(190, 220, 51); }
.dev.dev-down { color: rgb(220, 50, 140); }
.dev.dev-stand { color: rgba(255, 255, 255, 0.2); }
.it-col.this-03 .chart-list .item:nth-child(10n+1) .topic-color { background-color: rgb(116, 45, 75) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+2) .topic-color { background-color: rgb(56, 127, 218) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+3) .topic-color { background-color: rgb(115, 86, 177) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+4) .topic-color { background-color: rgb(145, 171, 71) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+5) .topic-color { background-color: rgb(169, 135, 98) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+6) .topic-color { background-color: rgb(33, 138, 143) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+7) .topic-color { background-color: rgb(150, 22, 209) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+8) .topic-color { background-color: rgb(201, 81, 44) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+9) .topic-color { background-color: rgb(97, 105, 148) !important; }
.it-col.this-03 .chart-list .item:nth-child(10n+10) .topic-color { background-color: rgb(173, 76, 104) !important; }
.it-col.this-05 { max-width: 550px; }
.d-modal .modal-content { background-color: rgb(36, 40, 56) !important; }
.d-modal .comm-title { font-size: 14px; }
.it-col.it-big { padding: 0px !important; }
.it-col.it-big .chart-list .item { height: 70px; }
.it-col.it-big.this-03 .chart-list .item { height: 60px; }
.it-col.it-big .chart-list .item + .item { border-top: 1px solid rgba(255, 255, 255, 0.03); }
.it-col.it-big .chart-list .item .v-thumbnail { width: 36px; height: 50px; border-radius: 0.2rem; }
.it-col.it-big .chart-list .item .pos { width: 24px; }
.it-col.it-big .chart-list .item .name { -webkit-line-clamp: 2 !important; line-height: 1.5; }
.it-col.it-big .chart-list .item .user-avatar { width: 45px; height: 45px; }
.it-col .chart-list .item .info .small-text { font-size: 12px !important; color: rgba(255, 255, 255, 0.333); }
.it-col .chart-list .item .info .small-text .s-icon { font-size: 11px !important; }
.cards-boxed .row-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.cards-boxed .row-tabs a { font-size: 13px; line-height: 1.2; white-space: nowrap; padding: 0px 1rem; height: 36px; border-radius: 3rem; gap: 0.6rem; color: rgb(255, 255, 255); position: relative; background-color: rgba(255, 255, 255, 0.063); overflow: hidden; }
.cards-boxed .row-tabs a:hover { background-color: rgba(255, 255, 255, 0.125); }
.cards-boxed .row-tabs a.active { color: rgb(0, 0, 0); background: linear-gradient(94deg, rgb(252, 241, 216), rgb(253, 185, 222)); }
.cards-boxed .row-tabs a .inc-icon { width: 24px; height: 24px; display: none; }
.inc-icon.new-tag { position: relative; margin-left: -20px; width: 80px !important; height: auto !important; }
#slide-cover-new .sw-navigation .sw-button { top: 50%; }
.sw-cover.cover-fade { background-color: rgb(34, 77, 103); border-radius: 0.75rem; overflow: hidden; }
.sw-cover.cover-fade .v-thumbnail { background-color: transparent; border-radius: 0.75rem 0.75rem 0px 0px; }
.sw-cover.cover-fade .v-thumbnail img { mask-image: linear-gradient(0deg, transparent, black 40%); }
.sw-cover.cover-fade .h-item { margin-top: -3rem; padding: 1.2rem; }
.sw-cover.cover-fade .h-item .info .item-title { font-size: 1.1em; font-weight: 600; margin-bottom: 0px; }
.sw-cover.cover-fade .h-item .info .alias-title { font-size: 1em; color: var(--primary-text); margin-bottom: 0.6rem; }
.sw-cover.cover-fade .h-item .info .description { font-size: 13px; color: rgb(255, 255, 255); }
.sw-cover.cover-fade .backdrop-filter { position: absolute; inset: 0px; background-position: 50% center; background-size: cover; filter: blur(30px); opacity: 0.3; transform: scale(1.2); }
.pin-relative { display: flex; align-items: center; gap: 0.3rem; font-size: 12px; line-height: 1.3; }
.pin-relative .video-type { padding: 0.2rem 0.4rem; font-size: 11px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 0.3rem; white-space: nowrap; }
.pin-relative .pin-new { transform: none; position: relative; top: auto; left: auto; bottom: auto; box-shadow: none; border-radius: 0px; gap: 0.3rem; }
.pin-relative .pin-new .line-center { border-radius: 0.3rem; }
.pin-relative .pin-new .line-pd { background-color: rgba(255, 255, 255, 0.21); }
.radius-0 { border-radius: 0px !important; }
.bg-trans { background-color: transparent !important; border-radius: 0.5rem !important; }
.text-gradient { letter-spacing: 1px; background: linear-gradient(90deg, rgb(252, 241, 216), rgb(255, 126, 229)) text; -webkit-text-fill-color: transparent; text-shadow: none !important; font-weight: 700 !important; font-size: 2.2em !important; }
.v-loader-area { display: flex; justify-content: center; align-items: center; padding: 0px 3rem; height: 200px; position: relative; }
.v-loader-area.fixed { position: absolute; inset: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.02); }
.v-loader { width: 45px; aspect-ratio: 1 / 1; --c: no-repeat linear-gradient(#5b5d68 0 0); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 20% 100%; animation: 1s linear 0s infinite normal none running l1; transform: scale(0.9); border-radius: 50%; }
@keyframes l1 { 
  0% { background-size: 20% 100%, 20% 100%, 20% 100%; }
  33% { background-size: 20% 10%, 20% 100%, 20% 100%; }
  50% { background-size: 20% 100%, 20% 10%, 20% 100%; }
  66% { background-size: 20% 100%, 20% 100%, 20% 10%; }
  100% { background-size: 20% 100%, 20% 100%, 20% 100%; }
}
body { animation: 1s ease 0s 1 normal forwards running allpage-load; overflow: hidden; width: 100%; height: 100vh; }
@keyframes allpage-load { 
  0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; overflow: unset; height: auto; }
}
#body-load { position: fixed; z-index: 1000; top: 0px; right: 0px; bottom: 0px; height: 100vh; background-color: var(--bg-color); animation: 1.5s ease 0s 1 normal forwards running body-load-effect; }
#body-load, #body-load .bl-logo { display: flex; width: 100%; justify-content: center; align-items: center; }
#body-load .bl-logo { max-width: 800px; flex-direction: column; gap: 2rem; font-size: 3em; line-height: 1.4; color: rgba(255, 255, 255, 0.19); font-weight: 600; animation: 1.5s ease 0s 1 normal forwards running logo-load; }
#body-load .bl-logo img { width: 60%; max-width: 360px; height: auto; }
body.base-load { animation: 2s ease 1s 1 normal forwards running base-load; overflow: hidden; width: 100%; height: 100vh; }
@keyframes body-load-effect { 
  0% { opacity: 1; z-index: 1000; }
  75% { opacity: 1; z-index: 1000; }
  100% { opacity: 0; z-index: -100; }
}
@keyframes base-load { 
  0% { opacity: 0; }
  100% { opacity: 1; overflow: unset; height: auto; }
}
@keyframes logo-load { 
  0% { transform: scale(1.05); }
  60% { transform: scale(1); opacity: 1; }
  80% { transform: scale(0.6); opacity: 0; }
  100% { opacity: 0; }
}
@keyframes home-load { 
  80% { overflow: hidden; }
  100% { background-image: url("/images/home-background.jpg"); overflow: auto; }
}
.info-line .tag-small { margin-right: 0px; }
.info-line .tag-small + .tag-small { margin-left: 10px; padding-left: 10px; position: relative; }
.info-line .tag-small + .tag-small::before { content: ""; width: 5px; height: 5px; display: inline-block; background-color: rgba(255, 255, 255, 0.19); position: absolute; left: -3px; top: calc(50% - 3px); border-radius: 50%; }
.block-404 { width: 100%; max-width: 800px; padding: 0px 30px; margin: 6rem auto; text-align: center; }
.block-404 .description { font-size: 1.1em; margin-bottom: 3rem; }
.block-404 .icon-404 { margin-bottom: 2rem; filter: grayscale(1); opacity: 0.3; }
.block-404 .icon-404 img { width: 100%; max-width: 300px; height: auto; }
.v-thumbnail .text-more { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 1.1em; white-space: nowrap; }
.Toastify__toast { border-radius: 0.6rem !important; }
.Toastify__progress-bar--wrp { height: 3px !important; }
.Toastify__toast-theme--dark { backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.06) !important; }
.ratio-16x9 video { object-fit: cover; }
.cat-more .line-center { padding: 0px; height: 30px; width: 30px; border-radius: 2rem; border: 1px solid rgba(255, 255, 255, 0.333); font-size: 14px; justify-content: center; gap: 0px; }
.cat-more.active .line-center, .cat-more:hover .line-center { width: auto; padding: 0px 0.5rem; }
.cat-more span { display: none; font-size: 12px; padding: 0px 0.4rem; }
.cat-more i { width: 20px; text-align: center; }
.cat-more.active span, .cat-more:hover span { display: block; }
.denied-box { background-color: rgb(30, 33, 46); display: flex; align-items: center; justify-content: center; width: 100%; padding: 1.5rem 25%; gap: 2rem; font-size: 2.3em; font-weight: 600; color: rgb(255, 255, 255); }
.denied-box, .denied-box::before { position: absolute; inset: 0px; }
.denied-box::before { content: ""; background-image: url("/images/denied-bg.webp"); background-size: cover; background-position: 50% center; opacity: 0.2; }
.denied-box .denied-icon img { width: 220px; height: 220px; border-radius: 15%; }
.quality-notice { position: absolute; z-index: 99; left: 50%; transform: translateX(-50%); bottom: -200px; width: 90%; max-width: 320px; background-color: rgb(255, 255, 255); font-size: 14px; color: rgb(0, 0, 0); box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 10px 10px; padding: 1rem; border-radius: 0.8rem; animation: 0.75s ease 1s 1 normal forwards running pop-show; top: auto !important; height: auto !important; }
.quality-notice .notice-dismiss { color: rgb(136, 136, 136); font-size: 12px; font-weight: 400; margin-top: 0.6rem; cursor: pointer; }
@keyframes pop-show { 
  0% { opacity: 0; bottom: -200px; }
  100% { opacity: 1; bottom: 30px; }
}
.app-box-fix { position: fixed; z-index: 9; bottom: 1rem; left: 1rem; background-color: rgb(255, 255, 255); border-radius: 1rem; padding: 1.2rem; color: rgb(0, 0, 0); width: 100%; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 10px 3px; }
.app-box-fix .heading-xs { color: rgb(0, 0, 0); margin-bottom: 0.75rem; }
.app-box-fix .close-app-box { margin-top: 1.25rem; }
.app-box-fix .close-app-box a { color: rgb(0, 0, 0); font-size: 12px; padding: 0.6rem 1rem; text-align: center; display: block; width: 100%; background-color: rgb(239, 241, 248); border-radius: 0.5rem; }
.app-box-fix .close-app-box a:hover { background-color: rgb(217, 222, 241); }
.app-box-fix .app-box .appicon img { width: 60px; border-radius: 0.7rem; }
.table-wrap { margin: 2rem auto; max-width: 800px; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 1rem; overflow: hidden; }
.v-table { margin: 0px; font-size: 14px; border-radius: 0.8rem; overflow: hidden; }
.table.v-table > :not(caption) > * > * { padding: 0.6rem 0.8rem; }
.v-table.table-dark { --bs-table-bg: #fff1; --bs-table-border-color: var(--bg-color); }
.br-none { border-right: none !important; }
.button-play.is-coming { position: relative; font-size: 16px; padding-left: 1.5rem; padding-right: 1.5rem; border: none; overflow: hidden; gap: 0.75rem; padding-top: 0.5rem !important; padding-bottom: calc(22px + 0.5rem) !important; border-radius: 0.75rem !important; height: auto !important; }
.button-play.is-coming .text { font-size: 11px; line-height: 24px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 0px; }
#totop { position: fixed; z-index: 99; right: 1rem; bottom: -100px; width: 56px; height: 56px; border-radius: 25%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 0px 10px 0px; color: rgb(0, 0, 0); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; }
#totop > div { font-size: 10px; line-height: 1.1; font-weight: 600; text-transform: uppercase; }
#totop i { font-size: 14px; position: relative; }
#totop:hover i { top: -2px; }
.code-page { padding: 100px 0px !important; }
.your-account { display: flex; justify-content: center; color: rgb(255, 255, 255); margin-bottom: 1rem; }
.your-account .user-avatar { width: 40px; height: 40px; }
.your-account strong { font-weight: 500; }
.login-code-box { display: flex; flex-direction: column; gap: 4rem; justify-content: center; max-width: 700px; margin: 3rem auto; }
.login-code { display: flex; justify-content: space-between; align-items: stretch; gap: 1.5rem; }
.login-code .form-control { flex: 1 1 0%; background-color: transparent; color: rgb(255, 255, 255); font-size: 3em; font-weight: 600; padding: 0.75rem; text-align: center; border-radius: 0px; border-width: 4px !important; border-style: solid !important; border-color: transparent transparent rgba(255, 255, 255, 0.133) !important; border-image: initial !important; box-shadow: none !important; }
.login-code .form-control::placeholder { color: rgba(255, 255, 255, 0.4); }
.login-code .form-control:focus { border-color: rgba(255, 255, 255, 0.267) !important; }
.login-code.error .form-control { border-color: rgba(201, 77, 77, 0.1) !important; color: rgb(201, 77, 77) !important; background-color: rgba(201, 77, 77, 0.1) !important; }
.login-code-box .buttons { display: flex; flex-direction: column; gap: 1rem; width: 100%; max-width: 320px; margin: 0px auto; }
.login-code-box .buttons .btn-light[disabled] { background-color: rgba(255, 255, 255, 0.6) !important; border: none !important; }
.display-pin { display: flex; flex-direction: column; gap: 1.5rem; }
.tv-checked { display: block; text-align: center; padding: 50px 0px; }
.tv-checked img { width: 240px; height: auto; }
.flexbin { display: flex; overflow: hidden; flex-wrap: wrap; gap: 0.4rem; }
.flexbin::after { content: ""; flex-grow: 1e+09; min-width: 200px; height: 0px; }
.flexbin > * { position: relative; display: block; height: 200px; flex-grow: 1; }
.flexbin > * > img { height: 100%; object-fit: cover; max-width: 100%; min-width: 100%; vertical-align: bottom; }
@media (max-width: 980px) {
  .flexbin::after { min-width: 150px; }
  .flexbin > * { height: 150px; }
}
@media (max-width: 400px) {
  .flexbin::after { min-width: 100px; }
  .flexbin > * { height: 100px; }
}
body.homepage { background-color: rgb(20, 22, 30); background-position: center top; background-repeat: no-repeat; background-size: contain; animation: 2s ease 0s 1 normal forwards running home-load; }
body.homepage .container { max-width: 1120px; }
#section-first { display: flex; justify-content: center; align-items: center; }
#section-first .button-play { opacity: 1 !important; transform: scale(1.1); }
#section-first .btn-blank { color: var(--text-base); border: none !important; }
#section-first .btn-blank:hover { color: var(--primary-text); }
.home-board { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; width: 100%; padding: 6rem 8rem; margin: 15rem auto 8rem; border-radius: 2rem; background-color: rgba(255, 255, 255, 0.024); backdrop-filter: blur(20px); }
.home-board .home-logo img { height: 60px; }
.home-board .heading-xl { text-align: center; font-size: 2.6em; }
#section-second { padding: 0px 0px 4rem; }
#home-footer { text-align: center; padding-bottom: 4rem; }
.home-footer-menu { margin: 2rem auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem 2.5rem; padding: 0px 20px; }
.home-footer-menu a { white-space: nowrap; color: var(--text-base); }
.home-footer-menu a:hover { color: var(--primary-text); }
#about { position: relative; font-size: 1.1em; line-height: 1.7; color: rgb(207, 207, 207); padding: 0px 6rem; }
#about a { color: rgb(255, 255, 255); }
#about a:hover { color: var(--primary-text); }
#about p { line-height: 1.7; margin-bottom: 1rem; }
#about b { font-weight: 600; }
#about h1, #about h2, #about h3, #about h4, #about h5 { line-height: 1.6; font-weight: 500; }
#about h1 { font-size: 1.8em; }
#about h1, #about h2 { margin: 1.5rem 0px; color: var(--primary-text); }
#about h2 { font-size: 1.6em; }
#about h3 { font-size: 1.4em; margin: 0px 0px 1.25rem; color: rgb(255, 255, 255); }
#about h4 { font-size: 1.2em; margin-bottom: 0.5rem; color: var(--primary-text); }
#about h5 { font-size: 1.1em; margin-bottom: 0.5rem; color: rgb(255, 255, 255); }
@media screen and (max-width: 1440px) {
  .home-board { margin: 8rem auto 5rem; }
}
@media screen and (max-width: 1280px) {
  .home-board { margin: 6rem auto 4rem; }
}
@media screen and (max-width: 980px) {
  body.homepage { background-size: 1600px; }
  .home-board { margin: 5rem auto 3rem; padding: 4rem; gap: 2rem; border-radius: 1.5rem; }
  .home-board .heading-xl { font-size: 2em; }
  #about { padding: 0px; }
}
@media screen and (max-width: 640px) {
  body.homepage .container { padding: 0px 20px; }
  .home-board { padding: 3rem; }
  .home-board .heading-xl { font-size: 1.8em; }
  #about { font-size: 1em; }
}
@media screen and (max-width: 479px) {
  .topics-grid.topics-line .row-topic { border-radius: 0.75rem 1.5rem !important; }
  .topics-grid.topics-line .row-topic::after { border-radius: 2rem 0.75rem !important; }
  .home-board { padding: 2rem; }
  .home-board .home-logo img { height: 50px; }
  .home-board .heading-xl { font-size: 1.6em; }
  #section-first .buttons { width: 100%; }
  #section-first .button-play { transform: scale(1); width: 100%; display: block; }
  .home-footer-menu { margin-bottom: 3rem; gap: 1rem 2rem; }
  #home-footer { padding-bottom: 3rem; }
}


.user-dropdown { max-width: 320px; min-width: 200px; }
.user-dropdown .dropdown-item .line-center { width: 100%; gap: 0.75rem; }
.user-dropdown .dropdown-item .line-center span { flex-grow: 1; }
.user-dropdown .dropdown-item .line-center .number { opacity: 0.5; }
.v-dropdown-menu.user-dropdown .dropdown-item { padding: 0.6rem 1rem; }
.v-dropdown-menu.bg-dark.user-dropdown { border-radius: 0.6rem; background-color: rgb(39, 44, 67) !important; }
.dropdown-vip { font-size: 13px; padding: 0.4rem 1rem; }
.dropdown-vip .user-name { font-size: 12px; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 8px; }
.dropdown-vip .gr-tag { text-transform: uppercase; border: 1px solid rgba(255, 255, 255, 0.267); border-radius: 4px; flex-shrink: 0; justify-content: center; align-items: center; height: 16px; padding: 0px 0.2rem; font-size: 10px; font-weight: 500; line-height: 1; display: flex; }
.dropdown-vip .gr-tag.gr-tag-free { color: var(--text-base); border-color: var(--text-base); }
.dropdown-vip .gr-tag.gr-tag-rox { color: rgb(54, 250, 119); border-color: rgb(54, 250, 119); }
.dropdown-wallet { padding: 0.5rem 1rem; }
.wallet-display { display: flex; flex-direction: column; gap: 0.5rem; }
.wallet-display .btn-xs { min-height: auto; padding: 1px 6px; font-size: 10px; }
.wallet-display .my-wallet { color: rgb(255, 255, 255); white-space: nowrap; }
.wallet-display .amount { flex-grow: 1; justify-content: flex-end; }
.wallet-display .amount span { color: var(--primary-text); font-weight: 500; white-space: nowrap; }
.ro-coin { width: 16px; height: 16px; border-radius: 50%; background-image: url("/images/ro-coin.svg"); background-size: cover; flex-shrink: 0; display: inline-block; vertical-align: sub; }
.ro-coin.m-size { width: 20px; height: 20px; }
@media screen and (max-width: 1900px) {
  .top-slide-wrap .sound-mute, .top-slide-wrap .top-slide-small { right: 50px; }
  .top-slide-main { height: 760px; }
  .top-slide-category { height: 780px; }
  .top-detail-wrap { height: 0px; padding-bottom: 40%; }
  .detail-container { margin-top: -100px; }
  .dashboard-container .dcc-main { padding: 0px; }
  .topics-grid .row-topic .intro { min-height: 110px; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.6em; line-height: 1.3; }
}
@media screen and (max-width: 1599px) {
  header .header-elements { padding: 0px 20px; gap: 1.5rem; }
  .cards-row.wide, .container { padding: 0px 20px; }
  #logo img { height: 40px; }
  #main_menu, #main_user { gap: 0.5rem; }
  #main_user .button-user { min-width: 125px; padding: 0.5rem 0.8rem; }
  #main_menu .menu-item { padding: 0px 0.7rem; font-size: 13px; }
  .el-group { gap: 0.6rem; }
  .big-slide-wrapper .slide-content { padding: 2rem; max-width: 600px; }
  .big-slide-wrapper .top-slide-main { height: 460px; }
  .big-slide-wrapper .top-slide-small { margin: -50px auto 0px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { gap: 1rem; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { padding: 0.6rem; font-size: 12px; height: 100px; }
  .footer-elements { padding: 2rem; height: auto; min-height: auto; }
  .footer-elements .footer-icon { display: none; }
  .topics-line { gap: 1rem; }
  .topics-line .topic-item { flex-direction: column; gap: 0.75rem; font-size: 12px; }
  .topics-line .topic-item .new { display: none; }
  .top-slide-wrap .top-slide-main::before { height: 100px; }
  .top-slide-wrap .top-slide-main .slide-content { padding: 0px 30px 60px; max-width: 600px; }
  .top-slide-wrap .top-slide-small { right: 30px; bottom: 172px; }
  .top-slide-wrap .sound-mute { right: 30px; bottom: 242px; }
  #wrapper { padding-top: 7rem; }
  .cards-row .row-header .category-name { font-size: 1.8em; }
  .cards-row .row-header .inc-icon { width: 30px; height: 30px; }
  .cards-grid-wrapper { gap: 1rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(8, 1fr); gap: 2rem 1.2rem; }
  .top-slide-category .cover-fade { height: calc(100% - 180px) !important; }
  .de-eps.is-grid { column-gap: 1rem; grid-template-columns: repeat(4, 1fr); }
  .de-eps.is-simple { grid-template-columns: repeat(6, 1fr); }
  .detail-container { margin-top: -100px; }
  .cg-body-box .box-header { margin-bottom: 1.5rem; }
  .de-actors, .de-suggest { grid-template-columns: repeat(5, 1fr); }
  .de-actors { gap: 1.5rem 0.6rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(6, 1fr); }
  :root { --padding-base: 30px; }
  .wc-main .wm-info .desc-line { padding-left: 0px; }
  .watch-container { padding: 0px; }
  .actor-container .ac-side { width: 340px; }
  .time-row-cards { grid-template-columns: repeat(5, 1fr); }
  .row-topic .last-card { grid-template-columns: repeat(6, 1fr); }
  .row-topic .last-card .sw-item:nth-child(n+7) { display: none; }
  .topics-grid { grid-template-columns: repeat(6, 1fr); }
  .more-topic { background: rgba(255, 255, 255, 0.063) !important; padding: 1rem !important; }
  .more-topic .mask { display: none; }
  .more-topic .intro { min-height: auto !important; }
  .more-topic .intro .heading-md { font-size: 1.3em !important; line-height: 1.8 !important; }
  .topics-list.single .row-topic .row-content { width: calc(100% - 200px); }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.8em !important; }
  .it-col.this-03 { display: none; }
  .app-download { border-right: none; padding-right: 0px; }
}
@media screen and (max-width: 1359px) {
  #search { display: none; }
  header .header-elements { padding: 0px 6px; height: 60px; }
  #logo { position: absolute; left: 65px; }
  #logo img { height: 36px; }
  .header-elements .for-mobile { display: flex; }
  .el-group, .el-group .flex-grow-1 { display: none; }
  .el-group { position: absolute; z-index: 3; top: 100%; left: 10px; max-width: 360px; width: calc(100% - 10px); padding: 1.5rem; border-radius: 0.75rem; backdrop-filter: blur(20px); background-color: rgba(59, 73, 135, 0.95) !important; }
  .el-group.toggled { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 1rem; box-shadow: var(--shadow-large); }
  .el-group.toggled > div { position: relative; z-index: 3; }
  .el-group #main_menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; width: 100%; padding: 0px; z-index: 4; }
  .el-group #main_menu .menu-item { padding: 0.6rem 0px; line-height: normal; }
  .el-group #main_menu .menu-item a { display: block; font-weight: 500; }
  .el-group #main_user { gap: 0.5rem; width: 100%; }
  .el-group #main_user .button-user { flex: 1 1 0%; text-align: center; }
  #search.toggled { display: block; position: absolute; left: 10px; right: 50px; width: auto; max-width: none; z-index: 2; }
  .header-elements.simple { justify-content: flex-end; }
  .header-elements.simple #logo, .header-elements.simple .menu-toggle, .header-elements.simple .noti-toggle { display: none; }
  #wrapper { padding-top: 5rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(6, 1fr); gap: 1rem; }
  .v-bread { left: 20px; top: 80px; }
  .detail-container > div.dc-side { padding: 30px; width: 380px; }
  .de-suggest { grid-template-columns: repeat(4, 1fr); }
  .wc-main .wm-info .info { width: 360px; }
  .wc-side { width: 380px; }
  .time-row-cards { grid-template-columns: repeat(4, 1fr); }
  .header-elements .noti-toggle { position: absolute; right: 60px; top: 50%; transform: translateY(-50%); width: auto; min-width: 40px; }
  .header-elements .noti-toggle .small { font-size: 12px; opacity: 0.5; }
  #main_user.user-logged { align-items: self-start; padding: 1.5rem; margin: -1.5rem -1.5rem 0.5rem; width: calc(100% + 3rem); background-color: rgba(0, 0, 0, 0.2); }
  #main_user.user-logged > .dropdown { width: 100%; }
  #main_user.user-logged .head-noti { display: none; }
  #main_user.user-logged .user-dropdown { flex-direction: column; gap: 0.3rem; display: flex !important; transform: none !important; position: relative !important; inset: auto !important; width: 100% !important; margin: 0px !important; padding: 0px !important; background-color: transparent !important; color: rgb(255, 255, 255) !important; }
  #main_user.user-logged .user-dropdown > a, .user-logged .user-dropdown > div { padding: 0.5rem 0px; color: rgb(255, 255, 255); background-color: transparent !important; }
  .user-logged .user-dropdown > div.ui-mobile { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; padding: 0px; }
  .user-logged .user-dropdown > div.ui-mobile .dropdown-item .line-center { padding: 0.5rem 0.7rem; }
  .user-logged .user-dropdown > div.dropdown-vip .call-upgrade .small { padding-right: 60px; }
  .user-logged .user-dropdown .dropdown-blank { margin-bottom: 1rem; padding: 0px 60px 0px 0px !important; gap: 0.2rem !important; }
  #main_user.user-logged .user-dropdown hr { display: none; }
  .user-logged .user-dropdown .dropdown-item { padding: 0px !important; }
  .user-logged .user-dropdown .dropdown-item .line-center { width: 100%; font-size: 12px; border: 1px solid var(--border-color); border-radius: 0.4rem; padding: 0.6rem 1rem; gap: 0.5rem; }
  .user-logged .user-dropdown .dropdown-item .line-center i { font-size: 14px; }
  .user-logged .header-user { position: absolute; top: 0px; right: 0px; padding: 0px !important; }
  .user-logged .header-user i { display: none; }
  .dcc-playlist { grid-template-columns: repeat(3, 1fr); }
  #body-load .bl-logo { font-size: 0px; }
  .topics-list.single .row-topic { flex-direction: column; padding: 0px; gap: 1rem !important; }
  .topics-list.single .row-topic .row-content { width: 100%; }
  .topics-list.single .row-topic .intro { padding: 0px; flex-direction: row; width: 100%; align-items: center; justify-content: space-between; }
  .dcc-side { width: 250px; }
  header .app-download { width: 100%; z-index: 5 !important; }
  header .app-download .app-download-button { background-color: rgba(255, 255, 255, 0.067); border-radius: 0.6rem; height: auto; padding: 0.5rem 0.6rem; justify-content: flex-start; }
}
@media screen and (min-width: 1280px) {
  .ds-info .v-thumb-l { width: 160px; }
}
@media screen and (width: 1280px) and (height: 725px) {
  .top-detail-wrap { padding-bottom: 700px; background-color: rgba(0, 0, 0, 0.4); }
  .top-detail-wrap::before { display: none; }
  .top-detail-wrap .cover-fade, .top-detail-wrap .cover-fade .cover-image { mask-image: none !important; }
  .dc-side { background-color: transparent !important; backdrop-filter: none !important; width: 300px !important; padding: 0px !important; }
  .ds-info { display: flex; flex-direction: column; align-items: center; }
  .ds-info .v-thumb-l { width: 200px; margin-top: -280px; }
  .ds-info .v-thumb-l .v-thumbnail { box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 40px 0px; }
  .ds-info .alias-name, .ds-info .media-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: center; padding: 0px 1.2rem; white-space: normal !important; }
}
@media screen and (max-width: 1279px) {
  .sw-navigation { display: none; }
  .big-slide-wrapper .top-slide-small { margin-top: -80px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { gap: 0.5rem; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { padding: 0px; max-width: 60px; height: 60px; border-radius: 50%; border: 3px solid transparent; background-color: transparent; width: 100% !important; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { border-color: rgb(255, 255, 255); }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info { display: none; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { width: 100%; right: 0px; }
  .big-slide-wrapper .slide-elements .cover-fade { width: 80%; opacity: 0.5; }
  .top-slide-wrap .top-slide-main { margin-bottom: 30px; height: 600px; }
  .top-slide-wrap .top-slide-main::before { display: none; }
  .top-slide-wrap .top-slide-main .slide-elements .background-fade { display: none; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-main .safe-area { height: 100% !important; }
  .top-slide-wrap .swiper-slide .cover-fade { animation: auto ease 0s 1 normal none running none !important; height: 550px !important; }
  .top-slide-wrap .swiper-slide .slide-content { padding-bottom: 30px; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-wrap .swiper-slide .slide-content .media-title-image { display: none !important; }
  .top-slide-wrap .swiper-slide .slide-content .media-title { display: block !important; font-size: 2em; }
  .top-slide-wrap .top-slide-small { bottom: 42px; }
  .top-slide-wrap .sound-mute { bottom: 100px; width: 40px; height: 40px; }
  .top-slide-category .safe-area { height: calc(100% - 80px) !important; }
  .top-slide-category .cover-fade { height: 450px !important; }
  .top-slide-category .slide-content { padding: 50px 20px 100px; }
  .demo-tip { display: none !important; }
  .actors-grid-wrapper { grid-template-columns: repeat(6, 1fr); }
  .detail-container > div.dc-side { background-color: transparent; backdrop-filter: none; padding: 0px; width: 340px; }
  .wc-main .wm-info { display: none; }
  .row-topic .mask { mask-image: none; }
  .row-topic .intro { padding: 0px; width: 180px; }
  .row-topic .last-card { grid-template-columns: repeat(3, 1fr); row-gap: 2rem; }
  .topics-grid .row-topic { padding: 1.2rem !important; }
  .topics-grid .row-topic .intro { min-height: 100px; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.4em; }
  .denied-box { padding: 1.5rem 15%; }
  #community { display: block !important; }
  #community .irt-table { flex-direction: column; gap: 1rem; display: flex !important; }
  #community .irt-table > .it-col.this-01, #community .irt-table > .it-col.this-03 { display: none; }
  #community .irt-table > .it-col.this-05 { display: block !important; width: 100%; }
  #totop { display: none !important; }
}
@media screen and (max-width: 1120px) {
  .big-slide-wrapper .slide-content { max-width: 500px; }
  .sw-actors-recent .sw-actor .item-duo { display: none; }
  .sw-actors-recent .sw-actor .h-item { margin: 0px; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px; }
  .sw-actors-recent .sw-actor .h-item .item-title { font-size: 1em; }
  .footer-elements { padding: 3rem 1rem; height: auto; }
  .footer-elements .side-right { display: none; }
  .footer-elements .side-left { width: 100%; text-align: center; }
  .sl-brand.line-center { flex-direction: column; gap: 2rem; }
  .sl-brand .socials { padding-left: 0px; border: none; }
  .topics-line { display: grid; gap: 0.75rem; grid-template-columns: repeat(5, 1fr); }
  .topics-line .topic-item { gap: 0.75rem; align-items: center; min-height: 50px; border-radius: 0.4rem; opacity: 0.9; }
  .topics-line .topic-item:hover { opacity: 1; }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; }
  .top-slide-wrap .swiper-slide .cover-fade { height: 0px !important; padding-bottom: 50%; }
  .top-slide-wrap .swiper-slide .cover-fade .cover-image { position: absolute; inset: 0px; width: 100% !important; height: 100% !important; }
  .top-slide-wrap .top-slide-small { width: 300px !important; right: 20px; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-radius: 50%; overflow: hidden; max-width: 30px; height: 30px; border-width: 2px; }
  .cards-grid-wrapper { grid-template-columns: repeat(5, 1fr); }
  .top-slide-category { margin-bottom: 30px; height: 520px; }
  .top-slide-category .slide-content .media-title-image { display: none !important; }
  .top-slide-category .slide-content .media-title { display: block !important; font-size: 2em; }
  .top-slide-category .slide-content { padding: 30px 20px; }
  .top-slide-category.top-slide-main .safe-area { height: 100% !important; }
  .top-slide-category::before { display: none; }
  .top-detail-wrap { padding-bottom: 300px; opacity: 0.5; }
  .detail-container { flex-direction: column; margin-top: -150px; }
  .detail-container > div.dc-side { width: 100%; }
  .dc-side > div { margin-bottom: 0px; }
  .dc-side > .child-actors, .dc-side > .child-top { display: none; }
  .ds-info { text-align: center; margin-bottom: 1rem; }
  .ds-info .alias-name { font-size: 13px; color: var(--text-base); margin-bottom: 1rem; margin-top: -0.25rem; }
  .ds-info .v-thumb-l { margin: 0px auto; }
  .ac-side .detail-more, .ds-info .detail-more { text-align: left; display: none; padding: 1.5rem; background-color: rgba(0, 0, 0, 0.2); border-radius: 0.75rem; }
  .ds-info #toggle-detail { display: block; max-width: 300px; margin: -0.5rem auto 0px; }
  .detail-container > div.dc-main { background-color: transparent; border-radius: 0px; backdrop-filter: none; }
  .dm-bar { padding: 20px; }
  .content-gap { padding: 0px 20px; gap: 30px; }
  .watch-container { flex-direction: column; }
  .wc-side { border: none; width: 100%; }
  .player-control .control-items .item-focus { display: none; }
  .actor-container { flex-direction: column; }
  .actor-container .ac-side { border: none; padding-right: 0px; padding-bottom: 20px; width: 100%; }
  .ac-main .cg-body-box { padding-left: 0px; }
  .ac-side .as-info { text-align: center; }
  .ac-side .as-info .actor-photo .v-actor { margin: 0px auto; }
  .ac-side .as-info .button-group { justify-content: center; }
  .ac-side .detail-more { text-align: left; display: none; }
  .ac-side #toggle-detail { display: flex !important; }
  .time-row-cards { grid-template-columns: repeat(6, 1fr); width: 100%; }
  .time-row { margin-left: 0px; flex-direction: column; gap: 1rem; }
  .time-row .time-point::before { left: 0px; }
  .time-row + .time-row { margin-top: 1rem; }
  .time-row .time-point { height: auto; }
  .time-row .time-point span { transform: none; position: relative; font-size: 24px; display: block; padding-left: 2rem; opacity: 0.8; letter-spacing: 0px; }
  .time-row .time-point::before { top: 13px; }
  .discuss-wrap { font-size: 13px; }
  .dashboard-container { flex-direction: column; gap: 2rem; }
  .dashboard-container > div { width: 100%; }
  .dcc-side { padding: 0px; gap: 0px; border-radius: 0.5rem; }
  .dcc-side .heading-sm { padding: 1.5rem 1rem 1rem; margin-bottom: 0px; text-align: center; }
  .dcc-side .ds-menu { gap: 0px; }
  .dcc-side .ds-menu .side-user { display: none; }
  .dcc-side .menu-user { margin-bottom: 0px; flex-direction: row; gap: 1rem; align-items: center; justify-content: center; }
  .dcc-side .menu-user .item { padding: 1rem; width: auto; border-bottom: none; }
  .dashboard-container .dcc-main .is-profile { max-width: 560px; margin: 0px auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(3, 1fr); }
  .solar_vpn.ver { display: none !important; }
  .de-seasons.is-grid { grid-template-columns: repeat(2, 1fr); }
  #row-new .cards-row .row-header { flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem; }
  #row-new .cards-row .row-header .inc-icon.new-tag { display: none; }
}
@media screen and (min-width: 990px) {
  .modal-login .modal-dialog { max-width: 860px; }
  .modal-login .modal-dialog .modal-content { padding: 4rem 4rem 4rem calc(420px + 4rem); }
  .modal-login .modal-dialog .modal-content::before { width: 420px; }
}
@media screen and (max-width: 989px) {
  .slide-url { display: block; position: absolute; z-index: 6; inset: 0px 0px 110px; }
  .top-slide-wrap .swiper-slide .cover-fade { height: 0px !important; padding-bottom: 40%; }
  .slide-content .touch .button-play { width: 60px; height: 60px; }
  .slide-content .touch .button-play i { font-size: 22px; }
  .top-slide-wrap .top-slide-small { bottom: 37px; }
  .cards-row.wide .swiper { overflow: visible; }
  .big-slide-wrapper { padding-bottom: 0px; }
  .big-slide-wrapper .top-slide-small { margin: 1rem 0px; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper { justify-content: center; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide { background-color: rgb(255, 255, 255); border-radius: 50%; flex: unset; width: 10px !important; height: 10px !important; border: none !important; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img { display: none; }
  .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active { background-color: var(--primary-color); }
  .big-slide-wrapper .top-slide-main { height: 400px; }
  .big-slide-wrapper .top-slide-main .swiper-slide { border-radius: 1rem; }
  .big-slide-wrapper .slide-elements .cover-fade { width: 100%; mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 50%, rgb(0, 0, 0)); opacity: 1; height: 250px !important; }
  .big-slide-wrapper .slide-elements .safe-area { padding-top: 100px; align-items: flex-end; height: 100% !important; }
  .big-slide-wrapper .slide-content { max-width: 100%; padding: 1.25rem; }
  .big-slide-wrapper .slide-content .media-title { font-size: 1.4em; line-height: 1.4; }
  .big-slide-wrapper .slide-content .touch { display: none; }
  .big-slide-wrapper .slide-content .description { margin-bottom: 0px !important; }
  .big-slide-wrapper .slide-content .hl-tags { gap: 0.2rem; margin-bottom: 1rem !important; }
  .top-slide-wrap .sound-mute { display: none; }
  #wrapper { padding-bottom: 6rem; }
  .actors-grid-wrapper, .topics-line { grid-template-columns: repeat(4, 1fr); }
  .swiper-slide .backdrop-video { display: none !important; }
  .watch-player .wp-bread { padding: 0px; }
  .wc-main, .wc-side { padding: 20px; }
  .watch-player { margin-bottom: 1rem; }
  .player-control .ep-current { display: none; }
  .player-control .control-items { padding: 0px 10px; gap: 0.4rem; }
  .player-control .control-items .item-auto, .player-control .control-items .item-seasons { display: none; }
  .player-control { height: 54px; }
  .time-row-cards { column-gap: 0.6rem; }
  .time-row-cards, .topics-grid { grid-template-columns: repeat(4, 1fr); }
  .v-rating .caption { display: none; }
  .dm-bar .is-right { flex-shrink: 0; }
  .cards-row .row-header { margin-bottom: 0.6rem; }
  .pin-remove { opacity: 1; width: 24px; height: 24px; }
  .de-type { margin-bottom: 1rem; grid-template-columns: repeat(2, 1fr); }
  .de-type .item .m-thumbnail { max-width: 110px; }
  .de-type .item { top: auto !important; max-width: none !important; }
  .de-type .item .info { padding: 1rem; gap: 0.3rem; }
  .de-type .item .info .media-title { margin-bottom: 0.5rem !important; }
  .cards-boxed .row-tabs { gap: 0.3rem; }
  .cards-boxed .row-tabs a { height: 30px; }
  .cards-boxed .row-tabs a .inc-icon { display: none; }
  .text-gradient { font-size: 1.8em !important; }
}
@media screen and (max-width: 799px) {
  header { position: relative !important; top: auto !important; left: auto !important; right: auto !important; }
  .el-group { margin-top: 5px; left: 5px; }
  .sw-actors-recent .sw-actor .h-item .info-line .tag-small { display: none; }
  .sw-actors-recent .sw-actor .h-item .info-line .tag-small:first-of-type { display: block; }
  .sw-actors-recent .sw-actor .h-item .v-actor { width: 80px; height: 80px; }
  .top-slide-wrap .swiper-slide .slide-content .description { display: none !important; }
  .top-slide-wrap .swiper-slide .slide-elements .cover-fade { mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 30%, rgb(0, 0, 0)); }
  .top-slide-wrap .swiper-slide .slide-elements .cover-fade .cover-image { mask-image: none !important; }
  .top-slide-wrap .top-slide-main { height: 420px; }
  #wrapper { padding-top: 2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(4, 1fr); }
  .v-filter .fe-row .fe-name { width: 80px; }
  .v-filter .fe-row { gap: 1rem; padding: 1rem 0.5rem; }
  .top-slide-category .slide-elements .background-fade { display: none; }
  .top-slide-category .slide-elements .cover-fade { mask-image: linear-gradient(0deg, transparent, rgb(0, 0, 0) 50%, rgb(0, 0, 0)); width: 100%; padding-bottom: 45%; position: absolute; top: 0px; left: 0px; right: 0px; height: 0px !important; animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
  .top-slide-category .slide-elements .cover-fade .cover-image { position: absolute; inset: 0px; mask-image: none !important; }
  .v-bread { position: relative; top: auto; left: auto; padding: 1rem; }
  .v-bread .line-center { display: flex; }
  .v-bread .page-name { flex-grow: 1; font-size: 1.3em; }
  .model-tabs .item { font-size: 12px; height: 26px; padding: 0px 0.5rem; }
  .content-gap { padding: 0px; }
  .de-eps.is-grid { grid-template-columns: repeat(3, 1fr); }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(4, 1fr); }
  .dm-bar .elements { flex-direction: column; gap: 1rem; }
  .dm-bar .elements .button-play { min-width: 300px; }
  .dm-bar .elements .button-play.is-coming { min-width: 180px; }
  .cg-tabs .v-tabs { justify-content: center; }
  .cg-tabs .v-tabs.nav-tabs .nav-link { font-size: 14px; }
  .v-tabs.nav-tabs .nav-link + .nav-link { margin-left: 2rem; }
  .cg-body-box.is-eps .box-header { position: relative; }
  .cg-body-box.is-eps .box-header .v-toggle { position: absolute; right: 0px; }
  .de-actors { grid-template-columns: repeat(4, 1fr); }
  .gallery-row.is-video { grid-template-columns: repeat(3, 1fr); }
  .gallery-row.is-photo { grid-template-columns: repeat(5, 1fr); }
  .cg-tabs { margin: 0px -16px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); }
  .cg-tabs .nav-tabs { padding: 0px 16px; }
  .time-row-cards { grid-template-columns: repeat(3, 1fr); }
  .modal-login .modal-dialog { max-width: 450px; }
  .modal-login .modal-dialog .modal-content { padding: 2rem; min-height: auto; }
  .modal-login .modal-dialog .modal-content::before { display: none; }
  .row-topic { flex-direction: column; gap: 2rem; }
  .row-topic .intro { flex-direction: row; align-items: center; width: 100%; }
  .row-topic .intro .inc-icon { width: 40px; height: 40px; }
  .row-topic .intro .heading-md { flex-grow: 1; font-size: 1.2em; }
  .row-topic .last-card { width: 100%; }
  .topics-grid { grid-template-columns: repeat(3, 1fr); }
  .topics-grid .row-topic .intro { min-height: 80px; }
  .watch-player .player-ratio { margin: 0px -20px; }
  .watch-player .player-ratio > div { border-radius: 0px !important; }
  .dcc-side .menu-user { gap: 0.6rem; }
  .dcc-side .menu-user .item .line-center { flex-direction: column; gap: 0.6rem; }
  .dcc-side .menu-user .item .line-center span { font-size: 12px; }
  .dcc-playlist { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .dcc-playlist .item { padding: 0.6rem 0.9rem; border-radius: 0.5rem; }
  .c-social-list, .sche-timeline .st-row .items { grid-template-columns: repeat(2, 1fr); }
  .topics-line { margin-top: 1.25rem !important; }
  .topics-list.single .h-item { padding: 1rem 0px; }
  .topics-list.single .h-item .info .item-title { -webkit-line-clamp: 1 !important; }
  .slide-elements::before, .top-detail-wrap::before { display: none; }
  .denied-box { font-size: 1.3em; padding: 1.5rem 2rem; }
  .denied-box .denied-icon img { width: 120px; height: auto; }
  .code-page { padding: 60px 20px !important; }
  .login-code { gap: 0.5rem; }
  .login-code .form-control { font-size: 2em; padding: 1.25rem 0px; }
}
@media screen and (min-width: 641px) {
  .v-thumbnail-hoz .pin-new { left: 120px; transform: none; right: auto; }
  .sw-cover.single .v-thumbnail-hoz .pin-new { right: auto; left: 1rem; }
}
@media screen and (max-width: 640px) {
  .cards-row.wide, .container, .detail-container { padding: 0px 16px; }
  .top-slide-wrap .slide-url { bottom: 60px; }
  .big-slide-wrapper .slide-elements .cover-fade { height: 200px !important; }
  .fluid-gap { gap: 24px; }
  .cards-row .row-header { min-height: 32px; margin-bottom: 0.75rem; }
  .cards-row .row-header .category-name { font-size: 1.6em; }
  .sw-cover .h-item { padding: 0.75rem 0px; }
  .sw-cover .v-thumbnail.v-thumbnail-hoz { padding-bottom: 56%; }
  .sw-cover .h-item .info .info-line { display: none; }
  .item-title { font-size: 13px; font-weight: 400; }
  .sw-cover .h-item .v-thumb-m { display: none; }
  .sw-cover .h-item .v-thumb-m .v-thumbnail { border-radius: 0.2rem; }
  .sw-actors-recent .sw-actor { padding: 0.5rem 0px 1rem; }
  .topics-line .topic-item { gap: 0.4rem; padding: 0.6rem; text-align: center; background-color: transparent !important; }
  .topics-line .topic-item > .primary-text { color: rgb(0, 0, 0); }
  .topics-line .topic-item .inc-icon { width: 20px; height: 20px; color: var(--primary-color); }
  .top-slide-main .safe-area { height: calc(100% - 60px) !important; }
  .top-slide-wrap .swiper-slide .cover-fade { padding-bottom: 60%; opacity: 0.8; }
  .top-slide-wrap .swiper-slide .hl-tags.mb-4, .top-slide-wrap .swiper-slide .touch { display: none; }
  .top-slide-wrap .swiper-slide .hl-tags { justify-content: center; gap: 6px; }
  .top-slide-wrap .swiper-slide .hl-tags > div:nth-child(n+6) { display: none; }
  .detail-more .hl-tags .tag-classic, .detail-more .hl-tags .tag-model, .slide-content .hl-tags .tag-classic, .slide-content .hl-tags .tag-model { font-size: 10px; height: 20px; padding: 0px 0.25rem; }
  .detail-more .hl-tags .tag-imdb, .slide-content .hl-tags .tag-imdb { font-size: 10px; line-height: 18px; padding: 0px 0.25rem; }
  .detail-more .hl-tags { gap: 6px; }
  .top-slide-wrap .top-slide-main { height: 350px; }
  .top-slide-wrap .swiper-slide .slide-content .media-title { margin-bottom: 0.75rem; font-size: 1.6em; }
  .top-slide-wrap .top-slide-main .slide-content { text-align: center; padding: 0px 20px; }
  .top-slide-wrap .top-slide-small { padding: 2rem 0px 1rem; background: linear-gradient(0deg, rgb(25, 27, 36), rgba(25, 27, 36, 0)); width: 100% !important; left: 0px !important; right: 0px !important; bottom: 0px !important; }
  .top-slide-wrap .top-slide-small .swiper-slide { border-color: rgba(255, 255, 255, 0.3); }
  .top-slide-wrap .top-slide-small .swiper-wrapper { justify-content: center; gap: 0.2rem; }
  #wrapper { padding-bottom: 5rem; }
  .sw-item .info-v.w-chart .number { font-size: 2em; width: 30px; }
  .sw-item .info-v.w-chart { padding-left: 36px; }
  .sw-item .info-v.w-chart .info-line { display: none; }
  .footer-elements { font-size: 12px; padding: 2rem 0px; }
  .sl-band { margin-bottom: 2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.5rem; }
  .filter-elements { border-right: none; border-bottom: none; border-left: none; border-image: initial; border-top: 1px solid var(--border-color); margin: -15px -20px 3rem; }
  .actors-grid-wrapper { grid-template-columns: repeat(3, 1fr); gap: 1.5rem 0.6rem; font-size: 13px; }
  .actors-grid-wrapper .v-item { gap: 0.6rem; }
  .actors-grid-wrapper .v-item .info .item-title { font-size: 1em; }
  .v-actor-large { width: 80px; height: 80px; }
  .top-slide-category { height: 470px; }
  .top-slide-category .slide-content .media-title { font-size: 1.6em; }
  .de-eps.is-grid { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(3, 1fr); gap: 0.6rem !important; }
  .cg-body-box.is-eps .box-header { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .cg-body-box.is-eps .box-header .v-toggle { top: 5px; }
  .cg-body-box.is-eps .box-header .flex-grow-1 { display: none; }
  .season-dropdown > .line-center { border-right: none; font-size: 1.3em; }
  .heading-md { font-size: 1.4em; }
  .heading-sm { font-size: 1.2em; }
  .dm-bar .elements .button-play { font-size: 16px; padding: 0px 1.4rem; height: 50px; min-height: auto; }
  .pin-new { bottom: -1px; border-radius: 0.3rem 0.3rem 0px 0px; }
  .pin-new .line-center { line-height: 1.3; }
  .pin-new .line-center.line-lt span::before { content: "LT."; }
  .pin-new .line-center.line-tm span::before { content: "TM."; }
  .pin-new .line-center.line-pd span::before { content: "PĐ."; }
  .pin-new2 .line-center.line-pd { display: none; }
  .de-actors, .gallery-row.is-video { grid-template-columns: repeat(2, 1fr); }
  .gallery-row.is-photo { grid-template-columns: repeat(4, 1fr); }
  .cg-tabs { margin: 0px -16px; }
  .cg-tabs .nav-tabs { padding: 0px 16px; }
  .cg-body-box { padding: 30px 0px; }
  .ac-side .detail-more, .ds-info .detail-more { padding: 0px; background-color: transparent; border-radius: 0px; }
  .watch-player .wp-bread .heading-sm { font-size: 14px; }
  .watch-player .wp-bread { margin-bottom: 0px; margin-top: 1rem; }
  .watch-player { display: flex; flex-direction: column-reverse; width: 100%; padding: 0px 16px; }
  .wc-main, .wc-side { padding: 20px 16px; }
  .cards-grid-wrapper .sw-item .info, .time-row-cards .sw-item .info { min-height: auto; }
  .v-filter .fe-row .fe-results { font-size: 13px; }
  .row-topic { padding: 2rem 1rem; }
  .row-topic .intro .inc-icon { width: 30px; height: 30px; }
  .row-topic .last-card { grid-template-columns: repeat(2, 1fr); gap: 1.5rem 0.6rem; }
  .rate-emo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; background-color: transparent; padding: 0px; }
  .rate-emo .item-v { flex-direction: row; border-radius: 0.4rem; background-color: rgba(0, 0, 0, 0.3); }
  .rate-emo .item-v .inc-icon { width: 30px; height: 30px; margin: 0px; }
  .dm-bar .ro-rating .a-rate { display: none; }
  .watch-player .player-ratio { margin: -2rem -16px 0px; }
  .dashboard-container { padding: 0px 16px; }
  .dcc-side .heading-sm { padding-bottom: 0px; }
  .sw-cover .info { text-align: center; }
  .cards-row.fixed { padding: 0px 20px; }
  .article-body { font-size: 14px; }
  .d-item .user-avatar { width: 40px; height: 40px; }
  .d-item .replies .user-avatar { width: 30px; height: 30px; }
  .range-eps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin: 0px 0px 2rem; }
  .range-eps .item { min-width: auto; }
  .sche-timeline .st-row .items { grid-template-columns: repeat(1, 1fr); }
  .current-time { display: none; }
  .sche-time .item-time { font-size: 12px; padding: 0.7rem 1rem; gap: 4px; }
  .sche-time .item-time .day { font-size: 14px; }
  .sche-time .item-time .time span { font-size: 0px; padding: 0px; border: none; width: 6px; height: 6px; border-radius: 50%; background-color: var(--primary-color); }
  .sche-timeline .st-row .clock { text-align: left; width: 50px; font-size: 14px; }
  .avatar-list { grid-template-columns: repeat(3, 1fr); }
  .sw-cover.cover-fade .info { text-align: left; }
  .sw-cover.cover-fade .info .description { display: none; }
  .topics-grid { gap: 0.5rem; }
  .topics-grid .row-topic { padding: 1rem !important; }
  .topics-grid .row-topic .intro { min-height: 50px !important; justify-content: center !important; align-items: flex-start !important; }
  .topics-grid .row-topic .intro .info { display: none; }
  .topics-grid .row-topic .intro .heading-md { font-size: 1.2em; line-height: 1.3; flex-grow: unset; }
  .more-topic .intro .heading-md { font-size: 1.1em !important; line-height: 1.4 !important; }
  .topics-grid .more-topic .intro { align-items: center !important; }
  .topics-list.single { margin: 0px -16px; padding: 1rem; gap: 1rem; border-radius: 0.6rem; }
  .topics-list.single .row-topic .intro .heading-md { font-size: 1.5em !important; letter-spacing: 0px !important; }
  .topics-list.single .row-topic .intro .info .line-center { font-size: 16px; padding: 0.6rem 1rem !important; }
  .topics-list.single .row-topic .intro .info .line-center span { display: none; }
  .topics-more > .line-center { flex-direction: column; align-items: flex-start; gap: 0.5rem !important; }
  #row-new { margin-top: 1rem; }
  .topics-grid .row-topic:hover { top: auto; }
  .de-type { grid-template-columns: repeat(1, 1fr); }
  .de-eps.is-simple .item { height: 42px; }
  .schedule-eps .item .inc-icon { width: 30px; height: 30px; left: 12px; }
  .login-code .form-control { padding: 0.6rem 0px; font-size: 1.6em; border-width: 3px !important; }
  .tv-checked img { width: 160px; }
  .pc-coming { font-size: 11px; padding: 0px 0px 0px 0.5rem; width: 60px; background: none !important; color: rgb(255, 216, 117) !important; }
}
@media screen and (max-width: 479px) {
  .v-thumbnail .pin-trans .line-center span { display: none !important; }
  .v-thumbnail .pin-trans .line-center:hover { padding: 0px 0.3rem !important; }
  .top-slide-wrap .top-slide-main { height: 300px; }
  .search-modal { min-width: 320px; }
  #search.toggled .search-icon { display: none; }
  #search.toggled .search-input { padding-left: 1.2rem; }
  .cards-grid-wrapper { grid-template-columns: repeat(2, 1fr); }
  .fe-row-end { justify-content: center; }
  .fe-row-end .fe-name { display: none; }
  .fe-row-end .fe-buttons { text-align: center; }
  .top-slide-category { height: 440px; font-size: 13px; }
  .v-thumbnail .pin-trans { bottom: 0px; right: 0px; background-color: rgb(255, 255, 255); border-radius: 0.5rem 0px 0px; padding: 0.3rem; gap: 0.3rem; }
  .v-thumbnail .pin-trans .line-center { height: auto; min-width: 0px; background-color: transparent; box-shadow: none; transform: scale(0.9); padding: 0px !important; }
  .de-eps.is-grid.is-simple { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
  .cg-tabs .v-tabs.nav-tabs .nav-link { font-size: 13px; }
  .v-tabs.nav-tabs .nav-link + .nav-link { margin-left: 1.5rem; }
  .dm-bar { width: 100%; padding: 1rem 0px; }
  .dm-bar .item { min-width: auto; padding: 0px; background: none !important; }
  .dm-bar .item-comment { display: none; }
  .dm-bar .is-left { gap: 1.5rem; }
  .dm-bar .touch-group { margin: 0.5rem 0px; gap: 1.5rem; }
  .top-detail-wrap { padding-bottom: 200px; }
  .de-soundtrack .item-sound .h-item .touch-media { display: none; }
  .de-soundtrack .item-sound .h-item .media-title { font-size: 1em; }
  .item-sound .lyric-post { padding: 1rem; font-size: 1em; }
  .sound-play { padding: 1rem; }
  .cg-tabs { overflow: auto; scrollbar-width: none; }
  .cg-tabs::-webkit-scrollbar { display: none; }
  .cg-tabs .nav-tabs { justify-content: flex-start; min-width: 420px; }
  .gallery-row.is-photo { grid-template-columns: repeat(3, 1fr); }
  .actors-grid-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }
  .player-control .control-items .item span { display: none; }
  .player-control .control-items .item .inc-icon { width: 16px !important; height: 16px !important; }
  .player-control .control-items .item i { font-size: 16px; }
  .modal-sm .modal-dialog { width: 90%; }
  .modal-md .modal-dialog .modal-content, .modal-sm .modal-dialog .modal-content { padding: 1.5rem; }
  .v-modal .modal-content .is-header .heading-sm { font-size: 1.2em; }
  .rate-emo, .time-row-cards { grid-template-columns: repeat(2, 1fr); }
  .dcc-side .menu-user .item { padding: 1rem 0.5rem; }
  .dash-form { flex-direction: column; gap: 1rem; justify-content: space-between; }
  .dash-form .v-avatar > a { display: flex; align-items: center; gap: 1rem; }
  .dash-form .user-avatar { width: 80px; height: 80px; margin: 0px !important; }
  .dash-form .v-form { width: 100%; }
  .dcc-playlist { grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
  .v-form-playlist .form-group .controls { position: absolute; bottom: 0.6rem; right: -1rem; background-color: rgb(42, 49, 78); flex-direction: column; }
  .v-form-playlist .form-group .controls .btn-outline { border-color: var(--border-color) !important; }
  .noti-wrap .h-item { padding: 1rem; }
  .c-social-list { grid-template-columns: repeat(1, 1fr); }
  .child-box .child-header { font-size: 1.3em; }
  .my-area-sub .ma-input .v-form-control { padding: 0.7rem 1rem; }
  .my-area-sub .textarea-wrap { padding: 1.5rem 1px 0.5rem; }
  .my-area-sub .ma-input .chac-left { top: -18px; }
  .emo-list { grid-template-columns: repeat(5, 1fr); gap: 0.2rem; padding: 0px 0.5rem; }
  .range-eps { grid-template-columns: repeat(3, 1fr); }
  .textarea-wrap .ma-buttons { gap: 0.5rem !important; }
  .textarea-wrap .ma-buttons .btn-emo { padding: 0px 0.75rem; }
  .textarea-wrap .ma-buttons .btn-emo span { display: none; }
  .textarea-wrap .ma-buttons .btn-emo i { font-size: 16px; }
  .d-item .replies-wrap .replies { margin-left: -56px; padding: 1.5rem 0px 1rem 1rem; border-left: 2px solid var(--border-color); }
  .d-item.mine .replies-wrap .replies { margin-left: -64px; margin-top: 1rem; border-top: 1px solid var(--border-color); border-left-color: transparent; }
  .d-item .comment-header .rated { font-size: 0px; padding: 0.1rem; gap: 0px; background-color: var(--bg-color); position: absolute; z-index: 2; left: -32px; top: -8px; }
  .d-item .comment-header .rated span { font-size: 20px; }
  .de-seasons.is-grid { grid-template-columns: repeat(1, 1fr); }
  .sl-menu { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }
  .sl-menu a { margin: 0px !important; }
  .question-box { font-size: 13px; padding: 1rem; border-radius: 0px; border: none; background-color: rgba(255, 255, 255, 0.063); }
  .sw-cover.cover-fade .h-item { padding: 1rem; }
  .sw-cover.cover-fade .h-item .info .alias-title { margin-bottom: 0.75rem; }
  .topics-grid { grid-template-columns: repeat(2, 1fr); }
  .topics-grid .row-topic { border-radius: 0.5rem; }
  .topics-grid .row-topic .heading-md { font-weight: 600 !important; }
  .topics-line { display: flex; flex-flow: row; gap: 0.5rem; margin: 0px -16px; padding: 0px 16px; overflow: auto; scrollbar-width: none; }
  .topics-line .row-topic .intro { min-height: auto !important; }
  .topics-line::-webkit-scrollbar { display: none; }
  .topics-line .row-topic { width: 120px; flex-shrink: 0; }
  .topics-line .row-topic .intro .heading-md { font-size: 1.1em !important; }
  .sw-cover.single .v-thumbnail.v-thumbnail-hoz { border-radius: 0.3rem; }
  .block-404 .icon-404 img { max-width: 250px; }
  .block-404 .heading-xl { font-size: 2em; line-height: 1.3; }
  .v-thumbnail .text-more { font-size: 1em; }
  .m-pin-new { transform: none; border-radius: 0px; left: 5px; bottom: 5px; gap: 2px; flex-direction: column; align-items: flex-start; overflow: unset; }
  .m-pin-new .line-center { padding: 0.15rem 0.4rem; font-size: 10px; justify-content: flex-start; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.067) 0px 0px 2px 2px; }
  .cards-row .row-header { gap: 0.5rem; }
  .cards-row .row-header .category-name { flex-grow: 1; }
  .cards-row .row-header .cat-more .line-center { padding: 0px; width: 30px !important; }
  .cards-row .row-header .cat-more span { display: none !important; }
  .denied-box { padding: 1.2rem; font-size: 1.1em; gap: 1rem; }
  .denied-box .denied-icon img { width: 100px; }
  .d-item .comment-header .user-name { max-width: 140px; text-overflow: ellipsis; overflow: hidden; }
  .d-item .comment-header .ch-for { border-radius: 0.2rem; padding: 0.2rem; text-align: center; font-size: 9px; }
  .d-item .comment-header .ch-for span::before { content: "-T."; }
  .d-item .comment-header .c-time { font-size: 9px; }
  .table-wrap { padding: 3px; }
  .table-wrap .v-table { font-size: 13px; line-height: 1.5; }
  .table.v-table > :not(caption) > * > * { padding: 0.3rem 0.6rem; }
  .article-body .v-ul-check { padding: 0px; }
  .grid-3x2 { grid-template-columns: repeat(1, 1fr); padding: 1rem; }
  .grid-3x2 .h-item .v-thumb-m { width: 40px; }
  .grid-3x2 .h-item .v-thumbnail { border-radius: 6px; padding-bottom: 140%; }
  .grid-3x2 .h-item .info { flex-direction: row; align-items: center; gap: 1rem; }
  .grid-3x2 .h-item .info .item-title { margin-bottom: 0px !important; }
  .grid-3x2 .h-item:nth-child(n+4) { display: none; }
  .gpmn-text { align-items: flex-end; left: auto; right: 1rem; }
  .gpmn-text .btn { padding: 0px !important; width: 40px !important; height: 40px !important; justify-content: center !important; }
  .gpmn-text .btn span { display: none; }
}
@media screen and (max-width: 379px) {
  .v-pagination .btn-lg { font-size: 14px; min-height: 44px; padding: 0.5rem 1.2rem; }
  .v-pagination .btn-.circle { width: 44px; padding: 0.5rem; }
  .de-eps.is-grid .item .info { font-size: 0.9em; }
  .dcc-side .menu-user .item .line-center span { font-size: 11px; }
}


:root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: hsl(6,78%,57%); --toastify-color-transparent: rgba(255,255,255,0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-container-width: fit-content; --toastify-toast-width: 320px; --toastify-toast-offset: 16px; --toastify-toast-top: max(var(--toastify-toast-offset),env(safe-area-inset-top)); --toastify-toast-right: max(var(--toastify-toast-offset),env(safe-area-inset-right)); --toastify-toast-left: max(var(--toastify-toast-offset),env(safe-area-inset-left)); --toastify-toast-bottom: max(var(--toastify-toast-offset),env(safe-area-inset-bottom)); --toastify-toast-background: #fff; --toastify-toast-padding: 14px; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-toast-bd-radius: 6px; --toastify-toast-shadow: 0px 4px 12px rgba(0,0,0,0.1); --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); --toastify-color-progress-bgo: 0.2; }
.Toastify__toast-container { z-index: var(--toastify-z-index); transform: translateZ(var(--toastify-z-index)); position: fixed; width: var(--toastify-container-width); box-sizing: border-box; color: rgb(255, 255, 255); display: flex; flex-direction: column; }
.Toastify__toast-container--top-left { top: var(--toastify-toast-top); left: var(--toastify-toast-left); }
.Toastify__toast-container--top-center { top: var(--toastify-toast-top); left: 50%; transform: translateX(-50%); align-items: center; }
.Toastify__toast-container--top-right { top: var(--toastify-toast-top); right: var(--toastify-toast-right); align-items: end; }
.Toastify__toast-container--bottom-left { bottom: var(--toastify-toast-bottom); left: var(--toastify-toast-left); }
.Toastify__toast-container--bottom-center { bottom: var(--toastify-toast-bottom); left: 50%; transform: translateX(-50%); align-items: center; }
.Toastify__toast-container--bottom-right { bottom: var(--toastify-toast-bottom); right: var(--toastify-toast-right); align-items: end; }
.Toastify__toast { --y: 0; position: relative; touch-action: none; width: var(--toastify-toast-width); min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: var(--toastify-toast-padding); border-radius: var(--toastify-toast-bd-radius); box-shadow: var(--toastify-toast-shadow); max-height: var(--toastify-toast-max-height); font-family: var(--toastify-font-family); z-index: 0; display: flex; flex: 1 1 auto; align-items: center; word-break: break-word; }
@media only screen and (max-width: 480px) {
  .Toastify__toast-container { width: 100vw; left: env(safe-area-inset-left); margin: 0px; }
  .Toastify__toast-container--top-center, .Toastify__toast-container--top-left, .Toastify__toast-container--top-right { top: env(safe-area-inset-top); transform: translateX(0px); }
  .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-right { bottom: env(safe-area-inset-bottom); transform: translateX(0px); }
  .Toastify__toast-container--rtl { right: env(safe-area-inset-right); left: auto; }
  .Toastify__toast { --toastify-toast-width: 100%; margin-bottom: 0px; border-radius: 0px; }
}
.Toastify__toast-container[data-stacked="true"] { width: var(--toastify-toast-width); }
.Toastify__toast--stacked { position: absolute; width: 100%; transform: translate3d(0,var(--y),0) scale(var(--s)); transition: transform 0.3s; }
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button, .Toastify__toast--stacked[data-collapsed] .Toastify__toast-body { transition: opacity 0.1s; }
.Toastify__toast--stacked[data-collapsed="false"] { overflow: visible; }
.Toastify__toast--stacked[data-collapsed="true"]:not(:last-child) > * { opacity: 0; }
.Toastify__toast--stacked::after { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--g) * 1px); bottom: 100%; }
.Toastify__toast--stacked[data-pos="top"] { top: 0px; }
.Toastify__toast--stacked[data-pos="bot"] { bottom: 0px; }
.Toastify__toast--stacked[data-pos="bot"].Toastify__toast--stacked::before { transform-origin: center top; }
.Toastify__toast--stacked[data-pos="top"].Toastify__toast--stacked::before { transform-origin: center bottom; }
.Toastify__toast--stacked::before { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100%; transform: scaleY(3); z-index: -1; }
.Toastify__toast--rtl { direction: rtl; }
.Toastify__toast--close-on-click { cursor: pointer; }
.Toastify__toast-icon { margin-inline-end: 10px; width: 22px; flex-shrink: 0; display: flex; }
.Toastify--animate { animation-fill-mode: both; animation-duration: 0.5s; }
.Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; }
.Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); }
.Toastify__toast-theme--colored.Toastify__toast--default, .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); }
.Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); }
.Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); }
.Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); }
.Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); }
.Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); }
.Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); }
.Toastify__progress-bar--info { background: var(--toastify-color-progress-info); }
.Toastify__progress-bar--success { background: var(--toastify-color-progress-success); }
.Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); }
.Toastify__progress-bar--error { background: var(--toastify-color-progress-error); }
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning { background: var(--toastify-color-transparent); }
.Toastify__close-button { color: rgb(255, 255, 255); position: absolute; top: 6px; right: 6px; background: transparent; outline: none; border: none; padding: 0px; cursor: pointer; opacity: 0.7; transition: 0.3s; z-index: 1; }
.Toastify__toast--rtl .Toastify__close-button { left: 6px; right: unset; }
.Toastify__close-button--light { color: rgb(0, 0, 0); opacity: 0.3; }
.Toastify__close-button > svg { fill: currentcolor; height: 16px; width: 14px; }
.Toastify__close-button:focus, .Toastify__close-button:hover { opacity: 1; }
@keyframes Toastify__trackProgress { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}
.Toastify__progress-bar { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; opacity: 0.7; transform-origin: left center; }
.Toastify__progress-bar--animated { animation: auto linear 0s 1 normal forwards running Toastify__trackProgress; }
.Toastify__progress-bar--controlled { transition: transform 0.2s; }
.Toastify__progress-bar--rtl { right: 0px; left: auto; transform-origin: right center; border-bottom-left-radius: 0px; }
.Toastify__progress-bar--wrp { position: absolute; overflow: hidden; bottom: 0px; left: 0px; width: 100%; height: 5px; border-bottom-left-radius: var(--toastify-toast-bd-radius); border-bottom-right-radius: var(--toastify-toast-bd-radius); }
.Toastify__progress-bar--wrp[data-hidden="true"] { opacity: 0; }
.Toastify__progress-bar--bg { opacity: var(--toastify-color-progress-bgo); width: 100%; height: 100%; }
.Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border-width: 2px; border-style: solid; border-image: initial; border-radius: 100%; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: var(--toastify-spinner-color); animation: 0.65s linear 0s infinite normal none running Toastify__spin; }
@keyframes Toastify__bounceInRight { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(2000px,var(--y),0); }
}
@keyframes Toastify__bounceInLeft { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px,var(--y),0); }
  100% { opacity: 0; transform: translate3d(-2000px,var(--y),0); }
}
@keyframes Toastify__bounceInUp { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translateZ(0px); }
}
@keyframes Toastify__bounceOutUp { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes Toastify__bounceInDown { 
  0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: none; }
}
@keyframes Toastify__bounceOutDown { 
  20% { transform: translate3d(0,calc(var(--y) - 10px),0); }
  40%, 45% { opacity: 1; transform: translate3d(0,calc(var(--y) + 20px),0); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
.Toastify__bounce-enter--bottom-left, .Toastify__bounce-enter--top-left { animation-name: Toastify__bounceInLeft; }
.Toastify__bounce-enter--bottom-right, .Toastify__bounce-enter--top-right { animation-name: Toastify__bounceInRight; }
.Toastify__bounce-enter--top-center { animation-name: Toastify__bounceInDown; }
.Toastify__bounce-enter--bottom-center { animation-name: Toastify__bounceInUp; }
.Toastify__bounce-exit--bottom-left, .Toastify__bounce-exit--top-left { animation-name: Toastify__bounceOutLeft; }
.Toastify__bounce-exit--bottom-right, .Toastify__bounce-exit--top-right { animation-name: Toastify__bounceOutRight; }
.Toastify__bounce-exit--top-center { animation-name: Toastify__bounceOutUp; }
.Toastify__bounce-exit--bottom-center { animation-name: Toastify__bounceOutDown; }
@keyframes Toastify__zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes Toastify__zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: translate3d(0,var(--y),0) scale3d(.3,.3,.3); }
  100% { opacity: 0; }
}
.Toastify__zoom-enter { animation-name: Toastify__zoomIn; }
.Toastify__zoom-exit { animation-name: Toastify__zoomOut; }
@keyframes Toastify__flipIn { 
  0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotateX(10deg); opacity: 1; }
  80% { transform: perspective(400px) rotateX(-5deg); }
  100% { transform: perspective(400px); }
}
@keyframes Toastify__flipOut { 
  0% { transform: translate3d(0,var(--y),0) perspective(400px); }
  30% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg); opacity: 1; }
  100% { transform: translate3d(0,var(--y),0) perspective(400px) rotateX(90deg); opacity: 0; }
}
.Toastify__flip-enter { animation-name: Toastify__flipIn; }
.Toastify__flip-exit { animation-name: Toastify__flipOut; }
@keyframes Toastify__slideInRight { 
  0% { transform: translate3d(110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInLeft { 
  0% { transform: translate3d(-110%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInUp { 
  0% { transform: translate3d(0px, 110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideInDown { 
  0% { transform: translate3d(0px, -110%, 0px); visibility: visible; }
  100% { transform: translate3d(0,var(--y),0); }
}
@keyframes Toastify__slideOutRight { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(110%,var(--y),0); }
}
@keyframes Toastify__slideOutLeft { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(-110%,var(--y),0); }
}
@keyframes Toastify__slideOutDown { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, 500px, 0px); }
}
@keyframes Toastify__slideOutUp { 
  0% { transform: translate3d(0,var(--y),0); }
  100% { visibility: hidden; transform: translate3d(0px, -500px, 0px); }
}
.Toastify__slide-enter--bottom-left, .Toastify__slide-enter--top-left { animation-name: Toastify__slideInLeft; }
.Toastify__slide-enter--bottom-right, .Toastify__slide-enter--top-right { animation-name: Toastify__slideInRight; }
.Toastify__slide-enter--top-center { animation-name: Toastify__slideInDown; }
.Toastify__slide-enter--bottom-center { animation-name: Toastify__slideInUp; }
.Toastify__slide-exit--bottom-left, .Toastify__slide-exit--top-left { animation-name: Toastify__slideOutLeft; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--bottom-right, .Toastify__slide-exit--top-right { animation-name: Toastify__slideOutRight; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--top-center { animation-name: Toastify__slideOutUp; animation-timing-function: ease-in; animation-duration: 0.3s; }
.Toastify__slide-exit--bottom-center { animation-name: Toastify__slideOutDown; animation-timing-function: ease-in; animation-duration: 0.3s; }
@keyframes Toastify__spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}


@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
:host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }
.swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d { perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide { transform-style: preserve-3d; }
.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; }
.swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; }
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; }
.swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; }
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center; scroll-snap-stop: always; }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; box-sizing: border-box; border-radius: 50%; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid transparent; }
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}


:root { --swiper-navigation-size: 44px; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; }
.swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center center; }
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg); }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto; }
.swiper-button-lock { display: none; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); letter-spacing: 0px; font-variant: normal; line-height: 1; text-transform: none !important; }
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content: "prev"; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto; }
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content: "next"; }