@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}body{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}:root :where(.wp-element-button,.wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(0.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(0.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */: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, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 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, 0.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, 0.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, 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, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.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, 0.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, 0.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:rgba(255, 255, 255, 0.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:0;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);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.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 + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .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:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;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:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.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:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-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{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .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:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}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-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.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.33333333%}.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.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.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.33333333%}.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.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.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.33333333%}.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.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.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.33333333%}.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.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.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.33333333%}.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.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.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.33333333%}.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.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.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:.5rem .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 currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .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:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--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;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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.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;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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.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;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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.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;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;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;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:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;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 .15s ease-in-out,box-shadow .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:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.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:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;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:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end: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:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.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:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;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 .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 .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.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:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.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:#0d6efd;border-color:#0d6efd;--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:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.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:left center;border-radius:2em;transition:background-position .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:right 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:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.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:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-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:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .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 .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.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:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.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(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~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-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(.85) translateY(-.5rem) translateX(.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:#6c757d}.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:0}.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:.375rem .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:.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:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.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:0;border-bottom-right-radius:0}.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){border-top-right-radius:0;border-bottom-right-radius:0}.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:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;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 + .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(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .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 + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .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 .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .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(3rem + calc(1.5em + .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:.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:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;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 + .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(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .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 + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .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 .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .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(3rem + calc(1.5em + .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:.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 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 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;-webkit-user-select:none;-moz-user-select:none;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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;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.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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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 .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@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:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.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:0;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:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;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:0;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:0;font-size:.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:rgba(255, 255, 255, 0.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:0;border-bottom-right-radius:0}.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:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.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:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.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:0;margin-bottom:0;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:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .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:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.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:0;border-top-right-radius:0}.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:0;padding-left:0;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:0;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:0;margin-bottom:0;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:.5rem;padding-bottom:.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:0;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: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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;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;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--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")}[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:0;height:var(--bs-card-height);color:var(--bs-body-color);word-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:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;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:0;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:0}.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));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.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:0;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:0}.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;top:0;right:0;bottom:0;left:0;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:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.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='%23212529'%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-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='%23052c65'%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-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.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:0;border-radius:0;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;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.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-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:0}.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-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-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}[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, 0.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:0;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 .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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:0;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:0;right:0;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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,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 infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation: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:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.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:0}.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:0}.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:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.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:0}.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:0}.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, 0.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:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[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:-webkit-max-content;width:-moz-max-content;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);word-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:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-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:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;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;justify-content:space-between;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:0;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:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.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:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.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:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.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:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.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:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.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:left;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);word-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:left;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);word-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-color:transparent;border-style:solid;border-width:0}.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:0;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:0;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:0;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:0;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:0;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:0;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%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .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 0s .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:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@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:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;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:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;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:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@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:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[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(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.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{to{transform:rotate(360deg)}}.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:var(--bs-spinner-border-width) solid currentcolor;border-right-color: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:0;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:0;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:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;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:0;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:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;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:0;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:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;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:0;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:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;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:0;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:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;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:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;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:0;right:0;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:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;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:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;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-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;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:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!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;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-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;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;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:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@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:0;left:0;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{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;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:.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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.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:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!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:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!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:0!important}.m-1{margin:.25rem!important}.m-2{margin:.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:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.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:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.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:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.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:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.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:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.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:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.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:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.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:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;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 + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .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{word-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,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.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{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.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{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;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:0!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:0!important;border-top-right-radius:0!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:0!important;border-bottom-right-radius:0!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:0!important;border-bottom-left-radius:0!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:0!important;border-top-left-radius:0!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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;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:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.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:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.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:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.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:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.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:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.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:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.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:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.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:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.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:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.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:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.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:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.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:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;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:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.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:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.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:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.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:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.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:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.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:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.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:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.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:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.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:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.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:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.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:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.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:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;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:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.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:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.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:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.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:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.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:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.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:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.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:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.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:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.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:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.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:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.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:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.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:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;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:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.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:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.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:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.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:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.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:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.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:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.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:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.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:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.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:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.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:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.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:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.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:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;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{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;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:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.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:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.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:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.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:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.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:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.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:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.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:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.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:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.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:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.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:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.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:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.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:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.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:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.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:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.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:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.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:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.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{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;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}}
/*# sourceMappingURL=bootstrap.min.css.map *//*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}

.fa-0{--fa:"\30"}.fa-1{--fa:"\31"}.fa-2{--fa:"\32"}.fa-3{--fa:"\33"}.fa-4{--fa:"\34"}.fa-5{--fa:"\35"}.fa-6{--fa:"\36"}.fa-7{--fa:"\37"}.fa-8{--fa:"\38"}.fa-9{--fa:"\39"}.fa-fill-drip{--fa:"\f576"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-at{--fa:"\40"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-text-height{--fa:"\f034"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-stethoscope{--fa:"\f0f1"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-info{--fa:"\f129"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-explosion{--fa:"\e4e9"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-wave-square{--fa:"\f83e"}.fa-ring{--fa:"\f70b"}.fa-building-un{--fa:"\e4d9"}.fa-dice-three{--fa:"\f527"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-door-open{--fa:"\f52b"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-atom{--fa:"\f5d2"}.fa-soap{--fa:"\e06e"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-pump-medical{--fa:"\e06a"}.fa-fingerprint{--fa:"\f577"}.fa-hand-point-right{--fa:"\f0a4"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-flag-checkered{--fa:"\f11e"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-crop{--fa:"\f125"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-users-rectangle{--fa:"\e594"}.fa-people-roof{--fa:"\e537"}.fa-people-line{--fa:"\e534"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-diagram-predecessor{--fa:"\e477"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-male,.fa-person{--fa:"\f183"}.fa-laptop{--fa:"\f109"}.fa-file-csv{--fa:"\f6dd"}.fa-menorah{--fa:"\f676"}.fa-truck-plane{--fa:"\e58f"}.fa-record-vinyl{--fa:"\f8d9"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-bong{--fa:"\f55c"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-jar-wheat{--fa:"\e517"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-pager{--fa:"\f815"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-strikethrough{--fa:"\f0cc"}.fa-k{--fa:"\4b"}.fa-landmark-flag{--fa:"\e51c"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-backward{--fa:"\f04a"}.fa-caret-right{--fa:"\f0da"}.fa-comments{--fa:"\f086"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-code-pull-request{--fa:"\e13c"}.fa-clipboard-list{--fa:"\f46d"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-user-check{--fa:"\f4fc"}.fa-vial-virus{--fa:"\e597"}.fa-sheet-plastic{--fa:"\e571"}.fa-blog{--fa:"\f781"}.fa-user-ninja{--fa:"\f504"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-toggle-off{--fa:"\f204"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-person-drowning{--fa:"\e545"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-spray-can{--fa:"\f5bd"}.fa-truck-monster{--fa:"\f63b"}.fa-w{--fa:"\57"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-rainbow{--fa:"\f75b"}.fa-circle-notch{--fa:"\f1ce"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-paw{--fa:"\f1b0"}.fa-cloud{--fa:"\f0c2"}.fa-trowel-bricks{--fa:"\e58a"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-hospital-user{--fa:"\f80d"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-binoculars{--fa:"\f1e5"}.fa-microphone-slash{--fa:"\f131"}.fa-box-tissue{--fa:"\e05b"}.fa-motorcycle{--fa:"\f21c"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-toilets-portable{--fa:"\e584"}.fa-hockey-puck{--fa:"\f453"}.fa-table{--fa:"\f0ce"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-users-slash{--fa:"\e073"}.fa-clover{--fa:"\e139"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-star-and-crescent{--fa:"\f699"}.fa-house-fire{--fa:"\e50c"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-helicopter{--fa:"\f533"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-file-circle-question{--fa:"\e4ef"}.fa-laptop-code{--fa:"\f5fc"}.fa-swatchbook{--fa:"\f5c3"}.fa-prescription-bottle{--fa:"\f485"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-people-group{--fa:"\e533"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-film{--fa:"\f008"}.fa-ruler-horizontal{--fa:"\f547"}.fa-people-robbery{--fa:"\e536"}.fa-lightbulb{--fa:"\f0eb"}.fa-caret-left{--fa:"\f0d9"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-headphones-alt,.fa-headphones-simple{--fa:"\f58f"}.fa-sitemap{--fa:"\f0e8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-memory{--fa:"\f538"}.fa-road-spikes{--fa:"\e568"}.fa-fire-burner{--fa:"\e4f1"}.fa-flag{--fa:"\f024"}.fa-hanukiah{--fa:"\f6e6"}.fa-feather{--fa:"\f52d"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-comment-slash{--fa:"\f4b3"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-compress{--fa:"\f066"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-ankh{--fa:"\f644"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-asterisk{--fa:"\2a"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-peseta-sign{--fa:"\e221"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-ghost{--fa:"\f6e2"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-cart-plus{--fa:"\f217"}.fa-gamepad{--fa:"\f11b"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-egg{--fa:"\f7fb"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-campground{--fa:"\f6bb"}.fa-folder-plus{--fa:"\f65e"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-lock{--fa:"\f023"}.fa-gas-pump{--fa:"\f52f"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-house-flood-water{--fa:"\e50e"}.fa-tree{--fa:"\f1bb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-sack-dollar{--fa:"\f81d"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-car-side{--fa:"\f5e4"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-microscope{--fa:"\f610"}.fa-sink{--fa:"\e06d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-mitten{--fa:"\f7b5"}.fa-person-rays{--fa:"\e54d"}.fa-users{--fa:"\f0c0"}.fa-eye-slash{--fa:"\f070"}.fa-flask-vial{--fa:"\e4f3"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-om{--fa:"\f679"}.fa-worm{--fa:"\e599"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-plug{--fa:"\f1e6"}.fa-chevron-up{--fa:"\f077"}.fa-hand-spock{--fa:"\f259"}.fa-stopwatch{--fa:"\f2f2"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-chess-bishop{--fa:"\f43a"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-road-circle-check{--fa:"\e564"}.fa-dice-five{--fa:"\f523"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-land-mine-on{--fa:"\e51b"}.fa-i-cursor{--fa:"\f246"}.fa-stamp{--fa:"\f5bf"}.fa-stairs{--fa:"\e289"}.fa-i{--fa:"\49"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-pills{--fa:"\f484"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-tooth{--fa:"\f5c9"}.fa-v{--fa:"\56"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bicycle{--fa:"\f206"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-snowman{--fa:"\f7d0"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-road-barrier{--fa:"\e562"}.fa-school{--fa:"\f549"}.fa-igloo{--fa:"\f7ae"}.fa-joint{--fa:"\f595"}.fa-angle-right{--fa:"\f105"}.fa-horse{--fa:"\f6f0"}.fa-q{--fa:"\51"}.fa-g{--fa:"\47"}.fa-notes-medical{--fa:"\f481"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-dong-sign{--fa:"\e169"}.fa-capsules{--fa:"\f46b"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-hand-point-up{--fa:"\f0a6"}.fa-money-bill{--fa:"\f0d6"}.fa-bookmark{--fa:"\f02e"}.fa-align-justify{--fa:"\f039"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-helmet-un{--fa:"\e503"}.fa-bullseye{--fa:"\f140"}.fa-bacon{--fa:"\f7e5"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-radiation{--fa:"\f7b9"}.fa-chart-simple{--fa:"\e473"}.fa-mars-stroke{--fa:"\f229"}.fa-vial{--fa:"\f492"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-e{--fa:"\45"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-user{--fa:"\f007"}.fa-school-circle-check{--fa:"\e56b"}.fa-dumpster{--fa:"\f793"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-building-user{--fa:"\e4da"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-highlighter{--fa:"\f591"}.fa-key{--fa:"\f084"}.fa-bullhorn{--fa:"\f0a1"}.fa-globe{--fa:"\f0ac"}.fa-synagogue{--fa:"\f69b"}.fa-person-half-dress{--fa:"\e548"}.fa-road-bridge{--fa:"\e563"}.fa-location-arrow{--fa:"\f124"}.fa-c{--fa:"\43"}.fa-tablet-button{--fa:"\f10a"}.fa-building-lock{--fa:"\e4d6"}.fa-pizza-slice{--fa:"\f818"}.fa-money-bill-wave{--fa:"\f53a"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-house-flag{--fa:"\e50d"}.fa-person-circle-minus{--fa:"\e540"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-camera-rotate{--fa:"\e0d8"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-star{--fa:"\f005"}.fa-repeat{--fa:"\f363"}.fa-cross{--fa:"\f654"}.fa-box{--fa:"\f466"}.fa-venus-mars{--fa:"\f228"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-charging-station{--fa:"\f5e7"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-mobile-retro{--fa:"\e527"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-spider{--fa:"\f717"}.fa-hands-bound{--fa:"\e4f9"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-x-ray{--fa:"\f497"}.fa-spell-check{--fa:"\f891"}.fa-slash{--fa:"\f715"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-server{--fa:"\f233"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-shop-lock{--fa:"\e4a5"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-blender-phone{--fa:"\f6b6"}.fa-building-wheat{--fa:"\e4db"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-venus{--fa:"\f221"}.fa-passport{--fa:"\f5ab"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-temperature-high{--fa:"\f769"}.fa-microchip{--fa:"\f2db"}.fa-crown{--fa:"\f521"}.fa-weight-hanging{--fa:"\f5cd"}.fa-xmarks-lines{--fa:"\e59a"}.fa-file-prescription{--fa:"\f572"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-chess-knight{--fa:"\f441"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-wheelchair{--fa:"\f193"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-toggle-on{--fa:"\f205"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-l{--fa:"\4c"}.fa-fire{--fa:"\f06d"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-folder-open{--fa:"\f07c"}.fa-heart-circle-plus{--fa:"\e500"}.fa-code-fork{--fa:"\e13b"}.fa-city{--fa:"\f64f"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-pepper-hot{--fa:"\f816"}.fa-unlock{--fa:"\f09c"}.fa-colon-sign{--fa:"\e140"}.fa-headset{--fa:"\f590"}.fa-store-slash{--fa:"\e071"}.fa-road-circle-xmark{--fa:"\e566"}.fa-user-minus{--fa:"\f503"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-clipboard{--fa:"\f328"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-underline{--fa:"\f0cd"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-signature{--fa:"\f5b7"}.fa-stroopwafel{--fa:"\f551"}.fa-bold{--fa:"\f032"}.fa-anchor-lock{--fa:"\e4ad"}.fa-building-ngo{--fa:"\e4d7"}.fa-manat-sign{--fa:"\e1d5"}.fa-not-equal{--fa:"\f53e"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-jedi{--fa:"\f669"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-mug-hot{--fa:"\f7b6"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-gift{--fa:"\f06b"}.fa-dice-two{--fa:"\f528"}.fa-chess-queen{--fa:"\f445"}.fa-glasses{--fa:"\f530"}.fa-chess-board{--fa:"\f43c"}.fa-building-circle-check{--fa:"\e4d2"}.fa-person-chalkboard{--fa:"\e53d"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-less-than-equal{--fa:"\f537"}.fa-train{--fa:"\f238"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-crow{--fa:"\f520"}.fa-sailboat{--fa:"\e445"}.fa-window-restore{--fa:"\f2d2"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-torii-gate{--fa:"\f6a1"}.fa-frog{--fa:"\f52e"}.fa-bucket{--fa:"\e4cf"}.fa-image{--fa:"\f03e"}.fa-microphone{--fa:"\f130"}.fa-cow{--fa:"\f6c8"}.fa-caret-up{--fa:"\f0d8"}.fa-screwdriver{--fa:"\f54a"}.fa-folder-closed{--fa:"\e185"}.fa-house-tsunami{--fa:"\e515"}.fa-square-nfi{--fa:"\e576"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-square-binary{--fa:"\e69b"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-lemon{--fa:"\f094"}.fa-head-side-mask{--fa:"\e063"}.fa-handshake{--fa:"\f2b5"}.fa-gem{--fa:"\f3a5"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-smoking{--fa:"\f48d"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-monument{--fa:"\f5a6"}.fa-snowplow{--fa:"\f7d2"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-cannabis{--fa:"\f55f"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-tablets{--fa:"\f490"}.fa-ethernet{--fa:"\f796"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-chair{--fa:"\f6c0"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-plate-wheat{--fa:"\e55a"}.fa-icicles{--fa:"\f7ad"}.fa-person-shelter{--fa:"\e54f"}.fa-neuter{--fa:"\f22c"}.fa-id-badge{--fa:"\f2c1"}.fa-marker{--fa:"\f5a1"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-helicopter-symbol{--fa:"\e502"}.fa-universal-access{--fa:"\f29a"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-lari-sign{--fa:"\e1c8"}.fa-volcano{--fa:"\f770"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-viruses{--fa:"\e076"}.fa-square-person-confined{--fa:"\e577"}.fa-user-tie{--fa:"\f508"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-certificate{--fa:"\f0a3"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-suitcase{--fa:"\f0f2"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-camera-retro{--fa:"\f083"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-box-open{--fa:"\f49e"}.fa-scroll{--fa:"\f70e"}.fa-spa{--fa:"\f5bb"}.fa-location-pin-lock{--fa:"\e51f"}.fa-pause{--fa:"\f04c"}.fa-hill-avalanche{--fa:"\e507"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-bomb{--fa:"\f1e2"}.fa-registered{--fa:"\f25d"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-subscript{--fa:"\f12c"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-burst{--fa:"\e4dc"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-money-bills{--fa:"\e1f3"}.fa-smog{--fa:"\f75f"}.fa-crutch{--fa:"\f7f7"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-palette{--fa:"\f53f"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-vest{--fa:"\e085"}.fa-ferry{--fa:"\e4ea"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-boxes-packing{--fa:"\e4c7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-bowl-food{--fa:"\e4c6"}.fa-candy-cane{--fa:"\f786"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-file-word{--fa:"\f1c2"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-house-lock{--fa:"\e510"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-children{--fa:"\e4e1"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-user-alt-slash,.fa-user-large-slash{--fa:"\f4fa"}.fa-envelope-open{--fa:"\f2b6"}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:"\e05f"}.fa-mattress-pillow{--fa:"\e525"}.fa-guarani-sign{--fa:"\e19a"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-fire-extinguisher{--fa:"\f134"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-greater-than-equal{--fa:"\f532"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-virus{--fa:"\e074"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-layer-group{--fa:"\f5fd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-archway{--fa:"\f557"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-square{--fa:"\f0c8"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-couch{--fa:"\f4b8"}.fa-cedi-sign{--fa:"\e0df"}.fa-italic{--fa:"\f033"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-church{--fa:"\f51d"}.fa-comments-dollar{--fa:"\f653"}.fa-democrat{--fa:"\f747"}.fa-z{--fa:"\5a"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-road-lock{--fa:"\e567"}.fa-a{--fa:"\41"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-p{--fa:"\50"}.fa-snowflake{--fa:"\f2dc"}.fa-newspaper{--fa:"\f1ea"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-locust{--fa:"\e520"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-person-dress-burst{--fa:"\e544"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-vector-square{--fa:"\f5cb"}.fa-bread-slice{--fa:"\f7ec"}.fa-language{--fa:"\f1ab"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-filter{--fa:"\f0b0"}.fa-question{--fa:"\3f"}.fa-file-signature{--fa:"\f573"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-house-chimney-user{--fa:"\e065"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-puzzle-piece{--fa:"\f12e"}.fa-money-check{--fa:"\f53c"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-code{--fa:"\f121"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-virus-covid{--fa:"\e4a8"}.fa-austral-sign{--fa:"\e0a9"}.fa-f{--fa:"\46"}.fa-leaf{--fa:"\f06c"}.fa-road{--fa:"\f018"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-person-circle-plus{--fa:"\e541"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-sack-xmark{--fa:"\e56a"}.fa-file-excel{--fa:"\f1c3"}.fa-file-contract{--fa:"\f56c"}.fa-fish-fins{--fa:"\e4f2"}.fa-building-flag{--fa:"\e4d5"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-object-ungroup{--fa:"\f248"}.fa-poop{--fa:"\f619"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-kaaba{--fa:"\f66b"}.fa-toilet-paper{--fa:"\f71e"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-eject{--fa:"\f052"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-plane-circle-check{--fa:"\e555"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-object-group{--fa:"\f247"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-mask-ventilator{--fa:"\e524"}.fa-arrow-right{--fa:"\f061"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-cash-register{--fa:"\f788"}.fa-person-circle-question{--fa:"\e542"}.fa-h{--fa:"\48"}.fa-tarp{--fa:"\e57b"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-heart{--fa:"\f004"}.fa-mars-and-venus{--fa:"\f224"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-dumpster-fire{--fa:"\f794"}.fa-house-crack{--fa:"\e3b1"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-bottle-water{--fa:"\e4c5"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-kitchen-set{--fa:"\e51a"}.fa-r{--fa:"\52"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-cube{--fa:"\f1b2"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-shield-dog{--fa:"\e573"}.fa-solar-panel{--fa:"\f5ba"}.fa-lock-open{--fa:"\f3c1"}.fa-elevator{--fa:"\e16d"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-circle{--fa:"\f111"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-recycle{--fa:"\f1b8"}.fa-user-astronaut{--fa:"\f4fb"}.fa-plane-slash{--fa:"\e069"}.fa-trademark{--fa:"\f25c"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-satellite-dish{--fa:"\f7c0"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-users-rays{--fa:"\e593"}.fa-wallet{--fa:"\f555"}.fa-clipboard-check{--fa:"\f46c"}.fa-file-audio{--fa:"\f1c7"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-wrench{--fa:"\f0ad"}.fa-bugs{--fa:"\e4d0"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-file-image{--fa:"\f1c5"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-plane-departure{--fa:"\f5b0"}.fa-handshake-slash{--fa:"\e060"}.fa-book-bookmark{--fa:"\e0bb"}.fa-code-branch{--fa:"\f126"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-bridge{--fa:"\e4c8"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-truck-front{--fa:"\e2b7"}.fa-cat{--fa:"\f6be"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-truck-field{--fa:"\e58d"}.fa-route{--fa:"\f4d7"}.fa-clipboard-question{--fa:"\e4e3"}.fa-panorama{--fa:"\e209"}.fa-comment-medical{--fa:"\f7f5"}.fa-teeth-open{--fa:"\f62f"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-tags{--fa:"\f02c"}.fa-wine-glass{--fa:"\f4e3"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-house-signal{--fa:"\e012"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-faucet-drip{--fa:"\e006"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-terminal{--fa:"\f120"}.fa-mobile-button{--fa:"\f10b"}.fa-house-medical-flag{--fa:"\e514"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-tape{--fa:"\f4db"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-eye{--fa:"\f06e"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-audio-description{--fa:"\f29e"}.fa-person-military-to-person{--fa:"\e54c"}.fa-file-shield{--fa:"\e4f0"}.fa-user-slash{--fa:"\f506"}.fa-pen{--fa:"\f304"}.fa-tower-observation{--fa:"\e586"}.fa-file-code{--fa:"\f1c9"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-bus{--fa:"\f207"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-window-maximize{--fa:"\f2d0"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-prescription{--fa:"\f5b1"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-vihara{--fa:"\f6a7"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-plant-wilt{--fa:"\e5aa"}.fa-diamond{--fa:"\f219"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-chart-diagram{--fa:"\e695"}.fa-bacterium{--fa:"\e05a"}.fa-hand-pointer{--fa:"\f25a"}.fa-drum-steelpan{--fa:"\f56a"}.fa-hand-scissors{--fa:"\f257"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-biohazard{--fa:"\f780"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-mars-double{--fa:"\f227"}.fa-child-dress{--fa:"\e59c"}.fa-users-between-lines{--fa:"\e591"}.fa-lungs-virus{--fa:"\e067"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-phone{--fa:"\f095"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-child-reaching{--fa:"\e59d"}.fa-head-side-virus{--fa:"\e064"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-door-closed{--fa:"\f52a"}.fa-shield-virus{--fa:"\e06c"}.fa-dice-six{--fa:"\f526"}.fa-mosquito-net{--fa:"\e52c"}.fa-file-fragment{--fa:"\e697"}.fa-bridge-water{--fa:"\e4ce"}.fa-person-booth{--fa:"\f756"}.fa-text-width{--fa:"\f035"}.fa-hat-wizard{--fa:"\f6e8"}.fa-pen-fancy{--fa:"\f5ac"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-trash{--fa:"\f1f8"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-book-medical{--fa:"\f7e6"}.fa-poo{--fa:"\f2fe"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-cubes{--fa:"\f1b3"}.fa-divide{--fa:"\f529"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-headphones{--fa:"\f025"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-clapping{--fa:"\e1a8"}.fa-republican{--fa:"\f75e"}.fa-arrow-left{--fa:"\f060"}.fa-person-circle-xmark{--fa:"\e543"}.fa-ruler{--fa:"\f545"}.fa-align-left{--fa:"\f036"}.fa-dice-d6{--fa:"\f6d1"}.fa-restroom{--fa:"\f7bd"}.fa-j{--fa:"\4a"}.fa-users-viewfinder{--fa:"\e595"}.fa-file-video{--fa:"\f1c8"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-file-pdf{--fa:"\f1c1"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-o{--fa:"\4f"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-user-secret{--fa:"\f21b"}.fa-otter{--fa:"\f700"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-comment-dollar{--fa:"\f651"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-clipboard-user{--fa:"\f7f3"}.fa-child{--fa:"\f1ae"}.fa-lira-sign{--fa:"\f195"}.fa-satellite{--fa:"\f7bf"}.fa-plane-lock{--fa:"\e558"}.fa-tag{--fa:"\f02b"}.fa-comment{--fa:"\f075"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-envelope{--fa:"\f0e0"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-paperclip{--fa:"\f0c6"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-ribbon{--fa:"\f4d6"}.fa-lungs{--fa:"\f604"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-border-none{--fa:"\f850"}.fa-circle-nodes{--fa:"\e4e2"}.fa-parachute-box{--fa:"\f4cd"}.fa-indent{--fa:"\f03c"}.fa-truck-field-un{--fa:"\e58e"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-mountain{--fa:"\f6fc"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-cloud-meatball{--fa:"\f73b"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-square-virus{--fa:"\e578"}.fa-meteor{--fa:"\f753"}.fa-car-on{--fa:"\e4dd"}.fa-sleigh{--fa:"\f7cc"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-water{--fa:"\f773"}.fa-calendar-check{--fa:"\f274"}.fa-braille{--fa:"\f2a1"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-landmark{--fa:"\f66f"}.fa-truck{--fa:"\f0d1"}.fa-crosshairs{--fa:"\f05b"}.fa-person-cane{--fa:"\e53c"}.fa-tent{--fa:"\e57d"}.fa-vest-patches{--fa:"\e086"}.fa-check-double{--fa:"\f560"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-cookie{--fa:"\f563"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-dumbbell{--fa:"\f44b"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-tarp-droplet{--fa:"\e57c"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-calendar-plus{--fa:"\f271"}.fa-plane-arrival{--fa:"\f5af"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-chart-gantt{--fa:"\e0e4"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-dna{--fa:"\f471"}.fa-virus-slash{--fa:"\e075"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-chess{--fa:"\f439"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-plug-circle-check{--fa:"\e55c"}.fa-street-view{--fa:"\f21d"}.fa-franc-sign{--fa:"\e18f"}.fa-volume-off{--fa:"\f026"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-mosque{--fa:"\f678"}.fa-mosquito{--fa:"\e52b"}.fa-star-of-david{--fa:"\f69a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-vials{--fa:"\f493"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-place-of-worship{--fa:"\f67f"}.fa-grip-vertical{--fa:"\f58e"}.fa-hexagon-nodes{--fa:"\e699"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-u{--fa:"\55"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-pallet{--fa:"\f482"}.fa-faucet{--fa:"\e005"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-s{--fa:"\53"}.fa-timeline{--fa:"\e29c"}.fa-keyboard{--fa:"\f11c"}.fa-caret-down{--fa:"\f0d7"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-plane-up{--fa:"\e22d"}.fa-piggy-bank{--fa:"\f4d3"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-mountain-city{--fa:"\e52e"}.fa-coins{--fa:"\f51e"}.fa-khanda{--fa:"\f66d"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-folder-tree{--fa:"\f802"}.fa-network-wired{--fa:"\f6ff"}.fa-map-pin{--fa:"\f276"}.fa-hamsa{--fa:"\f665"}.fa-cent-sign{--fa:"\e3f5"}.fa-flask{--fa:"\f0c3"}.fa-person-pregnant{--fa:"\e31e"}.fa-wand-sparkles{--fa:"\f72b"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-ticket{--fa:"\f145"}.fa-power-off{--fa:"\f011"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-flag-usa{--fa:"\f74d"}.fa-laptop-file{--fa:"\e51d"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-diagram-next{--fa:"\e476"}.fa-person-rifle{--fa:"\e54e"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-closed-captioning{--fa:"\f20a"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-venus-double{--fa:"\f226"}.fa-images{--fa:"\f302"}.fa-calculator{--fa:"\f1ec"}.fa-people-pulling{--fa:"\e535"}.fa-n{--fa:"\4e"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-cloud-rain{--fa:"\f73d"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-ship{--fa:"\f21a"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-download{--fa:"\f019"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-file-circle-check{--fa:"\e5a0"}.fa-forward{--fa:"\f04e"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-align-center{--fa:"\f037"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-calendar-week{--fa:"\f784"}.fa-laptop-medical{--fa:"\f812"}.fa-b{--fa:"\42"}.fa-file-medical{--fa:"\f477"}.fa-dice-one{--fa:"\f525"}.fa-kiwi-bird{--fa:"\f535"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-mill-sign{--fa:"\e1ed"}.fa-bowl-rice{--fa:"\e2eb"}.fa-skull{--fa:"\f54c"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-truck-pickup{--fa:"\f63c"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-stop{--fa:"\f04d"}.fa-code-merge{--fa:"\f387"}.fa-upload{--fa:"\f093"}.fa-hurricane{--fa:"\f751"}.fa-mound{--fa:"\e52d"}.fa-toilet-portable{--fa:"\e583"}.fa-compact-disc{--fa:"\f51f"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-caravan{--fa:"\f8ff"}.fa-shield-cat{--fa:"\e572"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-glass-water{--fa:"\e4f4"}.fa-oil-well{--fa:"\e532"}.fa-vault{--fa:"\e2c5"}.fa-mars{--fa:"\f222"}.fa-toilet{--fa:"\f7d8"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-sun{--fa:"\f185"}.fa-guitar{--fa:"\f7a6"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-horse-head{--fa:"\f7ab"}.fa-bore-hole{--fa:"\e4c3"}.fa-industry{--fa:"\f275"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-florin-sign{--fa:"\e184"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-less-than{--fa:"\3c"}.fa-angle-down{--fa:"\f107"}.fa-car-tunnel{--fa:"\e4de"}.fa-head-side-cough{--fa:"\e061"}.fa-grip-lines{--fa:"\f7a4"}.fa-thumbs-down{--fa:"\f165"}.fa-user-lock{--fa:"\f502"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-chess-pawn{--fa:"\f443"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-person-through-window{--fa:"\e5a9"}.fa-toolbox{--fa:"\f552"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-bug{--fa:"\f188"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-mountain-sun{--fa:"\e52f"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-dice-d20{--fa:"\f6cf"}.fa-truck-droplet{--fa:"\e58c"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-medal{--fa:"\f5a2"}.fa-bed{--fa:"\f236"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-podcast{--fa:"\f2ce"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-bell{--fa:"\f0f3"}.fa-superscript{--fa:"\f12b"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-star-of-life{--fa:"\f621"}.fa-phone-slash{--fa:"\f3dd"}.fa-paint-roller{--fa:"\f5aa"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-file{--fa:"\f15b"}.fa-greater-than{--fa:"\3e"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-arrow-down{--fa:"\f063"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-eraser{--fa:"\f12d"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-person-burst{--fa:"\e53b"}.fa-dove{--fa:"\f4ba"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-socks{--fa:"\f696"}.fa-inbox{--fa:"\f01c"}.fa-section{--fa:"\e447"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-envelope-open-text{--fa:"\f658"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-wine-bottle{--fa:"\f72f"}.fa-chess-rook{--fa:"\f447"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-dharmachakra{--fa:"\f655"}.fa-hotdog{--fa:"\f80f"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-drum{--fa:"\f569"}.fa-ice-cream{--fa:"\f810"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-fax{--fa:"\f1ac"}.fa-paragraph{--fa:"\f1dd"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-star-half{--fa:"\f089"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-tree-city{--fa:"\e587"}.fa-play{--fa:"\f04b"}.fa-font{--fa:"\f031"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-rupiah-sign{--fa:"\e23d"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-naira-sign{--fa:"\e1f6"}.fa-cart-arrow-down{--fa:"\f218"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-receipt{--fa:"\f543"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-chevron-down{--fa:"\f078"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-skull-crossbones{--fa:"\f714"}.fa-code-compare{--fa:"\e13a"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-school-lock{--fa:"\e56f"}.fa-tower-cell{--fa:"\e585"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-ranking-star{--fa:"\e561"}.fa-chess-king{--fa:"\f43f"}.fa-person-harassing{--fa:"\e549"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-arrow-up{--fa:"\f062"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-shrimp{--fa:"\e448"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-jug-detergent{--fa:"\e519"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-user-shield{--fa:"\f505"}.fa-wind{--fa:"\f72e"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-y{--fa:"\59"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-fish{--fa:"\f578"}.fa-user-graduate{--fa:"\f501"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-clapperboard{--fa:"\e131"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-jet-fighter-up{--fa:"\e518"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-copy{--fa:"\f0c5"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-hand-sparkles{--fa:"\e05d"}.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-gun{--fa:"\e19b"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-add,.fa-plus{--fa:"\2b"}.fa-expand{--fa:"\f065"}.fa-computer{--fa:"\e4e5"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-peso-sign{--fa:"\e222"}.fa-building-shield{--fa:"\e4d8"}.fa-baby{--fa:"\f77c"}.fa-users-line{--fa:"\e592"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-tractor{--fa:"\f722"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-lines-leaning{--fa:"\e51e"}.fa-ruler-combined{--fa:"\f546"}.fa-copyright{--fa:"\f1f9"}.fa-equals{--fa:"\3d"}.fa-blender{--fa:"\f517"}.fa-teeth{--fa:"\f62e"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-map{--fa:"\f279"}.fa-rocket{--fa:"\f135"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-folder-minus{--fa:"\f65d"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-store{--fa:"\f54e"}.fa-arrow-trend-up{--fa:"\e098"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-bezier-curve{--fa:"\f55b"}.fa-bell-slash{--fa:"\f1f6"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-school-flag{--fa:"\e56e"}.fa-fill{--fa:"\f575"}.fa-angle-up{--fa:"\f106"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-holly-berry{--fa:"\f7aa"}.fa-chevron-left{--fa:"\f053"}.fa-bacteria{--fa:"\e059"}.fa-hand-lizard{--fa:"\f258"}.fa-notdef{--fa:"\e1fe"}.fa-disease{--fa:"\f7fa"}.fa-briefcase-medical{--fa:"\f469"}.fa-genderless{--fa:"\f22d"}.fa-chevron-right{--fa:"\f054"}.fa-retweet{--fa:"\f079"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-pump-soap{--fa:"\e06b"}.fa-video-slash{--fa:"\f4e2"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-radio{--fa:"\f8d7"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-traffic-light{--fa:"\f637"}.fa-thermometer{--fa:"\f491"}.fa-vr-cardboard{--fa:"\f729"}.fa-hand-middle-finger{--fa:"\f806"}.fa-percent,.fa-percentage{--fa:"\25"}.fa-truck-moving{--fa:"\f4df"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-display{--fa:"\e163"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-trophy{--fa:"\f091"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hammer{--fa:"\f6e3"}.fa-hand-peace{--fa:"\f25b"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-spinner{--fa:"\f110"}.fa-robot{--fa:"\f544"}.fa-peace{--fa:"\f67c"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-warehouse{--fa:"\f494"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-splotch{--fa:"\f5bc"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-dice-four{--fa:"\f524"}.fa-sim-card{--fa:"\f7c4"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-mercury{--fa:"\f223"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-person-falling-burst{--fa:"\e547"}.fa-award{--fa:"\f559"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-building{--fa:"\f1ad"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-qrcode{--fa:"\f029"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-comment-nodes{--fa:"\e696"}.fa-house-medical{--fa:"\e3b2"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-house-chimney-window{--fa:"\e00d"}.fa-pen-nib{--fa:"\f5ad"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tents{--fa:"\e582"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-dog{--fa:"\f6d3"}.fa-carrot{--fa:"\f787"}.fa-moon{--fa:"\f186"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-cheese{--fa:"\f7ef"}.fa-yin-yang{--fa:"\f6ad"}.fa-music{--fa:"\f001"}.fa-code-commit{--fa:"\f386"}.fa-temperature-low{--fa:"\f76b"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-broom{--fa:"\f51a"}.fa-shield-heart{--fa:"\e574"}.fa-gopuram{--fa:"\f664"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-hashtag{--fa:"\23"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-oil-can{--fa:"\f613"}.fa-t{--fa:"\54"}.fa-hippo{--fa:"\f6ed"}.fa-chart-column{--fa:"\e0e3"}.fa-infinity{--fa:"\f534"}.fa-vial-circle-check{--fa:"\e596"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-voicemail{--fa:"\f897"}.fa-fan{--fa:"\f863"}.fa-person-walking-luggage{--fa:"\e554"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-calendar{--fa:"\f133"}.fa-trailer{--fa:"\e041"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-sd-card{--fa:"\f7c2"}.fa-dragon{--fa:"\f6d5"}.fa-shoe-prints{--fa:"\f54b"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-hand-holding{--fa:"\f4bd"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-clone{--fa:"\f24d"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-tornado{--fa:"\f76f"}.fa-file-circle-plus{--fa:"\e494"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-anchor{--fa:"\f13d"}.fa-border-all{--fa:"\f84c"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-cookie-bite{--fa:"\f564"}.fa-arrow-trend-down{--fa:"\e097"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-draw-polygon{--fa:"\f5ee"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-shower{--fa:"\f2cc"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-m{--fa:"\4d"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-book{--fa:"\f02d"}.fa-user-plus{--fa:"\f234"}.fa-check{--fa:"\f00c"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-house-circle-check{--fa:"\e509"}.fa-angle-left{--fa:"\f104"}.fa-diagram-successor{--fa:"\e47a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-cloud-moon{--fa:"\f6c3"}.fa-briefcase{--fa:"\f0b1"}.fa-person-falling{--fa:"\e546"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-user-tag{--fa:"\f507"}.fa-rug{--fa:"\e569"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-baht-sign{--fa:"\e0ac"}.fa-book-open{--fa:"\f518"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-handcuffs{--fa:"\e4f8"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-database{--fa:"\f1c0"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-mask-face{--fa:"\e1d7"}.fa-hill-rockslide{--fa:"\e508"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-paper-plane{--fa:"\f1d8"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-dungeon{--fa:"\f6d9"}.fa-align-right{--fa:"\f038"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-life-ring{--fa:"\f1cd"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-calendar-day{--fa:"\f783"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-dice{--fa:"\f522"}.fa-bowling-ball{--fa:"\f436"}.fa-brain{--fa:"\f5dc"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-calendar-minus{--fa:"\f272"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-gifts{--fa:"\f79c"}.fa-hotel{--fa:"\f594"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-thumbs-up{--fa:"\f164"}.fa-user-clock{--fa:"\f4fd"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-file-invoice{--fa:"\f570"}.fa-window-minimize{--fa:"\f2d1"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-brush{--fa:"\f55d"}.fa-file-half-dashed{--fa:"\e698"}.fa-mask{--fa:"\f6fa"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-ruler-vertical{--fa:"\f548"}.fa-user-alt,.fa-user-large{--fa:"\f406"}.fa-train-tram{--fa:"\e5b4"}.fa-user-nurse{--fa:"\f82f"}.fa-syringe{--fa:"\f48e"}.fa-cloud-sun{--fa:"\f6c4"}.fa-stopwatch-20{--fa:"\e06f"}.fa-square-full{--fa:"\f45c"}.fa-magnet{--fa:"\f076"}.fa-jar{--fa:"\e516"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-bug-slash{--fa:"\e490"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-bone{--fa:"\f5d7"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-user-injured{--fa:"\f728"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-plane{--fa:"\f072"}.fa-tent-arrows-down{--fa:"\e581"}.fa-exclamation{--fa:"\21"}.fa-arrows-spin{--fa:"\e4bb"}.fa-print{--fa:"\f02f"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\24"}.fa-x{--fa:"\58"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-person-military-pointing{--fa:"\e54a"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-umbrella{--fa:"\f0e9"}.fa-trowel{--fa:"\e589"}.fa-d{--fa:"\44"}.fa-stapler{--fa:"\e5af"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-kip-sign{--fa:"\e1c4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-handshake-alt,.fa-handshake-simple{--fa:"\f4c6"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-barcode{--fa:"\f02a"}.fa-plus-minus{--fa:"\e43c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-person-circle-check{--fa:"\e53e"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:"\f3d0"}.fa-hooli{--fa:"\f427"}.fa-yelp{--fa:"\f1e9"}.fa-cc-visa{--fa:"\f1f0"}.fa-lastfm{--fa:"\f202"}.fa-shopware{--fa:"\f5b5"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-aws{--fa:"\f375"}.fa-redhat{--fa:"\f7bc"}.fa-yoast{--fa:"\f2b1"}.fa-cloudflare{--fa:"\e07d"}.fa-ups{--fa:"\f7e0"}.fa-pixiv{--fa:"\e640"}.fa-wpexplorer{--fa:"\f2de"}.fa-dyalog{--fa:"\f399"}.fa-bity{--fa:"\f37a"}.fa-stackpath{--fa:"\f842"}.fa-buysellads{--fa:"\f20d"}.fa-first-order{--fa:"\f2b0"}.fa-modx{--fa:"\f285"}.fa-guilded{--fa:"\e07e"}.fa-vnv{--fa:"\f40b"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-microsoft{--fa:"\f3ca"}.fa-qq{--fa:"\f1d6"}.fa-orcid{--fa:"\f8d2"}.fa-java{--fa:"\f4e4"}.fa-invision{--fa:"\f7b0"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-centercode{--fa:"\f380"}.fa-glide-g{--fa:"\f2a6"}.fa-drupal{--fa:"\f1a9"}.fa-jxl{--fa:"\e67b"}.fa-dart-lang{--fa:"\e693"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-unity{--fa:"\e049"}.fa-whmcs{--fa:"\f40d"}.fa-rocketchat{--fa:"\f3e8"}.fa-vk{--fa:"\f189"}.fa-untappd{--fa:"\f405"}.fa-mailchimp{--fa:"\f59e"}.fa-css3-alt{--fa:"\f38b"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-vimeo-v{--fa:"\f27d"}.fa-contao{--fa:"\f26d"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-deskpro{--fa:"\f38f"}.fa-brave{--fa:"\e63c"}.fa-sistrix{--fa:"\f3ee"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-battle-net{--fa:"\f835"}.fa-the-red-yeti{--fa:"\f69d"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-edge{--fa:"\f282"}.fa-threads{--fa:"\e618"}.fa-napster{--fa:"\f3d2"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-google-plus-g{--fa:"\f0d5"}.fa-artstation{--fa:"\f77a"}.fa-markdown{--fa:"\f60f"}.fa-sourcetree{--fa:"\f7d3"}.fa-google-plus{--fa:"\f2b3"}.fa-diaspora{--fa:"\f791"}.fa-foursquare{--fa:"\f180"}.fa-stack-overflow{--fa:"\f16c"}.fa-github-alt{--fa:"\f113"}.fa-phoenix-squadron{--fa:"\f511"}.fa-pagelines{--fa:"\f18c"}.fa-algolia{--fa:"\f36c"}.fa-red-river{--fa:"\f3e3"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-safari{--fa:"\f267"}.fa-google{--fa:"\f1a0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-atlassian{--fa:"\f77b"}.fa-linkedin-in{--fa:"\f0e1"}.fa-digital-ocean{--fa:"\f391"}.fa-nimblr{--fa:"\f5a8"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-hacker-news{--fa:"\f1d4"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-adversal{--fa:"\f36a"}.fa-creative-commons{--fa:"\f25e"}.fa-watchman-monitoring{--fa:"\e087"}.fa-fonticons{--fa:"\f280"}.fa-weixin{--fa:"\f1d7"}.fa-shirtsinbulk{--fa:"\f214"}.fa-codepen{--fa:"\f1cb"}.fa-git-alt{--fa:"\f841"}.fa-lyft{--fa:"\f3c3"}.fa-rev{--fa:"\f5b2"}.fa-windows{--fa:"\f17a"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-meetup{--fa:"\f2e0"}.fa-centos{--fa:"\f789"}.fa-adn{--fa:"\f170"}.fa-cloudsmith{--fa:"\f384"}.fa-opensuse{--fa:"\e62b"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-codiepie{--fa:"\f284"}.fa-node{--fa:"\f419"}.fa-mix{--fa:"\f3cb"}.fa-steam{--fa:"\f1b6"}.fa-cc-apple-pay{--fa:"\f416"}.fa-scribd{--fa:"\f28a"}.fa-debian{--fa:"\e60b"}.fa-openid{--fa:"\f19b"}.fa-instalod{--fa:"\e081"}.fa-files-pinwheel{--fa:"\e69f"}.fa-expeditedssl{--fa:"\f23e"}.fa-sellcast{--fa:"\f2da"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-r-project{--fa:"\f4f7"}.fa-delicious{--fa:"\f1a5"}.fa-freebsd{--fa:"\f3a4"}.fa-vuejs{--fa:"\f41f"}.fa-accusoft{--fa:"\f369"}.fa-ioxhost{--fa:"\f208"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-app-store{--fa:"\f36f"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-itunes-note{--fa:"\f3b5"}.fa-golang{--fa:"\e40f"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-grav{--fa:"\f2d6"}.fa-weibo{--fa:"\f18a"}.fa-uncharted{--fa:"\e084"}.fa-firstdraft{--fa:"\f3a1"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-wikipedia-w{--fa:"\f266"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-angellist{--fa:"\f209"}.fa-galactic-republic{--fa:"\f50c"}.fa-nfc-directional{--fa:"\e530"}.fa-skype{--fa:"\f17e"}.fa-joget{--fa:"\f3b7"}.fa-fedora{--fa:"\f798"}.fa-stripe-s{--fa:"\f42a"}.fa-meta{--fa:"\e49b"}.fa-laravel{--fa:"\f3bd"}.fa-hotjar{--fa:"\f3b1"}.fa-bluetooth-b{--fa:"\f294"}.fa-square-letterboxd{--fa:"\e62e"}.fa-sticker-mule{--fa:"\f3f7"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-hips{--fa:"\f452"}.fa-css{--fa:"\e6a2"}.fa-behance{--fa:"\f1b4"}.fa-reddit{--fa:"\f1a1"}.fa-discord{--fa:"\f392"}.fa-chrome{--fa:"\f268"}.fa-app-store-ios{--fa:"\f370"}.fa-cc-discover{--fa:"\f1f2"}.fa-wpbeginner{--fa:"\f297"}.fa-confluence{--fa:"\f78d"}.fa-shoelace{--fa:"\e60c"}.fa-mdb{--fa:"\f8ca"}.fa-dochub{--fa:"\f394"}.fa-accessible-icon{--fa:"\f368"}.fa-ebay{--fa:"\f4f4"}.fa-amazon{--fa:"\f270"}.fa-unsplash{--fa:"\e07c"}.fa-yarn{--fa:"\f7e3"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-500px{--fa:"\f26e"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-asymmetrik{--fa:"\f372"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-gratipay{--fa:"\f184"}.fa-apple{--fa:"\f179"}.fa-hive{--fa:"\e07f"}.fa-gitkraken{--fa:"\f3a6"}.fa-keybase{--fa:"\f4f5"}.fa-apple-pay{--fa:"\f415"}.fa-padlet{--fa:"\e4a0"}.fa-amazon-pay{--fa:"\f42c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-stumbleupon{--fa:"\f1a4"}.fa-fedex{--fa:"\f797"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-shopify{--fa:"\e057"}.fa-neos{--fa:"\f612"}.fa-square-threads{--fa:"\e619"}.fa-hackerrank{--fa:"\f5f7"}.fa-researchgate{--fa:"\f4f8"}.fa-swift{--fa:"\f8e1"}.fa-angular{--fa:"\f420"}.fa-speakap{--fa:"\f3f3"}.fa-angrycreative{--fa:"\f36e"}.fa-y-combinator{--fa:"\f23b"}.fa-empire{--fa:"\f1d1"}.fa-envira{--fa:"\f299"}.fa-google-scholar{--fa:"\e63b"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-studiovinari{--fa:"\f3f8"}.fa-pied-piper{--fa:"\f2ae"}.fa-wordpress{--fa:"\f19a"}.fa-product-hunt{--fa:"\f288"}.fa-firefox{--fa:"\f269"}.fa-linode{--fa:"\f2b8"}.fa-goodreads{--fa:"\f3a8"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-jsfiddle{--fa:"\f1cc"}.fa-sith{--fa:"\f512"}.fa-themeisle{--fa:"\f2b2"}.fa-page4{--fa:"\f3d7"}.fa-hashnode{--fa:"\e499"}.fa-react{--fa:"\f41b"}.fa-cc-paypal{--fa:"\f1f4"}.fa-squarespace{--fa:"\f5be"}.fa-cc-stripe{--fa:"\f1f5"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-bitcoin{--fa:"\f379"}.fa-keycdn{--fa:"\f3ba"}.fa-opera{--fa:"\f26a"}.fa-itch-io{--fa:"\f83a"}.fa-umbraco{--fa:"\f8e8"}.fa-galactic-senate{--fa:"\f50d"}.fa-ubuntu{--fa:"\f7df"}.fa-draft2digital{--fa:"\f396"}.fa-stripe{--fa:"\f429"}.fa-houzz{--fa:"\f27c"}.fa-gg{--fa:"\f260"}.fa-dhl{--fa:"\f790"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-xing{--fa:"\f168"}.fa-blackberry{--fa:"\f37b"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-playstation{--fa:"\f3df"}.fa-quinscape{--fa:"\f459"}.fa-less{--fa:"\f41d"}.fa-blogger-b{--fa:"\f37d"}.fa-opencart{--fa:"\f23d"}.fa-vine{--fa:"\f1ca"}.fa-signal-messenger{--fa:"\e663"}.fa-paypal{--fa:"\f1ed"}.fa-gitlab{--fa:"\f296"}.fa-typo3{--fa:"\f42b"}.fa-reddit-alien{--fa:"\f281"}.fa-yahoo{--fa:"\f19e"}.fa-dailymotion{--fa:"\e052"}.fa-affiliatetheme{--fa:"\f36b"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-bootstrap{--fa:"\f836"}.fa-odnoklassniki{--fa:"\f263"}.fa-nfc-symbol{--fa:"\e531"}.fa-mintbit{--fa:"\e62f"}.fa-ethereum{--fa:"\f42e"}.fa-speaker-deck{--fa:"\f83c"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-patreon{--fa:"\f3d9"}.fa-avianex{--fa:"\f374"}.fa-ello{--fa:"\f5f1"}.fa-gofore{--fa:"\f3a7"}.fa-bimobject{--fa:"\f378"}.fa-brave-reverse{--fa:"\e63d"}.fa-facebook-f{--fa:"\f39e"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-web-awesome{--fa:"\e682"}.fa-mandalorian{--fa:"\f50f"}.fa-first-order-alt{--fa:"\f50a"}.fa-osi{--fa:"\f41a"}.fa-google-wallet{--fa:"\f1ee"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-periscope{--fa:"\f3da"}.fa-fulcrum{--fa:"\f50b"}.fa-cloudscale{--fa:"\f383"}.fa-forumbee{--fa:"\f211"}.fa-mizuni{--fa:"\f3cc"}.fa-schlix{--fa:"\f3ea"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-bandcamp{--fa:"\f2d5"}.fa-wpforms{--fa:"\f298"}.fa-cloudversify{--fa:"\f385"}.fa-usps{--fa:"\f7e1"}.fa-megaport{--fa:"\f5a3"}.fa-magento{--fa:"\f3c4"}.fa-spotify{--fa:"\f1bc"}.fa-optin-monster{--fa:"\f23c"}.fa-fly{--fa:"\f417"}.fa-square-bluesky{--fa:"\e6a3"}.fa-aviato{--fa:"\f421"}.fa-itunes{--fa:"\f3b4"}.fa-cuttlefish{--fa:"\f38c"}.fa-blogger{--fa:"\f37c"}.fa-flickr{--fa:"\f16e"}.fa-viber{--fa:"\f409"}.fa-soundcloud{--fa:"\f1be"}.fa-digg{--fa:"\f1a6"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-letterboxd{--fa:"\e62d"}.fa-symfony{--fa:"\f83d"}.fa-maxcdn{--fa:"\f136"}.fa-etsy{--fa:"\f2d7"}.fa-facebook-messenger{--fa:"\f39f"}.fa-audible{--fa:"\f373"}.fa-think-peaks{--fa:"\f731"}.fa-bilibili{--fa:"\e3d9"}.fa-erlang{--fa:"\f39d"}.fa-x-twitter{--fa:"\e61b"}.fa-cotton-bureau{--fa:"\f89e"}.fa-dashcube{--fa:"\f210"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-stack-exchange{--fa:"\f18d"}.fa-elementor{--fa:"\f430"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-palfed{--fa:"\f3d8"}.fa-superpowers{--fa:"\f2dd"}.fa-resolving{--fa:"\f3e7"}.fa-xbox{--fa:"\f412"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-searchengin{--fa:"\f3eb"}.fa-tiktok{--fa:"\e07b"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-renren{--fa:"\f18b"}.fa-linux{--fa:"\f17c"}.fa-glide{--fa:"\f2a5"}.fa-linkedin{--fa:"\f08c"}.fa-hubspot{--fa:"\f3b2"}.fa-deploydog{--fa:"\f38e"}.fa-twitch{--fa:"\f1e8"}.fa-flutter{--fa:"\e694"}.fa-ravelry{--fa:"\f2d9"}.fa-mixer{--fa:"\e056"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-vimeo{--fa:"\f40a"}.fa-mendeley{--fa:"\f7b3"}.fa-uniregistry{--fa:"\f404"}.fa-figma{--fa:"\f799"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-dropbox{--fa:"\f16b"}.fa-instagram{--fa:"\f16d"}.fa-cmplid{--fa:"\e360"}.fa-upwork{--fa:"\e641"}.fa-facebook{--fa:"\f09a"}.fa-gripfire{--fa:"\f3ac"}.fa-jedi-order{--fa:"\f50e"}.fa-uikit{--fa:"\f403"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-phabricator{--fa:"\f3db"}.fa-ussunnah{--fa:"\f407"}.fa-earlybirds{--fa:"\f39a"}.fa-trade-federation{--fa:"\f513"}.fa-autoprefixer{--fa:"\f41c"}.fa-whatsapp{--fa:"\f232"}.fa-square-upwork{--fa:"\e67c"}.fa-slideshare{--fa:"\f1e7"}.fa-google-play{--fa:"\f3ab"}.fa-viadeo{--fa:"\f2a9"}.fa-line{--fa:"\f3c0"}.fa-google-drive{--fa:"\f3aa"}.fa-servicestack{--fa:"\f3ec"}.fa-simplybuilt{--fa:"\f215"}.fa-bitbucket{--fa:"\f171"}.fa-imdb{--fa:"\f2d8"}.fa-deezer{--fa:"\e077"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-jira{--fa:"\f7b1"}.fa-docker{--fa:"\f395"}.fa-screenpal{--fa:"\e570"}.fa-bluetooth{--fa:"\f293"}.fa-gitter{--fa:"\f426"}.fa-d-and-d{--fa:"\f38d"}.fa-microblog{--fa:"\e01a"}.fa-cc-diners-club{--fa:"\f24c"}.fa-gg-circle{--fa:"\f261"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-yandex{--fa:"\f413"}.fa-readme{--fa:"\f4d5"}.fa-html5{--fa:"\f13b"}.fa-sellsy{--fa:"\f213"}.fa-square-web-awesome{--fa:"\e683"}.fa-sass{--fa:"\f41e"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-buromobelexperte{--fa:"\f37f"}.fa-salesforce{--fa:"\f83b"}.fa-octopus-deploy{--fa:"\e082"}.fa-medapps{--fa:"\f3c6"}.fa-ns8{--fa:"\f3d5"}.fa-pinterest-p{--fa:"\f231"}.fa-apper{--fa:"\f371"}.fa-fort-awesome{--fa:"\f286"}.fa-waze{--fa:"\f83f"}.fa-bluesky{--fa:"\e671"}.fa-cc-jcb{--fa:"\f24b"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-rust{--fa:"\e07a"}.fa-wix{--fa:"\f5cf"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-supple{--fa:"\f3f9"}.fa-webflow{--fa:"\e65c"}.fa-rebel{--fa:"\f1d0"}.fa-css3{--fa:"\f13c"}.fa-staylinked{--fa:"\f3f5"}.fa-kaggle{--fa:"\f5fa"}.fa-space-awesome{--fa:"\e5ac"}.fa-deviantart{--fa:"\f1bd"}.fa-cpanel{--fa:"\f388"}.fa-goodreads-g{--fa:"\f3a9"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-trello{--fa:"\f181"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-get-pocket{--fa:"\f265"}.fa-perbyte{--fa:"\e083"}.fa-grunt{--fa:"\f3ad"}.fa-weebly{--fa:"\f5cc"}.fa-connectdevelop{--fa:"\f20e"}.fa-leanpub{--fa:"\f212"}.fa-black-tie{--fa:"\f27e"}.fa-themeco{--fa:"\f5c6"}.fa-python{--fa:"\f3e2"}.fa-android{--fa:"\f17b"}.fa-bots{--fa:"\e340"}.fa-free-code-camp{--fa:"\f2c5"}.fa-hornbill{--fa:"\f592"}.fa-js{--fa:"\f3b8"}.fa-ideal{--fa:"\e013"}.fa-git{--fa:"\f1d3"}.fa-dev{--fa:"\f6cc"}.fa-sketch{--fa:"\f7c6"}.fa-yandex-international{--fa:"\f414"}.fa-cc-amex{--fa:"\f1f3"}.fa-uber{--fa:"\f402"}.fa-github{--fa:"\f09b"}.fa-php{--fa:"\f457"}.fa-alipay{--fa:"\f642"}.fa-youtube{--fa:"\f167"}.fa-skyatlas{--fa:"\f216"}.fa-firefox-browser{--fa:"\e007"}.fa-replyd{--fa:"\f3e6"}.fa-suse{--fa:"\f7d6"}.fa-jenkins{--fa:"\f3b6"}.fa-twitter{--fa:"\f099"}.fa-rockrms{--fa:"\f3e9"}.fa-pinterest{--fa:"\f0d2"}.fa-buffer{--fa:"\f837"}.fa-npm{--fa:"\f3d4"}.fa-yammer{--fa:"\f840"}.fa-btc{--fa:"\f15a"}.fa-dribbble{--fa:"\f17d"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-internet-explorer{--fa:"\f26b"}.fa-stubber{--fa:"\e5c7"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-old-republic{--fa:"\f510"}.fa-odysee{--fa:"\e5c6"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-node-js{--fa:"\f3d3"}.fa-edge-legacy{--fa:"\e078"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-medrt{--fa:"\f3c8"}.fa-usb{--fa:"\f287"}.fa-tumblr{--fa:"\f173"}.fa-vaadin{--fa:"\f408"}.fa-quora{--fa:"\f2c4"}.fa-square-x-twitter{--fa:"\e61a"}.fa-reacteurope{--fa:"\f75d"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-amilia{--fa:"\f36d"}.fa-mixcloud{--fa:"\f289"}.fa-flipboard{--fa:"\f44d"}.fa-viacoin{--fa:"\f237"}.fa-critical-role{--fa:"\f6c9"}.fa-sitrox{--fa:"\e44a"}.fa-discourse{--fa:"\f393"}.fa-joomla{--fa:"\f1aa"}.fa-mastodon{--fa:"\f4f6"}.fa-airbnb{--fa:"\f834"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-buy-n-large{--fa:"\f8a6"}.fa-gulp{--fa:"\f3ae"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-strava{--fa:"\f428"}.fa-ember{--fa:"\f423"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-teamspeak{--fa:"\f4f9"}.fa-pushed{--fa:"\f3e1"}.fa-wordpress-simple{--fa:"\f411"}.fa-nutritionix{--fa:"\f3d6"}.fa-wodu{--fa:"\e088"}.fa-google-pay{--fa:"\e079"}.fa-intercom{--fa:"\f7af"}.fa-zhihu{--fa:"\f63f"}.fa-korvue{--fa:"\f42f"}.fa-pix{--fa:"\e43a"}.fa-steam-symbol{--fa:"\f3f6"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.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-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--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__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translateZ(var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.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:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.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)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.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(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{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)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform: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%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.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}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root {
  --primary-color: #ffd875;
}
html {
  scroll-behavior: smooth;
}
body,
html {
  height: 100vh;
  position: relative;
}
body {
  -webkit-text-size-adjust: none;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
* {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a {
  color: #fff;
  cursor: pointer;
  text-decoration: none !important;
}
a:hover {
  color: var(--primary-text);
}
.btn {
  border: none !important;
  font-size: 14px;
  padding: 0.6rem 1rem;
}
.btn-xs {
  padding: 0.2rem 0.4rem;
}
.inc-icon {
  flex-shrink: 0;
  font-size: 0 !important;
  height: 24px;
  line-height: 0 !important;
  width: 24px;
}
.inc-icon img,
.inc-icon svg {
  height: 100% !important;
  width: 100% !important;
}
.line-center {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}
.icon-large {
  height: 48px;
  width: 48px;
}
#rp-player {
  background-color: #14161e;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#rp-player .video-demo {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}
#rp-player .video-demo,
.video-demo img {
  height: 100%;
  position: absolute;
  width: 100%;
}
.video-demo img {
  object-fit: cover;
}
#rp-player .item-btn {
  font-size: 0;
}
#rp-player .item-btn .line-center {
  font-size: 14px;
  padding: 0.4rem;
}
#rp-player .item-btn .line-center span {
  white-space: nowrap;
}
#rp-player .item-btn.active,
#rp-player .item-btn:hover {
  color: var(--primary-color);
  cursor: pointer;
}
#player_bottom,
#player_top {
  align-items: center;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  position: relative;
  z-index: 4;
}
#player_top {
  background: #14161e;
  background: linear-gradient(0deg, rgba(20, 22, 30, 0), rgba(20, 22, 30, 0.8));
  padding-bottom: 3rem;
}
.p_t-left {
  flex-grow: 1;
}
.p_t-left .video-info {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.p_t-left .video-info .name {
  font-size: 1.2em;
  font-weight: 600;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p_t-left .video-info .info {
  font-size: 1em;
  font-weight: 500;
}
#player_bottom {
  background: #14161e;
  background: linear-gradient(0deg, rgba(20, 22, 30, 0.8), rgba(20, 22, 30, 0));
  flex-direction: column;
  gap: 0;
}
.b_func {
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}
.b_bar,
.b_func {
  display: flex;
  width: 100%;
}
.b_bar {
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding-bottom: 1rem;
}
.video-time {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.bar-line {
  background-color: #ffffff20;
  cursor: pointer;
  height: 4px;
  position: relative;
  width: 100%;
}
.bar-line .loaded {
  background-color: #ffffff20;
}
.bar-line .loaded,
.bar-line .played {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.bar-line .played {
  background-color: #a2b2ff;
  z-index: 3;
}
.bar-line .played span {
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -25%);
  width: 16px;
}
.bar-line .intro,
.bar-line .outtro {
  background-color: #fff;
  bottom: -1px;
  position: absolute;
  top: -1px;
  z-index: 6;
}
.bar-line .thumb-sync {
  position: absolute;
  text-align: center;
  transform: translateY(-120%);
  width: 14%;
}
.bar-line .thumb-sync .ts-img {
  background-color: #14161e;
  border: 3px solid #fff;
  height: 0;
  padding-bottom: 56%;
  position: relative;
  width: 100%;
}
.bar-line .thumb-sync .ts-img img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.bar-line .thumb-sync .ts-img .time {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 4;
}
.b_bar .bar-line .played span,
.bar-line .thumb-sync {
  display: none;
}
.b_bar:hover .bar-line {
  height: 8px;
}
.b_bar:hover .bar-line .played span,
.b_bar:hover .bar-line .thumb-sync {
  display: block;
}
#video_mask {
  background-color: #14161e;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.v-toggle .toggle-x {
  border: 1px solid #fff;
  border-radius: 2rem;
  cursor: pointer;
  flex-shrink: 0;
  height: 16px;
  opacity: 0.3;
  position: relative;
  width: 24px;
}
.v-toggle .toggle-x span {
  background-color: #fff;
  border-radius: 20px;
  height: 8px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 8px;
}
.v-toggle .toggle-x.on {
  border-color: var(--primary-color);
  opacity: 1;
}
.v-toggle .toggle-x.on span {
  background-color: var(--primary-color);
  left: 11px;
}
.demo-sub {
  bottom: 40px;
  color: #fff;
  left: 10%;
  position: absolute;
  right: 10%;
  text-align: center;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
  z-index: 3;
}
.demo-sub .sub-primary {
  font-size: 2.2em;
  font-weight: 500;
}
.demo-sub .sub-secondary {
  font-size: 1.4em;
  font-weight: 400;
  margin-top: 0.5rem;
  opacity: 0.7;
}
.skip-buttons {
  bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: absolute;
  right: 3rem;
  z-index: 4;
}
.skip-buttons .sb-button {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: #00000030;
  border: 2px solid #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 10px #00000020;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  padding: 0.6rem 1rem;
}
.skip-buttons .sb-button.light {
  background-color: #fff;
  color: #000;
}
.skip-buttons .sb-button .inc-icon {
  height: 20px;
  width: 20px;
}
.skip-buttons .sb-button:hover {
  transform: scale(1.1);
}
#rp-player:hover .skip-buttons {
  bottom: 150px;
}
#player_bottom,
#player_top,
#video_mask {
  opacity: 0;
}
#player_bottom,
#player_top,
#video_eps .eps-list,
#video_mask,
.bar-line,
.demo-sub,
.skip-buttons,
.skip-buttons .sb-button,
.toggle-x {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
#rp-player:hover #player_bottom,
#rp-player:hover #player_top {
  opacity: 1;
}
#rp-player:hover #video_mask {
  opacity: 0.05;
}
#rp-player:hover .demo-sub {
  bottom: 150px;
}
.player-dm {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: #3c3e4961;
  border: 1px solid #ffffff30;
  border-radius: 0.6rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 1em;
  margin: 0.5rem 0;
  overflow: hidden;
  padding: 0.6rem 0;
}
.player-dm.dm-eps {
  max-width: 300px;
  width: 80%;
}
.player-dm.dm-sub {
  max-width: 380px;
  width: 90%;
}
.player-dm .dm-eps-list {
  max-height: calc(100vh - 280px);
  overflow: auto;
}
.player-dm .dm-eps-list .item-ep + .item-ep {
  border-top: 1px solid #ffffff10;
}
.player-dm .dropdown-title {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.3rem;
  padding: 0.2rem 1rem 0.6rem;
}
.player-dm .dropdown-item {
  align-items: center;
  background-color: initial !important;
  color: #fff;
  display: flex;
  font-size: 13px;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.7rem 1rem;
}
.player-dm .dropdown-item:hover {
  background-color: #ffffff08 !important;
}
.player-dm .dropdown-item.active {
  background-color: #ffffff15 !important;
  color: var(--primary-color);
}
.player-dm .dropdown-item .w-check {
  opacity: 0;
}
.player-dm .dropdown-item.active .w-check {
  opacity: 1;
}
.player-dm .dropdown-item.active .s-title {
  font-weight: 600;
}
.player-dm .dropdown-item.hide {
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}
.player-dm .item-ep {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.6rem;
}
.player-dm .item-ep .v-thumbnail {
  flex-shrink: 0;
  height: 50px;
  position: relative;
  width: 80px;
}
.player-dm .item-ep .v-thumbnail img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.player-dm .item-ep .v-title {
  flex-grow: 1;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  white-space: break-spaces;
}
.sub-sbs {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0 1rem 1rem;
}
.sub-sbs .sub-col > a {
  cursor: not-allowed !important;
  opacity: 0.2;
}
.sub-sbs .sub-col.active > a {
  cursor: default !important;
  opacity: 1;
}
.sub-sbs .sub-col {
  border: 1px solid #ffffff20;
  border-radius: 0.4rem;
  display: block;
  flex: 1;
  font-size: 1em;
  max-height: 205px;
  overflow-x: hidden;
  padding: 0.5rem 0;
}
.sub-sbs .sub-col::-webkit-scrollbar {
  display: none;
}
.sub-sbs .sub-col .dropdown-item {
  padding: 0.5rem 0.8rem;
}
.sub-toggle-tabs {
  font-size: 11px;
}
.sub-toggle-tabs .item {
  border: 1px solid #ffffff30;
  border-radius: 2rem;
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.3rem 0.6rem;
}
.sub-toggle-tabs .item:hover {
  border-color: #ffffff60;
}
.sub-toggle-tabs .item.active {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000;
}
.sub-toggle-tabs .item.item-circle {
  padding: 0.3rem;
  text-align: center;
  width: 26px;
}
#video_eps,
#video_pop {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
#video_eps .eps-mask,
#video_pop .pop-mask {
  background-color: #08080a;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
#video_eps .eps-list {
  -ms-overflow-style: none;
  background-color: #1e1f28;
  bottom: 0;
  max-width: 360px;
  overflow: auto;
  padding: 1rem 0;
  position: absolute;
  right: 0;
  scrollbar-width: none;
  top: 0;
  transform: translateX(100%);
  width: 100%;
  z-index: 3;
}
#video_eps .eps-list::-webkit-scrollbar {
  display: none;
}
#video_eps .eps-list .eps-header {
  padding: 0.5rem 3.5rem 0.5rem 1.2rem;
  position: relative;
}
#video_eps .eps-list .eps-header .name {
  font-size: 1.2em;
  font-weight: 600;
}
#video_eps .eps-list .eps-header .season-eps {
  margin-top: 0.75rem;
}
.season-eps .season-dropdown .line-center {
  border: 1px solid #fff;
  border-radius: 0.4rem;
  font-size: 13px;
  padding: 0.3rem 0.6rem;
}
.season-eps .season-quantity {
  opacity: 0.5;
}
#video_eps .eps-list .eps-header #eps-close {
  align-items: center;
  background-color: #ffffff15;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: 10px;
  width: 30px;
}
#video_eps .eps-list .eps-header #eps-close:hover {
  background-color: #ffffff20;
}
#video_eps .eps-list .item-ep {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: 13px;
  gap: 1rem;
  padding: 0.8rem 1.2rem;
}
#video_eps .eps-list .item-ep:hover {
  background-color: #ffffff08;
  opacity: 1 !important;
}
#video_eps .eps-list .item-ep .v-thumbnail {
  border-radius: 0;
  flex-shrink: 0;
  height: 56px;
  position: relative;
  width: 90px;
}
#video_eps .eps-list .item-ep.active .v-thumbnail {
  box-shadow: 0 0 0 2px var(--primary-color);
}
#video_eps .eps-list .item-ep .v-thumbnail img {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#video_eps .eps-list .item-ep .v-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 0.75rem;
}
#video_eps .eps-list .item-ep .v-bar {
  background-color: #ffffff20;
  display: none;
  height: 2px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#video_eps .eps-list .item-ep.active .v-bar span {
  background-color: var(--primary-color);
}
#video_eps .eps-list .item-ep .v-bar span {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
}
#video_eps .eps-list .item-ep .v-title {
  flex-grow: 1;
}
#video_eps .eps-list .item-ep.active {
  background-color: #ffffff15 !important;
  color: var(--primary-color);
}
#video_eps .eps-list .item-ep.active .v-bar,
#video_eps .eps-list .item-ep.continue .v-bar,
#video_eps .eps-list .item-ep.watched .v-bar {
  display: block;
}
#video_eps .eps-list .item-ep.coming,
#video_eps .eps-list .item-ep.watched {
  opacity: 0.5;
}
#video_eps .eps-list .item-ep.coming .v-info {
  gap: 0.1rem;
}
#video_eps .eps-list .item-ep.coming .v-info small {
  opacity: 0.6;
}
#video_eps.active,
#video_pop.active {
  z-index: 11;
}
#video_eps.active .eps-list {
  transform: translateX(0);
}
.inc-icon.icon-quality {
  position: relative;
}
.inc-icon.icon-quality .q-play {
  background-color: #fff;
  border-radius: 0.5rem;
  color: #000;
  display: block !important;
  font-size: 9px;
  line-height: 1;
  padding: 0.15rem 0.2rem;
  position: absolute;
  right: -10px;
  top: -6px;
}
.iv-volume .iv-bar {
  cursor: pointer;
  height: 10px;
  position: relative;
  width: 100px;
}
.iv-volume .iv-bar:before {
  background-color: hsla(0, 0%, 100%, 0.3);
  bottom: 4px;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 4px;
}
.iv-volume .iv-bar .iv-load {
  background-color: #fff;
  bottom: 4px;
  left: 0;
  position: absolute;
  top: 4px;
}
.iv-volume .iv-bar .iv-load:before {
  background: #fff;
  border-radius: 50%;
  content: '';
  cursor: pointer;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: 12px;
  z-index: 9;
}
.iv-icon {
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  width: 24px;
}
.iv-icon:hover {
  color: var(--primary-color);
}
.iv-icon.muted:before {
  content: '\f6a9';
}
.quality-notice {
  animation: pop-show 0.75s forwards;
  background-color: #fff;
  border-radius: 0.8rem;
  bottom: 30px;
  box-shadow: 0 0 10px 10px #0001;
  color: #000;
  font-size: 14px;
  left: 50%;
  max-width: 320px;
  padding: 1rem;
  position: absolute;
  transform: translateX(-50%);
  width: 90%;
  z-index: 99;
}
.quality-notice .notice-dismiss {
  color: #888;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  margin-top: 0.6rem;
}
@keyframes pop-show {
  0% {
    bottom: -200px;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
.denied-box {
  align-items: center;
  background-color: #1e212e;
  color: #fff;
  display: flex;
  font-size: 2.3em;
  font-weight: 600;
  gap: 2rem;
  justify-content: center;
  padding: 1.5rem 25%;
  width: 100%;
  z-index: 999;
}
.denied-box,
.denied-box:before {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.denied-box:before {
  background-image: url(https://goatembed.com/images/denied-bg.webp);
  background-position: 50%;
  background-size: cover;
  content: '';
  opacity: 0.2;
}
.denied-box .denied-icon img {
  border-radius: 15%;
  height: 220px;
  width: 220px;
}
.w2g-live-status,
.w2g-sync-status {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 0.4rem;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  gap: 0.4rem;
  opacity: 1;
  padding: 0.3rem 0.5rem;
  transition: all 0.3s ease 0s;
}
.w2g-live-status .w2g-dot {
  background-color: #ff3d3d;
  border-radius: 50%;
  display: block;
  height: 8px;
  width: 8px;
}
.w2g-sync-status,
.w2g-sync-status.on,
.w2g-sync-status:hover {
  opacity: 1;
}
.w2g-sync-status.on .icon-sync {
  animation: sync-rotate 0.75s linear forwards;
}
@keyframes sync-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.m-show {
  display: none;
}
#rp-player {
  animation: load-player 1s forwards;
}
.custom-tooltip {
  --bs-tooltip-bg: #fff;
  --bs-tooltip-color: #000;
}
@keyframes load-player {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p_b-right .item-btn .line-center span {
  display: none;
}
.content-slide {
  width: 240px;
}
.cs-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cs-list .cs-item {
  font-size: 0.9em;
  justify-content: space-between;
  padding: 0.7rem 1rem;
  position: relative;
  width: 100%;
}
.cs-list .cs-item:hover {
  background-color: #ffffff07;
}
.cs-list .cs-item.active {
  background-color: #ffffff12 !important;
}
.cs-list .cs-item .csi-title {
  flex-grow: 1;
}
.cs-list .cs-item .csi-current {
  cursor: pointer;
}
.cs-list .cs-item .csi-current * {
  opacity: 0.7;
}
.cs-list .cs-item .fa-check {
  opacity: 0;
}
.cs-list .cs-item.active .fa-check {
  color: var(--primary-color);
  opacity: 1;
}
.csi-color {
  border-radius: 50%;
  display: block;
  height: 14px;
  opacity: 1 !important;
  width: 14px;
}
.back-level,
.sub-back {
  cursor: pointer;
}
.s-title.small {
  font-weight: 400;
  opacity: 0.7;
}
.sub-slide {
  width: 240px;
}
#video_pop,
.pop-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pop-center {
  color: #fff;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 500px;
  position: relative;
  width: 90%;
  z-index: 3;
}
.pop-center .cs-dual {
  align-items: stretch;
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}
.pop-center .cs-dual > div {
  flex: 1;
}
.pop-center .cs-dual > div .cs-list {
  background-color: #42434b;
  border: 1px solid #fff1;
  border-radius: 0.4rem;
}
.pop-center .cs-dual > div .cs-list .cs-item {
  padding: 0.75rem 0.9rem;
}
.pop-center .cs-dual > div .cs-list .cs-item + .cs-item {
  border-top: 1px solid #fff1;
}
.pop-center .player-dm .dropdown-item {
  font-size: 13px;
  gap: 0.5rem;
  padding: 0.6rem 0.8rem;
}
.pc-title {
  font-size: 18px;
  font-weight: 600;
}
.cs-list .cs-item .dropdown-item.active .fa-check {
  opacity: 1;
}
@media screen and (max-width: 1279px) {
  .denied-box {
    padding: 1.5rem 15%;
  }
}
@media screen and (max-width: 1120px) {
  .cs-list {
    max-height: 320px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 980px) {
  .demo-sub {
    bottom: 30px;
    gap: 0;
  }
  .demo-sub .sub-primary {
    font-size: 1.5em;
  }
  .sub-toggle-tabs > #toggle-subs {
    display: block !important;
  }
  .pop-center .cs-dual > div.csl-secondary {
    display: none;
  }
  .pop-sub {
    gap: 0.6rem;
    max-width: 400px;
    width: 94%;
  }
  .pop-sub .dropdown-title,
  .pop-sub .pc-title {
    display: none;
  }
  .pop-center .cs-dual > div .cs-list {
    backdrop-filter: none;
    background-color: initial !important;
    border: none !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    max-height: none !important;
    overflow: visible !important;
  }
  .pop-center .cs-dual > div .cs-list .cs-item {
    background-color: #42434b;
    border: 1px solid #fff1;
    border-radius: 0.3rem;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: 0.6rem 0.8rem;
    width: calc(50% - 3px);
  }
  .player-dm.dm-sub {
    width: auto;
  }
  .sub-sbs {
    padding: 0;
  }
  .sub-sbs .sub-col {
    border: none;
    border-radius: 0;
    max-height: 155px;
    padding: 0;
  }
  .skip-buttons {
    bottom: 1.5rem;
    flex-direction: row;
    gap: 0.75rem;
    right: 1.5rem;
  }
  .skip-buttons .sb-button {
    border-radius: 0.4rem;
    font-size: 14px;
    padding: 0.4rem 0.6rem;
  }
  .skip-buttons .sb-button .inc-icon {
    height: 16px;
    width: 16px;
  }
  #rp-player .item-cast .line-center span {
    display: none;
  }
  .p_b-right.gap-4 {
    gap: 1rem !important;
  }
  .denied-box {
    font-size: 1.3em;
    padding: 1.5rem 2rem;
  }
  .denied-box .denied-icon img {
    height: auto;
    width: 120px;
  }
  .csl-secondary {
    display: none;
  }
  .sub-slide .csl-primary .dropdown-title {
    display: none !important;
  }
}
@media screen and (max-width: 710px) {
  .item-volume #volume {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  #rp-player .item-eps,
  #rp-player .item-pip,
  .bar-line .thumb-sync,
  .p_t-left .video-info,
  .video-time {
    display: none !important;
  }
  #player_top,
  #rp-player .item-btn .line-center span {
    display: none;
  }
  #player_top {
    padding: 0.6rem 0.8rem !important;
  }
  .inc-icon {
    height: 20px;
    width: 20px;
  }
  .icon-large {
    height: 32px;
    width: 32px;
  }
  #rp-player .skip-10-next,
  #rp-player .skip-10-prev {
    display: none;
  }
  .player-dm {
    max-height: 120px;
    overflow: auto;
  }
  .player-dm .dropdown-item {
    padding: 0.5rem 1rem;
  }
  .sub-slide .dropdown-title {
    display: flex !important;
    padding: 0.2rem 1rem !important;
  }
  .b_bar {
    bottom: 0;
    left: 0;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: absolute;
    right: 0;
  }
  #player_bottom {
    padding: 0 0.8rem 0.6rem !important;
  }
  .m-hide {
    display: none;
  }
  .m-show {
    display: block;
  }
  .p_b-right.gap-4 {
    gap: 0.3rem !important;
  }
  .demo-sub {
    bottom: 15px;
  }
  .demo-sub .sub-primary {
    font-size: 1.2em;
  }
  #rp-player:hover .demo-sub {
    bottom: 50px;
  }
  .skip-buttons {
    right: 1rem;
  }
  #rp-player:hover .skip-buttons {
    bottom: 60px;
  }
  .custom-tooltip {
    display: none !important;
  }
  .inc-icon.icon-quality .q-play {
    right: -15px;
  }
  .b_func .p_b-left .line-center.gap-2,
  .item-volume #volume {
    display: none;
  }
  .b_func .item-volume {
    padding: 0 !important;
  }
  .w2g-live-status {
    backdrop-filter: none !important;
    border-color: transparent !important;
    font-size: 11px;
    padding: 0.15rem 0.3rem;
  }
}
@media screen and (max-width: 479px) {
  .player-dm .dropdown-item,
  .sub-sbs .sub-col .dropdown-item {
    font-size: 12px;
    padding: 0.4rem 0.8rem;
  }
  .denied-box {
    font-size: 1.1em;
    gap: 1rem;
    padding: 1.2rem;
  }
  .denied-box .denied-icon img {
    width: 100px;
  }
}
*,
:after,
:before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
}
:root {
  --bg-white: #f7f7f7;
  --bg-black: #222;
  --bg-primary: #a2b2ff;
}
.jwplayer.jw-skin-pom .jw-title-primary {
  font-weight: 700;
  margin: 50px 0 0 50px;
  text-transform: uppercase;
}
.jwplayer.jw-skin-pom .jw-title-primary,
.jwplayer.jw-skin-pom .jw-title-secondary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: Rubik, Arial, sans-serif;
  justify-content: flex-start;
}
.jwplayer.jw-skin-pom .jw-title-secondary {
  font-weight: 500;
  margin: -60px 0 0 50px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-0 .jw-title-primary,
.jwplayer.jw-skin-pom.jw-breakpoint-1 .jw-title-primary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  justify-content: flex-start;
  margin: 30px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-0 .jw-title-secondary,
.jwplayer.jw-skin-pom.jw-breakpoint-1 .jw-title-secondary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 8px;
  justify-content: flex-start;
  margin: -26px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-2 .jw-title-primary,
.jwplayer.jw-skin-pom.jw-breakpoint-3 .jw-title-primary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  justify-content: flex-start;
  margin: 40px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-2 .jw-title-secondary,
.jwplayer.jw-skin-pom.jw-breakpoint-3 .jw-title-secondary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  justify-content: flex-start;
  margin: -50px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-4 .jw-title-primary,
.jwplayer.jw-skin-pom.jw-breakpoint-5 .jw-title-primary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 25px;
  justify-content: flex-start;
  margin: 50px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-4 .jw-title-secondary,
.jwplayer.jw-skin-pom.jw-breakpoint-5 .jw-title-secondary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  justify-content: flex-start;
  margin: -60px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-6 .jw-title-primary,
.jwplayer.jw-skin-pom.jw-breakpoint-7 .jw-title-primary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  justify-content: flex-start;
  margin: 50px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-6 .jw-title-secondary,
.jwplayer.jw-skin-pom.jw-breakpoint-7 .jw-title-secondary {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  justify-content: flex-start;
  margin: -70px 0 0 25px;
}
.jwplayer.jw-skin-pom.jw-state-idle
  .jw-display-controls
  .jw-display-icon-container
  .jw-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}
.jwplayer.jw-skin-pom.jw-state-complete .jw-preview,
.jwplayer.jw-skin-pom.jw-state-idle .jw-preview {
  background-repeat: no-repeat;
  background-size: calc(100% + 60px);
  background-size: cover;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -webkit-transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.35s,
    transform 0.35s;
  transition:
    opacity 0.35s,
    transform 0.35s,
    -webkit-transform 0.35s;
  width: calc(100% + 50px);
}
.jwplayer.jw-skin-pom.jw-state-complete:hover .jw-preview,
.jwplayer.jw-skin-pom.jw-state-idle:hover .jw-preview {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.jwplayer.jw-skin-pom.jw-state-paused .jw-title {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
}
.jwplayer.jw-skin-pom.jw-state-complete .jw-controls,
.jwplayer.jw-skin-pom.jw-state-paused .jw-controls {
  background-color: rgba(0, 0, 0, 0.35);
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.jwplayer.jw-skin-pom
  .jw-display-controls
  .jw-display-icon-container
  .jw-icon:hover {
  color: var(--bg-primary);
}
.jwplayer.jw-skin-pom.jw-state-paused .jw-controls {
  background-color: rgba(0, 0, 0, 0.1);
}
.jwplayer.jw-skin-pom .jw-preview {
  background-size: calc(100% + 60px);
  transform: translate3d(-40px, 0, 0);
  transition:
    opacity 0.35s,
    transform 0.35s;
  width: calc(100% + 50px);
}
.jwplayer.jw-skin-pom:hover .jw-preview {
  transform: translateZ(0);
}
.jwplayer.jw-skin-pom.jw-state-complete:hover .jw-preview {
  transform: translate3d(-40px, 0, 0);
}
.jwplayer.jw-skin-pom .jw-display {
  padding-bottom: 45px;
}
.jwplayer.jw-skin-pom .jw-controls:after {
  background: none;
}
.jwplayer.jw-skin-pom .jw-controls {
  font-size: 14px !important;
  line-height: 1.5;
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-button-container .jw-button-color,
.jwplayer.jw-skin-pom.jw-state-paused
  .jw-controlbar
  .jw-button-container
  .jw-button-color {
  color: var(--bg-white);
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-button-container
  .jw-button-color:hover {
  color: var(--bg-primary);
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-tooltip {
  bottom: 90%;
  box-shadow: none !important;
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-tooltip.jw-open {
  border-radius: 3px;
  color: var(--bg-black);
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-tooltip .jw-text {
  background-color: VAR(--bg-black);
  border: 0;
  border-radius: 3px;
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-text,
.jwplayer.jw-skin-pom .jw-time-tip .jw-text {
  color: var(--bg-white);
}
.jwplayer.jw-skin-pom .jw-volume-tip {
  margin-bottom: -40px;
}
.jwplayer.jw-skin-pom .jw-settings-topbar-buttons .jw-tooltip-captions,
.jwplayer.jw-skin-pom .jw-settings-topbar-buttons .jw-tooltip-quality {
  color: var(--bg-black);
}
.jwplayer.jw-skin-pom .jw-settings-topbar-buttons .jw-tooltip-captions .jw-text,
.jwplayer.jw-skin-pom .jw-settings-topbar-buttons .jw-tooltip-quality .jw-text,
.jwplayer.jw-skin-pom .jw-time-tip .jw-reset {
  background-color: var(--bg-white);
  border-radius: 3px;
  color: var(--bg-black);
}
.jwplayer.jw-skin-pom .jw-time-tip {
  background-color: #fff;
  color: var(--bg-black);
}
.jwplayer.jw-skin-pom
  .jw-overlay
  .jw-slider-volume
  .jw-slider-container
  .jw-knob {
  background-color: var(--bg-primary);
}
.jwplayer.jw-skin-pom
  .jw-overlay
  .jw-slider-volume
  .jw-slider-container
  .jw-buffer,
.jwplayer.jw-skin-pom
  .jw-overlay
  .jw-slider-volume
  .jw-slider-container
  .jw-rail {
  background-color: var(--bg-black);
  width: 0.2rem;
}
.jwplayer.jw-skin-pom
  .jw-overlay
  .jw-slider-volume
  .jw-slider-container
  .jw-progress {
  background-color: var(--bg-primary);
  width: 0.2rem;
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-time
  .jw-slider-container
  .jw-buffer,
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-time
  .jw-slider-container
  .jw-rail {
  background-color: #ffffff20;
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-time
  .jw-slider-container
  .jw-knob {
  background-color: var(--bg-white);
  height: 16px;
  width: 16px;
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-time
  .jw-slider-container
  .jw-progress {
  background-color: var(--bg-primary);
}
.jw-skin-pom .jw-slider-horizontal .jw-buffer,
.jw-skin-pom .jw-slider-horizontal .jw-progress,
.jw-skin-pom .jw-slider-horizontal .jw-rail {
  height: 0.3rem;
}
.jwplayer.jw-skin-pom .jw-settings-menu {
  background-color: var(--bg-black);
  border-radius: 3px;
  width: 230px;
}
.jwplayer.jw-skin-pom .jw-settings-topbar {
  border-radius: 3px 3px 0 0;
}
.jwplayer.jw-skin-pom
  .jw-settings-menu
  .jw-settings-topbar:not(.jw-nested-menu-open)
  .jw-icon-inline {
  height: 50px;
}
.jwplayer.jw-skin-pom.jw-breakpoint-7 .jw-settings-menu {
  margin: 0 -44px -47px 0;
}
.jwplayer.jw-skin-pom.jw-breakpoint-2 .jw-settings-menu,
.jwplayer.jw-skin-pom.jw-breakpoint-3 .jw-settings-menu,
.jwplayer.jw-skin-pom.jw-breakpoint-4 .jw-settings-menu,
.jwplayer.jw-skin-pom.jw-breakpoint-5 .jw-settings-menu,
.jwplayer.jw-skin-pom.jw-breakpoint-6 .jw-settings-menu {
  margin: 0 4px 8px 0;
}
.jwplayer.jw-skin-pom.jw-breakpoint-0 .jw-settings-menu,
.jwplayer.jw-skin-pom.jw-breakpoint-1 .jw-settings-menu {
  border-radius: 0;
  width: 100%;
}
.jw-svg-icon-playback-rate path {
  color: var(--bg-white);
}
.jwplayer.jw-skin-pom .jw-settings-menu .jw-submenu-topbar {
  display: none;
}
.jwplayer.jw-skin-pom.jw-breakpoint-0 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-1 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-2 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-3 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-4 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-5 .jw-volume-tip,
.jwplayer.jw-skin-pom.jw-breakpoint-6 .jw-volume-tip {
  margin-bottom: -20px;
}
@keyframes scaling {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
.jw-svg-icon-buffer {
  color: var(--bg-primary);
}
.jw-icon-cc .jw-svg-icon-cc-off path,
.jw-svg-icon-cc-off path,
.jw-svg-icon-close path,
.jw-svg-icon-fullscreen-off path,
.jw-svg-icon-fullscreen-on path,
.jw-svg-icon-quality-100 path,
.jw-svg-icon-settings path,
.jw-svg-icon-volume-0 path,
.jw-svg-icon-volume-100 path,
.jwplayer.jw-skin-pom .jw-settings-sharing .jw-svg-icon-sharing path {
  display: none;
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-horizontal.jw-chapter-slider-time
  .jw-timesegment-resetter {
  height: 7px !important;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-horizontal.jw-chapter-slider-time:hover
  .jw-timesegment-resetter {
  height: 8px !important;
}
.jw-slider-container .jw-intro,
.jw-slider-container .jw-outro {
  background-color: #fff;
  bottom: -1px;
  pointer-events: none;
  position: absolute;
  top: -1px;
  transform: scaleY(0.35);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  z-index: 6;
}
.jw-chapter-slider-time:hover .jw-slider-container .jw-intro,
.jw-chapter-slider-time:hover .jw-slider-container .jw-outro {
  transform: scaleY(0.55);
}
.jwplayer.jw-skin-pom
  .jw-controlbar
  .jw-slider-time
  .jw-slider-container
  .jw-timesegment:hover
  .jw-buffer,
.jwplayer.jw-skin-pom
  .jw-slider-horizontal.jw-chapter-slider-time
  .jw-slider-container
  .jw-timesegment:hover
  .jw-timesegment-background {
  background-color: #ffffff20 !important;
}
.jwplayer.jw-skin-pom .jw-controlbar .jw-slider-time {
  margin-bottom: 12px;
}
.jwplayer.jw-skin-pom .jw-controlbar {
  background: #14161e;
  background: linear-gradient(0deg, rgba(20, 22, 30, 0.8), rgba(20, 22, 30, 0));
  gap: 0;
  max-height: 140px !important;
  padding: 0 12px 16px;
}
.jwplayer.jw-skin-pom .jw-time-container {
  height: 21px;
  padding: 0 15px 20px;
  width: 100%;
}
.jwplayer.jw-skin-pom .jw-text-duration:before,
.jwplayer:not(.jw-breakpoint-0) .jw-text-duration:before {
  content: '' !important;
}
.jwplayer.jw-skin-pom .jw-text-div {
  flex: 1 !important;
}
.jwplayer.jw-skin-pom .jw-text-countdown,
.jwplayer.jw-skin-pom .jw-text-duration,
.jwplayer.jw-skin-pom .jw-text-elapsed {
  -webkit-text-size-adjust: none;
  font-family:
    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;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.b_func {
  padding: 0 12px;
}
.jw-settings-menu .jw-tooltip:after,
.jw-time-tip:after,
.jwplayer.jw-skin-pom .jw-controlbar .jw-tooltip:after {
  background-color: var(--bg-white) !important;
  color: var(--bg-white) !important;
}
.jwplayer.jw-skin-pom .jw-controlbar {
  z-index: 20;
}
.jwplayer.jw-skin-pom .jwplayer .jw-captions {
  margin-bottom: 20px !important;
}
.jw-captions {
  -webkit-transition: none !important;
  transition: none !important;
}
video::cue([lang='su']) {
  color: var(--cue-text-color, #fff);
  font-family: var(--cue-text-family, 'Arial');
  font-size: var(--cue-font-size, 0.7em);
  font-weight: 400;
  line-height: 1em;
  opacity: var(--cue-text-opacity, 0.75);
}
.jw-text-track-cue span[lang='su'] {
  color: var(--cue-text-color, #fff);
  font-family: var(--cue-text-family, 'Arial');
  font-size: var(--cue-font-size, 0.7em);
  font-weight: 400;
  line-height: 1em;
  opacity: var(--cue-text-opacity, 0.75);
}
.jwplayer.jw-flag-media-audio.jw-state-playing:not(.jw-flag-ios-fullscreen)
  video::-webkit-media-text-track-container,
.jwplayer.jw-state-playing:not(.jw-flag-user-inactive):not(
    .jw-flag-controls-hidden
  ):not(.jw-flag-ios-fullscreen)
  video::-webkit-media-text-track-container,
.jwplayer:not(.jw-flag-controls-hidden):not(.jw-state-playing):not(
    .jw-flag-ios-fullscreen
  )
  video::-webkit-media-text-track-container {
  max-height: calc(100% - 140px) !important;
}
#rp-player .main-player {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}
#player .jw-text-track-display{
  background-color: transparent !important;
}
#player {
  bottom: 0 !important;
  height: 100% !important;
  left: 0 !important;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
}
#rp-player #player_top:hover {
  opacity: 1 !important;
}
#rp-player .skip-buttons {
  bottom: 150px;
}
#rp-player.inactive
  .jwplayer:not(.jw-state-paused):not(.jw-state-complete)
  #video_mask {
  opacity: 0;
}
#rp-player:not(.inactive) .skip-buttons {
  bottom: 150px;
}
#rp-player.inactive #player_top {
  opacity: 0;
}
#video_eps:not(.active) {
  pointer-events: none;
}
#rp-player.inactive
  .jwplayer:not(.jw-state-paused):not(.jw-state-complete)
  .skip-buttons {
  bottom: 3rem;
}
#rp-player.inactive .jwplayer.jw-state-complete #player_top,
#rp-player.inactive .jwplayer.jw-state-paused #player_top {
  opacity: 1;
}
#video_eps {
  -webkit-transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  transition:
    opacity 0.35s,
    -webkit-transform 0.35s;
  z-index: 11;
}
#video_eps .eps-mask {
  opacity: 0;
  pointer-events: none;
}
#video_eps.active .eps-mask {
  opacity: 0.8;
  pointer-events: auto;
}
#rp-player.loading #video_mask {
  opacity: 0.7 !important;
  user-select: none;
}
#rp-player #video_mask img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  transition:
    opacity 0.35s,
    transform 0.35s,
    -webkit-transform 0.35s;
  width: 100%;
  width: calc(100% + 50px);
}
#rp-player.loading #video_mask,
#rp-player.loading #video_mask img {
  opacity: 0.6 !important;
}
#rp-player #player_bottom {
  bottom: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
#rp-player.loading #player_bottom,
#rp-player.loading #player_top {
  opacity: 1;
}
#rp-player object {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
#video_eps .eps-list .item-ep .v-thumbnail {
  border-radius: 2px !important;
  overflow: hidden;
}
#rp-player .eps-list-menu {
  height: calc(100vh - 86px);
  overflow: auto;
  padding-bottom: 20px;
  position: relative;
  scrollbar-width: none;
}
#rp-player #video_eps .eps-list {
  overflow: hidden !important;
}
.contain-thumb
  .jwplayer.jw-skin-pom:not(.jw-flag-small-player)
  .jw-controlbar
  .jw-tooltip-time
  .jw-text {
  background-color: initial !important;
  border-radius: 0 !important;
  font-size: 14px !important;
}
.contain-thumb
  .jwplayer.jw-skin-pom:not(.jw-flag-small-player)
  .jw-time-tip
  .jw-time-thumb {
  background-color: var(--bg-black);
  border: 5px solid #fff;
  border-radius: 3px;
  color: var(--bg-black);
}
.contain-thumb
  .jwplayer.jw-skin-pom:not(.jw-flag-small-player)
  .jw-time-tip
  .jw-reset.jw-time-time {
  background: transparent;
  border: none;
  bottom: 0;
  color: #fff;
  font-size: 16px !important;
  margin: 0;
  padding: 0;
  position: absolute;
}
@media screen and (max-width: 640px) {
  .sub-slide.level-2 {
    width: 180px;
  }
  .jwplayer.jw-skin-pom .jw-controlbar {
    max-height: 110px !important;
    padding-bottom: 8px;
  }
  .player-dm {
    max-height: 1000px;
    overflow: auto;
  }
  .cs-list {
    max-height: 80px;
  }
  .jwplayer.jw-skin-pom
    .jwplayer.jw-flag-media-audio.jw-state-buffering
    .jw-captions,
  .jwplayer.jw-skin-pom
    .jwplayer.jw-flag-media-audio.jw-state-playing
    .jw-captions,
  .jwplayer.jw-state-buffering:not(.jw-flag-user-inactive):not(
      .jw-flag-controls-hidden
    )
    .jw-captions,
  .jwplayer.jw-state-playing:not(.jw-flag-user-inactive):not(
      .jw-flag-controls-hidden
    )
    .jw-captions,
  .jwplayer:not(.jw-flag-controls-hidden):not(.jw-state-playing) .jw-captions {
    max-height: calc(100% - 40px);
  }
  .jwplayer.jw-skin-pom .jw-time-container {
    display: none;
  }
  .jwplayer.jw-skin-pom .jw-slider-horizontal.jw-chapter-slider-time {
    bottom: -4px;
    height: 12px;
    padding: 0;
  }
  .jwplayer.jw-skin-pom.jw-flag-touch
    .jw-slider-horizontal.jw-chapter-slider-time
    .jw-slider-container:before {
    height: 20px !important;
  }
  .jwplayer.jw-flag-media-audio.jw-state-playing:not(.jw-flag-ios-fullscreen)
    video::-webkit-media-text-track-container,
  .jwplayer.jw-state-playing:not(.jw-flag-user-inactive):not(
      .jw-flag-controls-hidden
    ):not(.jw-flag-ios-fullscreen)
    video::-webkit-media-text-track-container,
  .jwplayer:not(.jw-flag-controls-hidden):not(.jw-state-playing):not(
      .jw-flag-ios-fullscreen
    )
    video::-webkit-media-text-track-container {
    max-height: calc(100% - 40px) !important;
  }
  #rp-player .b_func {
    margin-bottom: 6px;
    padding: 0;
  }
  #rp-player:not(.inactive) .skip-buttons {
    bottom: 60px;
  }
  #rp-player.inactive .jwplayer:not(.jw-state-paused) .skip-buttons {
    bottom: 20px;
  }
  #rp-player .skip-buttons {
    bottom: 60px;
  }
}
.dm-sub .btn-group {
  gap: 8px;
  height: 32px;
}
.dm-sub .btn-group > .btn {
  background-color: initial;
  border-color: #fff;
  border-radius: 16px !important;
  font-size: 14px;
}
.player-dm.dm-sub {
  max-height: 60vh !important;
  max-width: 400px;
}
.dm-sub .btn-group > .btn.active {
  background-color: #fff;
  color: #222;
}
.sub-sbs .is-primary > a {
  cursor: not-allowed !important;
  opacity: 0.2;
}
.player-dm[data='doul'] .is-primary > a,
.player-dm[data='doul'] .is-secondary > a,
.player-dm[data='on'] .is-primary > a {
  cursor: pointer !important;
  opacity: 1;
}
.jw-text-track-display {
  line-height: 1.3 !important;
}
.sub-sbs .sub-col {
  max-height: 50vh;
  overflow-y: auto;
  scrollbar-width: none;
}
#video_eps .eps-list .item-ep .v-thumbnail {
  background: url(https://goatembed.com/images/thumb-hoz.png) no-repeat scroll 0
    0;
  background-size: 100% 100%;
}
#toggle-caption {
  display: flex !important;
}
.skip-buttons .sb-button.light {
  background-color: hsla(0, 0%, 100%, 0.7);
  border: none !important;
  overflow: hidden;
  position: relative;
}
.skip-buttons .line-center {
  position: relative;
  z-index: 1;
}
.skip-buttons .sb-button.light .bg {
  background-color: #fff;
  border-radius: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 1s;
  transition: width 1s;
  width: 100%;
}
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #08080a;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2f3346;
}
#video_pop {
  z-index: 100;
}
.indicator.loading {
  display: none;
}
.item-play, .item-pause {
  display: none;
}
.jw-state-paused .item-pause,
.jw-state-playing .item-play {
  display: block;
}
.jw-state-paused .item-play,
.jw-state-playing .item-pause {
  display: none;
}

.jw-state-buffering .item-play {
  display: block;
}
/* Root */


: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;
}

html,
body {
	position: relative;
	min-height: 100vh;
}

body {
	background: var(--bg-color);
	/*font-family: "Inter";*/
	color: var(--text-base);
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
}

a {
	cursor: pointer;
	color: #fff;
	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: #fff;
}

.heading-md {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.heading-sm {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.heading-xs {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.primary-gradient,
.button-play,
.w-chart .number {
	background: rgb(254, 207, 89);
	background: linear-gradient(39deg, rgba(254, 207, 89, 1) 0%, rgba(255, 241, 204, 1) 100%);
}

.primary-gradient,
.button-play {
	color: var(--primary-button-text) !important;
}

.button-play {
	box-shadow: 0 5px 10px 5px rgba(255, 218, 125, .1);
}

.button-play svg {
	width: 28px;
	height: 28px;
}

.button-play:hover {
	box-shadow: 0 5px 10px 10px rgba(255, 218, 125, .15);
}

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: .5rem;
	padding: .5rem 1.1rem;
	border-radius: .4rem;
	opacity: 1;
	min-height: 40px;
}

.btn:hover {
	opacity: .9;
}

.btn.btn-block {
	width: 100%;
}

.btn.btn-circle {
	width: 30px;
	height: 30px;
	padding: .4rem;
	border-radius: 3rem;
	min-height: auto !important;
}

.btn i {
	font-size: .9em;
}

.btn span {
	white-space: nowrap;
}

.btn .inc-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.btn-sm {
	font-size: 12px;
	gap: .4rem;
	padding: .3rem .7rem;
	border-radius: .3rem;
	min-height: 30px;
}

.btn-sm .inc-icon {
	width: 12px;
	height: 12px;
}

.btn-xs {
	font-size: 11px;
	gap: .3rem;
	padding: .2rem .5rem;
	border-radius: .2rem;
	min-height: 26px;
}

.btn-xs .inc-icon {
	width: 10px;
	height: 10px;
}

.btn-lg {
	font-size: 16px;
	gap: .6rem;
	padding: .7rem 1.5rem;
	border-radius: .5rem;
	min-height: 50px;
}

.btn-lg.btn-circle {
	width: 50px;
	height: 50px;
	padding: .7rem;
	border-radius: 3rem;
}

.btn-lg .inc-icon {
	width: 16px;
	height: 16px;
}

.btn-xl {
	font-size: 18px;
	gap: 1rem;
	padding: .95rem 2rem;
	border-radius: .6rem;
	min-height: 60px;
}

.btn-xl.btn-circle {
	width: 60px;
	padding: .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: #fff !important;
	border-color: var(--bg-3) !important;
}

.btn-light {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
}

.btn-outline {
	background-color: transparent !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .5) !important;
}

.btn-basic {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn-rounded {
	border-radius: 2rem;
}

.o-style {
	list-style: none;
}

.small-text {
	font-size: .9em !important;
}

.text-base {
	color: var(--text-base) !important;
}

.base-hover:hover {
	color: #fff !important;
}

.name-short,
.lim,
.lim-1,
.lim-2,
.lim-3 {
	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: 0 !important;
	line-height: 0 !important;
}

.inc-icon svg,
.inc-icon img {
	width: 100% !important;
	height: 100% !important;
}

.icon-24 {
	width: 24px !important;
	height: 24px !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(/wp-content/uploads/images/interface.webp);
	background-size: 400px 400px;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.icon-trans1 {
	background-position: 0 0;
}

.icon-trans2 {
	background-position: -16px 0;
}

.icon-trans3 {
	background-position: -32px 0;
}

.size-14 {
	font-size: 14px !important;
	line-height: 1;
}

.size-16 {
	font-size: 16px !important;
	line-height: 1;
}

.size-18 {
	font-size: 18px !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: .5rem;
}

.antiselect,
.v-thumbnail,
.v-actor,
.v-toggle,
.sound-cover,
.player-control *,
.dm-bar .item,
.reason-list .h-item,
.d-item .spoil-toggle,
.app-download-button {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.transition,
.top-slide-small .swiper-slide,
.topics-line .topic-item,
.button-play,
.pin-trans .line-center,
.topic-item .inc-icon,
.top-up .sw-item .v-thumbnail img,
header,
.menu-toggle .icon-menu *,
.search-toggle .icon-search *,
.toggle-x *,
.sound-cover,
.d-item .text,
.de-type .item,
.topics-grid .row-topic,
.cat-more .line-center,
.item-focus.is-on,
#totop,
.shoutbox,
.bu-top .bu-tabs .item,
.accordion-button .btn-select,
.coin-pack-list .item,
.new-payment-method .item,
.network-select .net-item,
.app-box-fix,
.shoutbox-fixed {
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
}

.v-thumbnail {
	width: 100%;
	padding-bottom: 150%;
	height: 0;
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	display: block;
	background-color: var(--bg-3);
}

.v-thumbnail img,
.v-actor img,
.user-avatar img,
.sound-cover img,
.gallery-row .item img,
.cover-fade .cover-image img,
.object-fit img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	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: .2rem;
}

.v-actor,
.user-avatar,
.sound-cover {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	background-color: var(--bg-2);
}

.v-actor:hover img,
.user-avatar:hover img,
.sound-cover:hover img {
	opacity: .8;
}

.user-avatar.square {
	border-radius: .75rem;
}

.user-avatar.medium {
	width: 80px;
	height: 80px;
}

.user-avatar.large {
	width: 120px;
	height: 120px;
}

.sound-cover {
	border-radius: .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: #fff;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: .5rem;
	line-height: 1.5;
}

.alias-title {
	color: var(--text-base);
	font-size: .9em;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.5;
}

.info-line {
	display: flex;
	align-items: center;
}

.info-line .tag-small {
	font-size: .9em;
	color: var(--text-base);
	white-space: nowrap;
	margin-right: .6rem;
	display: inline;
}

.info .info-line .tag-small:last-of-type {
	margin-right: 0;
}

.wrap-tip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.modal-backdrop {
	background-color: #131727;
}

.modal-backdrop.show {
	opacity: .95;
}

#app {
	width: 100%;
	min-height: 100vh;
	overflow-x: hidden;
}

.container {
	width: 100%;
	max-width: 1900px;
	padding: 0 50px;
}

#wrapper {
	padding-bottom: 10rem;
	padding-top: 10rem;
	min-height: calc(100vh - 400px);
}

#wrapper.wrapper-w-slide {
	padding-top: 0 !important;
}

/* Header */

header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0) 0%, rgba(25, 27, 36, 1) 100%);
}

header.fly {
	background: transparent !important;
}

header.fixed {
	background-color: var(--footer-bg) !important;
}

/* header.fixed:before{ content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} */
header.fixed .header-elements {
	height: 70px;
}

header .header-elements {
	height: 90px;
	display: flex;
	padding: 0 2rem;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.el-group {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	position: relative;
	z-index: 3;
}

#logo {
	flex-shrink: 0;
	position: relative;
	z-index: 3;
}

#logo img {
	height: 46px;
	width: auto;
}

#search {
	width: 100%;
	max-width: 23rem;
	position: relative;
}

#search .search-elements {
	position: relative;
}

#search .search-input {
	width: 100%;
	height: 2.8rem;
	line-height: 2rem;
	padding: .4rem 3rem;
	background-color: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 1em;
	outline: none !important;
	box-shadow: none !important;
	border-radius: .4rem;
	border: 1px solid transparent !important;
}

#search .search-input:focus,
#search .search-input.input-focus {
	border-color: #fff !important;
}

#search .search-input::placeholder {
	color: #fff !important;
}

#search .search-icon,
#search .remove-icon {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	flex-shrink: 0;
	padding: 3px;
	font-size: 16px;
}

#search .remove-icon {
	left: auto;
	right: .7rem;
	cursor: pointer;
	display: none;
}

.search-modal {
	position: absolute;
	z-index: 90;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	min-width: 360px;
	background-color: rgba(15, 17, 26, .95);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: .4rem;
	overflow: hidden;
	box-shadow: var(--shadow-large);
}

.search-modal .view-all {
	background-color: #ffffff10;
	display: block;
	line-height: 50px;
	text-align: center;
}

.show-group {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.show-group+.show-group {
	padding-top: 0;
}

.show-group .group-title {
	font-size: .9em;
	color: var(--text-base);
	margin-bottom: .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: 0;
}

.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: .4rem;
}

.v-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	text-align: center;
}

.v-item .info .item-title {
	margin-bottom: .4rem;
}

.show-group .group-list .h-item .v-thumbnail {
	padding-bottom: 135%;
}

.show-group .group-list .s-item {
	padding: .6rem;
	border-radius: .4rem;
}

.show-group .group-list .s-item:hover {
	background-color: #ffffff05;
}

.t-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	margin-bottom: .8rem;
}

.t-item:last-of-type {
	margin-bottom: .3rem;
}

.t-item .remove-log {
	color: var(--text-base);
	flex-shrink: 0;
}

.t-item .item-title {
	flex-grow: 1;
	margin-bottom: 0;
}

.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: 0 .75rem;
	color: #fff;
}

#main_user {
	gap: 1rem;
}

#main_menu .menu-item-sub .dropdown-item {
	padding: .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-size: 10px !important;
	font-weight: 500;
	padding: 2px 2.5px;
	line-height: 1;
	background-color: var(--primary-color);
	border-radius: 3px;
	color: #000;
}

#main_user .button-user {
	font-size: 1em;
	padding: .6rem 1.4rem;
	border-radius: 3rem;
	border: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	opacity: .9;
	font-weight: 500;
	white-space: nowrap;
	min-width: 145px;
	text-align: center;
}

#main_user .button-user.button-login {
	background-color: #fff;
	color: var(--primary-button-text);
}

#main_user .button-user:hover {
	opacity: 1;
}

#main_user .header-user {
	padding: .3rem .6rem;
	color: #fff;
	display: flex;
	align-items: center;
}

#main_user .header-user .user-avatar {
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
}

#main_user .btn-bell {
	font-size: 16px;
	width: 40px;
	height: 40px;
	padding: 0;
	position: relative;
}

.noti-number {
	position: absolute;
	top: -6px;
	left: 55%;
	line-height: 1;
	padding: .3rem .43rem;
	font-size: 12px;
	font-weight: 500;
	background-color: #191b24;
	color: var(--primary-text);
	border-radius: 12px;
}

.user-dropdown {
	max-width: 320px;
	min-width: 200px;
}

.user-dropdown .dropdown-item .line-center {
	width: 100%;
	gap: .75rem;
}

.user-dropdown .dropdown-item .line-center span {
	flex-grow: 1;
}

.user-dropdown .dropdown-item .line-center .number {
	opacity: .5;
}

.app-download {
	flex-shrink: 0;
	padding-right: 1rem;
	border-right: 1px solid #fff4;
	position: relative;
}

.app-download-button {
	height: 44px;
	padding: 0 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .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: .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;
	margin-top: .4rem !important;
	box-shadow: 0 10px 10px 3px #0001;
}

.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: .4rem .5rem;
	font-size: 0;
	flex: 1;
	color: #000;
	white-space: nowrap;
	border-radius: .4rem;
	border: 1px solid #ccd1e7;
	position: relative;
}

.app-box .device-item:hover {
	border-color: #000;
}

.app-box .device-item .line-center {
	gap: .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: #ccd1e7 !important;
	background-color: #ccd1e750 !important;
}

.app-box .device-item.coming .line-center {
	opacity: .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: #fff;
	background-color: #000;
	border-radius: .3rem;
}

.app-box .appicon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.app-box .appicon img {
	width: 50px;
	height: auto;
	border-radius: .5rem;
}

.app-box .flex-item {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-direction: row;
	flex-grow: 1;
	gap: 8px;
}

/* header mobile */
.header-elements .for-mobile {
	cursor: pointer;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: .4rem;
	flex-shrink: 0;
	display: none;
	font-size: 16px;
	color: #fff;
}

.icon-menu {
	width: 20px;
	height: 20px;
	position: relative;
	padding: 3px 0;
}

.icon-menu span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	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: 0;
	background-color: #FF6C5D;
}

.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,
.search-toggle.toggled .icon-search svg {
	opacity: 0;
}

.search-toggle .icon-search span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.search-toggle .icon-search span:nth-child(2) {
	top: 18px;
}

.search-toggle.toggled .icon-search span {
	background-color: #FF6C5D;
	transform: rotate(45deg);
	opacity: 1;
	top: 9px !important;
	left: 0;
}

.search-toggle.toggled .icon-search span:nth-child(2) {
	transform: rotate(-45deg);
}

/* Slide */
.top-slide-wrap {
	position: relative;
}

.top-slide-main {
	width: 100%;
	position: relative;
	margin-bottom: -120px;
	height: 860px;
	background-color: var(--top-bg-default);
	overflow: hidden;
}

.top-slide-main:before,
.top-detail-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	z-index: 3;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 1) 0%, rgba(25, 27, 36, 0) 100%);
}

.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: cover-fade .5s forwards;
}

.top-slide-wrap .swiper-slide-active .cover-image {
	animation: hide-show 1s forwards;
}

.top-slide-wrap .swiper-slide-active .slide-content {
	animation: slide-content 0.5s forwards;
}

.big-slide-wrapper .top-slide-main {
	border-radius: 1.2rem;
}

.auto-hide {
	animation: auto-hide 30s forwards;
}

@keyframes cover-fade {
	0% {
		transform: translateX(-45%);
		-webkit-transform: translateX(-45%);
		opacity: 0;
	}

	100% {
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		opacity: 1;
	}
}

@keyframes hide-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slide-content {
	0% {
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes auto-hide {
	0% {
		opacity: 1;
	}

	99% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.slide-elements {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: var(--top-bg-default);
}

.slide-elements:before,
.top-detail-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-image: url(/wp-content/uploads/images/dotted.webp);
	background-repeat: repeat;
	opacity: .2;
	z-index: 1;
}

.slide-elements .cover-fade,
.top-detail-wrap .cover-fade {
	width: 100%;
	max-width: 1900px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	mask-image: linear-gradient(to top, transparent 0, black 20%, black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, black 20%, black 80%, transparent 100%);
}

.slide-elements .cover-fade .cover-image {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	mask-image: linear-gradient(to right, transparent 10px, rgba(0, 0, 0, .2) 15%, black 40%, black 80%, transparent 99%);
	-webkit-mask-image: linear-gradient(to right, transparent 10px, rgba(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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	filter: blur(50px);
	-webkit-filter: blur(80px);
	opacity: .2;
}

.slide-elements .safe-area {
	cursor: grab;
	width: 100%;
	height: 100%;
	max-width: 1900px;
	margin: 0 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) {
	display: none;
}

.slide-elements .hl-tags .tag-topic:nth-child(n+7) {
	display: none;
}

.slide-url {
	display: none;
}

.backdrop-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	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 {
	width: 450px !important;
	position: absolute;
	bottom: 212px;
	right: calc(50% - 900px);
}

.top-slide-wrap .top-slide-small .swiper-slide {
	width: 65px;
	height: 45px;
	cursor: pointer;
	position: relative;
	border: 2px solid #ffffff24;
	border-radius: .5rem;
	overflow: hidden;
	transform: scale(.95);
	box-sizing: border-box;
}

.top-slide-wrap .top-slide-small .swiper-slide:hover {
	border-color: #fff !important;
}

.top-slide-wrap .top-slide-small .swiper-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	background-color: var(--bg-2);
}

.top-slide-wrap .top-slide-small .swiper-slide.swiper-slide-thumb-active {
	border-color: #fff !important;
	transform: scale(1);
}

.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.3;
	margin-bottom: .5rem;
	font-weight: 700;
	text-shadow: 0 2px 1px rgba(0, 0, 0, .3);
	color: #fff;
}

.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;
	line-height: 1.5;
	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: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	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;
	color: var(--primary-button-text) !important;
	opacity: .95;
}

.slide-content .touch .button-play i {
	font-size: 28px;
	position: relative;
	left: 2px;
}

.slide-content .touch .button-play svg {
	width: 28px;
	height: 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;
	position: relative;
	z-index: 7;
}

.slide-content .touch-group:hover {
	border-color: #fff !important;
}

.slide-content .touch-group .item {
	height: 50px;
	min-width: 68px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 0 .2rem;
	gap: .3rem;
	position: relative;
}

.slide-content .touch-group .item:first-of-type {
	padding-left: .4rem;
}

.slide-content .touch-group .item:last-of-type {
	padding-right: .4rem;
}

.slide-content .touch-group .item span {
	display: none;
	white-space: nowrap;
	height: 0;
	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: #ffffff05;
	width: auto;
}

.slide-content .touch-group .item+.item {
	border-left: 2px solid var(--border-color);
}

/* Tags */
.hl-tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: .6rem;
	margin-bottom: .75rem;
}

.tag-model {
	border-radius: 0.33rem;
	background-color: #fff;
	color: #000;
	font-weight: 500;
	display: flex;
	align-items: center;
	overflow: hidden;
	cursor: default;
	line-height: 26px;
	font-size: 12px;
	padding: 0 .5rem;
	flex-shrink: 0;
}

.tag-classic,
.tag-topic {
	background-color: #ffffff10;
	height: 26px;
	font-size: 12px;
	padding: 0 .4rem;
	color: #fff;
	border-radius: 0.33rem;
	display: inline-flex;
	align-items: center;
}

.tag-classic {
	border: 1px solid #fff;
}

.tag-imdb {
	background-color: transparent;
	border: 1px solid #f0d25c;
	border-radius: 0.33rem;
	color: #fff;
	font-weight: 500;
	cursor: default;
	line-height: 24px;
	font-size: 12px;
	padding: 0 .4rem;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.tag-imdb:before {
	content: "IMDb";
	color: #f0d25c;
	position: relative;
	font-weight: 500;
	padding-right: 4px;
	font-size: 10px;
	line-height: 1;
}

/* fluid */
#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 {
	width: 100%;
	max-width: 1900px;
	padding: 0 50px;
	margin: 0 auto;
}

.cards-row.fixed {
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
}

.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: 0;
	color: var(--category-name);
	text-shadow: 0 2px 1px rgba(0, 0, 0, .3);
}

.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;
	gap: 1.2rem;
	padding: 1.2rem;
	min-height: 120px;
	border-radius: .6rem;
	color: #fff;
}

.topics-line .topic-item .topic-name {
	font-size: 1.8em;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 0;
}

.topics-line .topic-item .info {
	position: relative;
	z-index: 3;
}

.cards-row.fixed.min {
	max-width: 960px;
}

/* swiper slide */
.cards-slide-wrapper {
	position: relative;
}

.sw-navigation .sw-button {
	padding: 6px;
	background-color: transparent !important;
	color: #fff;
	outline: none !important;
	border: none !important;
	position: absolute;
	z-index: 10;
	right: 0;
	top: calc(50% - 27px);
	transform: translate(100%, -50%);
	opacity: .5;
}

.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: .75rem;
	position: relative;
}

.sw-item .v-thumbnail:hover img {
	opacity: .8;
}

.sw-item .info {
	min-height: 42px;
	text-align: center;
}

.sw-item .info .item-title {
	margin-bottom: 0;
}

.sw-item .info .alias-title,
.sw-cover .alias-title {
	font-size: .9em;
	margin-top: 5px;
}

.sw-item .info .alias-title a,
.sw-cover .alias-title a {
	color: var(--text-base);
}

.sw-item .info-v {
	display: flex;
	flex-direction: column;
	gap: .2rem;
}

.sw-item .info-v .alias-title {
	font-size: .9em;
	color: var(--text-base);
}

.sw-item .info-v .info-line>div {
	color: #fff;
}

.sw-item .info-v.w-chart {
	padding-left: 66px;
	position: relative;
	text-align: left;
	isolation: isolate;
}

.sw-item .info-v.w-chart .alias-title {
	margin-top: 0;
}

.sw-item .info-v.w-chart .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	line-height: 1;
	text-align: center;
	font-size: 4.2em;
	font-weight: 800;
	font-style: italic;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 100;
	pointer-events: none;
}

.sw-item .info-v.w-chart .item-title,
.sw-item .info-v.w-chart .alias-title,
.sw-item .info-v.w-chart .info-line {
	position: relative;
	z-index: 0;
}

.v-thumbnail .pin-thumb {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	padding: 0 .6rem;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0) 0%, rgba(25, 27, 36, 0.7) 100%);
}

.v-thumbnail .pin-thumb.on-bottom {
	top: auto;
	bottom: 0;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0.7) 0%, rgba(25, 27, 36, 0) 100%);
}

.v-thumbnail .pin-thumb>div {
	color: #fff;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	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: .5rem;
}

.v-thumbnail .pin-trans .line-center {
	background-color: #fff;
	justify-content: center;
	height: 28px;
	border-radius: 1rem;
	padding: 0 .3rem;
	min-width: 28px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	gap: .3rem;
}

.v-thumbnail .pin-trans .line-center span {
	font-size: 11px;
	color: #000;
	display: none;
}

.v-thumbnail .pin-trans .line-center:hover {
	padding: 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 {
	width: 24px !important;
	min-width: auto !important;
	height: 24px;
	padding: 0 !important;
}

.v-thumbnail .pin-trans.fixed .line-center span {
	display: none !important;
}

.v-thumbnail .pin-trans.fixed .line-center .inter-icon {
	transform: scale(.8);
}

.v-thumbnail .pin-top {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	width: 70px;
	text-align: right;
	padding-right: 1rem;
	font-size: 3.5em;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
	z-index: 3;
}

.pin-new {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border-radius: .3rem .3rem 0 0;
	overflow: hidden;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
}

.pin-new .line-center {
	flex: 1;
	gap: .2rem;
	justify-content: center;
	padding: .2rem .5rem;
	font-size: 11px;
	font-weight: 400;
	background-color: #5e6070;
	color: #fff;
}

.pin-new .line-center.line-lt {
	background-color: #1667cf;
	color: #fff;
}

.pin-new .line-center.line-tm {
	background-color: #2ca35d;
	color: #fff;
}

.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: #fff;
	color: #333;
}

.pin-remove {
	position: absolute;
	z-index: 3;
	top: .3rem;
	right: .3rem;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	box-shadow: 0 0 5px 5px #00000010;
	width: 30px;
	height: 30px;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .7;
}

.pin-remove:hover {
	opacity: 1;
}

.pin-new2 {
	justify-content: flex-start;
	border-radius: .5rem .5rem 0 0;
	overflow: hidden;
	background-color: #fff;
}

.pin-new2 .line-center {
	padding: .3rem .5rem;
	border-radius: 0 .5rem 0 0;
	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: .8rem;
	margin-left: -.3rem;
}

.pin-new2 .line-center.line-tm {
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.pin-quality-tag,
.tag-quality {
	padding: 0 .4rem;
	border-radius: 0.33rem;
	height: 26px;
	font-size: 12px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	background-color: #FFD875;
	background-image: linear-gradient(220deg, #FFD875 0%, #FFF 100%);
}

.pin-quality-tag {
	position: absolute;
	z-index: 3;
	top: .35rem;
	left: .35rem;
	width: 28px;
	height: 28px;
	font-size: 13px;
	padding: 0;
	border-radius: 50%;
	font-size: 13px;
	box-shadow: 0 0 0 2px #0005;
}

.pin-quality-tag.tag-cam {
	background: #fff !important;
	color: #000;
	box-shadow: 0 0 5px 5px #00000010;
	border-radius: .4rem;
	width: auto;
	height: auto;
	padding: .2rem .4rem;
	font-size: 11px;
}


.watched-bar {
	width: 100%;
	max-width: 160px;
	margin: .8rem auto;
	height: 4px;
	position: relative;
	display: flex;
	background-color: #ffffff20;
}

.watched-bar span {
	height: 100%;
	display: block;
	background-color: #ffffff90;
}

.watched-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin: 0 0 .5rem;
	font-size: 12px;
}

.watched-info .w-item span {
	opacity: .4;
}

.watched-info .w-item+.w-item {
	padding-left: .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: 0;
	top: 50%;
	margin-top: -1px;
}

/* Top */
.top-up {
	margin-bottom: 20px;
}

.top-up .sw-item .v-thumbnail {
	background-color: transparent;
}

.top-up .sw-item .v-thumbnail img,
.top-up .sw-item .v-thumbnail .mask {
	border-radius: 0;
	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%, 0% 96.142%, 0% 3.858%, 0% 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 img,
.top-up .swiper-slide:nth-child(2n) .v-thumbnail .mask {
	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%, 0% 10.459%, 0% 96.142%, 0% 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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.05)
}

.top-up .sw-item .v-thumbnail:hover .mask {
	background-color: var(--primary-color);
}

/* big slide */
.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: .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);
	height: 100% !important;
	left: auto;
	transform: none;
	right: 0;
	mask-image: linear-gradient(to right, transparent 0, black 30%, black 100%);
}

.big-slide-wrapper .slide-elements .cover-fade .cover-image {
	mask-image: none;
	-webkit-mask-image: none;
}

.big-slide-wrapper .slide-elements .safe-area {
	height: 100% !important;
	align-items: flex-start;
}

.big-slide-wrapper .top-slide-main,
.big-slide-wrapper .collection-s2-main {
	height: 500px;
	margin: 0;
}

.big-slide-wrapper .top-slide-main:before,
.big-slide-wrapper .collection-s2-main:before {
	display: none;
}

.big-slide-wrapper .top-slide-main .swiper-slide,
.big-slide-wrapper .collection-s2-main .swiper-slide {
	border-radius: 1.2rem;
	overflow: hidden;
}

.big-slide-wrapper .top-slide-small,
.big-slide-wrapper .collection-s2-thumbs {
	margin: -70px auto 0;
	max-width: 1200px;
	width: calc(100% - 32px);
	position: relative;
	z-index: 3;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
	display: flex;
	align-items: stretch;
	gap: 1rem;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
	flex: 1;
	border-radius: .8rem;
	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,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
	height: 110px;
	display: flex;
	align-items: center;
	padding: 1rem;
	display: none;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .media-title,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .media-title {
	font-size: 1em;
	line-height: 1.6;
	font-weight: 300;
	color: #fff;
	margin: 0;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
	background-color: #fff;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active .media-title,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active .media-title {
	color: #000;
	font-weight: 500;
}

/* actors */
.sw-actors-recent .sw-actor {
	width: 100%;
	position: relative;
}

.sw-actor .item-duo {
	background-color: #ffffff05;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-radius: .5rem;
	mask-image: linear-gradient(to top, transparent 20%, black 70%, black 100%);
}

.sw-actor .item-duo .duo-thumb {
	width: 100%;
	flex: 1;
	padding-bottom: 70%;
	position: relative;
	border-radius: .4rem;
	overflow: hidden;
}

.sw-actor .item-duo .duo-thumb:hover img {
	opacity: .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 #fff;
	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: .6rem 0;
}


/* card with cover */
.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: 0 0 10px 5px rgba(0, 0, 0, .1);
}

.sw-cover .h-item .info .item-title {
	font-weight: 500;
}

.sw-cover.single .h-item {
	padding: .75rem 1rem;
}

.sw-cover.single .v-thumbnail.v-thumbnail-hoz {
	padding-bottom: 56%;
}

/* cards grid */
.cards-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 1.5rem;
}

.actors-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 */
footer {
	background-color: var(--footer-bg);
}

.footer-elements {
	position: relative;
	min-height: 400px;
	padding: 2rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-elements>div {
	position: relative;
	z-index: 2;
}

.footer-elements .footer-icon {
	position: absolute !important;
	z-index: 1 !important;
	width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.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: .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: #fff1;
}

.sl-menu a {
	margin-right: 1.5rem;
	white-space: nowrap;
}

.sl-menu a:last-of-type {
	margin-right: 0;
}

.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: .5rem;
}

.sr-links a {
	display: block;
	border-radius: 2rem;
	border: 1px solid var(--border-color);
	padding: .5rem 1rem;
	font-size: .9em;
	font-weight: 300;
}

footer .true {
	margin-bottom: 1.5rem;
}

footer .true .line-center {
	font-size: 14px;
	color: #fff;
	padding: .5rem .7rem;
	border-radius: 2rem;
	background-color: #78140f;
}

/* demo tip */
.v-tips {
	position: relative;
}

.demo-tip,
.qtip-default {
	background-color: var(--bg-3);
	width: 100%;
	max-width: 420px;
	border-radius: .5rem;
	overflow: hidden;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	border: none !important;
	color: #fff;
	line-height: 1.5;
}

#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: 0;
}

.qtip-default {
	animation: qtip-animation .3s forwards;
}

#movie-tooltip {
	/* animation is controlled by JS */
	animation: none;
	width: 420px;
	transform-origin: center center;
}

@keyframes qtip-animation {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes qtip-hide {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(.85);
	}
}

.sw-tip {
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}

.sw-tip .media-teaser {
	background-size: cover;
	background-position: center center;
	position: relative;
	max-height: 220px;
	overflow: hidden;
}

.sw-tip .media-teaser {
	mask-image: linear-gradient(to top, transparent 0, black 30px);
	-webkit-mask-image: linear-gradient(to top, transparent 0, 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: "\f6a9" !important;
}

.sw-tip .media-teaser .pin-new {
	transform: none;
	bottom: auto;
	top: 1rem;
	left: 1rem;
	right: auto;
	z-index: 4;
	border-radius: .3rem;
	display: none;
}

.sw-tip .media-teaser .info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	background: rgb(47, 51, 70);
	background: linear-gradient(20deg, rgba(47, 51, 70, 0.6) 0%, rgba(47, 51, 70, 0) 100%);
}

.sw-tip .media-item {
	width: 100%;
	padding: 1.5rem;
	padding-top: 0;
	background: rgb(47, 51, 70);
	background: linear-gradient(0deg, rgba(47, 51, 70, 1) 0%, rgba(47, 51, 70, 0.7) 100%);
	backdrop-filter: blur(10px);
	-webkit-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: 0 0 3px #00000030;
}

.sw-tip .media-title-image {
	margin-bottom: .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: .5rem;
}

.sw-tip .hl-tags .tag-classic {
	border: none;
	font-size: .9em;
	height: 22px;
}

/* .sw-tip .hl-tags .tag-classic:nth-child(n+5){ display: none;} */
.sw-tip .hl-tags .tag-model span {
	line-height: 20px;
}

.sw-tip .hl-tags .tag-imdb {
	line-height: 20px;
}

.sw-tip .hl-tags .tag-topic {
	background-color: transparent;
	padding: 0;
	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: #fff;
	margin-right: 6px;
}

.sw-tip .touch-group {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: .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;
}

/* tabs */
.v-tabs {
	padding: 0;
	margin-bottom: 1.5rem;
}

.v-tabs.nav-pills .nav-item+.nav-item {
	margin-left: .6rem;
}

.v-tabs.nav-pills .nav-link+.nav-link {
	margin-left: .6rem;
}

.v-tabs.nav-pills .nav-link {
	border-radius: 2rem;
	color: #fff;
	background-color: var(--bg-3);
	min-width: 100px;
	display: inline-flex;
	gap: .4rem;
	align-items: center;
	justify-content: center;
	opacity: .8;
}

.v-tabs.nav-pills .nav-link:hover {
	opacity: 1;
}

.v-tabs.nav-pills .nav-link.active,
.v-tabs.nav-pills .show>.nav-link {
	background-color: #fff !important;
	color: #000 !important;
	opacity: 1;
}

.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: none;
	border-bottom: 1px solid transparent !important;
	margin-bottom: -1px;
	padding: 0.75rem 0;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	background-color: none;
	opacity: .9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.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);
	border-color: var(--primary-color) !important;
	margin-bottom: -1px;
}

.v-tabs.v-tabs-min.nav-pills .nav-link {
	font-size: 12px;
	min-height: 30px;
	gap: .5rem;
	padding: 0 .5rem;
	border-radius: .4rem;
	min-width: auto;
	background-color: transparent !important;
	border: 1px solid transparent;
}

.v-tabs.v-tabs-min.nav-pills .nav-link.active {
	color: #fff !important;
	border: 1px solid #fff;
}

.v-tabs-xs.nav-pills .nav-link {
	padding: 0 !important;
	background-color: transparent !important;
	font-size: 12px !important;
	min-width: 60px !important;
}

.v-tabs-xs.nav-pills .nav-link+.nav-link {
	margin-left: .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, .2);
}

.v-notice .icon-notice {
	width: 3rem;
	height: 3rem;
	opacity: .5;
}

.modal-content .v-tabs {
	column-gap: .6rem;
	row-gap: .3rem;
}

.modal-content .v-tabs.nav-pills .nav-link+.nav-link {
	margin: 0 !important;
}

/* filter */
.v-filter {
	margin-bottom: 2rem;
}

.filter-toggle {
	background-color: var(--bg-color);
	padding: 0 .75rem 0 .5rem;
	height: 30px;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: 500;
	border-radius: .3rem;
}

.filter-toggle i {
	font-size: 12px;
}

.filter-toggle:hover {
	opacity: .9;
}

.filter-toggle.toggled i {
	color: var(--primary-text);
}

.filter-elements {
	border-radius: .75rem;
	border: 1px solid var(--border-color);
	padding: 1rem 0 0 0;
	margin-top: -15px;
	margin-bottom: 3rem;
}

.v-filter .fe-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	padding: .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: .3rem 0;
	text-align: right;
	flex-shrink: 0;
	font-weight: 500;
	color: #fff;
}

.v-filter .fe-row .fe-results {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: .5rem;
}

.v-filter .fe-row .fe-results .item {
	padding: .3rem .6rem;
	border: 1px solid transparent;
	border-radius: .4rem;
	color: #fff;
	cursor: pointer;
	opacity: .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: #fff3;
	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 0;
}

.v-pagination .page-current {
	height: 50px;
	padding: 0 1.2rem;
	border-radius: 3rem;
	background-color: #2f3346;
	color: #fff;
	font-size: 15px;
}

.v-pagination .page-current .v-form-control {
	border-color: #ffffff20 !important;
	width: 32px;
	height: 32px;
	border-radius: .3rem;
	background-color: transparent !important;
	color: #fff !important;
	padding: 0;
	text-align: center;
	font-weight: 600;
}

.v-pagination .page-current .v-form-control:focus {
	border-color: #ffffff40 !important;
}


/* bread */
.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: #fff;
	text-shadow: var(--h-shadow);
	font-weight: 600;
	margin: 0;
	cursor: default;
}

.model-tabs {
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	border: 1px solid #fff;
	border-radius: .5rem;
	padding: 2px;
	font-size: 14px;
	font-weight: 400;
}

.model-tabs .item {
	height: 26px;
	border-radius: .3rem;
	font-size: 13px;
	padding: 0 .5rem;
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.model-tabs .item.active {
	background-color: #fff;
	color: #000;
}

/* top detail */
.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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .6;
	background-size: cover;
	background-position: center center;
	mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
}

/* detail container */
.detail-container {
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: -200px;
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.detail-container>div {
	background-color: rgba(25, 27, 36, .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: #fff;
	font-weight: 500;
	white-space: nowrap;
}

.detail-line {
	margin-bottom: 1.2rem;
}

.detail-line.d-flex {
	align-items: flex-start;
	gap: .6rem;
}

.child-actors {
	position: relative;
	padding-bottom: 1rem;
}

.child-actors .child-actors-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: .6rem;
	row-gap: 1.5rem;
}

.child-actors .v-item {
	gap: .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: 0;
	border: none;
}

.status .line-center {
	font-size: 0;
	padding: .5rem .8rem;
	border-radius: 2rem;
	background-color: #fff1;
}

.status.on-going .line-center {
	background-color: #ff83001a;
	color: #ff8300;
}

.status.complete .line-center {
	background-color: #22cb4c1a;
	color: #22cb4c;
}

.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, .6);
	flex-grow: 1;
	border-radius: 3rem 1.25rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
}

.dm-bar {
	padding: 30px;
	position: relative;
	z-index: 9;
}

.dm-bar .elements,
.dm-bar .touch-group,
.dm-bar .is-left {
	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: .6rem;
	border-radius: .6rem;
}

.dm-bar .item:hover {
	background-color: #ffffff05;
}

.dm-bar .item.active .item-v i,
.dm-bar .item.active .item-v .inc-icon {
	color: var(--primary-text);
}

.dm-bar .item .item-v {
	gap: .6rem;
	font-size: .9em;
	line-height: 1;
}

.dm-bar .item .item-v span {
	color: #fff !important;
}

.dm-bar .item.item-remind {
	position: relative;
	cursor: pointer;
	animation: item-remind 1s infinite;
}

.dm-bar .item.item-remind .inc-icon {
	animation: bell-remind 300ms infinite;
	color: #fff;
}

.dm-bar .item.item-remind.active,
.dm-bar .item.item-remind.active .inc-icon {
	animation: none !important;
	color: var(--primary-color);
}

.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: .6rem;
}

/* child box */
.child-box {
	display: block;
	position: relative;
}

.child-box .child-header {
	font-size: 1.6em;
	font-weight: 600;
	color: #fff;
	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: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.cc-top .item:nth-child(n+10) .position {
	margin-left: -8px;
	letter-spacing: -4px;
}

.cc-top .item .h-item {
	flex-grow: 1;
	background-color: #ffffff05;
	border-radius: .5rem;
	overflow: hidden;
	gap: 0;
}

.cc-top .item .h-item .info {
	padding: .6rem 1rem;
}

/* body detail */
.content-gap {
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cg-body-box {
	padding: 40px 0;
}

.cg-body-box.is-seasons {
	padding: 0 0 20px;
}

.cg-body-box .box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2rem;
}

.v-toggle .text {
	color: #fff;
	font-size: .9em;
	white-space: nowrap;
}

.v-toggle .toggle-x {
	border: 1px solid #fff;
	border-radius: 2rem;
	width: 30px;
	height: 20px;
	position: relative;
	cursor: pointer;
	opacity: .3;
	flex-shrink: 0;
}

.v-toggle .toggle-x span {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 8px;
	width: 8px;
	background-color: #fff;
	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 #fff;
	border-radius: .2rem;
	font-size: 10px;
	line-height: 1;
	padding: .2rem;
	color: #fff;
	opacity: .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);
	row-gap: 2rem;
	column-gap: 1.2rem;
}

.de-eps.is-grid .item .h-thumbnail {
	position: relative;
	padding-bottom: 56%;
	margin-bottom: .6rem;
	border-radius: .5rem;
	overflow: hidden;
	background-color: var(--bg-3);
}

.de-eps.is-grid .item .h-thumbnail img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.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: 0;
	left: 0;
	background-color: var(--primary-color);
	color: var(--primary-button-text);
	padding: .2rem .5rem;
	font-size: 11px;
	border-radius: 0 .5rem 0 0;
}

.de-eps.is-grid .item .h-thumbnail:hover img {
	opacity: .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 #fff;
	background-color: rgba(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: .6rem;
}

.de-eps.is-simple .item .h-thumbnail {
	display: none;
}

.de-eps.is-simple .item {
	display: flex;
	align-items: center;
	gap: .5rem;
	background-color: var(--bg-2);
	padding: .5rem .8rem;
	border-radius: .4rem;
}

.de-eps.is-simple .item .info {
	display: flex;
	align-items: center;
	gap: .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-shrink: unset !important;
	flex-grow: 1;
}

.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: .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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff9;
	font-size: 16px;
}

.de-eps .item.schedule .info {
	color: #fff !important;
}

.de-eps .item.schedule .time-release {
	color: #FF83F9;
	font-size: 12px;
}

.de-eps .item.schedule .time-release:before {
	content: "Phát sóng ";
}

.de-eps.is-simple .item {
	justify-content: center;
	padding: 0 .2rem;
	height: 50px;
}

.de-eps.is-simple .item.schedule {
	flex-direction: column;
	gap: 0rem;
	background-color: #373A4B;
}

.de-eps.is-simple .item.schedule .info .ep-sort {
	font-size: 12px;
}

.de-eps.is-simple .item.schedule .info .play-button {
	font-size: 12px;
}

.de-eps.is-simple .item.schedule .info .play-button i::before {
	content: "\f017" !important;
}

.de-eps.is-simple .item.schedule .time-release:before {
	display: none;
}

.schedule-eps {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	margin: 2rem 0;
}

.schedule-eps .item {
	position: relative;
	padding: .8rem 1rem;
	padding-left: 55px;
	padding-right: 46px;
	color: #fff;
	border-radius: .5rem;
	background-color: #4158D0;
	background-image: linear-gradient(90deg, #4158D0 0%, #C850C0 100%);
}

.schedule-eps .item .inc-icon {
	width: 36px;
	height: 36px;
	position: absolute;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #0005;
	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;
	max-width: 550px;
	position: relative;
	border-radius: .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: 0;
	bottom: 0;
	right: 0;
	width: 40%;
	max-width: 130px;
	mask-image: linear-gradient(to left, black 0%, transparent 95%);
	-webkit-mask-image: linear-gradient(to left, black 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: #1d2e79;
	color: #fff;
}

.de-type .item.tm {
	background-color: #297447;
	color: #fff;
}

.de-type .item.pd {
	background-color: #5e6070;
	color: #fff;
}

.de-actors {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1.5rem;
}

.de-actors .item-actor,
.actors-grid-wrapper .item-actor {
	position: relative;
	padding: 0;
	border-radius: .6rem;
	overflow: hidden;
}

.de-actors .item-actor .v-item,
.actors-grid-wrapper .item-actor .v-item {
	gap: 0;
}

.de-actors .item-actor .v-actor,
.actors-grid-wrapper .item-actor .v-actor {
	width: 100%;
	height: 0;
	padding-bottom: calc(100% + 40px);
	border-radius: 0;
	margin: 0;
	mask-image: linear-gradient(to top, transparent 0, black 60px);
}

.de-actors .item-actor .info,
.actors-grid-wrapper .item-actor .info {
	padding: .75rem .5rem;
	margin-top: -40px;
	position: relative;
	z-index: 2;
}

.de-actors .item-actor .info .ro-play {
	font-size: .9em;
}

.de-actors .item-actor .info .ro-play span {
	color: #F0ADB1;
}

.de-suggest {
	grid-template-columns: repeat(6, 1fr);
}

.de-soundtrack {
	position: relative;
}

.item-sound {
	position: relative;
}

.item-sound .media-title {
	font-size: 1.1em;
	font-weight: 500;
	color: #fff;
	margin-bottom: .4rem;
}

.item-sound .lyric-post {
	padding: 2rem;
	font-size: 1.2em;
	line-height: 1.5;
	position: relative;
}

.item-sound .lyric-post p {
	margin-bottom: 0;
}

.item-sound .lyric-post .ori {
	color: #fff;
}

.item-sound .lyric-post .trans {
	font-style: italic;
	color: #96e99b;
}

.de-soundtrack .item-sound {
	border: 1px solid var(--border-color);
	border-radius: .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:hover,
.de-soundtrack .item-sound.active {
	background-color: rgba(255, 255, 255, 0.05);
}

.de-soundtrack .item-sound.active {
	border-color: #fff;
}

.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: sound-cd linear 2s infinite;
}

.de-soundtrack .item-sound.active .h-item .touch-media .btn-basic {
	color: #96e99b !important
}

@keyframes sound-cd {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.de-seasons.is-grid {
	grid-template-columns: repeat(3, 1fr);
	row-gap: 1rem;
}

/* doubleA */
.doubleA {
	display: block;
	text-align: center;
}

.doubleA .ok-728 img {
	width: 100%;
	max-width: 728px;
	max-height: 90px;
}

.v-form-control {
	background-color: transparent !important;
	height: 42px;
	border: 1px solid #ffffff10;
	border-radius: .4rem;
	color: #fff !important;
	font-size: .95em;
	padding: .5rem 1rem;
}

.v-form-control.form-control-lg {
	height: 52px;
	font-size: 1.1em;
	padding: .7rem 1.1rem;
	border-radius: .5rem;
}

.v-form-control:disabled {
	background-color: #ffffff05 !important;
	cursor: not-allowed;
}

.v-form-control:focus {
	border-color: #fff !important;
	box-shadow: none !important;
}

.v-form-control::placeholder {
	color: rgba(255, 255, 255, .4);
}

textarea.v-form-control {
	resize: none;
	padding: .6rem 1rem;
	height: auto;
}

.user-password {
	position: relative;
}

.user-password .v-form-control {
	padding-right: calc(1rem + 42px);
}

.user-password .toggle-password {
	width: 42px;
	height: 42px;
	opacity: .8;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
}

.user-password.show-text .toggle-password .fa-eye::before {
	content: "\f070";
}

.user-password.show-text input[type="password"] {
	input-security: none;
}

.v-form-control-sm {
	height: 34px;
	font-size: 13px;
	padding: .3rem .7rem;
}

.year-input {
	position: relative;
	margin-left: 1rem;
}

.year-input .search-icon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.year-input .v-form-control-sm {
	padding-left: 34px;
	max-width: 110px;
	border-color: transparent;
	background-color: #fff1 !important;
}

/* discuss */
.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: .5rem;
	padding: .5rem;
	border-radius: .75rem;
	background-color: #ffffff10;
}

.textarea-wrap .ma-buttons {
	padding: 0
}

.textarea-wrap .ma-buttons .btn-emo i {
	font-size: 14px;
}

.my-area-sub {
	margin: .6rem 0;
	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: .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 #fff;
}

.ma-user .info {
	display: flex;
	flex-direction: column;
}

.ma-user .info span {
	font-weight: 500;
	color: #fff;
}

.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: #fff;
	margin-bottom: .3rem;
}

.d-item .comment-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .6rem;
	margin-bottom: .5rem;
	position: relative;
}

.d-item .comment-header .user-name {
	margin: 0;
	white-space: nowrap;
}

.d-item .comment-header .rated {
	font-size: 12px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	line-height: 1;
	padding: .3rem .6rem .3rem .3rem;
	border-radius: 2rem;
	background-color: #3556b6;
}

.d-item .comment-header .rated span {
	font-size: 16px;
}

.d-item .comment-header .rated .rated-emoji {
	display: inline-block !important;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	object-fit: contain;
}

.d-item .comment-header .c-time {
	opacity: .5;
	margin-left: .5rem;
	font-size: 11px;
}

.d-item .comment-header .ch-for {
	margin-left: .2rem;
	display: block;
	font-size: 11px;
	white-space: nowrap;
	line-height: 1.2;
	padding: .2rem .3rem;
	border: 1px solid #fff5;
	opacity: .5;
	border-radius: .3rem;
}

.d-item .comment-header .ch-for:hover {
	opacity: 1;
	color: #fff;
	border-color: #fff
}

.d-item .comment-header .ch-for span::before {
	content: " - Tập ";
}

.d-item .text {
	color: var(--text-base);
	filter: blur(0);
}

.d-item .text span {
	word-break: break-word;
}

.d-item .text-spoil {
	filter: blur(4px);
}

.d-item .comment-bottom {
	position: relative;
	font-size: 12px;
	margin-top: .5rem;
}

.d-item .comment-bottom .btn-xs {
	height: 28px;
	opacity: .5;
	font-weight: 300;
	font-size: 12px;
}

.d-item .comment-bottom .btn-xs:hover {
	opacity: 1;
}

.d-item .comment-bottom .btn-comment.active {
	opacity: 1;
}

.d-item .comment-bottom .v-dropdown-menu .dropdown-item .fa-solid {
	min-width: 16px;
	text-align: center;
}

.limit-wrap {
	padding: 0 1rem .25rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	max-width: 180px;
}

.limit-wrap .lw-item {
	font-size: 11px;
	padding: .2rem .4rem;
	border-radius: .3rem;
	background-color: #d33d2517;
	display: inline-flex;
	color: #dc3545;
}

.limit-wrap .lw-item.cancel {
	background-color: #eee !important;
	color: #111 !important;
}

.limit-wrap .lw-item:hover,
.limit-wrap .lw-item.active {
	background-color: #d33d2530;
}

.open-limit.highlight {
	color: #dc3545 !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 0 0;
}

.d-item .replies .user-avatar {
	width: 40px;
	height: 40px;
}

.d-item .replies .rep-sub {
	display: inline;
	background-color: var(--bg-4);
	color: #fff;
	font-size: 12px;
	padding: .2rem .3rem;
	vertical-align: text-top;
	border-radius: .2rem;
	margin-right: .2rem;
}

.group-react {
	gap: 1rem;
}

.group-react .item {
	padding: 0;
	gap: .4rem;
	justify-content: center;
	height: 28px;
	cursor: pointer;
	font-size: 11px;
}

.group-react .item i {
	font-size: 16px;
}

.group-react .item-up:hover,
.group-react .item-up.active {
	color: #25d366;
}

.group-react .item-down:hover,
.group-react .item-down.active {
	color: #d33d25;
}

.child-discuss {
	padding-top: 20px;
	padding-bottom: 20px;
}

.emo-list,
.gif-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: .2rem;
	padding: .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: .6rem;
	border-radius: .6rem;
	text-align: center;
	cursor: pointer;
}

.emo-list .el-item:hover,
.gif-list .gl-item:hover {
	background-color: #0001;
}

.bg-dark .emo-list .el-item:hover,
.bg-dark .gif-list .gl-item:hover {
	background-color: #ffffff10;
}

.gif-list .gl-item .gl-img {
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	position: relative;
}

.gif-list .gl-item .gl-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.gr-admin>span {
	background: linear-gradient(0deg, #df7a95 0%, #fff 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gr-mod>span {
	background: linear-gradient(0deg, #77B1FF 0%, #fff 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gr-mod>.gr-tag,
.gr-tag-mod {
	border-color: #1E7EFF60;
	color: #77B1FF;
	background-color: #1E7EFF60;
}

.gr-admin>.gr-tag,
.gr-tag-admin {
	border-color: #e2144e61;
	color: #df7a95;
	background-color: #e2144e61;
}

.gr-tag {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 500;
	padding: 0 .2rem;
	border-radius: 4px;
	border: 1px solid #fff4;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.gr-tag.gr-tag-free {
	color: #fff6;
	border-color: #fff4;
}

.gr-tag.gr-tag-rox {
	color: #36FA77;
	border-color: #36FA77;
}

/* custom audio demo */
.sound-play {
	padding: 1rem 1.5rem;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	width: 100%;
}

.audioplayer {
	margin: 0;
	border: none;
	border-radius: .6rem;
	background-color: transparent;
	padding: 0;
	height: 50px;
	color: #fff;
	width: 100%;
	justify-content: space-between;
}

.audioplayer audio {
	min-width: 0 !important;
	display: none;
}

.audioplayer-time {
	color: #fff
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {
	top: 1px;
	left: 11px;
	border-color: #fff;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
	background-color: transparent !important;
	border-color: #96e99b;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	border-left-color: #96e99b;
	margin-left: 3px;
}

.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
	background: #96e99b;
}

.audioplayer-playing .audioplayer-bar-played::after {
	border-color: #fff;
}

.audioplayer-playpause {
	width: 40px;
	height: 40px;
}

.audioplayer-bar-played::after {
	border-color: #fff !important;
}

.audioplayer-bar-loaded,
.audioplayer-bar::before,
.audioplayer-volume-adjust>div {
	background-color: #ffffff10;
}

.audioplayer-volume-button a {
	background-color: #fff;
}

.audioplayer-volume-button a::before {
	border-right-color: #fff;
}

.gallery-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-bottom: 2rem;
}

.gallery-row .item {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.gallery-row .item .media-title {
	font-size: 1em;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 0;
}

.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: 0;
	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: .75rem;
	animation: flash 1s forwards;
	animation-delay: 1s;
}

@keyframes flash {
	0% {
		background-color: transparent;
	}

	50% {
		background-color: #ffffff20;
	}

	100% {
		background-color: #ffffff10;
	}
}

.d-item.d-item-pin {
	padding: 1rem;
	border-radius: .75rem;
	background-color: #fff1;
}

.d-item.d-item-pin .stick {
	font-size: 11px;
	margin-bottom: .4rem;
}

.d-item.d-item-pin .stick i {
	color: #F8473E;
}


/* watch */
#wrapper.makeup {
	position: relative;
}

#wrapper.makeup:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 900px;
	background: rgb(15, 17, 26);
	background: linear-gradient(0deg, rgba(15, 17, 26, 0) 0%, rgba(15, 17, 26, 1) 100%);
}

.watch-container,
.watch-player {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 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: 0;
}

.watch-player {
	z-index: 3;
}

.watch-player .wp-bread {
	/* padding: 0 40px; */
	width: 100%;
	margin-bottom: 1.5rem;
}

.watch-player .player-ratio {
	position: relative;
	border-radius: .75rem;
	box-shadow: var(--shadow-large);
}

.watch-player .player-ratio .ratio {
	border-radius: .75rem .75rem 0 0;
	overflow: hidden;
	background-color: #08080A;
}

.player-control {
	background-color: #08080A;
	border-radius: 0 0 .75rem .75rem;
	height: 64px;
	gap: 0;
	justify-content: flex-start;
	width: 100%;
}

.player-control .ep-current {
	background-color: #535D8E;
	color: #fff;
	height: 100%;
	padding: 0 1rem;
	width: 140px;
	justify-content: center;
	border-radius: 0 0 0 .75rem;
	font-weight: 600;
	flex-shrink: 0;
}

.player-control .control-items {
	gap: 1rem;
	width: 100%;
	padding: 0 1rem;
}

.player-control .control-items .item {
	display: flex;
	align-items: center;
	gap: .6rem;
	color: #fff;
	padding: .6rem .8rem;
	cursor: pointer;
	border-radius: .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: 0 1rem;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	display: flex;
	align-items: center;
	text-align: center;
	width: 100px;
	border-radius: 0 0 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;
}

.focus-backdrop {
	display: none;
}

body.focus-mod .focus-backdrop {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #08080A;
	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: .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: .6rem;
}

.reason-list .h-item {
	gap: .5rem;
	font-size: 13px;
	border: 1px solid var(--border-color);
	color: #fff;
	border-radius: .4rem;
	padding: .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: #fff;
	gap: .6rem;
	font-weight: 600;
	font-size: 1.4em;
	padding-right: 1.5rem;
	border-right: 1px solid #ffffff30;
	cursor: pointer;
}

.season-dropdown>.line-center>.fa-caret-down {
	font-size: 14px;
}

/* dropdown */
.v-dropdown-menu {
	margin: 2px 0;
	border: none !important;
	border-radius: .4rem;
}

.v-dropdown-menu strong {
	font-weight: 600;
}

.v-dropdown-menu hr {
	border-color: rgba(0, 0, 0, .2)
}

.v-dropdown-menu .dropdown-item,
.v-dropdown-menu .dropdown-blank {
	font-size: 13px;
	padding: .4rem 1rem;
	display: flex;
	align-items: center;
	gap: .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: .6rem 1rem;
}

.v-dropdown-menu .dropdown-checkbox {
	padding: 0;
	position: relative;
}

.v-dropdown-menu .dropdown-checkbox .form-check-label {
	padding: .5rem 1rem;
	padding-left: 2.6rem;
	font-size: 13px;
	cursor: pointer;
	width: 100%;
}

.v-dropdown-menu .dropdown-checkbox .form-check-label:hover {
	background-color: #f6f6f6;
}

.v-dropdown-menu .dropdown-checkbox .form-check-input {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: .2rem;
}

.v-dropdown-menu.bg-dark {
	background-color: rgba(15, 17, 26, .95) !important;
	color: var(--text-base);
}

.v-dropdown-menu.bg-dark .dropdown-item {
	color: #fff;
}

.v-dropdown-menu.bg-dark .dropdown-item:hover {
	background-color: #ffffff05;
}

.v-dropdown-menu.bg-dark .dropdown-item:focus {
	background: none !important;
}

.v-dropdown-menu.bg-dark hr {
	border-color: rgb(255, 255, 255, .2);
}

.v-dropdown-menu.bg-dark.user-dropdown {
	background-color: #272c43 !important;
	border-radius: .6rem;
}

.droplist {
	overflow-x: hidden;
	overflow-y: 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: .5rem;
}

.m-col-4>.dropdown-item {
	border-radius: .5rem;
	padding: .2rem .8rem !important;
	width: 140px;
}

.m-col-4>.dropdown-item>span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}


.v-modal .modal-content {
	background-color: #2A314E;
	border: none !important;
	border-radius: .75rem;
	padding: 2rem;
	color: #fff9;
}

.v-modal .modal-content .is-footer {
	display: flex;
	align-items: center;
	gap: .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: 0;
	right: 0;
	color: #fff;
	border: none !important;
	width: 40px;
	height: 40px;
	padding: 0;
}

.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 {
	padding: 3rem;
	min-height: 400px;
	padding-left: calc(360px + 3rem);
	background-color: #1E2545;
}

.modal-login .modal-dialog .modal-content:before {
	content: "";
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/images/rophim-login.webp);
	background-size: cover;
	background-position: bottom left;
	border-radius: .75rem 0 0 .75rem;
}

.modal-trailer .modal-content {
	padding: .5rem;
	border-radius: 1rem;
}

.modal-trailer .modal-content .modal-close {
	z-index: 9;
	border-radius: 50%;
	background-color: #fff;
	color: #000;
	top: -.75rem;
	right: -.75rem;
	width: 32px;
	height: 32px;
	min-height: auto;
}

.modal-trailer .modal-content .video-area {
	border-radius: .8rem;
	overflow: hidden;
}

.modal-trailer .modal-dialog {
	max-width: 750px;
	width: 96%;
	margin: auto;
}

/* actor detail */
.actor-container {
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 0;
}

.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: .6rem;
	padding: .4rem 1rem;
	border-radius: 3rem;
	border: 1px solid var(--border-color);
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	opacity: 1;
}

.ac-side .as-info .button-group .item:hover {
	opacity: .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: #fff;
}

.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: .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: 0;
}

.time-row-cards {
	flex-grow: 1;
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 1rem;
	row-gap: 1.5rem;
}

/* topics */
.topics-list {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 2rem;
	justify-content: space-between;
	align-items: stretch;
}

.row-topic {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 2rem;
	position: relative;
	background-color: #ffffff05;
}

.row-topic>div {
	position: relative;
	z-index: 3;
}

.row-topic .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: var(--bg-2);
	/* mask-image: linear-gradient(to right, black 15%,transparent 40%, transparent 100%) */
	;
}

.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: rgb(40, 43, 58);
	background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgba(40, 43, 58, 1) 100%);
	padding: 2rem;
	gap: 2rem;
}

.topics-list.single .row-topic {
	background-color: transparent;
	padding: 0;
}

.topics-list.single .row-topic .intro {
	padding-right: 1.5rem;
	padding-left: .5rem;
	gap: 1.5rem;
	flex-shrink: unset;
	flex-grow: 1;
}

.topics-list.single .row-topic .intro .heading-md {
	font-size: 2em !important;
	line-height: 1.3;
	font-weight: 700;
}

.topics-list.single .row-topic .row-content {
	position: relative;
	width: calc(100% - 230px);
}

.topics-list.single .sw-item .v-thumbnail {
	border-radius: .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: .3rem .4rem;
	font-size: 10px;
}

.topics-list.single .sw-navigation .sw-button {
	top: calc(50% - 28px);
	background-color: #fff !important;
	opacity: 1;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px;
	box-shadow: 0 0 20px 5px #0003;
}

.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 {
	width: 20px !important;
	height: 20px !important;
	color: #000;
	position: relative;
	right: -1px;
}

.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: 0;
}



.topics-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 1rem;
}

/* .topics-grid .row-topic .mask{ mask-image: linear-gradient(to bottom, black -10%, rgba(0,0,0,.1) 100%);} */
.topics-grid .row-topic {
	position: relative;
	top: 0;
	padding: 1.2rem 1.5rem;
	border-radius: 1.25rem 2.5rem;
	overflow: hidden;
	justify-content: space-between;
	background: rgba(255, 255, 255, .8);
	background: radial-gradient(at left top, rgba(255, 255, 255, .8) 30%, rgba(255, 111, 111, 0.79) 100%)
}

.topics-grid .row-topic:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 -10px 20px 0px #fff2 inset;
	z-index: 3;
	border-radius: 4rem 2.5rem
}

.topics-grid .row-topic .intro {
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 110px;
	gap: .5rem;
	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: 1.8em;
	color: #ffffff;
	line-height: 1.3;
	text-shadow: 0 1px 0 #0002;
}

.topics-grid .row-topic .intro .btn-outline {
	border: none !important;
	padding: 0 !important;
	font-size: 14px !important;
}

.topics-grid .row-topic:hover .intro .btn-outline {
	background-color: transparent !important;
	color: #fff !important;
}

.topics-grid .row-topic:hover {
	top: -.6rem;
}

.topic-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50vh;
	mask-image: linear-gradient(to top, transparent 0, black 100%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, black 100%);
	opacity: .5;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.heading-topic {
	text-shadow: none !important;
	font-size: 3em !important;
	line-height: 1.2 !important;
}

/* renew */
.topics-grid .row-topic {
	background: #282b3a !important;
}

/* .topics-grid .row-topic .mask{ mask-image: none !important; -wbkit-mask-image: none !important; box-shadow: 0 0 30px 5px rgba(255, 255, 255, 0) inset;}
.topics-grid .row-topic .mask:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; mask-image: linear-gradient(-45deg,black 0%, transparent 40%); background-image: url(/wp-content/uploads/images/wave.webp); background-repeat: no-repeat; background-size: 200px 140px; background-position: right bottom; opacity: .3;}
.topics-grid .row-topic .mask:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; background: linear-gradient(-40deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 430%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.2) 100%);} */

/* rating */
.v-rating {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
	color: #fff;
}

.v-rating .caption {
	padding-right: .8rem;
	font-size: 13px;
	line-height: 1;
}

.v-rating .caption i {
	opacity: .3;
}

.ro-icon {
	background-image: url(/wp-content/uploads/images/ro-icon.svg);
	background-size: cover;
	background-position: center center;
	width: 24px;
	height: 24px;
}

.ro-rating {
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: #3556b6;
	border-radius: 3rem;
	padding: .5rem .6rem;
}

.ro-rating .point {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	padding: 0 .3rem 0 .5rem;
}

.ro-rating .a-rate {
	font-size: 11px;
	text-decoration: underline;
	margin: 0 .2rem 0 .5rem
}

.rate-emo {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 1rem;
	gap: .6rem;
}

.rate-emo .item-v {
	flex: 1;
	padding: 1rem .4rem;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	border-radius: .75rem;
	filter: grayscale(1);
}

.rate-emo .item-v.disable {
	filter: grayscale(1) !important;
	opacity: .3 !important;
	cursor: default !important;
}

.rate-emo .item-v.active {
	background-color: #3556b6;
}

.rate-emo .item-v .inc-icon {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.rate-emo .item-v:hover,
.rate-emo .item-v.active {
	filter: none;
}

.rate-comment {
	margin: 1rem auto 0;
	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, .025) !important;
}

.rate-comment .has-reply {
	position: absolute;
	margin-top: -10px;
	right: 20px;
	z-index: 2;
	background-color: #2a314e !important;
	cursor: default;
}

.ws-rate {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.ws-rate .v-rating {
	gap: .7rem;
}

.wsr-left {
	font-size: 13px;
}

.v-line {
	width: 1px;
	height: 50px;
	margin: 0 5px;
	background-color: var(--border-color);
}

/* account */
.dashboard-container {
	position: relative;
	z-index: 3;
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 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: #25272f;
}

.dcc-side .ds-menu {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcc-side .side-user {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcc-side .side-user .user-avatar {
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
}

.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 0;
	border-bottom: 1px solid #2e313a;
}

.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 #fff;
	border-radius: 100%;
	margin-top: 1.7rem;
	margin-bottom: 1rem !important;
}

.dash-form .v-avatar .opt-avatar {
	display: flex;
	flex-direction: column;
}

.dash-form .v-avatar .opt-avatar .item {
	width: 100%;
	text-align: center;
	padding: .8rem 0;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
}

.dash-form .v-avatar .opt-avatar .item:hover {
	color: var(--primary-text);
}

.dash-form .v-avatar .opt-avatar .item+.item {
	border-top: 1px solid #fff1;
}

.dcc-playlist {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
	width: 100%;
}

.dcc-playlist .item {
	padding: .9rem 1.2rem;
	border: 2px solid var(--border-color);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	border-radius: .75rem;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 3px #ffffff03 inset;
}

.dcc-playlist .item.active {
	border-color: var(--primary-color);
}

.dcc-playlist .item .playlist-name {
	font-weight: 600;
	font-size: 1em;
	color: #fff;
}

.v-form-playlist .v-form-control {
	padding: 0;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid var(--primary-color) !important;
	cursor: default;
	background-color: transparent !important;
	font-size: 1em;
	color: var(--text-base) !important;
	font-style: italic;
	height: 36px;
}

.v-form-playlist .v-form-control:disabled {
	padding: 0;
	border: none !important;
	cursor: default;
	font-weight: 600;
	color: #fff !important;
	font-style: normal;
}

.v-form-playlist .form-group {
	padding: .75rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: .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: .9em;
}

/* notifications */
.noti-wrap {
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	background-color: #282b3a !important;
}

.noti-wrap strong {
	font-weight: 500;
	color: #fff;
}

.noti-wrap .h-item {
	padding: 1rem;
	color: #fff9;
}

.noti-wrap .h-item+.h-item {
	border-top: 1px solid #ffffff08;
}

.noti-wrap .h-item.new {
	background-color: #3a3e54 !important;
}

.noti-wrap .h-item:hover {
	background-color: #434761 !important
}

.noti-wrap .h-item.new:hover {
	background-color: #fff1;
}

.noti-wrap .h-item .v-thumbnail {
	width: 40px;
	flex-shrink: 0;
	padding-bottom: 54px;
	border-radius: .2rem;
}

.noti-wrap .h-item .noti-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--bg-5);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
}

.noti-wrap .h-item .time {
	opacity: .6;
}

.noti-dropdown {
	width: 320px;
	margin-top: 5px !important;
	padding-top: 0 !important;
}

.v-dropdown-menu.bg-dark.noti-dropdown {
	background-color: #272c43 !important;
}

.noti-dropdown .noti-wrap {
	border-radius: 0;
	background-color: transparent !important;
}

.noti-dropdown .h-item {
	align-items: flex-start;
	font-size: 13px;
}

.noti-dropdown .h-item .noti-icon {
	margin-top: .2rem;
}

.noti-dropdown .h-item .v-thumbnail {
	margin-top: .2rem;
}

.noti-dropdown .v-notice {
	background-color: transparent !important;
	font-size: 13px;
	padding: 2rem;
}

.noti-dropdown .dropdown-top {
	border-bottom: 1px solid #ffffff10;
	padding: .6rem 1rem;
}

.noti-dropdown .dropdown-bottom {
	border-top: 1px solid #ffffff10;
}

.noti-dropdown .v-tabs-xs .nav-link {
	position: relative;
	padding-right: .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: 0;
	right: 0;
	width: 6px;
	height: 6px;
	background-color: red;
	border-radius: 50%;
	display: block;
}

/* article */
.article-body {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 300;
	color: #d3d3d3;
}

.article-body p {
	margin-bottom: 1rem;
	color: #d3d3d3;
}

.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 #fff1;
}

.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 0;
}

.c-social-list .item {
	gap: 0;
	padding: .7rem 1rem;
	border-radius: 2rem;
	border: 1px solid #ffffff20;
}

.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: -.25rem 0 2.5rem;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: .75rem;
}

.range-eps>.item {
	font-size: 13px;
	padding: .3rem .6rem;
	border-radius: .3rem;
	color: var(--text-base);
	background-color: #ffffff10;
	min-width: 84px;
	text-align: center;
}

.range-eps>.item:hover {
	color: #fff;
}

.range-eps .item.active {
	color: #000 !important;
	background-color: #fff !important;
}

/* schedules */
.wrapper-schedules {
	max-width: 1400px;
	margin: 0 auto;
}

.schedules-layout {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1rem 0;
}

.sche-time {
	position: relative;
}

.sche-time .item-time {
	display: flex;
	flex-direction: column-reverse;
	gap: .75rem;
	font-size: 1em;
	padding: 1rem 1.2rem;
	border-radius: 0;
	background-color: #ffffff06;
	flex: 1;
	position: relative;
	cursor: pointer;
}

.sche-time .item-time>div {
	line-height: 1;
	white-space: nowrap;
}

.sche-time .item-time .day {
	font-size: 18px;
	color: #fff;
	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: .2rem .3rem;
	color: var(--primary-text);
	border: 1px solid var(--primary-color);
	border-radius: .25rem;
}

.sche-time .item-time.active {
	background-color: #ffffff10;
}

.sche-time .item-time.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	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%;
	overflow: hidden;
}

.sche-timeline .st-row {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 60px;
	max-width: 100%;
}

.sche-timeline .st-row:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 29px;
	height: 2px;
	background-color: #ffffff10;
}

.sche-timeline .st-row>div {
	position: relative;
	z-index: 2;
}

.sche-timeline .st-row .clock,
.sche-timeline .st-row .time-col {
	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;
	min-width: 0;
	overflow: hidden;
}

@media (max-width: 767px) {
	.sche-timeline .st-row .time-col {
		display: none;
	}

	.sche-timeline .st-row .items {
		grid-template-columns: repeat(2, 1fr);
	}
}

.sche-timeline .st-row .h-item {
	padding: 10px 15px 10px 10px;
	background-color: #363840;
	border: 1px solid #ffffff20;
	border-radius: .75rem;
	font-size: 13px;
	position: relative;
	overflow: hidden;
	min-width: 0;
}

.sche-timeline .st-row .h-item .info {
	min-width: 0;
	overflow: visible;
}

.sche-timeline .st-row .h-item .item-title {
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.sche-timeline .st-row .h-item .info-line {
	flex-wrap: wrap;
	gap: 2px 0;
}

.sche-timeline .st-row .h-item .info-line .tag-small {
	white-space: normal;
	word-break: break-word;
}

.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;
}

/* schedule items */
.sche-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: .75rem 0;
	border-bottom: 1px solid #ffffff08;
}

.sche-item:last-child {
	border-bottom: none;
}

.sche-item-time {
	flex-shrink: 0;
	width: 60px;
	text-align: center;
	padding-top: 12px;
}

.sche-time-value {
	font-size: 16px;
	font-weight: 700;
	color: var(--primary-text);
	background-color: #ffffff08;
	padding: .3rem .6rem;
	border-radius: .4rem;
}

.sche-item-content {
	flex-grow: 1;
}

.sche-item-card {
	display: flex;
	gap: 1rem;
	padding: .75rem 1rem;
	border-radius: .75rem;
	background-color: #ffffff06;
	border: 1px solid #ffffff10;
	transition: all .2s;
}

.sche-item-card:hover {
	background-color: #ffffff0a;
	border-color: var(--primary-color);
}

.sche-item-thumb {
	flex-shrink: 0;
	width: 70px;
	height: 100px;
	border-radius: .5rem;
	overflow: hidden;
}

.sche-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sche-item-info {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	flex-grow: 1;
}

.sche-item-title {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}

.sche-item-title:hover {
	color: var(--primary-text);
}

.sche-episode {
	font-size: 13px;
	color: #fff9;
	font-weight: 500;
}

.sche-badge {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	font-size: 11px;
	font-weight: 600;
	padding: .2rem .6rem;
	border-radius: 1rem;
	width: fit-content;
}

.sche-badge-upcoming {
	background-color: #3b82f620;
	color: #60a5fa;
}

.sche-badge-airing {
	background-color: #22c55e20;
	color: #4ade80;
}

.sche-badge-aired {
	background-color: #ffffff10;
	color: #ffffff60;
}

.sche-note {
	font-size: 12px;
	color: #fff6;
	margin: .2rem 0 0;
	font-style: italic;
}

/* avatar list */
.avatar-list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
}

.avatar-list .item {
	width: 100%;
	padding-bottom: 100%;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	opacity: .6;
	box-shadow: 0 0 0 3px transparent;
}

.avatar-list .item img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

.avatar-list .item:hover,
.avatar-list .item.active {
	opacity: 1;
}

.avatar-list .item.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #fff;
	z-index: 2;
}

.question-box {
	margin: 2rem 0;
	padding: 1.5rem;
	max-width: 560px;
	border: 1px solid #ffffff30;
	border-radius: 1rem;
	list-style: none;
}

.question-box li+li {
	margin-top: .5rem;
}

/* top discuss */
.comm-wrap {
	margin-bottom: 1rem;
	border-radius: 1rem;
	border: 1px solid #fff2;
	display: flex;
	flex-direction: column;
}

.top-discuss {
	padding: 1.5rem 2rem;
	border-bottom: 1px solid #fff2;
}

/* .top-discuss .td-list{ display: grid; grid-template-columns: repeat(6,1fr); align-items: stretch; gap: 1.5rem;} */
.top-discuss .td-list {
	position: relative;
}

.td-d-item {
	align-items: stretch;
	padding: 1.2rem;
	position: relative;
	border-radius: .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: .3rem;
}

.td-d-item .di-v {
	display: flex;
	flex-direction: column;
	gap: .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: #fff;
}

.td-d-item .di-poster {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	mask-image: linear-gradient(to bottom, black 0, transparent 80%);
}

.td-d-item:hover .di-poster {
	opacity: .7;
}

.td-d-item .di-poster img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(5px);
	transform: scale(1.1);
}

.td-d-item .info {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	color: #fff9
}

.td-d-item .info>div {
	margin-bottom: 0;
}

.td-d-item .info .text {
	flex-grow: 1;
	font-size: 13px;
	color: #fff8 !important;
	height: 42px;
	margin-bottom: 3px;
}

.td-d-item .info .comment-bottom .line-center {
	gap: .3rem;
}

.comm-title {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #fff;
	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: 0;
	background-color: var(--bg-color) !important;
	border: 1px solid #fff3 !important;
	opacity: 1;
	border-radius: 50%;
	right: -10px;
}

.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: 0;
}

.irt-table .it-col {
	padding: 1.5rem 2rem;
}

.irt-table .it-col+.it-col {
	border-left: 1px solid #fff1;
}

.it-col .chart-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.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: .3;
}

.it-col .chart-list .item .dev {
	width: 16px;
	text-align: center;
}

.it-col .chart-list .item .name {
	margin: 0 !important;
	font-size: 1em;
	font-weight: 400;
	flex-grow: 1;
	color: #fff;
}

.it-col .chart-list .item .v-thumbnail {
	width: 25px;
	padding-bottom: 36px;
	border-radius: .1rem;
}

.it-col .chart-list .item .user-avatar {
	width: 32px;
	height: 32px;
}

.it-col .chart-list .item .topic-color {
	padding: 0 .8rem;
	height: 28px;
	font-size: 13px;
	display: flex;
	align-items: center;
	color: #fff;
	border-radius: 30px;
}

.it-col .chart-list .item-more a {
	color: #fff5;
}

.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: 48px;
	gap: .2rem;
	padding: .6rem .8rem;
	padding-left: calc(40px + 1.6rem);
	border-radius: .6rem;
	background-color: #0005;
	border: 1px solid transparent;
	color: var(--text-base) !important;
}

.re-item:hover {
	background-color: #0006;
	border-color: #fff4;
}

.re-item .user-avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	left: .8rem;
}

.re-item .user-comment {
	font-size: 12px;
	word-break: break-word;
}

.re-item .user-comment span {
	color: #fff;
}

.re-item .for {
	font-size: 12px;
	line-height: 1.5;
	color: #fff5;
}

.re-item .for small {
	font-size: 8px;
	color: var(--primary-text);
}

.sw-comment-slide {
	max-height: 284px;
}

.dev.dev-up {
	color: #bedc33
}

.dev.dev-down {
	color: #dc328c
}

.dev.dev-stand {
	color: #fff3
}

.it-col.this-03 .chart-list .item:nth-child(10n + 1) .topic-color {
	background-color: #742d4b !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 2) .topic-color {
	background-color: #387fda !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 3) .topic-color {
	background-color: #7356b1 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 4) .topic-color {
	background-color: #91ab47 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 5) .topic-color {
	background-color: #a98762 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 6) .topic-color {
	background-color: #218a8f !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 7) .topic-color {
	background-color: #9616d1 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 8) .topic-color {
	background-color: #c9512c !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 9) .topic-color {
	background-color: #616994 !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 10) .topic-color {
	background-color: #ad4c68 !important
}

.it-col.this-05 {
	max-width: 550px;
}

.d-modal .modal-content {
	background-color: #242838 !important;
}

.d-modal .comm-title {
	font-size: 14px;
}

.it-col.it-big {
	padding: 0 !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 #ffffff08;
}

.it-col.it-big .chart-list .item .v-thumbnail {
	width: 36px;
	height: 50px;
	border-radius: .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: #fff5;
}

.it-col .chart-list .item .info .small-text .s-icon {
	font-size: 11px !important;
}


/* box new */
.cards-boxed .row-tabs {
	display: flex;
	flex-wrap: wrap;
	column-gap: .5rem;
	row-gap: .5rem;
}

.cards-boxed .row-tabs a {
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	padding: 0 1rem;
	height: 36px;
	border-radius: 3rem;
	gap: .6rem;
	color: #fff;
	position: relative;
	background-color: #ffffff10;
	overflow: hidden;
}

.cards-boxed .row-tabs a:hover {
	background-color: #ffffff20;
}

.cards-boxed .row-tabs a.active {
	color: #000;
	background: rgb(252, 241, 216);
	background: linear-gradient(94deg, rgba(252, 241, 216, 1) 0%, #fdb9de 100%);
}

.cards-boxed .row-tabs a .inc-icon {
	width: 24px;
	height: 24px;
	display: none;
}

.inc-icon.new-tag {
	width: 80px !important;
	height: auto !important;
	position: relative;
	margin-left: -20px;
}

#slide-cover-new .sw-navigation .sw-button {
	top: 50%;
}

.sw-cover.cover-fade {
	background-color: #224d67;
	border-radius: .75rem;
	overflow: hidden;
}

.sw-cover.cover-fade .v-thumbnail {
	background-color: transparent;
	border-radius: .75rem .75rem 0 0;
}

.sw-cover.cover-fade .v-thumbnail img {
	mask-image: linear-gradient(to top, transparent 0, black 40%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, 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: 0
}

.sw-cover.cover-fade .h-item .info .alias-title {
	font-size: 1em;
	color: var(--primary-text);
	margin-bottom: .6rem;
}

.sw-cover.cover-fade .h-item .info .description {
	font-size: 13px;
	color: #fff;
}

.sw-cover.cover-fade .backdrop-filter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	filter: blur(30px);
	opacity: .3;
	transform: scale(1.2);
}

.pin-relative {
	display: flex;
	align-items: center;
	gap: .3rem;
	font-size: 12px;
	line-height: 1.3;
}

.pin-relative .video-type {
	padding: .2rem .4rem;
	font-size: 11px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: .3rem;
	white-space: nowrap;
}

.pin-relative .pin-new {
	transform: none;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	box-shadow: none;
	border-radius: 0;
	gap: .3rem;
}

.pin-relative .pin-new .line-center {
	border-radius: .3rem;
}

.pin-relative .pin-new .line-pd {
	background-color: #ffffff36;
}

.radius-0 {
	border-radius: 0 !important;
}

.bg-trans {
	background-color: transparent !important;
	border-radius: .5rem !important;
}

.text-gradient {
	text-shadow: none !important;
	letter-spacing: 1px;
	font-weight: 700 !important;
	font-size: 2.2em !important;
	background: linear-gradient(to right, #FCF1D8 0%, #ff7ee5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* loading */
.v-loader-area {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3rem;
	height: 200px;
	position: relative;
}

.v-loader-area.fixed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff05;
}

.v-loader {
	width: 45px;
	aspect-ratio: 1;
	--c: no-repeat linear-gradient(#5b5d68 0 0);
	background:
		var(--c) 0% 50%,
		var(--c) 50% 50%,
		var(--c) 100% 50%;
	background-size: 20% 100%;
	animation: l1 1s infinite linear;
	transform: scale(.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: allpage-load .3s forwards;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}

@keyframes allpage-load {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		overflow: unset;
		height: auto;
	}
}

#body-load {
	display: flex;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--bg-color);
	justify-content: center;
	align-items: center;
	animation: body-load-effect .6s forwards;
}

#body-load .bl-logo {
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: center;
	align-items: center;
	font-size: 3em;
	line-height: 1.4;
	color: #ffffff30;
	font-weight: 600;
	animation: logo-load .6s forwards;
}

#body-load .bl-logo img {
	width: 60%;
	max-width: 360px;
	height: auto;
}

body.base-load {
	animation: base-load 2s forwards;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	animation-delay: 1s;
}

@keyframes body-load-effect {
	0% {
		opacity: 100%;
		z-index: 1000;
	}

	60% {
		opacity: 100%;
		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(.6);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes home-load {
	0% {}

	60% {}

	80% {
		overflow: hidden;
	}

	100% {
		background-image: url(/wp-content/uploads/images/home-background.webp);
		overflow: auto;
	}
}

/* Update */
.info-line .tag-small {
	margin-right: 0
}

.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: #ffffff30;
	position: absolute;
	left: -3px;
	top: calc(50% - 3px);
	border-radius: 50%;
}

.block-404 {
	width: 100%;
	max-width: 800px;
	padding: 0 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: .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: .6rem !important;
}

.Toastify__progress-bar--wrp {
	height: 3px !important;
}

.Toastify__toast-theme--dark {
	background: #ffffff0f !important;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.ratio-16x9 video {
	object-fit: cover;
}

.cat-more .line-center {
	padding: 0;
	height: 30px;
	width: 30px;
	border-radius: 2rem;
	border: 1px solid #fff5;
	font-size: 14px;
	justify-content: center;
	gap: 0;
}

.cat-more:hover .line-center,
.cat-more.active .line-center {
	width: auto;
	padding: 0 .5rem;
}

.cat-more span {
	display: none;
	font-size: 12px;
	padding: 0 .4rem;
}

.cat-more i {
	width: 20px;
	text-align: center;
}

.cat-more:hover span,
.cat-more.active span {
	display: block;
}

.denied-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1e212e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1.5rem 25%;
	gap: 2rem;
	font-size: 2.3em;
	font-weight: 600;
	color: #fff;
}

.denied-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/images/denied-bg.webp);
	background-size: cover;
	background-position: center center;
	opacity: .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%);
	top: auto !important;
	height: auto !important;
	bottom: -200px;
	width: 90%;
	max-width: 320px;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	box-shadow: 0 0 10px 10px #0001;
	padding: 1rem;
	border-radius: .8rem;
	animation: pop-show .75s forwards;
	animation-delay: 1s;
}

.quality-notice .notice-dismiss {
	color: #888;
	font-size: 12px;
	font-weight: 400;
	margin-top: .6rem;
	cursor: pointer;
}

@keyframes pop-show {
	0% {
		opacity: 0;
		bottom: -200px;
	}

	100% {
		opacity: 1;
		bottom: 30px;
	}
}

.app-box-fix {
	position: fixed;
	z-index: 999;
	bottom: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.app-box-fix .content {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 1rem;
	padding: 1.2rem;
	color: #000;
	width: 100%;
	max-width: 300px;
	box-shadow: 0 0 10px 3px #0002;
}

.app-box-fix .content>div {
	position: relative;
	z-index: 2;
}

.app-box-fix .heading-xs {
	color: #000;
	margin-bottom: .75rem;
}

.app-box-fix .close-app-box {
	margin-top: 1rem;
}

.app-box-fix .close-app-box a {
	color: #666;
	font-size: 12px;
	padding: .1rem 1rem;
	text-align: center;
	display: block;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

.app-box-fix .close-app-box a:hover {
	color: #000;
}

.app-box-fix .app-box .appicon img {
	width: 60px;
	border-radius: .7rem;
}

.table-wrap {
	margin: 2rem auto;
	max-width: 800px;
	padding: 10px;
	border: 1px solid #fff9;
	border-radius: 1rem;
	overflow: hidden;
}

.v-table {
	margin: 0;
	font-size: 14px;
	border-radius: .8rem;
	overflow: hidden;
}

.table.v-table> :not(caption)>*>* {
	padding: .6rem .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-top: .5rem !important;
	padding-bottom: calc(.5rem + 22px) !important;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border: none;
	border-radius: .75rem !important;
	overflow: hidden;
	height: auto !important;
	gap: .75rem;
}

.button-play.is-coming .text {
	font-size: 11px;
	line-height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	color: #000;
	border-radius: 0;
}

#totop {
	position: fixed;
	z-index: 99;
	right: 1rem;
	bottom: -100px;
	width: 48px;
	height: 48px;
	border-radius: .6rem;
	background-color: #fff;
	box-shadow: 0 0 10px 0 #0002;
	color: #000;
	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;
	display: none;
}

#totop i {
	font-size: 14px;
	position: relative;
}

#totop:hover i {
	top: -2px;
}

.mini-search {
	width: 100%;
	position: relative;
}

.mini-search .search-icon {
	position: absolute;
	left: .8rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
}

.mini-search .search-input {
	background-color: transparent !important;
	border: 1px solid var(--border-color) !important;
	border-radius: .4rem;
	box-shadow: none !important;
	font-size: 13px;
	padding: .4rem 1rem .4rem 2.2rem;
	width: 100%;
}

.mini-search.is-dark .search-input {
	border-color: #0003 !important;
}

.mini-search.is-dark .search-input:focus {
	border-color: #0e487a !important;
}

/* w2g home */
.home-w2g {
	border-radius: 1rem;
	background-color: #9e5969;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	color: #fffa;
}

.home-w2g .hw2g-icon {
	position: relative;
	bottom: -1.5rem;
	left: -1rem;
}

.home-w2g .hw2g-icon img {
	height: 300px;
	width: auto;
}

.home-w2g .hw2g-title {
	max-width: 250px;
}

.home-w2g .hw2g-title .is-name {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 1.5rem;
}

.dropdown-vip {
	font-size: 13px;
	padding: .4rem 1rem;
}

.dropdown-vip .user-name {
	font-size: 12px;
	color: #fff;
}

/* wallet */
.ro-coin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-image: url(/wp-content/uploads/images/ro-coin.svg);
	background-size: cover;
	flex-shrink: 0;
	display: inline-block;
	vertical-align: sub;
}

.ro-coin.m-size {
	width: 20px;
	height: 20px;
}

.l-size {
	font-size: 15px !important;
}

.m-size {
	font-size: 14px !important;
}

.s-size {
	font-size: 13px !important;
}

.xs-size {
	font-size: 12px !important;
}

.ro-coin.is-large {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	box-shadow: 0 0 0 3px #fff5 inset;
}

/* .ro-coin.less{ filter: grayscale(1);} */
.dropdown-wallet {
	padding: .5rem 1rem;
}

.wallet-display {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.wallet-display .btn-xs {
	min-height: auto;
	padding: 1px 6px;
	font-size: 10px;
}

.wallet-display .my-wallet {
	color: #fff;
	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;
}

#up-rox .logo-small img {
	height: 40px !important;
}

/* tv */
.code-page {
	padding: 100px 0 !important;
}

.your-account {
	display: flex;
	justify-content: center;
	color: #fff;
	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;
	background-color: transparent;
	color: #fff;
	font-size: 3em;
	font-weight: 600;
	padding: .75rem;
	text-align: center;
	border: 4px solid transparent !important;
	border-bottom-color: #fff2 !important;
	border-radius: 0;
	box-shadow: none !important;
}

.login-code .form-control::placeholder {
	color: #fff6;
}

.login-code .form-control:focus {
	border-color: #fff4 !important;
}

.login-code.error .form-control {
	border-color: #c94d4d1a !important;
	color: #c94d4d !important;
	background-color: #c94d4d1a !important;
}

.login-code-box .buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.login-code-box .buttons .btn-light[disabled] {
	background-color: #fff9 !important;
	border: none !important;
}

.display-pin {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.tv-checked {
	display: block;
	text-align: center;
	padding: 50px 0;
}

.tv-checked img {
	width: 240px;
	height: auto;
}

.flexbin {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
	gap: .4rem;
}

.flexbin:after {
	content: '';
	flex-grow: 999999999;
	min-width: 200px;
	height: 0;
}

.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;
	}
}

/* sponsor */
.sspp-area {
	position: relative;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.sspp-area .display-single {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.sspp-area .display-single .is-image {
	display: block;
	border: 2px solid #fff;
	width: 100%;
}

.sspp-area .display-single .is-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sw-item .sspp-area .display-single .is-image.auto-res,
.sw-item .sspp-area .display-single .is-image.auto-res img,
.swiper-slide .sspp-area .display-single .is-image.auto-res,
.swiper-slide .sspp-area .display-single .is-image.auto-res img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

/* sspp wide */
.sspp-area.is-wide .display-single {
	max-height: 110px;
	max-width: 1200px;
}

.sspp-area.is-wide {
	padding: 0 1rem;
}

.sspp-area.is-728 .display-single {
	max-height: 90px;
	max-width: 728px;
}

/* sspp catfish */
.sspp-area.is-wide.is-catfish {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	flex-direction: column;
	z-index: 15;
}


/* sspp square */
/* .sspp-area.is-3x2 .display-single{ width: 100%; padding-bottom: 66%; height: 0;}
.sspp-area.is-3x2 .display-single.is-demo{ padding-bottom: 84%;} */
.sspp-area.is-square-400 .display-single {
	max-width: 400px;
	max-height: 400px;
}

.sspp-area.is-square-300 .display-single {
	max-width: 300px;
	max-height: 300px;
}

/* sspp poster */
.sspp-area.is-poster,
.sspp-area.is-live {
	flex-direction: column;
	gap: .75rem;
}

.sspp-area.is-poster .display-text {
	font-size: .9em;
	opacity: .5;
}

.sspp-area.is-poster .display-single {
	width: 100%;
	padding-bottom: 150%;
	height: 0;
}

.sspp-area.is-poster .display-single .is-image {
	border-radius: .5rem;
}

.sspp-area.is-live .display-single {
	padding-bottom: 56%;
	height: 0;
}

.sspp-area.is-live .display-single .is-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: .6rem;
	overflow: hidden;
}

.sspp-area.is-square .display-single {
	height: 300px;
	width: 360px;
}

.sspp-area.is-square .display-single .call-me .wrap-text .buttons {
	flex-direction: column;
	margin-top: .5rem;
}

.sspp-area.is-box .display-single .call-me .wrap-text .buttons .btn,
.sspp-area.is-wide-m .display-single .call-me .wrap-text .buttons .btn {
	min-width: none;
	width: 100%;
	padding: .3rem;
	font-size: 13px;
	min-height: 30px;
}

.sspp-area.is-post {
	width: auto;
	align-items: flex-start;
	justify-content: flex-start;
}

.sspp-area.is-post .display-single {
	width: auto;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.5rem;
	padding: 1.25rem;
	border: 2px solid #fff1;
	border-radius: 1rem;
}

.sspp-area.is-post .display-single .sspp-logo {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.sspp-area.is-post .display-single .sspp-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chat-row .sspp-area.is-post .display-single {
	gap: 1rem;
	padding: .75rem;
	padding-right: 50px;
	border-radius: .75rem;
	font-size: 13px;
	border-color: #fff2;
}

.chat-row .sspp-area.is-post .display-single .sspp-logo {
	width: 36px;
	height: 36px;
}

.sspp-area .close-it {
	position: absolute;
	top: .5rem;
	right: .5rem;
	z-index: 5;
	cursor: pointer;
	opacity: .5;
	display: flex;
	align-items: center;
	gap: .4rem;
	padding: .4rem .5rem;
	background-color: #0006;
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 12px;
	text-shadow: 0 0 4px #0002;
	line-height: 1;
	border: 1px solid #fff;
	box-shadow: 0 0 5px 5px #0001;
	border-radius: .4rem;
}

.sspp-area .close-it span {
	display: none;
}

.card-mobile {
	display: none !important;
}

/* .sspp-area.is-wide .close-it span{ display: block} */
.sspp-area .close-it:hover {
	opacity: 1;
}

.sspp-area.is-post .close-it {
	top: .5rem;
	right: .5rem;
	border: none !important;
	background-color: #fff1 !important;
}

.sspp-modal .modal-dialog .modal-content {
	max-width: 400px;
	margin: 0 auto;
}

.lw-player .sspp-area.is-max {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.lw-player .sspp-area.is-max .display-single {
	width: 100%;
	height: 100%;
}

.it-col.this-01,
.it-col.this-02 {
	width: 420px;
	flex-shrink: 0;
}

.it-col.this-05 {
	max-width: none;
	flex-grow: 1;
}

.it-col.this-03 {
	width: 320px;
	flex-shrink: 0;
}

.delay-load {
	animation: delay-time 3s forwards;
}

@keyframes delay-time {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.sspp-area .display-single.is-demo {
	max-height: none !important;
}

.sspp-area.is-wide .display-single.is-demo {
	max-width: 890px;
}


/* homepage */
body.homepage {
	background-color: #14161E;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	animation: home-load 2s forwards
}

body.homepage .container {
	max-width: 1330px;
}

#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: 12rem auto 5rem;
	border-radius: 2rem;
	background-color: rgba(255, 255, 255, .025);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.home-board .home-logo img {
	height: 60px;
	width: auto;
}

.home-board .heading-xl {
	text-align: center;
	font-size: 2.6em;
}

#section-second {
	padding: 0 0 4rem;
}

#home-footer {
	text-align: center;
	padding-bottom: 4rem;
}

.home-footer-menu {
	margin: 2rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 2.5rem;
	padding: 0 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.5em;
    text-align: justify;
	line-height: 1.7;
	color: #cfcfcf;
	padding: 0 3rem;
}

#about a {
	color: #fff;
}

#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;
	margin: 1.5rem 0;
	color: var(--primary-text);
}

#about h2 {
	font-size: 1.6em;
	margin: 1.5rem 0;
	;
	color: var(--primary-text);
}

#about h3 {
	font-size: 1.4em;
	margin: 0 0 1.25rem;
	color: #fff;
}

#about h4 {
	font-size: 1.2em;
	margin-bottom: .5rem;
	color: var(--primary-text);
}

#about h5 {
	font-size: 1.1em;
	margin-bottom: .5rem;
	color: #fff;
}

/* live */
.cards-live .boxed {
	padding: 1.75rem 2rem;
	border-radius: 1rem;
	background-color: #5F2D54;
}

.cards-live .row-header {
	min-height: auto;
	margin-bottom: 1.5rem;
}

.cards-live .row-header .category-name {
	font-size: 1.8em;
	line-height: 1.1;
}

.home-live {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}

.home-live .live-grid-big {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
}

.home-live .live-grid-big .card-live {
	flex: 1;
}

.home-live .card-live {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.home-live .card-live .v-thumbnail-hoz {
	padding-bottom: 56%;
	border-radius: .6rem;
	box-shadow: 0 10px 10px 0 #0002;
}

.home-live .v-thumbnail .live-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
}

.home-live .card-live .card-live-detail {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	flex-direction: row;
}

.home-live .card-live .card-live-detail .user-avatar {
	width: 40px;
	height: 40px;
}

.home-live .card-live .card-live-detail .is-info {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	gap: .1rem;
	font-size: .9em;
}

.home-live .card-live .card-live-detail .live-name {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: .2rem;
}

.home-live .card-live .card-live-detail .source-name {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: .15rem;
	color: #fff9;
}

.home-live .card-live .card-live-detail .info-line>div {
	font-size: 12px;
	color: #fff9;
}

.home-live .card-live .card-live-detail .info-line .tag-user a {
	color: #fff9;
}

.home-live .card-live .card-live-detail .is-option {
	position: relative;
}

.home-live .live-grid-small {
	display: flex;
	flex-direction: column;
	gap: 0rem;
}

.home-live .live-grid-small .card-live {
	padding: 1rem;
	border-radius: .5rem;
	flex-direction: row;
	align-items: center;
}

.home-live .live-grid-small .card-live:nth-child(2n) {
	background-color: #00000015;
}

.home-live .live-grid-small .card-live:hover {
	background-color: #fff1 !important;
}

.home-live .live-grid-small .card-live .v-thumbnail {
	width: 40px;
	padding-bottom: 60px;
	flex-shrink: 0;
	border-radius: .2rem;
}

.home-live .live-grid-small .card-live .card-live-detail {
	position: relative;
	z-index: 4;
	flex-grow: 1;
	border-left: 1px solid #fff2;
	padding-left: 1rem;
	align-items: center;
}

.home-live .live-grid-small .card-live .card-live-detail .user-avatar {
	display: none;
}

.home-live .live-grid-small .card-live .card-live-detail .live-name {
	line-height: 1.5;
	font-size: 1.1em;
	-webkit-line-clamp: 2;
}

.home-live .live-grid-small .card-live .home-live-status {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.home-live .card-live .v-thumbnail .live-tag {
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 3;
	border-radius: .3rem;
	height: 24px;
	padding: 0 .4rem;
	box-shadow: 0 0 5px 5px #0001;
}

.home-live .current-status {
	position: absolute;
	z-index: 3;
	bottom: .5rem;
	left: .5rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	background-color: #0009;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: .3rem .7rem;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	border-radius: .4rem;
	border: 1px solid #fff;
	box-shadow: 0 0 5px 5px #0001;
}

.home-live .current-status.status-live {
	border: 1px solid #fff;
	border-radius: .4rem;
}

.home-live .current-status.status-end,
.home-live-status .btn-outline.end {
	color: #fe476a !important;
	border-color: #fe476a !important;
	font-weight: 400;
}

.home-live .current-status.status-coming {
	font-weight: 400;
}

.home-live .current-status.status-coming .time-left {
	font-weight: 600;
}

.home-live .remind-me {
	left: auto;
	right: .5rem;
	cursor: pointer;
	z-index: 5;
}

.home-live .remind-me.active,
.home-live-status .btn-outline.remind-me.active {
	color: var(--primary-text) !important;
	border-color: var(--primary-color) !important;
}

.home-live .start-now {
	background-color: #fff;
	color: #000;
	left: .5rem;
	right: auto;
	bottom: .5rem;
	top: auto;
	z-index: 5;
}

.home-live .start-now:hover {
	background-color: var(--primary-color);
	color: #000;
	border-color: var(--primary-color);
}

.home-live .card-live .thumb-small {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 39%;
	height: 100%;
	z-index: 2;
	background-size: cover;
	background-position: top center;
	box-shadow: 0 10px 10px 0 #0002;
	mask-image: linear-gradient(to top, transparent 0%, black 30%)
}

.home-live .live-tag {
	font-size: 12px;
	font-weight: 500;
}

.home-live .live-grid-big {
	width: 65%;
	flex-shrink: 0;
}

.home-live .live-grid-small {
	flex-grow: 1;
}

/* .home-live .live-grid-big .card-live-air{ box-shadow: 0 0 100px 0 #cf171770 inset;} */

.home-live .user-avatar.o-live {
	width: 46px;
	height: 46px;
	border: 2px solid red;
	animation: home-live-avatar 1s infinite;
}

.home-live .user-avatar.o-live img {
	transform: scale(.8);
	border-radius: 50%;
}

@keyframes home-live-avatar {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.live-tag {
	background-color: #cf1717 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center;
	gap: .3rem;
}

.live-tag.blink:before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #fff;
	display: block;
	border-radius: 50%;
	animation: live-flash 1s infinite;
}

@keyframes live-flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.count-time {
	animation: count-time 1s infinite;
}

@keyframes count-time {
	0% {
		transform: rotate(0);
	}

	50% {
		transform: rotate(90deg);
	}

	100% {
		transform: rotate(180deg);
	}
}

@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: 0;
	}
}

@media screen and (max-width: 640px) {
	body.homepage .container {
		padding: 0 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;
		row-gap: 1rem;
		column-gap: 2rem;
	}

	#home-footer {
		padding-bottom: 3rem;
	}
}

.zbox-welcome {
	bottom: 1rem;
	left: 1rem;
	z-index: 100;
}

.zbox-welcome .content {
	background-color: #000000f2 !important;
	color: #fffa;
	max-width: none;
	width: 420px;
	padding: 1.5rem 2rem;
	border-radius: 1rem;
}

.zbox-welcome .content .v-thumb-m {
	width: 100px;
}

.zbox-welcome .content .watched-bar {
	max-width: 180px;
}

.zbox-welcome .content .info-line .tag-small {
	color: #fff9;
}

/* shoutbox fixed */
.shoutbox-fixed {
	position: fixed;
	bottom: 0;
	right: 1rem;
	z-index: 100;
	width: 280px;
}

.shoutbox-fixed .btn-toggle {
	width: 100%;
	background-color: #fff !important;
	color: #000 !important;
	border: none !important;
	border-radius: .6rem;
	height: 48px;
	opacity: 1 !important;
	box-shadow: 0 0 10px 10px #0002;
	cursor: pointer;
	margin-bottom: 1rem;
}

.shoutbox-fixed .btn-toggle .user-avail .inc-icon {
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
}

.shoutbox-fixed .btn-toggle .user-avail .inc-icon+.inc-icon {
	margin-left: -7px;
}

.shoutbox-fixed .shoutbox {
	height: 900px;
	max-height: 80vh;
	border-radius: 0;
	border: none;
	box-shadow: 0 0 10px 10px #0002;
}

.shoutbox-fixed.show {
	width: 400px;
	right: 1rem !important;
	transition: none !important;
}

.shoutbox-fixed.show .shoutbox {
	display: flex !important;
}

.shoutbox-fixed.show .btn-toggle {
	border-radius: .75rem .75rem 0 0;
	margin-bottom: 0;
}

.shoutbox-fixed.show .btn-toggle .toggle-icon {
	display: block !important;
	font-size: 18px;
}

.shoutbox-fixed.show .btn-toggle .s-hide {
	display: none;
}

.shoutbox-fixed .shoutbox .chat-row {
	padding: .6rem 1rem;
}

.shoutbox-fixed .shoutbox .sb_bottom {
	padding: 1rem;
}

.rox-setting {
	text-decoration: underline !important;
	text-underline-offset: 4px;
	white-space: nowrap;
}

/* match info */
.app-box-fix .content-rb {
	width: 400px;
	max-width: none;
	padding: 1.5rem;
	color: #fff;
	backdrop-filter: blur(15px);
	background: #6C60B9;
	background: linear-gradient(236deg, rgba(108, 96, 185, .9) 0%, rgba(90, 81, 143, .9) 100%);
}

.app-box-fix .content-rb .rb-header {
	position: relative;
	padding-left: 60px;
}

.app-box-fix .content-rb .rb-header .rb-logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
}

.app-box-fix .content-rb .rb-header .rb-logo img {
	width: 44px;
	height: auto;
}

.app-box-fix .content-rb .alias-title {
	color: #fff9;
	margin-top: 2px;
}

.app-box-fix .content-rb .close-app-box a {
	color: #fffa;
}

.app-box-fix .content-rb .btn-sm {
	border-radius: .4rem;
}


.match-info {
	display: flex;
	flex-direction: column;
	margin: 1.25rem 0;
	gap: .75rem;
	position: relative;
	align-items: center;
	justify-content: center;
}

.match-info .match-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .75rem;
	width: 100%;
}

.match-info .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	position: relative;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2rem .4rem .5rem;
	color: #000 !important;
	border-radius: .75rem;
	border-bottom: 3px solid #c0ceeb;
}

.match-info .item:hover {
	background-color: #fff !important;
	border-color: #e2fe35;
}

.match-info .item .info-item {
	position: absolute;
	top: 0;
	left: .75rem;
	right: .75rem;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 20px;
	gap: .5rem;
}

.match-info .item .info-item>div {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.match-info .item .info-item>.league-name {
	flex-shrink: unset;
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	display: block;
}

.match-info .item .time-match {
	font-size: 10px;
	line-height: 20px;
	padding: 0 5px;
	background-color: #000;
	color: #fff;
	border-radius: 0 0 .3rem .3rem;
}

.match-info .item .live-badge>div {
	padding: 0 5px;
	line-height: 20px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	background-color: red;
	border-radius: 0 0 0 .3rem;
}

.match-info .item .live-badge>div.prog {
	background-color: #eee;
	border-radius: 0 0 .3rem 0;
	color: #000;
}

.match-info .item .live-badge>div.prog span {
	animation: time-flash 1s linear infinite;
}

@keyframes time-flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

.match-info .team-vs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}

.match-info .team-vs .card-team {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: .25rem;
	padding: 0 .3rem;
}

.match-info .team-vs .card-team .inc-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.match-info .team-vs .card-team .inc-icon img {
	object-fit: contain;
}

.match-info .team-vs .card-team .lim {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	flex-grow: 1;
	word-break: break-word;
	text-align: center;
}

.match-info .team-vs .current {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 50%;
	width: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	transform: translate(-50%, 0);
	padding: 3px 0;
}

.match-info .team-vs .current .score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	color: #0005;
	border-radius: .6rem;
	background-color: #ffd875;
	line-height: 26px;
	color: #000;
}

.match-info .team-vs .current .score.update {
	color: #000;
}

.match-info .match-comm {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}

.match-info .match-comm .comm-avatar {
	width: 24px;
	height: 24px;
	font-size: 0;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #0003;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.match-info .match-comm .comm-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.match-info .match-comm span {
	font-size: 11px;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}


/* robong row */
.league-swiper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .5rem 0;
	background-color: #0003;
	border-radius: 1.25rem 0 0 1.25rem;
}

.league-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rrb-wrap {
	display: flex;
	align-items: stretch;
	background-color: #2f43a3;
	background-image: url(/wp-content/uploads/images/robong/background.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 1.25rem;
	min-height: 150px;
	border: 1px solid #617cfe;
	box-shadow: 0 0 50px 0 #fff2 inset;
	position: relative;
	padding-left: 60px;
}

.rrb-wrap:before {
	content: "";
	width: 6px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	background-color: #e2fe35;
	border-radius: 2rem 0 0 2rem;
	z-index: 1;
}

.rrb-wrap .leagues-slide {
	width: 60px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.rrb-wrap .leagues-slide .l-icons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.rrb-wrap .leagues-slide .l-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.rrb-wrap .leagues-slide .l-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rrb-wrap .rb-intro {
	flex-shrink: 0;
	width: 300px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .75rem;
	position: relative;
	z-index: 2;
}

.rrb-wrap .rb-intro .rb-logo {
	flex-shrink: 0;
}

.rrb-wrap .rb-intro .rb-logo a {
	display: block;
	height: 40px;
	overflow: hidden;
	flex-shrink: 0;
}

.rrb-wrap .rb-intro .rb-logo img {
	height: 100%;
	width: auto;
}

.rrb-wrap .rb-intro .rb-title {
	line-height: 1.3;
	text-shadow: 0 0 5px #0003;
}

.rrb-wrap .rb-intro .rb-label a {
	border-radius: .4rem;
	overflow: hidden;
	gap: 1px;
}

.rrb-wrap .rb-intro .rb-label a span {
	background-color: #e2fe35;
	color: #000;
	font-size: 14px;
	line-height: 28px;
	padding: 0 .5rem;
	letter-spacing: 1px;
	white-space: nowrap;
}

.rrb-wrap .rb-intro .rb-label a i {
	line-height: 28px;
	padding: 0 0.5rem;
	background-color: #fff;
	color: #000;
}

.rrb-wrap .rb-pic {
	mask-image: linear-gradient(to right, black 0%, black 70%, transparent 100%);
	margin-right: -80px;
	width: 400px;
	flex-shrink: 0;
	overflow: hidden;
}

.rrb-wrap .rb-pic img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.rrb-wrap .rb-more {
	width: 130px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rrb-wrap .rb-more a {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
}

.rrb-wrap .rb-more a:hover .btn {
	background-color: #e2fe35 !important;
	border-color: #e2fe35 !important;
}

@media screen and (max-width: 1599px) {
	.match-info .match-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.match-info .match-list .item:nth-child(n+5) {
		display: none;
	}
}

@media screen and (max-width: 1359px) {
	.rrb-wrap .rb-pic {
		display: none;
	}

	.rrb-wrap .rb-intro {
		width: 100%;
		max-width: 280px;
		padding: 1.5rem;
	}
}

@media screen and (max-width: 1079px) {
	.rrb-wrap {
		flex-direction: column;
		border-radius: 1rem;
	}

	.rrb-wrap .rb-intro {
		max-width: none;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 1rem;
	}

	.rrb-wrap .rb-intro .rb-logo a {
		width: 42px;
	}

	.rrb-wrap .rb-intro .rb-title {
		flex-grow: 1;
		text-align: left;
		margin: 0 !important;
	}

	.rrb-wrap .rb-intro .rb-label {
		display: none;
	}

	.match-info {
		padding: 0 1rem !important;
	}

	.match-info .match-list {
		gap: .6rem;
	}

	.rrb-wrap .rb-more {
		width: 100%;
		padding: 0;
	}

	.rrb-wrap .rb-more a {
		flex-direction: row-reverse;
		align-items: center;
		padding: 1rem;
	}

	.rrb-wrap .rb-more .btn.btn-circle {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 639px) {
	.rrb-wrap {
		overflow: hidden;
		padding: 0;
		border-radius: .75rem;
	}

	.rrb-wrap .leagues-slide,
	.rrb-wrap::before {
		display: none;
	}

	.rrb-wrap .rb-intro .rb-title {
		font-size: 1.2em;
	}

	.rrb-wrap .rb-intro .rb-logo a {
		width: 32px;
		height: 30px;
	}

	.match-info {
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.match-info::-webkit-scrollbar {
		display: none;
	}

	.match-info .match-list {
		display: flex;
		gap: .75rem;
	}

	.match-info .match-list .item {
		width: 230px;
		flex-shrink: 0;
		padding: 1.8rem 0 .4rem;
	}

	.match-info .match-list .item:nth-child(n+5) {
		display: flex;
	}

	.match-info .team-vs .current {
		border: none !important;
		width: 40px;
	}

	.match-info .team-vs .current .score.update {
		border: none !important;
	}

	.match-info .team-vs .card-team .inc-icon {
		width: 30px !important;
		height: 30px !important;
	}
}

/* vip */
body.for-rox {
	color: #fffa;
}

body.for-rox,
body.for-rox #body-load,
body.for-rox .filter-toggle {
	background-color: #0D132E;
}

body.for-rox .top-discuss-wrapper .sw-navigation .sw-button {
	background-color: #0D132E !important;
}

body.for-rox header {
	background: rgb(8, 11, 29);
	background: linear-gradient(0deg, rgba(8, 11, 29, 0) 0%, rgba(8, 11, 29, 1) 100%);
}

body.for-rox header.fixed {
	background-color: #080B1Dd4 !important;
	backdrop-filter: blur(10px);
}

body.for-rox footer,
body.for-rox .live-category {
	background-color: #080B1D !important
}

body.for-rox .v-modal .modal-content {
	background-color: #273261;
}

body.for-rox .v-modal.modal-rox .modal-content {
	backdrop-filter: blur(10px);
	background: #354ABA80;
	background: linear-gradient(15deg, rgba(53, 74, 186, .4) 0%, rgba(53, 74, 186, .8) 100%);
}

body.for-rox .top-slide-main::before,
body.for-rox .top-detail-wrap::after {
	background: rgb(13, 19, 46);
	background: linear-gradient(0deg, rgb(13, 19, 46) 0%, rgba(13, 19, 46, 0) 100%);
}

/* vip (customize color) */
/* body.for-rox a:hover, body.for-rox .app-download-button > .inc-icon{ color: #36FA77;}
body.for-rox .text-primary, body.for-rox .primary-text{ color: #36FA77 !important;}
body.for-rox .primary-gradient, body.for-rox .button-play, 
body.for-rox .btn-primary{ background-color: #36fa77 !important; border-color: #36fa77 !important;}
body.for-rox .button-play{ box-shadow: 0 5px 10px 5px #ff7ece10;} */
body.for-rox .top-up .sw-item .v-thumbnail:hover .mask {
	background-color: #9AFCBA;
}

body.for-rox .w-chart .number {
	background: rgb(54, 250, 119);
	background: linear-gradient(39deg, rgb(54, 250, 119) 0%, rgb(255, 255, 255) 100%);
}

body.for-rox .comm-title .ct-icon {
	color: #36FA77;
}

body.for-rox .topics-list.single {
	background: transparent !important;
	padding: 3rem 0 0;
}

body.for-rox .topics-list.single .row-topic {
	align-items: flex-start;
}

body.for-rox .v-dropdown-menu.bg-dark {
	background-color: #20284bfa !important;
	backdrop-filter: blur(10px);
	color: #fffa;
}

body.for-rox .v-dropdown-menu.bg-dark.user-dropdown,
body.for-rox .v-dropdown-menu.bg-dark.noti-dropdown {
	background-color: #303a69 !important;
	border-radius: .75rem;
}

body.for-rox .noti-wrap .h-item.new,
body.for-rox .noti-wrap .h-item:hover {
	background-color: #3b4781 !important;
}

body.for-rox .noti-wrap .h-item+.h-item {
	border-top: 1px solid #fff1;
}

body.for-rox .detail-container>div {
	background-color: transparent !important;
	backdrop-filter: none !important;
}

body.for-rox .detail-container>div.dc-side {
	padding-top: 0;
	padding-left: 0;
}

body.for-rox .detail-container>div.dc-main .dm-bar {
	background-color: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	border-radius: 1.25rem;
	margin-bottom: 1rem;
	box-shadow: 0 15px 15px 0 #0002;
}

body.for-rox .my-area .ma-input .v-form-control {
	background-color: #0d132e !important
}

body.for-rox .re-item {
	background-color: transparent !important;
	border: none !important;
}

body.for-rox .re-item:hover {
	background-color: #fff1 !important;
}

body.for-rox .irt-table .it-col+.it-col {
	border-left: none !important;
}

body.for-rox .v-notice {
	color: #fff8;
}

body.for-rox .sw-item .info .alias-title a,
body.for-rox .sw-cover .alias-title a {
	color: #fffa;
}

body.for-rox .premium-wrap {
	background-color: #080b1d !important;
}

body.for-rox .search-modal {
	background-color: #20284be4;
}

body.for-rox #wrapper.makeup::before {
	background: rgb(8, 11, 29);
	background: linear-gradient(0deg, rgba(8, 11, 29, 0) 0%, rgba(8, 11, 29, 1) 100%);
}

body.for-rox .dcc-side {
	background-color: #fff1;
}

body.for-rox .dcc-side .menu-user .item {
	border-color: #fff1;
}

body.for-rox .noti-wrap {
	background-color: #303a69;
}

body.for-rox.body_live header {
	background: rgb(8, 11, 29) !important;
}

body.for-rox .primary-gradient,
body.for-rox .button-play,
body.for-rox .w-chart .number {
	background: rgb(54, 250, 119);
	background: linear-gradient(39deg, rgb(54, 250, 119) 0%, rgb(211, 255, 221) 100%);
}

body.for-rox .button-play {
	box-shadow: 0 5px 10px 5px rgba(127, 251, 162, 0.1);
}

body.for-rox .btn-primary {
	background-color: #51f085 !important;
	border-color: #51f085 !important;
}

body.for-rox .text-primary,
body.for-rox .primary-text,
body.for-rox .ds-info .alias-name {
	color: #51f085 !important;
}

body.for-rox .pin-quality-tag,
body.for-rox .tag-quality {
	background-color: #60FC90;
	background-image: linear-gradient(220deg, #60FC90 0%, #FFF 100%);
}

body.for-rox .my-area .ma-buttons .btn-submit,
body.for-rox .app-download-button>.inc-icon,
body.for-rox .noti-number {
	color: #51f085 !important;
}

body.for-rox .v-toggle .toggle-x.on {
	border-color: #51f085 !important;
}

body.for-rox .v-toggle .toggle-x.on span,
body.for-rox .v-dropdown-menu .dropdown-item.active {
	background-color: #51f085 !important;
}

body.for-rox .de-eps.is-simple .item {
	background-color: #1c2343;
}

body.for-rox .de-eps.is-simple .item.on-air {
	background-color: #51f085 !important;
	color: #000 !important;
}

body.for-rox .de-eps.is-simple .item:hover,
body.for-rox a:hover {
	color: #51f085;
}

body.for-rox .v-tabs.nav-tabs .nav-link.active {
	color: #51f085;
	border-color: #51f085 !important;
}



/* fadeInUp animation */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.effect-fade-in {
	animation: fadeInUp .5s ease-out forwards;
}

.comm-title {
	line-height: 1.5;
	font-size: 16px !important;
}

/* Responsive community */
@media screen and (max-width: 1599px) {
	.it-col.this-03 {
		display: none;
	}
}

@media screen and (max-width: 1279px) {
	#community {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.irt-table {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.irt-table {
		display: grid;
		grid-template-columns: 1fr;
	}

	.footer-elements .side-left {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 100%;
	}

	.footer-elements .side-left .sl-brand {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		gap: 1.5rem;
		width: 100%;
	}

	.footer-elements .side-left .sl-brand .footer-logo {
		display: flex;
		justify-content: center;
	}

	.footer-elements .side-left .true .line-center,
	.footer-elements .side-left .sl-brand .socials,
	.footer-elements .side-left .sl-menu {
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}

	.footer-elements .side-left .sl-notice,
	.footer-elements .side-left .sl-copyright {
		text-align: center;
	}

	.footer-elements .side-left .sl-brand .socials {
		padding-left: 0;
		border-left: none;
	}

	.v-dropdown-menu {
		left: auto !important;
		right: 0 !important;
		max-width: calc(100vw - 2rem);
	}
}

/* ma-user panel */
.ma-user {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.ma-user .user-avatar {
	width: 44px;
	height: 44px;
	border: 2px solid #fff;
}

.ma-user .info {
	display: flex;
	flex-direction: column;
}

.ma-user .info span {
	font-weight: 500;
	color: #fff;
}/* custom */
@media screen and (max-width: 1919px) {
    header .header-elements {
        padding: 0 20px;
        gap: 1.5rem;
    }

    .container,
    .cards-row.wide {
        padding: 0 20px;
    }

    #logo img {
        height: 40px;
    }

    #main_menu,
    #main_user {
        gap: .5rem;
    }

    #main_user .button-user {
        min-width: 125px;
        padding: .5rem .8rem;
    }

    #main_menu .menu-item {
        padding: 0 .5rem;
        font-size: 13px;
    }

    .el-group {
        gap: .6rem;
    }

    .app-download {
        border-right: none;
        padding-right: 0;
    }

    .top-slide-wrap .top-slide-small {
        right: 50px;
    }

    .top-slide-wrap .sound-mute {
        right: 50px;
    }

    .top-slide-main {
        height: 760px;
    }

    .top-slide-category {
        height: 780px;
    }

    .top-detail-wrap {
        height: 0;
        padding-bottom: 40%;
    }

    .detail-container {
        margin-top: -100px;
    }

    .dashboard-container .dcc-main {
        padding: 0;
    }

    .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) {
    .big-slide-wrapper .slide-content {
        padding: 2rem;
        max-width: 600px;
    }

    .big-slide-wrapper .top-slide-main,
    .big-slide-wrapper .collection-s2-main {
        height: 460px;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin: -50px auto 0;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        gap: 1rem;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
        padding: .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: .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: 0 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: 1.2rem;
        row-gap: 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-suggest {
        grid-template-columns: repeat(5, 1fr);
    }

    .de-actors {
        grid-template-columns: repeat(5, 1fr);
        row-gap: 1.5rem;
        column-gap: .6rem;
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(6, 1fr);
    }

    :root {
        --padding-base: 30px;
    }

    .wc-main .wm-info .desc-line {
        padding-left: 0;
    }

    .watch-container {
        padding: 0;
    }

    .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(5, 1fr);
    }

    .more-topic {
        background: #ffffff10 !important;
        padding: 1rem !important;
    }

    .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: block;
        width: 220px;
        flex-shrink: 0;
    }

    .it-col.this-01,
    .it-col.this-02 {
        width: auto;
        flex: 1;
    }

    .home-live .live-grid-big {
        width: 55%;
    }

    .home-live .live-grid-big .card-live:nth-child(n+3) {
        display: none;
    }

    .shoutbox-fixed.show {
        width: 340px;
    }
}

@media screen and (max-width: 1359px) {
    #search {
        display: none;
    }

    header .header-elements {
        padding: 0 6px;
        height: 60px;
    }

    #logo {
        position: absolute;
        left: 65px
    }

    #logo img {
        height: 36px;
    }

    .header-elements .for-mobile {
        display: flex;
    }

    .el-group .flex-grow-1 {
        display: none;
    }

    .el-group {
        display: none;
        position: absolute;
        z-index: 3;
        top: 100%;
        left: 10px;
        max-width: 360px;
        width: calc(100% - 10px);
        background-color: rgba(59, 73, 135, 1) !important;
        padding: 1.5rem;
        border-radius: .75rem;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .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: .5rem;
        width: 100%;
        padding: 0;
        z-index: 4;
    }

    .el-group #main_menu .menu-item {
        padding: .6rem 0;
        line-height: normal;
    }

    .el-group #main_menu .menu-item a {
        display: block;
        font-weight: 500;
    }

    .el-group #main_user {
        gap: .5rem;
        width: 100%;
    }

    .el-group #main_user .button-user {
        flex: 1;
        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: .5;
    }

    #main_user.user-logged {
        align-items: self-start;
        padding: 1.5rem;
        margin: -1.5rem -1.5rem .5rem;
        width: calc(100% + 3rem);
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: .75rem .75rem 0 0;
    }

    #main_user.user-logged>.dropdown {
        width: 100%;
    }

    #main_user.user-logged .head-noti {
        display: none;
    }

    #main_user.user-logged .user-dropdown {
        display: flex !important;
        flex-direction: column;
        gap: .3rem;
        transform: none !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent !important;
        color: #fff !important;
    }

    .user-logged .user-dropdown>div,
    #main_user.user-logged .user-dropdown>a {
        padding: .5rem 0;
        color: #fff;
        background-color: transparent !important;
    }

    .user-logged .user-dropdown>div.ui-mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
        padding: 0;
    }

    .user-logged .user-dropdown>div.ui-mobile .dropdown-item .line-center {
        padding: .5rem .7rem;
    }

    .user-logged .user-dropdown>div.dropdown-vip .call-upgrade .small {
        padding-right: 60px;
    }

    .user-logged .user-dropdown .dropdown-blank {
        padding: 0 60px 0 0 !important;
        gap: .2rem !important;
        margin-bottom: 1rem;
    }

    #main_user.user-logged .user-dropdown hr {
        display: none;
    }

    .user-logged .user-dropdown .dropdown-item {
        padding: 0 !important;
    }

    .user-logged .user-dropdown .dropdown-item .line-center {
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--border-color);
        border-radius: .4rem;
        padding: .6rem 1rem;
        gap: .5rem;
    }

    .user-logged .user-dropdown .dropdown-item .line-center i {
        font-size: 14px;
    }

    .user-logged .header-user {
        padding: 0 !important;
        position: absolute;
        top: 0;
        right: 0;
    }

    .user-logged .header-user i {
        display: none;
    }

    .dcc-playlist {
        grid-template-columns: repeat(3, 1fr);
    }

    #body-load .bl-logo {
        font-size: 0;
    }

    .topics-list.single .row-topic {
        flex-direction: column;
        padding: 0;
        gap: 1rem !important;
    }

    .topics-list.single .row-topic .row-content {
        width: 100%;
    }

    .topics-list.single .row-topic .intro {
        padding: 0;
        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: #fff1;
        border-radius: .6rem;
        height: auto;
        padding: .5rem .6rem;
        justify-content: flex-start;
    }

    body.for-rox .user-dropdown.bg-dark {
        backdrop-filter: none !important;
    }
}

@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: #0006;
    }

    .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: 0 !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: 0 0 40px 0 #0009;
    }

    .ds-info .media-name,
    .ds-info .alias-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal !important;
        text-align: center;
        padding: 0 1.2rem;
    }
}

@media screen and (max-width: 1279px) {
    .sw-navigation {
        display: none;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin-top: -80px;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        gap: .5rem;
        width: fit-content !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
        padding: 0;
        width: 100% !important;
        max-width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 3px solid transparent;
        background-color: transparent;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
        border-color: #fff;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
        display: none;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .v-thumbnail {
        padding-bottom: 100%;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .big-slide-wrapper .slide-elements .cover-fade {
        width: 80%;
        opacity: .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: none !important;
        transform: none !important;
    }

    .top-slide-main .safe-area {
        height: 100% !important;
    }

    .top-slide-wrap .swiper-slide .cover-fade {
        animation: none !important;
        height: 550px !important;
    }

    .top-slide-wrap .swiper-slide .slide-content {
        animation: none !important;
        transform: none !important;
        padding-bottom: 30px;
    }

    .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;
        -webkit-backdrop-filter: none;
        padding: 0;
        width: 340px;
    }

    .wc-main .wm-info {
        display: none;
    }

    .row-topic .mask {
        mask-image: none;
    }

    .row-topic .intro {
        padding: 0;
        width: 180px;
    }

    .row-topic .last-card {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
    }

    .topics-grid .row-topic {
        padding: 1.2rem !important;
        border-radius: 1rem 2rem;
    }

    .topics-grid .row-topic .intro {
        min-height: 100px;
    }

    .topics-grid .row-topic .intro .heading-md {
        font-size: 1.4em;
    }

    .topics-grid .row-topic::after {
        border-radius: 2rem;
    }

    .denied-box {
        padding: 1.5rem 15%;
    }

    #totop {
        display: none !important;
    }

    .top-discuss,
    .it-col.this-05,
    .it-col.this-04 {
        display: none;
    }

    .it-col.this-01,
    .it-col.this-02 {
        width: auto;
        flex-shrink: unset;
        flex: 1;
    }

    .it-col.this-03 {
        display: block;
        width: 280px;
    }

    .zbox-continue {
        display: none;
    }
}

@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: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0
    }

    .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;
        max-width: none;
    }

    .sl-brand.line-center {
        flex-direction: column;
        gap: 2rem;
    }

    .sl-brand .socials {
        padding-left: 0;
        border: none;
    }

    .topics-line {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(5, 1fr);
    }

    /* .topics-line .topic-item{ flex-direction: row; gap: .5rem; padding: .4rem .6rem; width: auto; flex: none; align-items: center; min-height: 32px; border-radius: .4rem; opacity: .9;} */
    .topics-line .topic-item {
        gap: .75rem;
        align-items: center;
        min-height: 50px;
        border-radius: .4rem;
        opacity: .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: 0 !important;
        padding-bottom: 50%;
    }

    .top-slide-wrap .swiper-slide .cover-fade .cover-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        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;
        transform: scale(1);
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .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: .7;
    }

    .detail-container {
        flex-direction: column;
        margin-top: -150px;
    }

    .detail-container>div.dc-side {
        width: 100%;
    }

    .dc-side>div {
        margin-bottom: 0;
    }

    .dc-side>.child-actors,
    .dc-side>.child-top {
        display: none;
    }

    .dc-side .sspp-area {
        display: none;
        max-width: 300px;
    }

    .ds-info {
        text-align: center;
        margin-bottom: 1rem;
    }

    .ds-info .alias-name {
        font-size: 13px;
        color: var(--text-base);
        margin-bottom: 1rem;
        margin-top: -.25rem;
    }

    .ds-info .v-thumb-l {
        margin: 0 auto;
    }

    .ds-info .detail-more,
    .ac-side .detail-more {
        text-align: left;
        display: none;
        padding: 1.5rem;
        background-color: rgba(0, 0, 0, .2);
        border-radius: .75rem;
    }

    .ds-info #toggle-detail {
        display: block;
        max-width: 300px;
        margin: -.5rem auto 0;
    }

    .detail-container>div.dc-main {
        background-color: transparent;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .dm-bar {
        padding: 20px;
    }

    .content-gap {
        padding: 0 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: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    .ac-main .cg-body-box {
        padding-left: 0;
    }

    .ac-side .as-info {
        text-align: center;
    }

    .ac-side .as-info .actor-photo .v-actor {
        margin: 0 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: 0;
        flex-direction: column;
        gap: 1rem;
    }

    .time-row .time-point:before {
        left: 0;
    }

    .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: .8;
        letter-spacing: 0;
    }

    .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: 0;
        gap: 0;
        border-radius: .5rem;
    }

    .dcc-side .heading-sm {
        padding: 1.5rem 1rem 1rem;
        margin-bottom: 0;
        text-align: center;
    }

    .dcc-side .ds-menu {
        gap: 0;
    }

    .dcc-side .ds-menu .side-user {
        display: none;
    }

    .dcc-side .menu-user {
        margin-bottom: 0;
        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: 0 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;
    }

    .cards-live .boxed {
        padding: 1.25rem;
    }

    .home-live {
        flex-direction: column;
    }

    .home-live .live-grid-big {
        width: 100%;
    }

    .home-live .live-grid-small {
        width: 100%;
    }

    .home-live .live-grid-small .card-live {
        background-color: transparent !important;
        padding: 1rem 0;
    }

    .cards-live .row-header {
        margin-bottom: 1rem !important;
    }

    .top-detail-wrap .cover-fade .cover-image {
        mask-image: none !important;
    }

    .top-detail-wrap .cover-fade {
        mask-image: none !important;
    }

    body.for-rox .detail-container>div.dc-main .dm-bar {
        background-color: transparent;
        backdrop-filter: none;
        box-shadow: none;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 990px) {
    .modal-login .modal-dialog {
        max-width: 860px;
    }

    .modal-login .modal-dialog .modal-content {
        padding: 4rem;
        padding-left: 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;
        top: 0;
        left: 0;
        bottom: 110px;
        right: 0;
        pointer-events: auto;
    }

    .top-slide-wrap .swiper-slide .cover-fade {
        height: 0 !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;
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .cards-row.wide .swiper {
        overflow: visible;
    }

    .big-slide-wrapper {
        padding-bottom: 0;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin: 1rem 0;
        margin-left: 13px;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        width: fit-content !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
        width: 10px !important;
        height: 10px !important;
        background-color: #fff;
        border: none !important;
        border-radius: 50%;
        flex: unset;
        margin: 0 3px !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .v-thumbnail {
        display: none;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
        background-color: var(--primary-color);
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide:nth-child(n+11) {
        display: none;
    }

    .big-slide-wrapper .top-slide-main,
    .big-slide-wrapper .collection-s2-main {
        height: 430px;
    }

    .big-slide-wrapper .top-slide-main .swiper-slide,
    .big-slide-wrapper .collection-s2-main .swiper-slide {
        border-radius: 1rem;
    }

    .big-slide-wrapper .slide-elements .cover-fade {
        width: 100%;
        mask-image: linear-gradient(to top, transparent 0, black 50%, black 100%);
        opacity: 1;
        height: 280px !important;
    }

    .big-slide-wrapper .slide-elements .safe-area {
        height: 100% !important;
        padding-top: 100px;
        align-items: flex-end;
    }

    .big-slide-wrapper .slide-content {
        max-width: 100%;
        padding: 1.25rem;
        top: -118px;
    }

    .big-slide-wrapper .slide-content .media-title {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: .1rem;
    }

    .slide-content .touch {
        display: none !important;
    }

    .big-slide-wrapper .slide-content .description {
        margin-bottom: 0 !important;
        font-size: .85em;
        -webkit-line-clamp: 2;
    }

    .big-slide-wrapper .slide-content .hl-tags {
        gap: .2rem;
        margin-bottom: 1rem !important;
    }

    .top-slide-wrap .sound-mute {
        display: none;
    }

    #wrapper {
        padding-bottom: 6rem;
    }

    .topics-line {
        grid-template-columns: repeat(4, 1fr);
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .swiper-slide .backdrop-video {
        display: none !important;
    }

    .watch-player .wp-bread {
        padding: 0;
    }

    .wc-main,
    .wc-side {
        padding: 20px;
    }

    .watch-player {
        margin-bottom: 1rem;
    }

    .player-control .ep-current {
        display: none;
    }

    .player-control .control-items {
        padding: 0 10px;
        gap: .4rem;
    }

    .player-control .control-items .item-auto,
    .player-control .control-items .item-seasons {
        display: none;
    }

    .player-control {
        height: 54px;
    }

    .time-row-cards {
        grid-template-columns: repeat(4, 1fr);
        column-gap: .6rem;
    }

    .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: .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: .3rem;
    }

    .de-type .item .info .media-title {
        margin-bottom: .5rem !important;
    }

    .cards-boxed .row-tabs {
        gap: .3rem;
    }

    .cards-boxed .row-tabs a {
        height: 30px;
    }

    .cards-boxed .row-tabs a .inc-icon {
        display: none;
    }

    .text-gradient {
        font-size: 1.8em !important;
    }

    .el-group {
        padding: 1rem;
    }

    #main_user.user-logged {
        padding: 1rem;
        margin: -1rem -1rem 0;
        width: calc(100% + 2rem);
    }

    .it-col.this-03 {
        display: none;
    }

    .shoutbox-fixed {
        display: none !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(to top, transparent 0, black 30%, black 100%);
    }

    .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 .5rem;
    }

    .top-slide-category .slide-elements .background-fade {
        display: none;
    }

    .top-slide-category .slide-elements .cover-fade {
        mask-image: linear-gradient(to top, transparent 0, black 50%, black 100%);
        width: 100%;
        padding-bottom: 45%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0 !important;
        animation: none !important;
        transform: none !important;
    }

    .top-slide-category .slide-elements .cover-fade .cover-image {
        mask-image: none !important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .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: 0 .5rem;
    }

    .content-gap {
        padding: 0;
    }

    .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: 0;
    }

    .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: 0 -16px;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .cg-tabs .nav-tabs {
        padding: 0 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.more-topic .intro .heading-md {
        flex-grow: 0
    }

    .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: 0 -20px 0;
    }

    .watch-player .player-ratio>div {
        border-radius: 0 !important;
    }

    .dcc-side .menu-user {
        gap: .6rem;
    }

    .dcc-side .menu-user .item .line-center {
        flex-direction: column;
        gap: .6rem;
    }

    .dcc-side .menu-user .item .line-center span {
        font-size: 12px;
    }

    .dcc-playlist {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
    }

    .dcc-playlist .item {
        padding: .6rem .9rem;
        border-radius: .5rem;
    }

    .c-social-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .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 0;
    }

    .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: .5rem;
    }

    .login-code .form-control {
        font-size: 2em;
        padding: 1.25rem 0;
    }

    .m-col-4 {
        grid-template-columns: repeat(3, 1fr);
        width: auto;
    }

    .m-col-4 .dropdown-item {
        width: auto;
        max-width: 130px;
    }

    .sspp-area .close-it {
        padding: .2rem .3rem;
    }
}

@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;
    }

    .match-info.with-backdrop {
        background-color: #2a2645;
        color: #fff;
        padding-top: 150px;
        overflow: hidden;
    }
}

@media screen and (max-width: 640px) {

    .container,
    .cards-row.wide,
    .detail-container {
        padding: 0 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: .75rem;
    }

    .cards-row .row-header .category-name {
        font-size: 1.6em;
    }

    .sw-cover .h-item {
        padding: .75rem 0
    }

    .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: .2rem;
    }

    .sw-actors-recent .sw-actor {
        padding: .5rem 0 1rem;
    }

    .topics-line .topic-item {
        gap: .4rem;
        padding: .6rem;
        text-align: center;
        background-color: transparent !important;
    }

    .topics-line .topic-item>.primary-text {
        color: #000;
    }

    .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: .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;
    }

    .slide-content .hl-tags .tag-classic,
    .slide-content .hl-tags .tag-model,
    .detail-more .hl-tags .tag-classic,
    .detail-more .hl-tags .tag-model,
    .tag-quality {
        font-size: 10px;
        height: 20px;
        padding: 0 .25rem;
    }

    .slide-content .hl-tags .tag-imdb,
    .detail-more .hl-tags .tag-imdb {
        font-size: 10px;
        line-height: 18px;
        padding: 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.1rem;
        font-size: 1.5em;
    }

    .slide-content .media-alias-title {
        font-size: .9em;
        margin-bottom: .75rem;
    }

    .slide-content .media-title,
    .slide-content .media-alias-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-slide-wrap .top-slide-main .slide-content {
        text-align: center;
        padding: 0 20px;
    }

    .top-slide-wrap .top-slide-small {
        width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0 !important;
        padding: 2rem 0 1rem;
        background: rgb(25, 27, 36);
        background: linear-gradient(0deg, rgba(25, 27, 36, 1) 0%, rgba(25, 27, 36, 0) 100%);
    }

    body.for-rox .top-slide-wrap .top-slide-small {
        background: none !important;
    }

    body.for-rox .top-slide-wrap .slide-elements {
        background: #0d132e !important;
    }

    body.for-rox .big-slide-wrapper .slide-elements {
        background: #252d4e !important;
    }

    .top-slide-wrap .top-slide-small .swiper-slide {
        border-color: rgba(255, 255, 255, .3);
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper {
        justify-content: center;
        gap: .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 0;
    }

    .sl-band {
        margin-bottom: 2rem;
    }

    .cards-grid-wrapper {
        grid-template-columns: repeat(3, 1fr);
        column-gap: .5rem;
        row-gap: 1.5rem;
    }

    .filter-elements {
        border: none;
        border-top: 1px solid var(--border-color);
        margin: -15px -20px 3rem;
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(3, 1fr);
        column-gap: .6rem;
        row-gap: 1.5rem;
        font-size: 13px;
    }

    .actors-grid-wrapper .v-item {
        gap: .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: .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: 0 1.4rem;
        height: 50px;
        min-height: auto;
    }

    .pin-new {
        bottom: -1px;
        border-radius: .3rem .3rem 0 0;
    }

    .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 {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-row.is-video {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-row.is-photo {
        grid-template-columns: repeat(4, 1fr);
    }

    .cg-tabs {
        margin: 0 -16px;
    }

    .cg-tabs .nav-tabs {
        padding: 0 16px;
    }

    .cg-body-box {
        padding: 30px 0;
    }

    .ds-info .detail-more,
    .ac-side .detail-more {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .watch-player .wp-bread .heading-sm {
        font-size: 14px;
    }

    .watch-player .wp-bread {
        margin-bottom: 0;
        margin-top: 1rem;
        order: 3;
    }

    .watch-player {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 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;
        gap: 4px;
    }

    .row-topic {
        padding: 2rem 1rem;
    }

    .row-topic .intro .inc-icon {
        width: 30px;
        height: 30px;
    }

    .row-topic .last-card {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.5rem;
        column-gap: .6rem;
    }

    .rate-emo {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .5rem;
        background-color: transparent;
        padding: 0;
    }

    .rate-emo .item-v {
        flex-direction: row;
        border-radius: .4rem;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .rate-emo .item-v .inc-icon {
        width: 30px;
        height: 30px;
        margin: 0;
    }

    .dm-bar .ro-rating .a-rate {
        display: none;
    }

    .watch-player .player-ratio {
        margin: 0 -16px 0;
        order: 1;
    }

    .watch-player .player-control {
        margin: 0 -16px;
        border-radius: 0;
        height: 40px;
        order: 2;
        display: flex;
        width: calc(100% + 32px);
    }

    .watch-player .player-control .control-items {
        display: flex;
        width: 100%;
    }

    .dashboard-container {
        padding: 0 16px;
    }

    .dcc-side .heading-sm {
        padding-bottom: 0;
    }

    .sw-cover .info {
        text-align: center;
    }

    .cards-row.fixed {
        padding: 0 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: .5rem;
        margin: 0 0 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: .7rem 1rem;
        gap: 4px;
    }

    .sche-time .item-time .day {
        font-size: 14px;
    }

    .sche-time .item-time .time span {
        font-size: 0;
        padding: 0;
        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: .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: 0 -16px;
        padding: 1rem !important;
        gap: 1rem;
        border-radius: .6rem;
    }

    .topics-list.single .row-topic .intro .heading-md {
        font-size: 1.5em !important;
        letter-spacing: 0 !important;
    }

    .topics-list.single .row-topic .intro .info .line-center {
        padding: .6rem 1rem !important;
        font-size: 16px;
    }

    .topics-list.single .row-topic .intro .info .line-center span {
        display: none;
    }

    .topics-more>.line-center {
        gap: .5rem !important;
        flex-direction: column;
        align-items: flex-start;
    }

    #row-new {
        margin-top: 1rem
    }

    .topics-grid .row-topic:hover {
        top: auto;
    }

    .de-type {
        grid-template-columns: repeat(1, 1fr);
    }

    /* .de-eps .item.schedule{ display: none;} */
    .de-eps.is-simple .item {
        height: 42px;
    }

    .schedule-eps .item .inc-icon {
        width: 30px;
        height: 30px;
        left: 12px;
    }

    .login-code .form-control {
        padding: .6rem 0;
        font-size: 1.6em;
        border-width: 3px !important;
    }

    .tv-checked img {
        width: 160px;
        ;
    }

    .pc-coming {
        font-size: 11px;
        padding: 0 0 0 .5rem;
        width: 60px;
        background: none !important;
        color: #FFD875 !important;
    }

    .pin-quality-tag {
        width: auto;
        height: auto;
        padding: 0 .3rem;
        font-size: 12px;
        border-radius: .3rem;
    }

    .home-live {
        gap: 1rem;
    }

    .home-live .live-grid-big {
        flex-direction: column;
    }

    .home-live .live-grid-big .card-live {
        width: 100%;
    }

    .home-live .live-grid-big .card-live:nth-child(n+2) {
        display: none;
    }

    .discuss-list .sspp-area.is-post {
        margin: 0 -1rem;
    }

    .discuss-list .sspp-area.is-post .display-single {
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 0;
    }

    .discuss-list .sspp-area.is-post .display-single .subject {
        flex-grow: 1;
        overflow: auto;
    }

    .discuss-list .sspp-area.is-post .display-single .subject .d-flex {
        min-width: 500px;
        width: 100%;
        padding: 1rem 1.25rem;
        gap: 1.5rem !important;
    }

    .discuss-list .sspp-area.is-post .display-single .subject .d-flex div {
        flex: 1;
    }

    .discuss-list .sspp-area.is-post .display-single .sspp-logo {
        display: none;
    }

    .sspp-area .display-single .is-image {
        border-width: 1px;
    }

    .sspp-area.m-hide {
        display: none;
    }

    .card-mobile {
        display: block !important;
    }

    .sspp-area.is-top-watch {
        margin: -2rem 0 2rem !important;
        padding: 0 !important
    }

    .comm-wrap {
        width: 600px;
    }

    #community {
        width: 100%;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #community::-webkit-scrollbar {
        display: none;
    }

    .it-col .chart-list .item .dev {
        display: none;
    }

    .app-box-fix {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .app-box-fix .content {
        border-radius: 1rem 1rem 0 0;
    }

    .app-box-fix .content-rb {
        width: 100%;
        padding: 1.25rem;
    }

    .app-box-fix .content-rb .rb-header {
        padding-left: 50px;
    }

    .app-box-fix .content-rb .rb-header .rb-logo {
        transform: none;
        top: 4px;
    }

    .app-box-fix .content-rb .rb-header .rb-logo img {
        width: 36px;
    }
}

@media screen and (max-width: 479px) {
    .v-thumbnail .pin-trans .line-center span {
        display: none !important;
    }

    .v-thumbnail .pin-trans .line-center:hover {
        padding: 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: 0;
        right: 0;
        background-color: #fff;
        border-radius: .5rem 0 0 0;
        padding: .3rem;
        gap: .3rem;
    }

    .v-thumbnail .pin-trans .line-center {
        height: auto;
        min-width: 0;
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transform: scale(.9);
    }

    .de-eps.is-grid.is-simple {
        grid-template-columns: repeat(3, 1fr);
        gap: .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 0;
    }

    .dm-bar .item {
        min-width: auto;
        padding: 0;
        background: none !important;
    }

    .dm-bar .item-comment {
        display: none;
    }

    .dm-bar .is-left {
        gap: 1.5rem;
    }

    .dm-bar .touch-group {
        margin: .5rem 0;
        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;
        -ms-overflow-style: 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-sm .modal-dialog .modal-content,
    .modal-md .modal-dialog .modal-content {
        padding: 1.5rem;
    }

    .v-modal .modal-content .is-header .heading-sm {
        font-size: 1.2em;
    }

    .time-row-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .rate-emo {
        grid-template-columns: repeat(2, 1fr);
    }

    .dcc-side .menu-user .item {
        padding: 1rem .5rem;
    }

    .dash-form {
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
    }

    .dash-form .v-avatar {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 1.5rem;
    }

    .dash-form .v-avatar>a {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dash-form .v-avatar .opt-avatar .item {
        text-align: left;
    }

    .dash-form .user-avatar {
        margin: 0 !important;
        width: 80px;
        height: 80px;
    }

    .dash-form .v-form {
        width: 100%;
    }

    .dcc-playlist {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
    }

    .v-form-playlist .form-group .controls {
        position: absolute;
        bottom: .6rem;
        right: -1rem;
        background-color: #2a314e;
        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{ margin-left: -56px;} */
    .my-area-sub .ma-input .v-form-control {
        padding: .7rem 1rem;
    }

    .my-area-sub .textarea-wrap {
        padding: 1.5rem 1px .5rem;
    }

    .my-area-sub .ma-input .chac-left {
        top: -18px;
    }

    .emo-list {
        grid-template-columns: repeat(5, 1fr);
        gap: .2rem;
        padding: 0 .5rem;
    }

    .range-eps {
        grid-template-columns: repeat(3, 1fr);
    }

    .textarea-wrap .ma-buttons {
        gap: .5rem !important;
    }

    .textarea-wrap .ma-buttons .btn-emo {
        padding: 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 0 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: 0;
        padding: .1rem;
        gap: 0;
        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: 0 !important;
    }

    .question-box {
        font-size: 13px;
        padding: 1rem;
        border-radius: 0;
        border: none;
        background-color: #ffffff10;
    }

    .sw-cover.cover-fade .h-item {
        padding: 1rem;
    }

    .sw-cover.cover-fade .h-item .info .alias-title {
        margin-bottom: .75rem;
    }

    .topics-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .topics-grid .row-topic .heading-md {
        font-weight: 600 !important;
    }

    .topics-line {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: .5rem;
        margin: 0 -16px;
        padding: 0 16px;
        overflow: auto;
        scrollbar-width: none;
    }

    .topics-line .row-topic {
        border-radius: .75rem 1.5rem;
    }

    .topics-grid .row-topic::after {
        border-radius: 2rem .75rem;
    }

    .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-grid .row-topic .mask::after {
        background-size: 100px 70px;
    }

    .topics-line .row-topic .intro .heading-md {
        font-size: 1.1em !important;
    }

    .sw-cover.single .v-thumbnail.v-thumbnail-hoz {
        border-radius: .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: 0;
        left: 5px;
        bottom: 5px;
        gap: 2px;
        flex-direction: column;
        align-items: flex-start;
        overflow: unset;
    }

    .m-pin-new .line-center {
        padding: .15rem .4rem;
        font-size: 10px;
        justify-content: flex-start;
        border-radius: 1rem;
        box-shadow: 0 0 2px 2px #0001;
    }

    .cards-row .row-header {
        gap: .5rem;
    }

    .cards-row .row-header .category-name {
        flex-grow: 1;
    }

    .cards-row .row-header .cat-more .line-center {
        width: 30px !important;
        padding: 0;
    }

    .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: .2rem;
        padding: .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: .3rem .6rem;
    }

    .article-body .v-ul-check {
        padding: 0;
    }

    .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: 0 !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: 0 !important;
        width: 40px !important;
        height: 40px !important;
        justify-content: center !important;
    }

    .gpmn-text .btn span {
        display: none;
    }

    .app-box-fix .content {
        font-size: 13px;
    }

    .cards-live .row-header .category-name {
        font-size: 1.4em;
    }

    .home-live .live-grid-small .card-live {
        border-top: 1px solid #fff1 !important;
        gap: 1rem;
        align-items: flex-start;
    }

    .home-live .live-grid-small .card-live .card-live-detail {
        padding-bottom: calc(30px + 0.5rem);
        border-left: none;
        padding-left: 0;
    }

    .home-live .live-grid-small .card-live .card-live-detail .home-live-status {
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .home-live .live-grid-small .card-live:nth-child(n+3) {
        display: none;
    }

    .zbox-welcome {
        bottom: 0 !important;
        left: 0;
        right: 0;
    }

    .zbox-welcome .content {
        width: 100%;
        border-radius: 1rem 1rem 0 0;
        padding: 1rem 1.25rem 2.5rem !important;
    }

    .match-info .item {
        padding-top: 1.5rem;
    }

    .match-info .team-vs {
        align-items: flex-start;
    }

    .match-info .team-vs .card-team {
        flex-direction: column !important;
        gap: .3rem;
        text-align: center !important;
    }

    .match-info .team-vs .card-team .inc-icon {
        width: 38px;
        height: 38px;
    }

    .match-info .team-vs .current .score.update {
        border-radius: .4rem;
        border: 1px solid #ccc;
    }

}

@media screen and (max-width: 379px) {
    .v-pagination .btn-lg {
        font-size: 14px;
        min-height: 44px;
        padding: .5rem 1.2rem;
    }

    .v-pagination .btn-.circle {
        width: 44px;
        padding: .5rem;
    }

    .de-eps.is-grid .item .info {
        font-size: .9em;
    }

    .dcc-side .menu-user .item .line-center span {
        font-size: 11px;
    }
}#wrapper { padding-bottom: 1rem; }

/* Header: centered layout with max-width */
@media screen and (min-width: 1200px) {
    header .header-elements {
        max-width: 1900px;
        margin: 0 auto;
    }
    .el-group {
        justify-content: center;
    }
    .el-group > .flex-grow-1 {
        display: none !important;
    }
    #main_menu {
        flex: 1;
        display: flex;
        justify-content: center;
    }
    #main_user {
        flex-shrink: 0;
    }
}

/* Footer responsive */
@media screen and (max-width: 992px) {
    footer .container > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
    }
}
@media screen and (max-width: 576px) {
    footer .container > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}

.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(0);
}

.player-control .ep-current {
    width: 160px !important;
}

.v-pagination .page-current .v-form-control {
    width: 60px !important;
}

.heading-topic {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.detail-more.show {
    display: block !important;
}

.text-gradient {
    -webkit-background-clip: text !important;
}

.de-cw {
    grid-template-columns: repeat(5, 1fr);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.effect-fade-in {
    animation: fadeInUp 0.5s ease-out forwards;
}

/* remove-icon visibility controlled by JS */

.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: rgb(33, 42, 84);
    background: linear-gradient(113deg, rgba(33, 42, 84, 1) 0%, rgba(25, 33, 67, 1) 51%, rgba(33, 42, 84, 1) 100%);
}

.switch-modal .modal-dialog {
    max-width: none;
    width: 680px;
}

.switch-modal .modal-dialog .modal-content {
    padding: 2rem;
    color: #fff8;
    line-height: 1.7;
    background-color: transparent !important;
}

.switch-modal .modal-dialog .modal-content p {
    line-height: 1.7;
    margin-bottom: 0 !important;
}

.ver-sbs {
    margin-top: 2rem;
    display: block;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.ver-sbs .ver-item {
    flex: 1;
    padding: 2rem;
    font-size: 13px;
    border-radius: .75rem;
    background-color: #4e62b4;
    color: #fff;
}

.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: 0 2rem;
}

.switch-notice p {
    line-height: 1.8 !important;
}

.switch-notice .s-qr {
    margin-right: 1rem;
    padding: 10px;
    background-color: #fff;
    border-radius: .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: 0;
        margin-bottom: 1.5rem;
    }

    .switch-notice {
        margin-top: 2rem;
        padding: 0
    }

    .switch-notice p {
        line-height: 1.5 !important;
    }
}

.pin-tag-quality {
    padding: 0 .4rem;
    border-radius: 0.33rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: .35rem;
    right: .35rem;
    width: 40px;
    height: 26px;
    font-size: 13px;
    box-shadow: 0 0 0 1px #0005;
}

.tag-cam {
    backdrop-filter: blur(10px);
    background: #fff6;
    color: #000;
}

.crop-container {
    position: relative;
    width: 100%;
    height: 320px;
    background: #111;
    border-radius: 12px;
    overflow: hidden
}

.rep-subject img {
    height: auto;
    max-width: 200px;
    max-height: 140px;
    margin-top: 5px;
    object-fit: contain;
}

.match-info .team-vs .card-team .inc-icon img {
    object-fit: contain;
}

.rhap_play-pause-button {
    border-radius: 50%;
    /* Bo tròn border */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    /* Khoảng cách giữa icon và border */
}

.rhap_button-clear {
    color: #fff !important;
}

.rhap_time {
    color: #fff !important;
    font-size: 13px !important;
}

.rhap_progress-bar {
    height: 3px !important;
}

.rhap_volume-bar {
    height: 3px !important;
}

.rhap_progress-filled {
    background-color: #96e99b !important;
}

.rhap_progress-indicator {
    background: #fff !important;
    width: 10px !important;
    height: 10px !important;
    top: -3px !important;
}

.rhap_volume-indicator {
    background: #fff !important;
    width: 10px !important;
    height: 10px !important;
}

.rhap_download-progress {
    background: #ffffff10 !important;
}

.rhap_container {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Scroll Reveal - lazy load sections */
.scroll-reveal {
    position: relative;
    contain: content;
}

.scroll-reveal .sr-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: opacity 0.4s ease, visibility 0.4s;
    background: transparent;
}

.scroll-reveal .sr-content {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.scroll-reveal.is-visible .sr-loader {
    opacity: 0;
    visibility: hidden;
}

.scroll-reveal.is-visible .sr-content {
    opacity: 1;
    transform: translateY(0);
}

/* Search result items */
.s-item {
    padding: .5rem .75rem;
    border-bottom: 1px solid #ffffff08;
    transition: background-color 0.15s;
}

.s-item:last-child {
    border-bottom: none;
}

.s-item:hover {
    background-color: #ffffff10;
}

.alias-title {
    font-size: .85em;
    color: var(--text-base);
    opacity: .7;
}

.movie-info-line {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    font-size: .8em;
}

.movie-info-line span {
    color: var(--text-base);
}

.movie-info-line .quality {
    color: #FFD875;
    font-weight: 600;
}

.movie-info-line .lang {
    color: #96e99b;
}

#search-results-dropdown .search-modal {
    max-height: 70vh;
    overflow-y: auto;
    scrollbar-width: none;
}

#search-results-dropdown .search-modal::-webkit-scrollbar {
    display: none;
}

#search-results-dropdown .search-modal .group-list {
    max-height: 55vh;
    overflow-y: auto;
    scrollbar-width: none;
}

#search-results-dropdown .search-modal .group-list::-webkit-scrollbar {
    display: none;
}

/* === Watch Player Overlay Styles === */
#rp-player {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: .75rem .75rem 0 0;
    overflow: hidden;
    background-color: #08080A;
    margin: 0 auto;
}

#rp-player .main-player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

/* Player Top Overlay */
#player_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#rp-player:hover #player_top,
#player_top:hover {
    opacity: 1;
    pointer-events: auto;
}

#player_top .p_t-left .video-info .name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

#player_top .p_t-left .video-info .info {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    margin-top: 2px;
}

#player_top .cp-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background 0.2s;
}

#player_top .cp-btn:hover {
    background: rgba(255, 255, 255, 0.15);
}

#player_top .cp-icon svg {
    fill: currentColor;
    color: #fff;
}

/* Video Episodes Side Panel */
#video_eps {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    pointer-events: none;
}

#video_eps.active {
    display: flex;
    pointer-events: auto;
    z-index: 30;
}

#video_eps .eps-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

#video_eps .eps-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    max-width: 80%;
    background: #1a1a2e;
    display: flex;
    flex-direction: column;
    z-index: 5;
    animation: slideInRight 0.25s ease;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

#video_eps .eps-header {
    display: flex;
    align-items: center;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

#video_eps .eps-header .name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#video_eps .eps-header .season-quantity {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    white-space: nowrap;
    margin: 0 0.5rem;
}

#video_eps #eps-close {
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 4px 8px;
    font-size: 16px;
    transition: color 0.2s;
    flex-shrink: 0;
}

#video_eps #eps-close:hover {
    color: #fff;
}

#video_eps .eps-list-menu {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

#video_eps .eps-list-menu::-webkit-scrollbar {
    width: 4px;
}

#video_eps .eps-list-menu::-webkit-scrollbar-track {
    background: transparent;
}

#video_eps .eps-list-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
}

#video_eps .item-ep {
    color: rgba(255, 255, 255, 0.8);
    transition: background 0.15s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

#video_eps .item-ep:hover {
    background: rgba(255, 255, 255, 0.06);
}

#video_eps .item-ep.active {
    background: rgba(83, 93, 142, 0.3);
    color: var(--primary-color, #E8C547);
}

#video_eps .item-ep .v-title {
    font-weight: 500;
}

#video_eps .item-ep.active .v-title {
    color: var(--primary-color, #E8C547);
}

/* Focus mode: make player-control visible above backdrop */
body.focus-mod .player-control {
    position: relative;
    z-index: 101;
}

/* Focus mode: hide all control items except Rạp phim */
body.focus-mod .player-control .control-items .item {
    visibility: hidden;
}

body.focus-mod .player-control .control-items .item-focus.is-on {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Sidebar Ads - Left & Right */
.site-ads {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    max-width: 160px;
    display: none;
}

.site-ads-left {
    left: 5px;
}

.site-ads-right {
    right: 5px;
}

@media (min-width: 1600px) {
    .site-ads {
        display: block;
    }
}

/* Hide RoX upgrade CTA & wallet */
.call-upgrade,
.dropdown-wallet {
    display: none !important;
}

/* Preloader text */
.text-h1 {
    font-size: 1.5rem;
    line-height: 1.6;
    color: #ffffff30;
    font-weight: 600;
    text-align: center;
    max-width: 950px;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .text-h1 {
        font-size: 1.1rem;
    }
}

/* Fix: Episode list thumbnail items being stretched by flex container */
#video_eps .eps-list .item-ep,
#video_eps .item-ep {
    flex-shrink: 0 !important;
    max-height: 80px;
}

#video_eps .eps-list .item-ep .v-thumbnail,
#video_eps .item-ep .v-thumbnail {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding-bottom: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

#video_eps .eps-list .item-ep .v-thumbnail img,
#video_eps .item-ep .v-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Fix eps-list-menu overflow so items scroll properly */
#rp-player #video_eps .eps-list {
    overflow: hidden auto !important;
}

#video_eps .eps-list-menu {
    overflow-y: auto !important;
    flex: 1 !important;
    min-height: 0 !important;
}

/* Video player - keep cover to fill player area fully */
/* Fix: Override style.min.css which sets .main-player to position:absolute + height:100% */
/* This prevents aspect-ratio:16/9 from working. We need height:auto for aspect-ratio to compute correctly */
#rp-player .main-player {
    position: relative !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

/* Static article pages */
.article-body .v-ul {
    margin-bottom: 1rem;
    padding-left: 1.2rem;
}

.article-body .v-ul li + li {
    margin-top: 0.5rem;
}


/* Smooth image loading */
.v-thumbnail img {
    background: #1a1a2e;
    object-fit: cover;
}

/* ===== Footer brand menu (wp_nav_menu location=footer) ===== */
.footer-brands {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
}
.footer-brands ul.footer-brands-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.4rem 1rem !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 1000px;
}
.footer-brands ul.footer-brands-list li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1;
    display: inline-block;
}
.footer-brands ul.footer-brands-list li::before {
    content: none !important;
    display: none !important;
}
.footer-brands ul.footer-brands-list a {
    color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.35rem 0.7rem;
    border-radius: 4px;
    display: inline-block;
    transition: color 0.15s, background-color 0.15s;
}
.footer-brands ul.footer-brands-list a:hover {
    color: #fecf59;
    background: rgba(254, 207, 89, 0.08);
}
/* Custom Player Controls */

/* Settings dropdown overrides */
#rp-player .item-setup .player-dm .cs-list .cs-item {
    display: flex !important;
    cursor: pointer;
}

#rp-player .item-setup .player-dm .cs-list .cs-item .csi-current {
    display: inline-flex !important;
}

/* Override: .p_b-right .item-btn .line-center span { display:none } */
.p_b-right .item-btn .player-dm span,
.p_b-right .item-btn .player-dm .line-center span {
    display: inline !important;
    opacity: 0.7;
    color: #fff;
}

#rp-player .item-setup .player-dm .dropdown-title {
    font-size: 14px !important;
}


#rp-player {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block !important;
    height: auto !important;
    overflow: hidden;
    margin: 0 auto;
    cursor: none;
}

#rp-player.cp-show {
    cursor: default;
}

#rp-player:fullscreen,
#rp-player.cp-fullscreen {
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #000;
}

/* Force player_top to overlay instead of taking flow space */
#rp-player #player_top {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 25;
}

#rp-player .main-player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #08080A;
    border-radius: .75rem .75rem 0 0;
}

#rp-player:fullscreen .main-player,
#rp-player.cp-fullscreen .main-player {
    height: 100vh;
    width: 100vw;
    max-height: 100vh;
    aspect-ratio: unset;
    border-radius: 0;
}

#rp-player:fullscreen .cp-controls,
#rp-player.cp-fullscreen .cp-controls {
    z-index: 30;
}

#rp-player:fullscreen.cp-show .cp-controls,
#rp-player.cp-fullscreen.cp-show .cp-controls {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#rp-player:fullscreen .main-player video,
#rp-player.cp-fullscreen .main-player video {
    object-fit: contain !important;
}

#rp-player .main-player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
    z-index: 2;
    display: block;
}

#rp-player .main-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 2;
}

/* Controls wrapper */
.cp-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .4) 60%, transparent 100%);
    padding: 0 0 0;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}

/* Show controls only via JS-managed cp-show class (auto-hides after 3s) */
#rp-player.cp-show .cp-controls {
    opacity: 1;
    pointer-events: auto;
}

/* Hide custom controls when iframe is used (iframe has its own controls) */
#rp-player.has-iframe .cp-controls,
#rp-player.has-iframe #player_top {
    display: none !important;
}

/* Seek bar */
.cp-seek-wrap {
    padding: 0 16px;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.cp-seek-track {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, .2);
    border-radius: 2px;
    position: relative;
    overflow: visible;
}

.cp-seek-track:hover {
    height: 6px;
}

.cp-seek-buffer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    border-radius: 2px;
    pointer-events: none;
}

.cp-seek-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #e74c3c;
    border-radius: 2px;
    pointer-events: none;
}

.cp-seek-knob {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    background: #e74c3c;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .15s;
    pointer-events: none;
}

.cp-seek-wrap:hover .cp-seek-knob {
    opacity: 1;
}

.cp-seek-tooltip {
    position: absolute;
    bottom: 100%;
    left: 0;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    pointer-events: none;
    display: none;
    margin-bottom: 8px;
}

.cp-seek-wrap:hover .cp-seek-tooltip {
    display: block;
}

/* Bottom function bar */
.cp-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px 10px;
    gap: 8px;
}

.cp-bar-left,
.cp-bar-right {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.cp-bar .item-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.cp-bar .item-btn:hover {
    color: var(--primary-color, #e74c3c);
}

.cp-bar .item-btn .inc-icon.icon-large {
    width: 48px !important;
    height: 48px !important;
}

.cp-bar .item-btn .inc-icon.icon-large svg {
    width: 100% !important;
    height: 100% !important;
}

/* Buttons */
.cp-btn {
    cursor: pointer;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .85;
    transition: opacity .15s;
    padding: 4px;
    user-select: none;
}

.cp-btn:hover {
    opacity: 1;
}

.cp-btn .cp-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-btn .cp-icon svg {
    width: 100%;
    height: 100%;
}

.cp-btn .cp-icon.cp-icon-lg {
    width: 26px;
    height: 26px;
}

.cp-btn span {
    font-size: 13px;
    white-space: nowrap;
}

/* Time display */
.cp-time {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    white-space: nowrap;
    user-select: none;
    padding: 0 4px;
}

/* Volume */
.cp-volume {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-left: 8px;
}

.cp-volume-bar {
    width: 70px;
    height: 4px;
    background: rgba(255, 255, 255, .25);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.cp-volume-level {
    height: 100%;
    background: #fff;
    border-radius: 2px;
    pointer-events: none;
}

/* Speed dropdown */
.cp-dropdown {
    position: relative;
}

.cp-dropdown-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    background: rgba(20, 22, 30, .96);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    padding: 6px 0;
    min-width: 140px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
}

.cp-dropdown.open .cp-dropdown-menu {
    display: block;
}

.cp-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.cp-dropdown-item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.cp-dropdown-item.active {
    color: #e74c3c;
}

.cp-dropdown-item.active::after {
    content: '✓';
    margin-left: 8px;
}

.cp-dropdown-title {
    padding: 8px 16px 4px;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
}

/* Fullscreen */
#rp-player.cp-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

#rp-player.cp-fullscreen .main-player {
    height: 100vh !important;
    max-height: 100vh !important;
    aspect-ratio: unset !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
}

/* Loading spinner */
.cp-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    pointer-events: none;
}

.cp-loading .spinner-border {
    width: 40px;
    height: 40px;
}

/* Big play button center */
.cp-big-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    cursor: pointer;
    opacity: .8;
    transition: opacity .2s;
}

.cp-big-play:hover {
    opacity: 1;
}

.cp-big-play svg {
    width: 60px;
    height: 60px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .5));
}

/* Player top bar */
#player_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, transparent 100%);
    pointer-events: auto;
    opacity: 0;
    transition: opacity .3s ease;
}

#rp-player.cp-show #player_top {
    opacity: 1;
}

/* Hide player_top when episode panel is open (panel has its own header) */
.main-player:has(#video_eps.active) #player_top {
    opacity: 0 !important;
    pointer-events: none !important;
}

#player_top .video-info .name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

#player_top .video-info .info {
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
}

/* Settings Menu */
.cp-settings-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    background: rgba(20, 22, 30, .96);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    padding: 6px 0;
    min-width: 200px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
}

.cp-settings-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 4px;
}

.cp-settings-header:hover {
    background: rgba(255, 255, 255, .05);
}

.cp-settings-header i {
    font-size: 12px;
}

.cp-settings-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.cp-settings-item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.cp-settings-item.active {
    color: #e74c3c;
}

.cp-settings-item i {
    font-size: 12px;
    margin-left: 8px;
}

/* Right side controls */
.p_b-right {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.item-setup,
.item-pip,
.item-fullscreen {
    position: relative;
}

/* Hide control labels on mobile/tablet, show on PC */
.cp-label {
    display: none !important;
}

@media (min-width: 1200px) {
    .cp-label {
        display: inline !important;
    }
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .cp-bar {
        padding: 2px 6px 6px;
        gap: 4px;
    }

    .cp-bar-left,
    .cp-bar-right {
        gap: 4px;
        min-width: 0;
    }

    .cp-bar-left {
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }

    .cp-btn .cp-icon {
        width: 18px;
        height: 18px;
    }

    .cp-time {
        font-size: 11px;
        padding: 0 2px;
        white-space: nowrap;
    }

    .cp-settings-menu {
        min-width: 160px;
    }

    /* === W2G (live-status-play) mobile fixes === */

    /* Hide text labels in control buttons - only show icons (exclude dropdown menus) */
    .live-status-play .cp-bar .item-btn>.line-center>span,
    .live-status-play .cp-bar .jw-audio-label>span,
    .live-status-play .cp-bar .icon-quality .q-play {
        display: none !important;
    }

    /* Ensure dropdown menu text stays visible */
    .live-status-play .cp-bar .player-dm span {
        display: inline !important;
    }

    /* Shrink play/pause icon */
    .live-status-play .cp-bar .item-play .icon-large {
        width: 28px !important;
        height: 28px !important;
    }

    /* Right side: override Bootstrap gap-4 and shrink */
    .live-status-play .cp-bar .p_b-right {
        gap: 10px !important;
        flex-shrink: 0;
    }

    .live-status-play .cp-bar .p_b-right .inc-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .live-status-play .cp-bar .p_b-right .item-btn .line-center {
        gap: 0 !important;
    }

    /* Shrink volume icon */
    .live-status-play .cp-bar .cp-volume .cp-btn i {
        font-size: 14px !important;
    }

    /* Player top bar compact */
    #player_top {
        padding: 6px 10px;
    }

    #player_top .video-info .name {
        font-size: 12px;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #player_top .video-info .info {
        color: rgba(255, 255, 255, .7);
        font-size: 11px;
    }

    #player_top .p_t-right .cp-btn span {
        font-size: 11px !important;
    }

    #player_top .p_t-right .cp-icon {
        width: 16px !important;
        height: 16px !important;
    }

    /* Big play button smaller on mobile */
    .cp-big-play svg {
        width: 44px;
        height: 44px;
    }

    /* Episode list - ensure proper mobile coverage */
    .live-status-play #video_eps {
        z-index: 50 !important;
    }

    .live-status-play #video_eps .eps-list {
        width: 300px;
        max-width: 85%;
    }

    /* Dropdown menus positioning */
    .live-status-play .player-dm {
        max-height: 60vh;
        overflow-y: auto;
    }
}

@media (max-width: 480px) {

    /* Hide PiP on very small screens */
    .live-status-play .cp-bar .item-pip {
        display: none !important;
    }

    /* Even smaller controls */
    .live-status-play .cp-bar .item-play .icon-large {
        width: 36px !important;
        height: 38px !important;
    }

    .live-status-play .cp-bar .p_b-right {
        gap: 15px !important;
    }

    .live-status-play .cp-bar .p_b-right .inc-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .cp-volume {
        padding-left: 4px !important;
    }

    .cp-time {
        font-size: 10px;
    }

    #player_top .video-info .name {
        max-width: 140px;
        font-size: 11px;
    }

    #player_top .p_t-right .cp-btn span {
        display: none !important;
    }

    .cp-big-play svg {
        width: 36px;
        height: 36px;
    }

    /* Seek bar tighter */
    .cp-seek-wrap {
        padding: 0 8px;
        height: 16px;
    }

    .live-status-play #video_eps .eps-list {
        width: 100%;
        max-width: 100%;
    }
}

/* W2G specific adjustments */
.live-status-play #rp-player .main-player {
    border-radius: 0;
}

.live-status-play #rp-player {
    border-radius: 0;
    height: 100%;
    width: 100%;
}

/* Import necessary styles from style.min.css for W2G only */
.live-status-play .inc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.live-status-play .icon-large {
    height: 48px;
    width: 48px;
}

.live-status-play .line-center {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Dropdown menu styles for W2G */
.live-status-play .player-dm {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(20, 22, 30, 0.96);
    border-radius: 8px;
    padding: 0.6rem 0;
    color: #fff;
}

.live-status-play .player-dm::-webkit-scrollbar {
    display: none;
}

.live-status-play .player-dm .dropdown-title {
    font-size: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    padding: 0.2rem 1rem 0.6rem;
}

.live-status-play .player-dm .dropdown-item {
    align-items: center;
    background-color: initial !important;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    cursor: pointer;
}

.live-status-play .player-dm .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff;
}

.live-status-play .player-dm .dropdown-item.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--primary-color, #e74c3c);
}

.live-status-play .player-dm .dropdown-item .w-check {
    opacity: 0;
}

.live-status-play .player-dm .dropdown-item.active .w-check {
    opacity: 1;
}

.live-status-play .player-dm .dropdown-item.active .s-title {
    font-weight: 600;
}

.live-status-play .dropdown-menu {
    background-color: rgba(20, 22, 30, 0.96);
    border: none;
    color: #fff;
}

.live-status-play .dropdown-menu.show {
    display: block;
}

/* Settings menu specific styles */
.live-status-play .player-dm .cs-list {
    display: flex;
    flex-direction: column;
}

.live-status-play .player-dm .cs-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
}

.live-status-play .player-dm .cs-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.live-status-play .player-dm .cs-item.active {
    color: var(--primary-color, #e74c3c);
}

.live-status-play .player-dm .cs-item .csi-current {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    opacity: 0.7;
}

.live-status-play .player-dm .cs-item .csi-title {
    flex-grow: 1;
}

.live-status-play .player-dm .cs-item .csi-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.live-status-play .player-dm .cs-item .csi-font {
    font-size: 13px;
}

.live-status-play .player-dm .sub-back {
    cursor: pointer;
}

.live-status-play .player-dm .sub-back:hover {
    color: #fff;
}

/* Override style.min.css hiding controls on W2G pages - desktop only */
@media (min-width: 1200px) {
    .live-status-play #rp-player .item-btn .line-center span {
        display: inline !important;
    }
}

.live-status-play #rp-player .item-btn {
    font-size: 14px !important;
}

/* Use icon sizes from style.min.css */
.live-status-play #rp-player .inc-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.live-status-play #rp-player .inc-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.live-status-play #rp-player .cp-controls {
    display: block !important;
}

.live-status-play #rp-player .cp-bar {
    display: flex !important;
}

.live-status-play #rp-player .cp-btn {
    display: inline-flex !important;
}

.live-status-play #rp-player .cp-time {
    display: block !important;
}

/* Ensure player fills the container */
.live-status-play .lw-player #rp-player {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.live-status-play .lw-player #rp-player .main-player {
    height: 100%;
    padding-top: 0;
}

/* Episode list panel styles for W2G */
.live-status-play #video_eps {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s;
}

.live-status-play #video_eps.active {
    opacity: 1;
    pointer-events: auto;
}

.live-status-play #video_eps .eps-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #08080a;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.live-status-play #video_eps.active .eps-mask {
    opacity: 0.8;
    pointer-events: auto;
}

.live-status-play #video_eps .eps-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    max-width: 90%;
    background-color: #1e1f28;
    z-index: 3;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(100%);
    transition: transform 0.35s;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.live-status-play #video_eps .eps-list::-webkit-scrollbar {
    display: none;
}

.live-status-play #video_eps.active .eps-list {
    transform: translateX(0);
}

.live-status-play #video_eps .eps-list .eps-header {
    padding: 0.5rem 3.5rem 0.5rem 1.2rem;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.live-status-play #video_eps .eps-list .eps-header .name {
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
}

.live-status-play #video_eps .eps-list .eps-header .season-eps {
    margin-top: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

.live-status-play #video_eps .eps-list .eps-header #eps-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
}

.live-status-play #video_eps .eps-list .eps-header #eps-close:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.live-status-play #video_eps .eps-list .eps-list-menu {
    display: flex;
    flex-direction: column;
}

.live-status-play #video_eps .eps-list .item-ep {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.2rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    transition: background-color 0.2s;
}

.live-status-play #video_eps .eps-list .item-ep:hover {
    background-color: rgba(255, 255, 255, 0.08);
    opacity: 1 !important;
}

.live-status-play #video_eps .eps-list .item-ep.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--primary-color, #e74c3c);
}

.live-status-play #video_eps .eps-list .item-ep .v-thumbnail {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.05);
}

.live-status-play #video_eps .eps-list .item-ep.active .v-thumbnail {
    box-shadow: 0 0 0 2px var(--primary-color, #e74c3c);
}

.live-status-play #video_eps .eps-list .item-ep .v-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-status-play #video_eps .eps-list .item-ep .v-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.live-status-play #video_eps .eps-list .item-ep .v-title {
    font-size: 14px;
    font-weight: 500;
}/*
Theme Name: RoPhim 3
Theme URI: https://rophimmoi.com
Author: RoPhim Team
Author URI: https://rophimmoi.com
Description: Theme xem phim online thế hệ 3 — PHP 8.5, PSR-4 autoload, giao diện kế thừa rophim-2. Dark-mode, SEO-friendly, tích hợp plugin ophim-core-pro.
Version: 3.0.0
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 8.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rophim
Tags: dark, entertainment, movies, streaming, video, one-column, custom-logo, custom-menu
*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
/* Root */


: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;
}

html,
body {
	position: relative;
	min-height: 100vh;
}

body {
	background: var(--bg-color);
	/*font-family: "Inter";*/
	color: var(--text-base);
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
}

a {
	cursor: pointer;
	color: #fff;
	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: #fff;
}

.heading-md {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.heading-sm {
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.heading-xs {
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5rem;
	color: #fff;
}

.primary-gradient,
.button-play,
.w-chart .number {
	background: rgb(254, 207, 89);
	background: linear-gradient(39deg, rgba(254, 207, 89, 1) 0%, rgba(255, 241, 204, 1) 100%);
}

.primary-gradient,
.button-play {
	color: var(--primary-button-text) !important;
}

.button-play {
	box-shadow: 0 5px 10px 5px rgba(255, 218, 125, .1);
}

.button-play svg {
	width: 28px;
	height: 28px;
}

.button-play:hover {
	box-shadow: 0 5px 10px 10px rgba(255, 218, 125, .15);
}

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: .5rem;
	padding: .5rem 1.1rem;
	border-radius: .4rem;
	opacity: 1;
	min-height: 40px;
}

.btn:hover {
	opacity: .9;
}

.btn.btn-block {
	width: 100%;
}

.btn.btn-circle {
	width: 30px;
	height: 30px;
	padding: .4rem;
	border-radius: 3rem;
	min-height: auto !important;
}

.btn i {
	font-size: .9em;
}

.btn span {
	white-space: nowrap;
}

.btn .inc-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.btn-sm {
	font-size: 12px;
	gap: .4rem;
	padding: .3rem .7rem;
	border-radius: .3rem;
	min-height: 30px;
}

.btn-sm .inc-icon {
	width: 12px;
	height: 12px;
}

.btn-xs {
	font-size: 11px;
	gap: .3rem;
	padding: .2rem .5rem;
	border-radius: .2rem;
	min-height: 26px;
}

.btn-xs .inc-icon {
	width: 10px;
	height: 10px;
}

.btn-lg {
	font-size: 16px;
	gap: .6rem;
	padding: .7rem 1.5rem;
	border-radius: .5rem;
	min-height: 50px;
}

.btn-lg.btn-circle {
	width: 50px;
	height: 50px;
	padding: .7rem;
	border-radius: 3rem;
}

.btn-lg .inc-icon {
	width: 16px;
	height: 16px;
}

.btn-xl {
	font-size: 18px;
	gap: 1rem;
	padding: .95rem 2rem;
	border-radius: .6rem;
	min-height: 60px;
}

.btn-xl.btn-circle {
	width: 60px;
	padding: .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: #fff !important;
	border-color: var(--bg-3) !important;
}

.btn-light {
	background-color: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
}

.btn-outline {
	background-color: transparent !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .5) !important;
}

.btn-basic {
	background-color: transparent !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn-rounded {
	border-radius: 2rem;
}

.o-style {
	list-style: none;
}

.small-text {
	font-size: .9em !important;
}

.text-base {
	color: var(--text-base) !important;
}

.base-hover:hover {
	color: #fff !important;
}

.name-short,
.lim,
.lim-1,
.lim-2,
.lim-3 {
	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: 0 !important;
	line-height: 0 !important;
}

.inc-icon svg,
.inc-icon img {
	width: 100% !important;
	height: 100% !important;
}

.icon-24 {
	width: 24px !important;
	height: 24px !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(/wp-content/uploads/images/interface.webp);
	background-size: 400px 400px;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.icon-trans1 {
	background-position: 0 0;
}

.icon-trans2 {
	background-position: -16px 0;
}

.icon-trans3 {
	background-position: -32px 0;
}

.size-14 {
	font-size: 14px !important;
	line-height: 1;
}

.size-16 {
	font-size: 16px !important;
	line-height: 1;
}

.size-18 {
	font-size: 18px !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: .5rem;
}

.antiselect,
.v-thumbnail,
.v-actor,
.v-toggle,
.sound-cover,
.player-control *,
.dm-bar .item,
.reason-list .h-item,
.d-item .spoil-toggle,
.app-download-button {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.transition,
.top-slide-small .swiper-slide,
.topics-line .topic-item,
.button-play,
.pin-trans .line-center,
.topic-item .inc-icon,
.top-up .sw-item .v-thumbnail img,
header,
.menu-toggle .icon-menu *,
.search-toggle .icon-search *,
.toggle-x *,
.sound-cover,
.d-item .text,
.de-type .item,
.topics-grid .row-topic,
.cat-more .line-center,
.item-focus.is-on,
#totop,
.shoutbox,
.bu-top .bu-tabs .item,
.accordion-button .btn-select,
.coin-pack-list .item,
.new-payment-method .item,
.network-select .net-item,
.app-box-fix,
.shoutbox-fixed {
	transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
}

.v-thumbnail {
	width: 100%;
	padding-bottom: 150%;
	height: 0;
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	display: block;
	background-color: var(--bg-3);
}

.v-thumbnail img,
.v-actor img,
.user-avatar img,
.sound-cover img,
.gallery-row .item img,
.cover-fade .cover-image img,
.object-fit img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	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: .2rem;
}

.v-actor,
.user-avatar,
.sound-cover {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
	background-color: var(--bg-2);
}

.v-actor:hover img,
.user-avatar:hover img,
.sound-cover:hover img {
	opacity: .8;
}

.user-avatar.square {
	border-radius: .75rem;
}

.user-avatar.medium {
	width: 80px;
	height: 80px;
}

.user-avatar.large {
	width: 120px;
	height: 120px;
}

.sound-cover {
	border-radius: .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: #fff;
	font-size: 1em;
	font-weight: 400;
	margin-bottom: .5rem;
	line-height: 1.5;
}

.alias-title {
	color: var(--text-base);
	font-size: .9em;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.5;
}

.info-line {
	display: flex;
	align-items: center;
}

.info-line .tag-small {
	font-size: .9em;
	color: var(--text-base);
	white-space: nowrap;
	margin-right: .6rem;
	display: inline;
}

.info .info-line .tag-small:last-of-type {
	margin-right: 0;
}

.wrap-tip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.modal-backdrop {
	background-color: #131727;
}

.modal-backdrop.show {
	opacity: .95;
}

#app {
	width: 100%;
	min-height: 100vh;
	overflow-x: hidden;
}

.container {
	width: 100%;
	max-width: 1900px;
	padding: 0 50px;
}

#wrapper {
	padding-bottom: 10rem;
	padding-top: 10rem;
	min-height: calc(100vh - 400px);
}

#wrapper.wrapper-w-slide {
	padding-top: 0 !important;
}

/* Header */

header {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0) 0%, rgba(25, 27, 36, 1) 100%);
}

header.fly {
	background: transparent !important;
}

header.fixed {
	background-color: var(--footer-bg) !important;
}

/* header.fixed:before{ content: ""; position: absolute; width: 100%; height: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);} */
header.fixed .header-elements {
	height: 70px;
}

header .header-elements {
	height: 90px;
	display: flex;
	padding: 0 2rem;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.el-group {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	position: relative;
	z-index: 3;
}

#logo {
	flex-shrink: 0;
	position: relative;
	z-index: 3;
}

#logo img {
	height: 46px;
	width: auto;
}

#search {
	width: 100%;
	max-width: 23rem;
	position: relative;
}

#search .search-elements {
	position: relative;
}

#search .search-input {
	width: 100%;
	height: 2.8rem;
	line-height: 2rem;
	padding: .4rem 3rem;
	background-color: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 1em;
	outline: none !important;
	box-shadow: none !important;
	border-radius: .4rem;
	border: 1px solid transparent !important;
}

#search .search-input:focus,
#search .search-input.input-focus {
	border-color: #fff !important;
}

#search .search-input::placeholder {
	color: #fff !important;
}

#search .search-icon,
#search .remove-icon {
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	flex-shrink: 0;
	padding: 3px;
	font-size: 16px;
}

#search .remove-icon {
	left: auto;
	right: .7rem;
	cursor: pointer;
	display: none;
}

.search-modal {
	position: absolute;
	z-index: 90;
	top: calc(100% + 5px);
	left: 0;
	right: 0;
	min-width: 360px;
	background-color: rgba(15, 17, 26, .95);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: .4rem;
	overflow: hidden;
	box-shadow: var(--shadow-large);
}

.search-modal .view-all {
	background-color: #ffffff10;
	display: block;
	line-height: 50px;
	text-align: center;
}

.show-group {
	display: flex;
	flex-direction: column;
	padding: 20px;
}

.show-group+.show-group {
	padding-top: 0;
}

.show-group .group-title {
	font-size: .9em;
	color: var(--text-base);
	margin-bottom: .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: 0;
}

.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: .4rem;
}

.v-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	text-align: center;
}

.v-item .info .item-title {
	margin-bottom: .4rem;
}

.show-group .group-list .h-item .v-thumbnail {
	padding-bottom: 135%;
}

.show-group .group-list .s-item {
	padding: .6rem;
	border-radius: .4rem;
}

.show-group .group-list .s-item:hover {
	background-color: #ffffff05;
}

.t-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .6rem;
	margin-bottom: .8rem;
}

.t-item:last-of-type {
	margin-bottom: .3rem;
}

.t-item .remove-log {
	color: var(--text-base);
	flex-shrink: 0;
}

.t-item .item-title {
	flex-grow: 1;
	margin-bottom: 0;
}

.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: 0 .75rem;
	color: #fff;
}

#main_user {
	gap: 1rem;
}

#main_menu .menu-item-sub .dropdown-item {
	padding: .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-size: 10px !important;
	font-weight: 500;
	padding: 2px 2.5px;
	line-height: 1;
	background-color: var(--primary-color);
	border-radius: 3px;
	color: #000;
}

#main_user .button-user {
	font-size: 1em;
	padding: .6rem 1.4rem;
	border-radius: 3rem;
	border: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	opacity: .9;
	font-weight: 500;
	white-space: nowrap;
	min-width: 145px;
	text-align: center;
}

#main_user .button-user.button-login {
	background-color: #fff;
	color: var(--primary-button-text);
}

#main_user .button-user:hover {
	opacity: 1;
}

#main_user .header-user {
	padding: .3rem .6rem;
	color: #fff;
	display: flex;
	align-items: center;
}

#main_user .header-user .user-avatar {
	width: 42px;
	height: 42px;
	border: 2px solid #fff;
}

#main_user .btn-bell {
	font-size: 16px;
	width: 40px;
	height: 40px;
	padding: 0;
	position: relative;
}

.noti-number {
	position: absolute;
	top: -6px;
	left: 55%;
	line-height: 1;
	padding: .3rem .43rem;
	font-size: 12px;
	font-weight: 500;
	background-color: #191b24;
	color: var(--primary-text);
	border-radius: 12px;
}

.user-dropdown {
	max-width: 320px;
	min-width: 200px;
}

.user-dropdown .dropdown-item .line-center {
	width: 100%;
	gap: .75rem;
}

.user-dropdown .dropdown-item .line-center span {
	flex-grow: 1;
}

.user-dropdown .dropdown-item .line-center .number {
	opacity: .5;
}

.app-download {
	flex-shrink: 0;
	padding-right: 1rem;
	border-right: 1px solid #fff4;
	position: relative;
}

.app-download-button {
	height: 44px;
	padding: 0 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .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: .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;
	margin-top: .4rem !important;
	box-shadow: 0 10px 10px 3px #0001;
}

.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: .4rem .5rem;
	font-size: 0;
	flex: 1;
	color: #000;
	white-space: nowrap;
	border-radius: .4rem;
	border: 1px solid #ccd1e7;
	position: relative;
}

.app-box .device-item:hover {
	border-color: #000;
}

.app-box .device-item .line-center {
	gap: .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: #ccd1e7 !important;
	background-color: #ccd1e750 !important;
}

.app-box .device-item.coming .line-center {
	opacity: .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: #fff;
	background-color: #000;
	border-radius: .3rem;
}

.app-box .appicon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.app-box .appicon img {
	width: 50px;
	height: auto;
	border-radius: .5rem;
}

.app-box .flex-item {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-direction: row;
	flex-grow: 1;
	gap: 8px;
}

/* header mobile */
.header-elements .for-mobile {
	cursor: pointer;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: .4rem;
	flex-shrink: 0;
	display: none;
	font-size: 16px;
	color: #fff;
}

.icon-menu {
	width: 20px;
	height: 20px;
	position: relative;
	padding: 3px 0;
}

.icon-menu span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	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: 0;
	background-color: #FF6C5D;
}

.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,
.search-toggle.toggled .icon-search svg {
	opacity: 0;
}

.search-toggle .icon-search span {
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.search-toggle .icon-search span:nth-child(2) {
	top: 18px;
}

.search-toggle.toggled .icon-search span {
	background-color: #FF6C5D;
	transform: rotate(45deg);
	opacity: 1;
	top: 9px !important;
	left: 0;
}

.search-toggle.toggled .icon-search span:nth-child(2) {
	transform: rotate(-45deg);
}

/* Slide */
.top-slide-wrap {
	position: relative;
}

.top-slide-main {
	width: 100%;
	position: relative;
	margin-bottom: -120px;
	height: 860px;
	background-color: var(--top-bg-default);
	overflow: hidden;
}

.top-slide-main:before,
.top-detail-wrap:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 200px;
	z-index: 3;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 1) 0%, rgba(25, 27, 36, 0) 100%);
}

.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: cover-fade .5s forwards;
}

.top-slide-wrap .swiper-slide-active .cover-image {
	animation: hide-show 1s forwards;
}

.top-slide-wrap .swiper-slide-active .slide-content {
	animation: slide-content 0.5s forwards;
}

.big-slide-wrapper .top-slide-main {
	border-radius: 1.2rem;
}

.auto-hide {
	animation: auto-hide 30s forwards;
}

@keyframes cover-fade {
	0% {
		transform: translateX(-45%);
		-webkit-transform: translateX(-45%);
		opacity: 0;
	}

	100% {
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		opacity: 1;
	}
}

@keyframes hide-show {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes slide-content {
	0% {
		transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes auto-hide {
	0% {
		opacity: 1;
	}

	99% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.slide-elements {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: var(--top-bg-default);
}

.slide-elements:before,
.top-detail-wrap:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-image: url(/wp-content/uploads/images/dotted.webp);
	background-repeat: repeat;
	opacity: .2;
	z-index: 1;
}

.slide-elements .cover-fade,
.top-detail-wrap .cover-fade {
	width: 100%;
	max-width: 1900px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	mask-image: linear-gradient(to top, transparent 0, black 20%, black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, black 20%, black 80%, transparent 100%);
}

.slide-elements .cover-fade .cover-image {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	mask-image: linear-gradient(to right, transparent 10px, rgba(0, 0, 0, .2) 15%, black 40%, black 80%, transparent 99%);
	-webkit-mask-image: linear-gradient(to right, transparent 10px, rgba(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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	filter: blur(50px);
	-webkit-filter: blur(80px);
	opacity: .2;
}

.slide-elements .safe-area {
	cursor: grab;
	width: 100%;
	height: 100%;
	max-width: 1900px;
	margin: 0 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) {
	display: none;
}

.slide-elements .hl-tags .tag-topic:nth-child(n+7) {
	display: none;
}

.slide-url {
	display: none;
}

.backdrop-video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	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 {
	width: 450px !important;
	position: absolute;
	bottom: 212px;
	right: calc(50% - 900px);
}

.top-slide-wrap .top-slide-small .swiper-slide {
	width: 65px;
	height: 45px;
	cursor: pointer;
	position: relative;
	border: 2px solid #ffffff24;
	border-radius: .5rem;
	overflow: hidden;
	transform: scale(.95);
	box-sizing: border-box;
}

.top-slide-wrap .top-slide-small .swiper-slide:hover {
	border-color: #fff !important;
}

.top-slide-wrap .top-slide-small .swiper-slide img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	background-color: var(--bg-2);
}

.top-slide-wrap .top-slide-small .swiper-slide.swiper-slide-thumb-active {
	border-color: #fff !important;
	transform: scale(1);
}

.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.3;
	margin-bottom: .5rem;
	font-weight: 700;
	text-shadow: 0 2px 1px rgba(0, 0, 0, .3);
	color: #fff;
}

.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;
	line-height: 1.5;
	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: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	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;
	color: var(--primary-button-text) !important;
	opacity: .95;
}

.slide-content .touch .button-play i {
	font-size: 28px;
	position: relative;
	left: 2px;
}

.slide-content .touch .button-play svg {
	width: 28px;
	height: 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;
	position: relative;
	z-index: 7;
}

.slide-content .touch-group:hover {
	border-color: #fff !important;
}

.slide-content .touch-group .item {
	height: 50px;
	min-width: 68px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 0 .2rem;
	gap: .3rem;
	position: relative;
}

.slide-content .touch-group .item:first-of-type {
	padding-left: .4rem;
}

.slide-content .touch-group .item:last-of-type {
	padding-right: .4rem;
}

.slide-content .touch-group .item span {
	display: none;
	white-space: nowrap;
	height: 0;
	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: #ffffff05;
	width: auto;
}

.slide-content .touch-group .item+.item {
	border-left: 2px solid var(--border-color);
}

/* Tags */
.hl-tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: .6rem;
	margin-bottom: .75rem;
}

.tag-model {
	border-radius: 0.33rem;
	background-color: #fff;
	color: #000;
	font-weight: 500;
	display: flex;
	align-items: center;
	overflow: hidden;
	cursor: default;
	line-height: 26px;
	font-size: 12px;
	padding: 0 .5rem;
	flex-shrink: 0;
}

.tag-classic,
.tag-topic {
	background-color: #ffffff10;
	height: 26px;
	font-size: 12px;
	padding: 0 .4rem;
	color: #fff;
	border-radius: 0.33rem;
	display: inline-flex;
	align-items: center;
}

.tag-classic {
	border: 1px solid #fff;
}

.tag-imdb {
	background-color: transparent;
	border: 1px solid #f0d25c;
	border-radius: 0.33rem;
	color: #fff;
	font-weight: 500;
	cursor: default;
	line-height: 24px;
	font-size: 12px;
	padding: 0 .4rem;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
}

.tag-imdb:before {
	content: "IMDb";
	color: #f0d25c;
	position: relative;
	font-weight: 500;
	padding-right: 4px;
	font-size: 10px;
	line-height: 1;
}

/* fluid */
#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 {
	width: 100%;
	max-width: 1900px;
	padding: 0 50px;
	margin: 0 auto;
}

.cards-row.fixed {
	width: 100%;
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto;
}

.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: 0;
	color: var(--category-name);
	text-shadow: 0 2px 1px rgba(0, 0, 0, .3);
}

.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;
	gap: 1.2rem;
	padding: 1.2rem;
	min-height: 120px;
	border-radius: .6rem;
	color: #fff;
}

.topics-line .topic-item .topic-name {
	font-size: 1.8em;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 0;
}

.topics-line .topic-item .info {
	position: relative;
	z-index: 3;
}

.cards-row.fixed.min {
	max-width: 960px;
}

/* swiper slide */
.cards-slide-wrapper {
	position: relative;
}

.sw-navigation .sw-button {
	padding: 6px;
	background-color: transparent !important;
	color: #fff;
	outline: none !important;
	border: none !important;
	position: absolute;
	z-index: 10;
	right: 0;
	top: calc(50% - 27px);
	transform: translate(100%, -50%);
	opacity: .5;
}

.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: .75rem;
	position: relative;
}

.sw-item .v-thumbnail:hover img {
	opacity: .8;
}

.sw-item .info {
	min-height: 42px;
	text-align: center;
}

.sw-item .info .item-title {
	margin-bottom: 0;
}

.sw-item .info .alias-title,
.sw-cover .alias-title {
	font-size: .9em;
	margin-top: 5px;
}

.sw-item .info .alias-title a,
.sw-cover .alias-title a {
	color: var(--text-base);
}

.sw-item .info-v {
	display: flex;
	flex-direction: column;
	gap: .2rem;
}

.sw-item .info-v .alias-title {
	font-size: .9em;
	color: var(--text-base);
}

.sw-item .info-v .info-line>div {
	color: #fff;
}

.sw-item .info-v.w-chart {
	padding-left: 66px;
	position: relative;
	text-align: left;
	isolation: isolate;
}

.sw-item .info-v.w-chart .alias-title {
	margin-top: 0;
}

.sw-item .info-v.w-chart .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	line-height: 1;
	text-align: center;
	font-size: 4.2em;
	font-weight: 800;
	font-style: italic;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 100;
	pointer-events: none;
}

.sw-item .info-v.w-chart .item-title,
.sw-item .info-v.w-chart .alias-title,
.sw-item .info-v.w-chart .info-line {
	position: relative;
	z-index: 0;
}

.v-thumbnail .pin-thumb {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: 0;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	padding: 0 .6rem;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0) 0%, rgba(25, 27, 36, 0.7) 100%);
}

.v-thumbnail .pin-thumb.on-bottom {
	top: auto;
	bottom: 0;
	background: rgb(25, 27, 36);
	background: linear-gradient(0deg, rgba(25, 27, 36, 0.7) 0%, rgba(25, 27, 36, 0) 100%);
}

.v-thumbnail .pin-thumb>div {
	color: #fff;
	font-weight: 500;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	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: .5rem;
}

.v-thumbnail .pin-trans .line-center {
	background-color: #fff;
	justify-content: center;
	height: 28px;
	border-radius: 1rem;
	padding: 0 .3rem;
	min-width: 28px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .2);
	gap: .3rem;
}

.v-thumbnail .pin-trans .line-center span {
	font-size: 11px;
	color: #000;
	display: none;
}

.v-thumbnail .pin-trans .line-center:hover {
	padding: 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 {
	width: 24px !important;
	min-width: auto !important;
	height: 24px;
	padding: 0 !important;
}

.v-thumbnail .pin-trans.fixed .line-center span {
	display: none !important;
}

.v-thumbnail .pin-trans.fixed .line-center .inter-icon {
	transform: scale(.8);
}

.v-thumbnail .pin-top {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 60px;
	width: 70px;
	text-align: right;
	padding-right: 1rem;
	font-size: 3.5em;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0, 0, 0, .4);
	z-index: 3;
}

.pin-new {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border-radius: .3rem .3rem 0 0;
	overflow: hidden;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
}

.pin-new .line-center {
	flex: 1;
	gap: .2rem;
	justify-content: center;
	padding: .2rem .5rem;
	font-size: 11px;
	font-weight: 400;
	background-color: #5e6070;
	color: #fff;
}

.pin-new .line-center.line-lt {
	background-color: #1667cf;
	color: #fff;
}

.pin-new .line-center.line-tm {
	background-color: #2ca35d;
	color: #fff;
}

.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: #fff;
	color: #333;
}

.pin-remove {
	position: absolute;
	z-index: 3;
	top: .3rem;
	right: .3rem;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	box-shadow: 0 0 5px 5px #00000010;
	width: 30px;
	height: 30px;
	border-radius: .4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .7;
}

.pin-remove:hover {
	opacity: 1;
}

.pin-new2 {
	justify-content: flex-start;
	border-radius: .5rem .5rem 0 0;
	overflow: hidden;
	background-color: #fff;
}

.pin-new2 .line-center {
	padding: .3rem .5rem;
	border-radius: 0 .5rem 0 0;
	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: .8rem;
	margin-left: -.3rem;
}

.pin-new2 .line-center.line-tm {
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.pin-quality-tag,
.tag-quality {
	padding: 0 .4rem;
	border-radius: 0.33rem;
	height: 26px;
	font-size: 12px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	background-color: #FFD875;
	background-image: linear-gradient(220deg, #FFD875 0%, #FFF 100%);
}

.pin-quality-tag {
	position: absolute;
	z-index: 3;
	top: .35rem;
	left: .35rem;
	width: 28px;
	height: 28px;
	font-size: 13px;
	padding: 0;
	border-radius: 50%;
	font-size: 13px;
	box-shadow: 0 0 0 2px #0005;
}

.pin-quality-tag.tag-cam {
	background: #fff !important;
	color: #000;
	box-shadow: 0 0 5px 5px #00000010;
	border-radius: .4rem;
	width: auto;
	height: auto;
	padding: .2rem .4rem;
	font-size: 11px;
}


.watched-bar {
	width: 100%;
	max-width: 160px;
	margin: .8rem auto;
	height: 4px;
	position: relative;
	display: flex;
	background-color: #ffffff20;
}

.watched-bar span {
	height: 100%;
	display: block;
	background-color: #ffffff90;
}

.watched-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin: 0 0 .5rem;
	font-size: 12px;
}

.watched-info .w-item span {
	opacity: .4;
}

.watched-info .w-item+.w-item {
	padding-left: .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: 0;
	top: 50%;
	margin-top: -1px;
}

/* Top */
.top-up {
	margin-bottom: 20px;
}

.top-up .sw-item .v-thumbnail {
	background-color: transparent;
}

.top-up .sw-item .v-thumbnail img,
.top-up .sw-item .v-thumbnail .mask {
	border-radius: 0;
	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%, 0% 96.142%, 0% 3.858%, 0% 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 img,
.top-up .swiper-slide:nth-child(2n) .v-thumbnail .mask {
	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%, 0% 10.459%, 0% 96.142%, 0% 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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.05)
}

.top-up .sw-item .v-thumbnail:hover .mask {
	background-color: var(--primary-color);
}

/* big slide */
.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: .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);
	height: 100% !important;
	left: auto;
	transform: none;
	right: 0;
	mask-image: linear-gradient(to right, transparent 0, black 30%, black 100%);
}

.big-slide-wrapper .slide-elements .cover-fade .cover-image {
	mask-image: none;
	-webkit-mask-image: none;
}

.big-slide-wrapper .slide-elements .safe-area {
	height: 100% !important;
	align-items: flex-start;
}

.big-slide-wrapper .top-slide-main,
.big-slide-wrapper .collection-s2-main {
	height: 500px;
	margin: 0;
}

.big-slide-wrapper .top-slide-main:before,
.big-slide-wrapper .collection-s2-main:before {
	display: none;
}

.big-slide-wrapper .top-slide-main .swiper-slide,
.big-slide-wrapper .collection-s2-main .swiper-slide {
	border-radius: 1.2rem;
	overflow: hidden;
}

.big-slide-wrapper .top-slide-small,
.big-slide-wrapper .collection-s2-thumbs {
	margin: -70px auto 0;
	max-width: 1200px;
	width: calc(100% - 32px);
	position: relative;
	z-index: 3;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
	display: flex;
	align-items: stretch;
	gap: 1rem;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
	flex: 1;
	border-radius: .8rem;
	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,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
	height: 110px;
	display: flex;
	align-items: center;
	padding: 1rem;
	display: none;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .media-title,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .media-title {
	font-size: 1em;
	line-height: 1.6;
	font-weight: 300;
	color: #fff;
	margin: 0;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
	background-color: #fff;
}

.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active .media-title,
.big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active .media-title {
	color: #000;
	font-weight: 500;
}

/* actors */
.sw-actors-recent .sw-actor {
	width: 100%;
	position: relative;
}

.sw-actor .item-duo {
	background-color: #ffffff05;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-radius: .5rem;
	mask-image: linear-gradient(to top, transparent 20%, black 70%, black 100%);
}

.sw-actor .item-duo .duo-thumb {
	width: 100%;
	flex: 1;
	padding-bottom: 70%;
	position: relative;
	border-radius: .4rem;
	overflow: hidden;
}

.sw-actor .item-duo .duo-thumb:hover img {
	opacity: .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 #fff;
	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: .6rem 0;
}


/* card with cover */
.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: 0 0 10px 5px rgba(0, 0, 0, .1);
}

.sw-cover .h-item .info .item-title {
	font-weight: 500;
}

.sw-cover.single .h-item {
	padding: .75rem 1rem;
}

.sw-cover.single .v-thumbnail.v-thumbnail-hoz {
	padding-bottom: 56%;
}

/* cards grid */
.cards-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 1.5rem;
}

.actors-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 */
footer {
	background-color: var(--footer-bg);
}

.footer-elements {
	position: relative;
	min-height: 400px;
	padding: 2rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer-elements>div {
	position: relative;
	z-index: 2;
}

.footer-elements .footer-icon {
	position: absolute !important;
	z-index: 1 !important;
	width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.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: .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: #fff1;
}

.sl-menu a {
	margin-right: 1.5rem;
	white-space: nowrap;
}

.sl-menu a:last-of-type {
	margin-right: 0;
}

.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: .5rem;
}

.sr-links a {
	display: block;
	border-radius: 2rem;
	border: 1px solid var(--border-color);
	padding: .5rem 1rem;
	font-size: .9em;
	font-weight: 300;
}

footer .true {
	margin-bottom: 1.5rem;
}

footer .true .line-center {
	font-size: 14px;
	color: #fff;
	padding: .5rem .7rem;
	border-radius: 2rem;
	background-color: #78140f;
}

/* demo tip */
.v-tips {
	position: relative;
}

.demo-tip,
.qtip-default {
	background-color: var(--bg-3);
	width: 100%;
	max-width: 420px;
	border-radius: .5rem;
	overflow: hidden;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
	border: none !important;
	color: #fff;
	line-height: 1.5;
}

#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: 0;
}

.qtip-default {
	animation: qtip-animation .3s forwards;
}

#movie-tooltip {
	/* animation is controlled by JS */
	animation: none;
	width: 420px;
	transform-origin: center center;
}

@keyframes qtip-animation {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes qtip-hide {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(.85);
	}
}

.sw-tip {
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}

.sw-tip .media-teaser {
	background-size: cover;
	background-position: center center;
	position: relative;
	max-height: 220px;
	overflow: hidden;
}

.sw-tip .media-teaser {
	mask-image: linear-gradient(to top, transparent 0, black 30px);
	-webkit-mask-image: linear-gradient(to top, transparent 0, 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: "\f6a9" !important;
}

.sw-tip .media-teaser .pin-new {
	transform: none;
	bottom: auto;
	top: 1rem;
	left: 1rem;
	right: auto;
	z-index: 4;
	border-radius: .3rem;
	display: none;
}

.sw-tip .media-teaser .info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	background: rgb(47, 51, 70);
	background: linear-gradient(20deg, rgba(47, 51, 70, 0.6) 0%, rgba(47, 51, 70, 0) 100%);
}

.sw-tip .media-item {
	width: 100%;
	padding: 1.5rem;
	padding-top: 0;
	background: rgb(47, 51, 70);
	background: linear-gradient(0deg, rgba(47, 51, 70, 1) 0%, rgba(47, 51, 70, 0.7) 100%);
	backdrop-filter: blur(10px);
	-webkit-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: 0 0 3px #00000030;
}

.sw-tip .media-title-image {
	margin-bottom: .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: .5rem;
}

.sw-tip .hl-tags .tag-classic {
	border: none;
	font-size: .9em;
	height: 22px;
}

/* .sw-tip .hl-tags .tag-classic:nth-child(n+5){ display: none;} */
.sw-tip .hl-tags .tag-model span {
	line-height: 20px;
}

.sw-tip .hl-tags .tag-imdb {
	line-height: 20px;
}

.sw-tip .hl-tags .tag-topic {
	background-color: transparent;
	padding: 0;
	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: #fff;
	margin-right: 6px;
}

.sw-tip .touch-group {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: .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;
}

/* tabs */
.v-tabs {
	padding: 0;
	margin-bottom: 1.5rem;
}

.v-tabs.nav-pills .nav-item+.nav-item {
	margin-left: .6rem;
}

.v-tabs.nav-pills .nav-link+.nav-link {
	margin-left: .6rem;
}

.v-tabs.nav-pills .nav-link {
	border-radius: 2rem;
	color: #fff;
	background-color: var(--bg-3);
	min-width: 100px;
	display: inline-flex;
	gap: .4rem;
	align-items: center;
	justify-content: center;
	opacity: .8;
}

.v-tabs.nav-pills .nav-link:hover {
	opacity: 1;
}

.v-tabs.nav-pills .nav-link.active,
.v-tabs.nav-pills .show>.nav-link {
	background-color: #fff !important;
	color: #000 !important;
	opacity: 1;
}

.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: none;
	border-bottom: 1px solid transparent !important;
	margin-bottom: -1px;
	padding: 0.75rem 0;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	background-color: none;
	opacity: .9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.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);
	border-color: var(--primary-color) !important;
	margin-bottom: -1px;
}

.v-tabs.v-tabs-min.nav-pills .nav-link {
	font-size: 12px;
	min-height: 30px;
	gap: .5rem;
	padding: 0 .5rem;
	border-radius: .4rem;
	min-width: auto;
	background-color: transparent !important;
	border: 1px solid transparent;
}

.v-tabs.v-tabs-min.nav-pills .nav-link.active {
	color: #fff !important;
	border: 1px solid #fff;
}

.v-tabs-xs.nav-pills .nav-link {
	padding: 0 !important;
	background-color: transparent !important;
	font-size: 12px !important;
	min-width: 60px !important;
}

.v-tabs-xs.nav-pills .nav-link+.nav-link {
	margin-left: .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, .2);
}

.v-notice .icon-notice {
	width: 3rem;
	height: 3rem;
	opacity: .5;
}

.modal-content .v-tabs {
	column-gap: .6rem;
	row-gap: .3rem;
}

.modal-content .v-tabs.nav-pills .nav-link+.nav-link {
	margin: 0 !important;
}

/* filter */
.v-filter {
	margin-bottom: 2rem;
}

.filter-toggle {
	background-color: var(--bg-color);
	padding: 0 .75rem 0 .5rem;
	height: 30px;
	color: #fff;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: 500;
	border-radius: .3rem;
}

.filter-toggle i {
	font-size: 12px;
}

.filter-toggle:hover {
	opacity: .9;
}

.filter-toggle.toggled i {
	color: var(--primary-text);
}

.filter-elements {
	border-radius: .75rem;
	border: 1px solid var(--border-color);
	padding: 1rem 0 0 0;
	margin-top: -15px;
	margin-bottom: 3rem;
}

.v-filter .fe-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 2rem;
	padding: .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: .3rem 0;
	text-align: right;
	flex-shrink: 0;
	font-weight: 500;
	color: #fff;
}

.v-filter .fe-row .fe-results {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: .5rem;
}

.v-filter .fe-row .fe-results .item {
	padding: .3rem .6rem;
	border: 1px solid transparent;
	border-radius: .4rem;
	color: #fff;
	cursor: pointer;
	opacity: .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: #fff3;
	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 0;
}

.v-pagination .page-current {
	height: 50px;
	padding: 0 1.2rem;
	border-radius: 3rem;
	background-color: #2f3346;
	color: #fff;
	font-size: 15px;
}

.v-pagination .page-current .v-form-control {
	border-color: #ffffff20 !important;
	width: 32px;
	height: 32px;
	border-radius: .3rem;
	background-color: transparent !important;
	color: #fff !important;
	padding: 0;
	text-align: center;
	font-weight: 600;
}

.v-pagination .page-current .v-form-control:focus {
	border-color: #ffffff40 !important;
}


/* bread */
.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: #fff;
	text-shadow: var(--h-shadow);
	font-weight: 600;
	margin: 0;
	cursor: default;
}

.model-tabs {
	flex-shrink: 0;
	display: flex;
	align-items: stretch;
	border: 1px solid #fff;
	border-radius: .5rem;
	padding: 2px;
	font-size: 14px;
	font-weight: 400;
}

.model-tabs .item {
	height: 26px;
	border-radius: .3rem;
	font-size: 13px;
	padding: 0 .5rem;
	display: flex;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.model-tabs .item.active {
	background-color: #fff;
	color: #000;
}

/* top detail */
.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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .6;
	background-size: cover;
	background-position: center center;
	mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
	-webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%, black 70%, transparent 100%);
}

/* detail container */
.detail-container {
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 auto;
	margin-top: -200px;
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.detail-container>div {
	background-color: rgba(25, 27, 36, .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: #fff;
	font-weight: 500;
	white-space: nowrap;
}

.detail-line {
	margin-bottom: 1.2rem;
}

.detail-line.d-flex {
	align-items: flex-start;
	gap: .6rem;
}

.child-actors {
	position: relative;
	padding-bottom: 1rem;
}

.child-actors .child-actors-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: .6rem;
	row-gap: 1.5rem;
}

.child-actors .v-item {
	gap: .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: 0;
	border: none;
}

.status .line-center {
	font-size: 0;
	padding: .5rem .8rem;
	border-radius: 2rem;
	background-color: #fff1;
}

.status.on-going .line-center {
	background-color: #ff83001a;
	color: #ff8300;
}

.status.complete .line-center {
	background-color: #22cb4c1a;
	color: #22cb4c;
}

.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, .6);
	flex-grow: 1;
	border-radius: 3rem 1.25rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
}

.dm-bar {
	padding: 30px;
	position: relative;
	z-index: 9;
}

.dm-bar .elements,
.dm-bar .touch-group,
.dm-bar .is-left {
	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: .6rem;
	border-radius: .6rem;
}

.dm-bar .item:hover {
	background-color: #ffffff05;
}

.dm-bar .item.active .item-v i,
.dm-bar .item.active .item-v .inc-icon {
	color: var(--primary-text);
}

.dm-bar .item .item-v {
	gap: .6rem;
	font-size: .9em;
	line-height: 1;
}

.dm-bar .item .item-v span {
	color: #fff !important;
}

.dm-bar .item.item-remind {
	position: relative;
	cursor: pointer;
	animation: item-remind 1s infinite;
}

.dm-bar .item.item-remind .inc-icon {
	animation: bell-remind 300ms infinite;
	color: #fff;
}

.dm-bar .item.item-remind.active,
.dm-bar .item.item-remind.active .inc-icon {
	animation: none !important;
	color: var(--primary-color);
}

.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: .6rem;
}

/* child box */
.child-box {
	display: block;
	position: relative;
}

.child-box .child-header {
	font-size: 1.6em;
	font-weight: 600;
	color: #fff;
	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: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}

.cc-top .item:nth-child(n+10) .position {
	margin-left: -8px;
	letter-spacing: -4px;
}

.cc-top .item .h-item {
	flex-grow: 1;
	background-color: #ffffff05;
	border-radius: .5rem;
	overflow: hidden;
	gap: 0;
}

.cc-top .item .h-item .info {
	padding: .6rem 1rem;
}

/* body detail */
.content-gap {
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cg-body-box {
	padding: 40px 0;
}

.cg-body-box.is-seasons {
	padding: 0 0 20px;
}

.cg-body-box .box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2rem;
}

.v-toggle .text {
	color: #fff;
	font-size: .9em;
	white-space: nowrap;
}

.v-toggle .toggle-x {
	border: 1px solid #fff;
	border-radius: 2rem;
	width: 30px;
	height: 20px;
	position: relative;
	cursor: pointer;
	opacity: .3;
	flex-shrink: 0;
}

.v-toggle .toggle-x span {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 8px;
	width: 8px;
	background-color: #fff;
	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 #fff;
	border-radius: .2rem;
	font-size: 10px;
	line-height: 1;
	padding: .2rem;
	color: #fff;
	opacity: .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);
	row-gap: 2rem;
	column-gap: 1.2rem;
}

.de-eps.is-grid .item .h-thumbnail {
	position: relative;
	padding-bottom: 56%;
	margin-bottom: .6rem;
	border-radius: .5rem;
	overflow: hidden;
	background-color: var(--bg-3);
}

.de-eps.is-grid .item .h-thumbnail img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.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: 0;
	left: 0;
	background-color: var(--primary-color);
	color: var(--primary-button-text);
	padding: .2rem .5rem;
	font-size: 11px;
	border-radius: 0 .5rem 0 0;
}

.de-eps.is-grid .item .h-thumbnail:hover img {
	opacity: .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 #fff;
	background-color: rgba(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: .6rem;
}

.de-eps.is-simple .item .h-thumbnail {
	display: none;
}

.de-eps.is-simple .item {
	display: flex;
	align-items: center;
	gap: .5rem;
	background-color: var(--bg-2);
	padding: .5rem .8rem;
	border-radius: .4rem;
}

.de-eps.is-simple .item .info {
	display: flex;
	align-items: center;
	gap: .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-shrink: unset !important;
	flex-grow: 1;
}

.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: .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;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: #fff9;
	font-size: 16px;
}

.de-eps .item.schedule .info {
	color: #fff !important;
}

.de-eps .item.schedule .time-release {
	color: #FF83F9;
	font-size: 12px;
}

.de-eps .item.schedule .time-release:before {
	content: "Phát sóng ";
}

.de-eps.is-simple .item {
	justify-content: center;
	padding: 0 .2rem;
	height: 50px;
}

.de-eps.is-simple .item.schedule {
	flex-direction: column;
	gap: 0rem;
	background-color: #373A4B;
}

.de-eps.is-simple .item.schedule .info .ep-sort {
	font-size: 12px;
}

.de-eps.is-simple .item.schedule .info .play-button {
	font-size: 12px;
}

.de-eps.is-simple .item.schedule .info .play-button i::before {
	content: "\f017" !important;
}

.de-eps.is-simple .item.schedule .time-release:before {
	display: none;
}

.schedule-eps {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	margin: 2rem 0;
}

.schedule-eps .item {
	position: relative;
	padding: .8rem 1rem;
	padding-left: 55px;
	padding-right: 46px;
	color: #fff;
	border-radius: .5rem;
	background-color: #4158D0;
	background-image: linear-gradient(90deg, #4158D0 0%, #C850C0 100%);
}

.schedule-eps .item .inc-icon {
	width: 36px;
	height: 36px;
	position: absolute;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
	background-color: #0005;
	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;
	max-width: 550px;
	position: relative;
	border-radius: .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: 0;
	bottom: 0;
	right: 0;
	width: 40%;
	max-width: 130px;
	mask-image: linear-gradient(to left, black 0%, transparent 95%);
	-webkit-mask-image: linear-gradient(to left, black 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: #1d2e79;
	color: #fff;
}

.de-type .item.tm {
	background-color: #297447;
	color: #fff;
}

.de-type .item.pd {
	background-color: #5e6070;
	color: #fff;
}

.de-actors {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 1.5rem;
}

.de-actors .item-actor,
.actors-grid-wrapper .item-actor {
	position: relative;
	padding: 0;
	border-radius: .6rem;
	overflow: hidden;
}

.de-actors .item-actor .v-item,
.actors-grid-wrapper .item-actor .v-item {
	gap: 0;
}

.de-actors .item-actor .v-actor,
.actors-grid-wrapper .item-actor .v-actor {
	width: 100%;
	height: 0;
	padding-bottom: calc(100% + 40px);
	border-radius: 0;
	margin: 0;
	mask-image: linear-gradient(to top, transparent 0, black 60px);
}

.de-actors .item-actor .info,
.actors-grid-wrapper .item-actor .info {
	padding: .75rem .5rem;
	margin-top: -40px;
	position: relative;
	z-index: 2;
}

.de-actors .item-actor .info .ro-play {
	font-size: .9em;
}

.de-actors .item-actor .info .ro-play span {
	color: #F0ADB1;
}

.de-suggest {
	grid-template-columns: repeat(6, 1fr);
}

.de-soundtrack {
	position: relative;
}

.item-sound {
	position: relative;
}

.item-sound .media-title {
	font-size: 1.1em;
	font-weight: 500;
	color: #fff;
	margin-bottom: .4rem;
}

.item-sound .lyric-post {
	padding: 2rem;
	font-size: 1.2em;
	line-height: 1.5;
	position: relative;
}

.item-sound .lyric-post p {
	margin-bottom: 0;
}

.item-sound .lyric-post .ori {
	color: #fff;
}

.item-sound .lyric-post .trans {
	font-style: italic;
	color: #96e99b;
}

.de-soundtrack .item-sound {
	border: 1px solid var(--border-color);
	border-radius: .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:hover,
.de-soundtrack .item-sound.active {
	background-color: rgba(255, 255, 255, 0.05);
}

.de-soundtrack .item-sound.active {
	border-color: #fff;
}

.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: sound-cd linear 2s infinite;
}

.de-soundtrack .item-sound.active .h-item .touch-media .btn-basic {
	color: #96e99b !important
}

@keyframes sound-cd {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.de-seasons.is-grid {
	grid-template-columns: repeat(3, 1fr);
	row-gap: 1rem;
}

/* doubleA */
.doubleA {
	display: block;
	text-align: center;
}

.doubleA .ok-728 img {
	width: 100%;
	max-width: 728px;
	max-height: 90px;
}

.v-form-control {
	background-color: transparent !important;
	height: 42px;
	border: 1px solid #ffffff10;
	border-radius: .4rem;
	color: #fff !important;
	font-size: .95em;
	padding: .5rem 1rem;
}

.v-form-control.form-control-lg {
	height: 52px;
	font-size: 1.1em;
	padding: .7rem 1.1rem;
	border-radius: .5rem;
}

.v-form-control:disabled {
	background-color: #ffffff05 !important;
	cursor: not-allowed;
}

.v-form-control:focus {
	border-color: #fff !important;
	box-shadow: none !important;
}

.v-form-control::placeholder {
	color: rgba(255, 255, 255, .4);
}

textarea.v-form-control {
	resize: none;
	padding: .6rem 1rem;
	height: auto;
}

.user-password {
	position: relative;
}

.user-password .v-form-control {
	padding-right: calc(1rem + 42px);
}

.user-password .toggle-password {
	width: 42px;
	height: 42px;
	opacity: .8;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	line-height: 42px;
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
}

.user-password.show-text .toggle-password .fa-eye::before {
	content: "\f070";
}

.user-password.show-text input[type="password"] {
	input-security: none;
}

.v-form-control-sm {
	height: 34px;
	font-size: 13px;
	padding: .3rem .7rem;
}

.year-input {
	position: relative;
	margin-left: 1rem;
}

.year-input .search-icon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.year-input .v-form-control-sm {
	padding-left: 34px;
	max-width: 110px;
	border-color: transparent;
	background-color: #fff1 !important;
}

/* discuss */
.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: .5rem;
	padding: .5rem;
	border-radius: .75rem;
	background-color: #ffffff10;
}

.textarea-wrap .ma-buttons {
	padding: 0
}

.textarea-wrap .ma-buttons .btn-emo i {
	font-size: 14px;
}

.my-area-sub {
	margin: .6rem 0;
	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: .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 #fff;
}

.ma-user .info {
	display: flex;
	flex-direction: column;
}

.ma-user .info span {
	font-weight: 500;
	color: #fff;
}

.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: #fff;
	margin-bottom: .3rem;
}

.d-item .comment-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: .6rem;
	margin-bottom: .5rem;
	position: relative;
}

.d-item .comment-header .user-name {
	margin: 0;
	white-space: nowrap;
}

.d-item .comment-header .rated {
	font-size: 12px;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	line-height: 1;
	padding: .3rem .6rem .3rem .3rem;
	border-radius: 2rem;
	background-color: #3556b6;
}

.d-item .comment-header .rated span {
	font-size: 16px;
}

.d-item .comment-header .rated .rated-emoji {
	display: inline-block !important;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	object-fit: contain;
}

.d-item .comment-header .c-time {
	opacity: .5;
	margin-left: .5rem;
	font-size: 11px;
}

.d-item .comment-header .ch-for {
	margin-left: .2rem;
	display: block;
	font-size: 11px;
	white-space: nowrap;
	line-height: 1.2;
	padding: .2rem .3rem;
	border: 1px solid #fff5;
	opacity: .5;
	border-radius: .3rem;
}

.d-item .comment-header .ch-for:hover {
	opacity: 1;
	color: #fff;
	border-color: #fff
}

.d-item .comment-header .ch-for span::before {
	content: " - Tập ";
}

.d-item .text {
	color: var(--text-base);
	filter: blur(0);
}

.d-item .text span {
	word-break: break-word;
}

.d-item .text-spoil {
	filter: blur(4px);
}

.d-item .comment-bottom {
	position: relative;
	font-size: 12px;
	margin-top: .5rem;
}

.d-item .comment-bottom .btn-xs {
	height: 28px;
	opacity: .5;
	font-weight: 300;
	font-size: 12px;
}

.d-item .comment-bottom .btn-xs:hover {
	opacity: 1;
}

.d-item .comment-bottom .btn-comment.active {
	opacity: 1;
}

.d-item .comment-bottom .v-dropdown-menu .dropdown-item .fa-solid {
	min-width: 16px;
	text-align: center;
}

.limit-wrap {
	padding: 0 1rem .25rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	max-width: 180px;
}

.limit-wrap .lw-item {
	font-size: 11px;
	padding: .2rem .4rem;
	border-radius: .3rem;
	background-color: #d33d2517;
	display: inline-flex;
	color: #dc3545;
}

.limit-wrap .lw-item.cancel {
	background-color: #eee !important;
	color: #111 !important;
}

.limit-wrap .lw-item:hover,
.limit-wrap .lw-item.active {
	background-color: #d33d2530;
}

.open-limit.highlight {
	color: #dc3545 !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 0 0;
}

.d-item .replies .user-avatar {
	width: 40px;
	height: 40px;
}

.d-item .replies .rep-sub {
	display: inline;
	background-color: var(--bg-4);
	color: #fff;
	font-size: 12px;
	padding: .2rem .3rem;
	vertical-align: text-top;
	border-radius: .2rem;
	margin-right: .2rem;
}

.group-react {
	gap: 1rem;
}

.group-react .item {
	padding: 0;
	gap: .4rem;
	justify-content: center;
	height: 28px;
	cursor: pointer;
	font-size: 11px;
}

.group-react .item i {
	font-size: 16px;
}

.group-react .item-up:hover,
.group-react .item-up.active {
	color: #25d366;
}

.group-react .item-down:hover,
.group-react .item-down.active {
	color: #d33d25;
}

.child-discuss {
	padding-top: 20px;
	padding-bottom: 20px;
}

.emo-list,
.gif-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: .2rem;
	padding: .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: .6rem;
	border-radius: .6rem;
	text-align: center;
	cursor: pointer;
}

.emo-list .el-item:hover,
.gif-list .gl-item:hover {
	background-color: #0001;
}

.bg-dark .emo-list .el-item:hover,
.bg-dark .gif-list .gl-item:hover {
	background-color: #ffffff10;
}

.gif-list .gl-item .gl-img {
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	position: relative;
}

.gif-list .gl-item .gl-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.gr-admin>span {
	background: linear-gradient(0deg, #df7a95 0%, #fff 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gr-mod>span {
	background: linear-gradient(0deg, #77B1FF 0%, #fff 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gr-mod>.gr-tag,
.gr-tag-mod {
	border-color: #1E7EFF60;
	color: #77B1FF;
	background-color: #1E7EFF60;
}

.gr-admin>.gr-tag,
.gr-tag-admin {
	border-color: #e2144e61;
	color: #df7a95;
	background-color: #e2144e61;
}

.gr-tag {
	font-size: 10px;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 500;
	padding: 0 .2rem;
	border-radius: 4px;
	border: 1px solid #fff4;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.gr-tag.gr-tag-free {
	color: #fff6;
	border-color: #fff4;
}

.gr-tag.gr-tag-rox {
	color: #36FA77;
	border-color: #36FA77;
}

/* custom audio demo */
.sound-play {
	padding: 1rem 1.5rem;
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
	width: 100%;
}

.audioplayer {
	margin: 0;
	border: none;
	border-radius: .6rem;
	background-color: transparent;
	padding: 0;
	height: 50px;
	color: #fff;
	width: 100%;
	justify-content: space-between;
}

.audioplayer audio {
	min-width: 0 !important;
	display: none;
}

.audioplayer-time {
	color: #fff
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a::after {
	top: 1px;
	left: 11px;
	border-color: #fff;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
	background-color: transparent !important;
	border-color: #96e99b;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	border-left-color: #96e99b;
	margin-left: 3px;
}

.audioplayer-volume-adjust div div,
.audioplayer-bar-played {
	background: #96e99b;
}

.audioplayer-playing .audioplayer-bar-played::after {
	border-color: #fff;
}

.audioplayer-playpause {
	width: 40px;
	height: 40px;
}

.audioplayer-bar-played::after {
	border-color: #fff !important;
}

.audioplayer-bar-loaded,
.audioplayer-bar::before,
.audioplayer-volume-adjust>div {
	background-color: #ffffff10;
}

.audioplayer-volume-button a {
	background-color: #fff;
}

.audioplayer-volume-button a::before {
	border-right-color: #fff;
}

.gallery-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	margin-bottom: 2rem;
}

.gallery-row .item {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.gallery-row .item .media-title {
	font-size: 1em;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 0;
}

.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: 0;
	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: .75rem;
	animation: flash 1s forwards;
	animation-delay: 1s;
}

@keyframes flash {
	0% {
		background-color: transparent;
	}

	50% {
		background-color: #ffffff20;
	}

	100% {
		background-color: #ffffff10;
	}
}

.d-item.d-item-pin {
	padding: 1rem;
	border-radius: .75rem;
	background-color: #fff1;
}

.d-item.d-item-pin .stick {
	font-size: 11px;
	margin-bottom: .4rem;
}

.d-item.d-item-pin .stick i {
	color: #F8473E;
}


/* watch */
#wrapper.makeup {
	position: relative;
}

#wrapper.makeup:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 900px;
	background: rgb(15, 17, 26);
	background: linear-gradient(0deg, rgba(15, 17, 26, 0) 0%, rgba(15, 17, 26, 1) 100%);
}

.watch-container,
.watch-player {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 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: 0;
}

.watch-player {
	z-index: 3;
}

.watch-player .wp-bread {
	/* padding: 0 40px; */
	width: 100%;
	margin-bottom: 1.5rem;
}

.watch-player .player-ratio {
	position: relative;
	border-radius: .75rem;
	box-shadow: var(--shadow-large);
}

.watch-player .player-ratio .ratio {
	border-radius: .75rem .75rem 0 0;
	overflow: hidden;
	background-color: #08080A;
}

.player-control {
	background-color: #08080A;
	border-radius: 0 0 .75rem .75rem;
	height: 64px;
	gap: 0;
	justify-content: flex-start;
	width: 100%;
}

.player-control .ep-current {
	background-color: #535D8E;
	color: #fff;
	height: 100%;
	padding: 0 1rem;
	width: 140px;
	justify-content: center;
	border-radius: 0 0 0 .75rem;
	font-weight: 600;
	flex-shrink: 0;
}

.player-control .control-items {
	gap: 1rem;
	width: 100%;
	padding: 0 1rem;
}

.player-control .control-items .item {
	display: flex;
	align-items: center;
	gap: .6rem;
	color: #fff;
	padding: .6rem .8rem;
	cursor: pointer;
	border-radius: .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: 0 1rem;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	display: flex;
	align-items: center;
	text-align: center;
	width: 100px;
	border-radius: 0 0 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;
}

.focus-backdrop {
	display: none;
}

body.focus-mod .focus-backdrop {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #08080A;
	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: .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: .6rem;
}

.reason-list .h-item {
	gap: .5rem;
	font-size: 13px;
	border: 1px solid var(--border-color);
	color: #fff;
	border-radius: .4rem;
	padding: .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: #fff;
	gap: .6rem;
	font-weight: 600;
	font-size: 1.4em;
	padding-right: 1.5rem;
	border-right: 1px solid #ffffff30;
	cursor: pointer;
}

.season-dropdown>.line-center>.fa-caret-down {
	font-size: 14px;
}

/* dropdown */
.v-dropdown-menu {
	margin: 2px 0;
	border: none !important;
	border-radius: .4rem;
}

.v-dropdown-menu strong {
	font-weight: 600;
}

.v-dropdown-menu hr {
	border-color: rgba(0, 0, 0, .2)
}

.v-dropdown-menu .dropdown-item,
.v-dropdown-menu .dropdown-blank {
	font-size: 13px;
	padding: .4rem 1rem;
	display: flex;
	align-items: center;
	gap: .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: .6rem 1rem;
}

.v-dropdown-menu .dropdown-checkbox {
	padding: 0;
	position: relative;
}

.v-dropdown-menu .dropdown-checkbox .form-check-label {
	padding: .5rem 1rem;
	padding-left: 2.6rem;
	font-size: 13px;
	cursor: pointer;
	width: 100%;
}

.v-dropdown-menu .dropdown-checkbox .form-check-label:hover {
	background-color: #f6f6f6;
}

.v-dropdown-menu .dropdown-checkbox .form-check-input {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translateY(-50%);
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: .2rem;
}

.v-dropdown-menu.bg-dark {
	background-color: rgba(15, 17, 26, .95) !important;
	color: var(--text-base);
}

.v-dropdown-menu.bg-dark .dropdown-item {
	color: #fff;
}

.v-dropdown-menu.bg-dark .dropdown-item:hover {
	background-color: #ffffff05;
}

.v-dropdown-menu.bg-dark .dropdown-item:focus {
	background: none !important;
}

.v-dropdown-menu.bg-dark hr {
	border-color: rgb(255, 255, 255, .2);
}

.v-dropdown-menu.bg-dark.user-dropdown {
	background-color: #272c43 !important;
	border-radius: .6rem;
}

.droplist {
	overflow-x: hidden;
	overflow-y: 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: .5rem;
}

.m-col-4>.dropdown-item {
	border-radius: .5rem;
	padding: .2rem .8rem !important;
	width: 140px;
}

.m-col-4>.dropdown-item>span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: block;
}


.v-modal .modal-content {
	background-color: #2A314E;
	border: none !important;
	border-radius: .75rem;
	padding: 2rem;
	color: #fff9;
}

.v-modal .modal-content .is-footer {
	display: flex;
	align-items: center;
	gap: .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: 0;
	right: 0;
	color: #fff;
	border: none !important;
	width: 40px;
	height: 40px;
	padding: 0;
}

.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 {
	padding: 3rem;
	min-height: 400px;
	padding-left: calc(360px + 3rem);
	background-color: #1E2545;
}

.modal-login .modal-dialog .modal-content:before {
	content: "";
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/images/rophim-login.webp);
	background-size: cover;
	background-position: bottom left;
	border-radius: .75rem 0 0 .75rem;
}

.modal-trailer .modal-content {
	padding: .5rem;
	border-radius: 1rem;
}

.modal-trailer .modal-content .modal-close {
	z-index: 9;
	border-radius: 50%;
	background-color: #fff;
	color: #000;
	top: -.75rem;
	right: -.75rem;
	width: 32px;
	height: 32px;
	min-height: auto;
}

.modal-trailer .modal-content .video-area {
	border-radius: .8rem;
	overflow: hidden;
}

.modal-trailer .modal-dialog {
	max-width: 750px;
	width: 96%;
	margin: auto;
}

/* actor detail */
.actor-container {
	width: 100%;
	max-width: 1640px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 0;
}

.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: .6rem;
	padding: .4rem 1rem;
	border-radius: 3rem;
	border: 1px solid var(--border-color);
	white-space: nowrap;
	font-size: 13px;
	color: #fff;
	opacity: 1;
}

.ac-side .as-info .button-group .item:hover {
	opacity: .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: #fff;
}

.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: .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: 0;
}

.time-row-cards {
	flex-grow: 1;
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	column-gap: 1rem;
	row-gap: 1.5rem;
}

/* topics */
.topics-list {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 2rem;
	justify-content: space-between;
	align-items: stretch;
}

.row-topic {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 2rem;
	position: relative;
	background-color: #ffffff05;
}

.row-topic>div {
	position: relative;
	z-index: 3;
}

.row-topic .mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: var(--bg-2);
	/* mask-image: linear-gradient(to right, black 15%,transparent 40%, transparent 100%) */
	;
}

.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: rgb(40, 43, 58);
	background: linear-gradient(0deg, rgba(40, 43, 58, 0) 20%, rgba(40, 43, 58, 1) 100%);
	padding: 2rem;
	gap: 2rem;
}

.topics-list.single .row-topic {
	background-color: transparent;
	padding: 0;
}

.topics-list.single .row-topic .intro {
	padding-right: 1.5rem;
	padding-left: .5rem;
	gap: 1.5rem;
	flex-shrink: unset;
	flex-grow: 1;
}

.topics-list.single .row-topic .intro .heading-md {
	font-size: 2em !important;
	line-height: 1.3;
	font-weight: 700;
}

.topics-list.single .row-topic .row-content {
	position: relative;
	width: calc(100% - 230px);
}

.topics-list.single .sw-item .v-thumbnail {
	border-radius: .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: .3rem .4rem;
	font-size: 10px;
}

.topics-list.single .sw-navigation .sw-button {
	top: calc(50% - 28px);
	background-color: #fff !important;
	opacity: 1;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 20px;
	box-shadow: 0 0 20px 5px #0003;
}

.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 {
	width: 20px !important;
	height: 20px !important;
	color: #000;
	position: relative;
	right: -1px;
}

.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: 0;
}



.topics-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 1rem;
}

/* .topics-grid .row-topic .mask{ mask-image: linear-gradient(to bottom, black -10%, rgba(0,0,0,.1) 100%);} */
.topics-grid .row-topic {
	position: relative;
	top: 0;
	padding: 1.2rem 1.5rem;
	border-radius: 1.25rem 2.5rem;
	overflow: hidden;
	justify-content: space-between;
	background: rgba(255, 255, 255, .8);
	background: radial-gradient(at left top, rgba(255, 255, 255, .8) 30%, rgba(255, 111, 111, 0.79) 100%)
}

.topics-grid .row-topic:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 -10px 20px 0px #fff2 inset;
	z-index: 3;
	border-radius: 4rem 2.5rem
}

.topics-grid .row-topic .intro {
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 110px;
	gap: .5rem;
	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: 1.8em;
	color: #ffffff;
	line-height: 1.3;
	text-shadow: 0 1px 0 #0002;
}

.topics-grid .row-topic .intro .btn-outline {
	border: none !important;
	padding: 0 !important;
	font-size: 14px !important;
}

.topics-grid .row-topic:hover .intro .btn-outline {
	background-color: transparent !important;
	color: #fff !important;
}

.topics-grid .row-topic:hover {
	top: -.6rem;
}

.topic-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50vh;
	mask-image: linear-gradient(to top, transparent 0, black 100%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, black 100%);
	opacity: .5;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.heading-topic {
	text-shadow: none !important;
	font-size: 3em !important;
	line-height: 1.2 !important;
}

/* renew */
.topics-grid .row-topic {
	background: #282b3a !important;
}

/* .topics-grid .row-topic .mask{ mask-image: none !important; -wbkit-mask-image: none !important; box-shadow: 0 0 30px 5px rgba(255, 255, 255, 0) inset;}
.topics-grid .row-topic .mask:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; mask-image: linear-gradient(-45deg,black 0%, transparent 40%); background-image: url(/wp-content/uploads/images/wave.webp); background-repeat: no-repeat; background-size: 200px 140px; background-position: right bottom; opacity: .3;}
.topics-grid .row-topic .mask:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; background: linear-gradient(-40deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 430%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0.2) 100%);} */

/* rating */
.v-rating {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
	color: #fff;
}

.v-rating .caption {
	padding-right: .8rem;
	font-size: 13px;
	line-height: 1;
}

.v-rating .caption i {
	opacity: .3;
}

.ro-icon {
	background-image: url(/wp-content/uploads/images/ro-icon.svg);
	background-size: cover;
	background-position: center center;
	width: 24px;
	height: 24px;
}

.ro-rating {
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: #3556b6;
	border-radius: 3rem;
	padding: .5rem .6rem;
}

.ro-rating .point {
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	padding: 0 .3rem 0 .5rem;
}

.ro-rating .a-rate {
	font-size: 11px;
	text-decoration: underline;
	margin: 0 .2rem 0 .5rem
}

.rate-emo {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 1rem;
	gap: .6rem;
}

.rate-emo .item-v {
	flex: 1;
	padding: 1rem .4rem;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
	border-radius: .75rem;
	filter: grayscale(1);
}

.rate-emo .item-v.disable {
	filter: grayscale(1) !important;
	opacity: .3 !important;
	cursor: default !important;
}

.rate-emo .item-v.active {
	background-color: #3556b6;
}

.rate-emo .item-v .inc-icon {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.rate-emo .item-v:hover,
.rate-emo .item-v.active {
	filter: none;
}

.rate-comment {
	margin: 1rem auto 0;
	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, .025) !important;
}

.rate-comment .has-reply {
	position: absolute;
	margin-top: -10px;
	right: 20px;
	z-index: 2;
	background-color: #2a314e !important;
	cursor: default;
}

.ws-rate {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.ws-rate .v-rating {
	gap: .7rem;
}

.wsr-left {
	font-size: 13px;
}

.v-line {
	width: 1px;
	height: 50px;
	margin: 0 5px;
	background-color: var(--border-color);
}

/* account */
.dashboard-container {
	position: relative;
	z-index: 3;
	max-width: 1640px;
	margin: 0 auto;
	padding: 0 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: #25272f;
}

.dcc-side .ds-menu {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcc-side .side-user {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcc-side .side-user .user-avatar {
	width: 60px;
	height: 60px;
	border: 2px solid #fff;
}

.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 0;
	border-bottom: 1px solid #2e313a;
}

.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 #fff;
	border-radius: 100%;
	margin-top: 1.7rem;
	margin-bottom: 1rem !important;
}

.dash-form .v-avatar .opt-avatar {
	display: flex;
	flex-direction: column;
}

.dash-form .v-avatar .opt-avatar .item {
	width: 100%;
	text-align: center;
	padding: .8rem 0;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
}

.dash-form .v-avatar .opt-avatar .item:hover {
	color: var(--primary-text);
}

.dash-form .v-avatar .opt-avatar .item+.item {
	border-top: 1px solid #fff1;
}

.dcc-playlist {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
	width: 100%;
}

.dcc-playlist .item {
	padding: .9rem 1.2rem;
	border: 2px solid var(--border-color);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	border-radius: .75rem;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 0 3px #ffffff03 inset;
}

.dcc-playlist .item.active {
	border-color: var(--primary-color);
}

.dcc-playlist .item .playlist-name {
	font-weight: 600;
	font-size: 1em;
	color: #fff;
}

.v-form-playlist .v-form-control {
	padding: 0;
	border: none !important;
	border-radius: 0;
	border-bottom: 1px solid var(--primary-color) !important;
	cursor: default;
	background-color: transparent !important;
	font-size: 1em;
	color: var(--text-base) !important;
	font-style: italic;
	height: 36px;
}

.v-form-playlist .v-form-control:disabled {
	padding: 0;
	border: none !important;
	cursor: default;
	font-weight: 600;
	color: #fff !important;
	font-style: normal;
}

.v-form-playlist .form-group {
	padding: .75rem 1rem;
	border: 1px solid var(--border-color);
	border-radius: .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: .9em;
}

/* notifications */
.noti-wrap {
	position: relative;
	border-radius: .75rem;
	overflow: hidden;
	background-color: #282b3a !important;
}

.noti-wrap strong {
	font-weight: 500;
	color: #fff;
}

.noti-wrap .h-item {
	padding: 1rem;
	color: #fff9;
}

.noti-wrap .h-item+.h-item {
	border-top: 1px solid #ffffff08;
}

.noti-wrap .h-item.new {
	background-color: #3a3e54 !important;
}

.noti-wrap .h-item:hover {
	background-color: #434761 !important
}

.noti-wrap .h-item.new:hover {
	background-color: #fff1;
}

.noti-wrap .h-item .v-thumbnail {
	width: 40px;
	flex-shrink: 0;
	padding-bottom: 54px;
	border-radius: .2rem;
}

.noti-wrap .h-item .noti-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--bg-5);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2em;
}

.noti-wrap .h-item .time {
	opacity: .6;
}

.noti-dropdown {
	width: 320px;
	margin-top: 5px !important;
	padding-top: 0 !important;
}

.v-dropdown-menu.bg-dark.noti-dropdown {
	background-color: #272c43 !important;
}

.noti-dropdown .noti-wrap {
	border-radius: 0;
	background-color: transparent !important;
}

.noti-dropdown .h-item {
	align-items: flex-start;
	font-size: 13px;
}

.noti-dropdown .h-item .noti-icon {
	margin-top: .2rem;
}

.noti-dropdown .h-item .v-thumbnail {
	margin-top: .2rem;
}

.noti-dropdown .v-notice {
	background-color: transparent !important;
	font-size: 13px;
	padding: 2rem;
}

.noti-dropdown .dropdown-top {
	border-bottom: 1px solid #ffffff10;
	padding: .6rem 1rem;
}

.noti-dropdown .dropdown-bottom {
	border-top: 1px solid #ffffff10;
}

.noti-dropdown .v-tabs-xs .nav-link {
	position: relative;
	padding-right: .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: 0;
	right: 0;
	width: 6px;
	height: 6px;
	background-color: red;
	border-radius: 50%;
	display: block;
}

/* article */
.article-body {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 300;
	color: #d3d3d3;
}

.article-body p {
	margin-bottom: 1rem;
	color: #d3d3d3;
}

.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 #fff1;
}

.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 0;
}

.c-social-list .item {
	gap: 0;
	padding: .7rem 1rem;
	border-radius: 2rem;
	border: 1px solid #ffffff20;
}

.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: -.25rem 0 2.5rem;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: .75rem;
}

.range-eps>.item {
	font-size: 13px;
	padding: .3rem .6rem;
	border-radius: .3rem;
	color: var(--text-base);
	background-color: #ffffff10;
	min-width: 84px;
	text-align: center;
}

.range-eps>.item:hover {
	color: #fff;
}

.range-eps .item.active {
	color: #000 !important;
	background-color: #fff !important;
}

/* schedules */
.wrapper-schedules {
	max-width: 1400px;
	margin: 0 auto;
}

.schedules-layout {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 1rem 0;
}

.sche-time {
	position: relative;
}

.sche-time .item-time {
	display: flex;
	flex-direction: column-reverse;
	gap: .75rem;
	font-size: 1em;
	padding: 1rem 1.2rem;
	border-radius: 0;
	background-color: #ffffff06;
	flex: 1;
	position: relative;
	cursor: pointer;
}

.sche-time .item-time>div {
	line-height: 1;
	white-space: nowrap;
}

.sche-time .item-time .day {
	font-size: 18px;
	color: #fff;
	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: .2rem .3rem;
	color: var(--primary-text);
	border: 1px solid var(--primary-color);
	border-radius: .25rem;
}

.sche-time .item-time.active {
	background-color: #ffffff10;
}

.sche-time .item-time.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	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%;
	overflow: hidden;
}

.sche-timeline .st-row {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 60px;
	max-width: 100%;
}

.sche-timeline .st-row:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 29px;
	height: 2px;
	background-color: #ffffff10;
}

.sche-timeline .st-row>div {
	position: relative;
	z-index: 2;
}

.sche-timeline .st-row .clock,
.sche-timeline .st-row .time-col {
	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;
	min-width: 0;
	overflow: hidden;
}

@media (max-width: 767px) {
	.sche-timeline .st-row .time-col {
		display: none;
	}

	.sche-timeline .st-row .items {
		grid-template-columns: repeat(2, 1fr);
	}
}

.sche-timeline .st-row .h-item {
	padding: 10px 15px 10px 10px;
	background-color: #363840;
	border: 1px solid #ffffff20;
	border-radius: .75rem;
	font-size: 13px;
	position: relative;
	overflow: hidden;
	min-width: 0;
}

.sche-timeline .st-row .h-item .info {
	min-width: 0;
	overflow: visible;
}

.sche-timeline .st-row .h-item .item-title {
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.sche-timeline .st-row .h-item .info-line {
	flex-wrap: wrap;
	gap: 2px 0;
}

.sche-timeline .st-row .h-item .info-line .tag-small {
	white-space: normal;
	word-break: break-word;
}

.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;
}

/* schedule items */
.sche-item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: .75rem 0;
	border-bottom: 1px solid #ffffff08;
}

.sche-item:last-child {
	border-bottom: none;
}

.sche-item-time {
	flex-shrink: 0;
	width: 60px;
	text-align: center;
	padding-top: 12px;
}

.sche-time-value {
	font-size: 16px;
	font-weight: 700;
	color: var(--primary-text);
	background-color: #ffffff08;
	padding: .3rem .6rem;
	border-radius: .4rem;
}

.sche-item-content {
	flex-grow: 1;
}

.sche-item-card {
	display: flex;
	gap: 1rem;
	padding: .75rem 1rem;
	border-radius: .75rem;
	background-color: #ffffff06;
	border: 1px solid #ffffff10;
	transition: all .2s;
}

.sche-item-card:hover {
	background-color: #ffffff0a;
	border-color: var(--primary-color);
}

.sche-item-thumb {
	flex-shrink: 0;
	width: 70px;
	height: 100px;
	border-radius: .5rem;
	overflow: hidden;
}

.sche-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sche-item-info {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	flex-grow: 1;
}

.sche-item-title {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
}

.sche-item-title:hover {
	color: var(--primary-text);
}

.sche-episode {
	font-size: 13px;
	color: #fff9;
	font-weight: 500;
}

.sche-badge {
	display: inline-flex;
	align-items: center;
	gap: .3rem;
	font-size: 11px;
	font-weight: 600;
	padding: .2rem .6rem;
	border-radius: 1rem;
	width: fit-content;
}

.sche-badge-upcoming {
	background-color: #3b82f620;
	color: #60a5fa;
}

.sche-badge-airing {
	background-color: #22c55e20;
	color: #4ade80;
}

.sche-badge-aired {
	background-color: #ffffff10;
	color: #ffffff60;
}

.sche-note {
	font-size: 12px;
	color: #fff6;
	margin: .2rem 0 0;
	font-style: italic;
}

/* avatar list */
.avatar-list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 6px;
}

.avatar-list .item {
	width: 100%;
	padding-bottom: 100%;
	border-radius: 0;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	opacity: .6;
	box-shadow: 0 0 0 3px transparent;
}

.avatar-list .item img {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
}

.avatar-list .item:hover,
.avatar-list .item.active {
	opacity: 1;
}

.avatar-list .item.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #fff;
	z-index: 2;
}

.question-box {
	margin: 2rem 0;
	padding: 1.5rem;
	max-width: 560px;
	border: 1px solid #ffffff30;
	border-radius: 1rem;
	list-style: none;
}

.question-box li+li {
	margin-top: .5rem;
}

/* top discuss */
.comm-wrap {
	margin-bottom: 1rem;
	border-radius: 1rem;
	border: 1px solid #fff2;
	display: flex;
	flex-direction: column;
}

.top-discuss {
	padding: 1.5rem 2rem;
	border-bottom: 1px solid #fff2;
}

/* .top-discuss .td-list{ display: grid; grid-template-columns: repeat(6,1fr); align-items: stretch; gap: 1.5rem;} */
.top-discuss .td-list {
	position: relative;
}

.td-d-item {
	align-items: stretch;
	padding: 1.2rem;
	position: relative;
	border-radius: .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: .3rem;
}

.td-d-item .di-v {
	display: flex;
	flex-direction: column;
	gap: .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: #fff;
}

.td-d-item .di-poster {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .5;
	mask-image: linear-gradient(to bottom, black 0, transparent 80%);
}

.td-d-item:hover .di-poster {
	opacity: .7;
}

.td-d-item .di-poster img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(5px);
	transform: scale(1.1);
}

.td-d-item .info {
	display: flex;
	flex-direction: column;
	gap: .4rem;
	color: #fff9
}

.td-d-item .info>div {
	margin-bottom: 0;
}

.td-d-item .info .text {
	flex-grow: 1;
	font-size: 13px;
	color: #fff8 !important;
	height: 42px;
	margin-bottom: 3px;
}

.td-d-item .info .comment-bottom .line-center {
	gap: .3rem;
}

.comm-title {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #fff;
	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: 0;
	background-color: var(--bg-color) !important;
	border: 1px solid #fff3 !important;
	opacity: 1;
	border-radius: 50%;
	right: -10px;
}

.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: 0;
}

.irt-table .it-col {
	padding: 1.5rem 2rem;
}

.irt-table .it-col+.it-col {
	border-left: 1px solid #fff1;
}

.it-col .chart-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.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: .3;
}

.it-col .chart-list .item .dev {
	width: 16px;
	text-align: center;
}

.it-col .chart-list .item .name {
	margin: 0 !important;
	font-size: 1em;
	font-weight: 400;
	flex-grow: 1;
	color: #fff;
}

.it-col .chart-list .item .v-thumbnail {
	width: 25px;
	padding-bottom: 36px;
	border-radius: .1rem;
}

.it-col .chart-list .item .user-avatar {
	width: 32px;
	height: 32px;
}

.it-col .chart-list .item .topic-color {
	padding: 0 .8rem;
	height: 28px;
	font-size: 13px;
	display: flex;
	align-items: center;
	color: #fff;
	border-radius: 30px;
}

.it-col .chart-list .item-more a {
	color: #fff5;
}

.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: 48px;
	gap: .2rem;
	padding: .6rem .8rem;
	padding-left: calc(40px + 1.6rem);
	border-radius: .6rem;
	background-color: #0005;
	border: 1px solid transparent;
	color: var(--text-base) !important;
}

.re-item:hover {
	background-color: #0006;
	border-color: #fff4;
}

.re-item .user-avatar {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	position: absolute;
	top: 16px;
	left: .8rem;
}

.re-item .user-comment {
	font-size: 12px;
	word-break: break-word;
}

.re-item .user-comment span {
	color: #fff;
}

.re-item .for {
	font-size: 12px;
	line-height: 1.5;
	color: #fff5;
}

.re-item .for small {
	font-size: 8px;
	color: var(--primary-text);
}

.sw-comment-slide {
	max-height: 284px;
}

.dev.dev-up {
	color: #bedc33
}

.dev.dev-down {
	color: #dc328c
}

.dev.dev-stand {
	color: #fff3
}

.it-col.this-03 .chart-list .item:nth-child(10n + 1) .topic-color {
	background-color: #742d4b !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 2) .topic-color {
	background-color: #387fda !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 3) .topic-color {
	background-color: #7356b1 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 4) .topic-color {
	background-color: #91ab47 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 5) .topic-color {
	background-color: #a98762 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 6) .topic-color {
	background-color: #218a8f !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 7) .topic-color {
	background-color: #9616d1 !important;
}

.it-col.this-03 .chart-list .item:nth-child(10n + 8) .topic-color {
	background-color: #c9512c !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 9) .topic-color {
	background-color: #616994 !important
}

.it-col.this-03 .chart-list .item:nth-child(10n + 10) .topic-color {
	background-color: #ad4c68 !important
}

.it-col.this-05 {
	max-width: 550px;
}

.d-modal .modal-content {
	background-color: #242838 !important;
}

.d-modal .comm-title {
	font-size: 14px;
}

.it-col.it-big {
	padding: 0 !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 #ffffff08;
}

.it-col.it-big .chart-list .item .v-thumbnail {
	width: 36px;
	height: 50px;
	border-radius: .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: #fff5;
}

.it-col .chart-list .item .info .small-text .s-icon {
	font-size: 11px !important;
}


/* box new */
.cards-boxed .row-tabs {
	display: flex;
	flex-wrap: wrap;
	column-gap: .5rem;
	row-gap: .5rem;
}

.cards-boxed .row-tabs a {
	font-size: 13px;
	line-height: 1.2;
	white-space: nowrap;
	padding: 0 1rem;
	height: 36px;
	border-radius: 3rem;
	gap: .6rem;
	color: #fff;
	position: relative;
	background-color: #ffffff10;
	overflow: hidden;
}

.cards-boxed .row-tabs a:hover {
	background-color: #ffffff20;
}

.cards-boxed .row-tabs a.active {
	color: #000;
	background: rgb(252, 241, 216);
	background: linear-gradient(94deg, rgba(252, 241, 216, 1) 0%, #fdb9de 100%);
}

.cards-boxed .row-tabs a .inc-icon {
	width: 24px;
	height: 24px;
	display: none;
}

.inc-icon.new-tag {
	width: 80px !important;
	height: auto !important;
	position: relative;
	margin-left: -20px;
}

#slide-cover-new .sw-navigation .sw-button {
	top: 50%;
}

.sw-cover.cover-fade {
	background-color: #224d67;
	border-radius: .75rem;
	overflow: hidden;
}

.sw-cover.cover-fade .v-thumbnail {
	background-color: transparent;
	border-radius: .75rem .75rem 0 0;
}

.sw-cover.cover-fade .v-thumbnail img {
	mask-image: linear-gradient(to top, transparent 0, black 40%);
	-webkit-mask-image: linear-gradient(to top, transparent 0, 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: 0
}

.sw-cover.cover-fade .h-item .info .alias-title {
	font-size: 1em;
	color: var(--primary-text);
	margin-bottom: .6rem;
}

.sw-cover.cover-fade .h-item .info .description {
	font-size: 13px;
	color: #fff;
}

.sw-cover.cover-fade .backdrop-filter {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	filter: blur(30px);
	opacity: .3;
	transform: scale(1.2);
}

.pin-relative {
	display: flex;
	align-items: center;
	gap: .3rem;
	font-size: 12px;
	line-height: 1.3;
}

.pin-relative .video-type {
	padding: .2rem .4rem;
	font-size: 11px;
	border: 1px solid #fff;
	color: #fff;
	border-radius: .3rem;
	white-space: nowrap;
}

.pin-relative .pin-new {
	transform: none;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	box-shadow: none;
	border-radius: 0;
	gap: .3rem;
}

.pin-relative .pin-new .line-center {
	border-radius: .3rem;
}

.pin-relative .pin-new .line-pd {
	background-color: #ffffff36;
}

.radius-0 {
	border-radius: 0 !important;
}

.bg-trans {
	background-color: transparent !important;
	border-radius: .5rem !important;
}

.text-gradient {
	text-shadow: none !important;
	letter-spacing: 1px;
	font-weight: 700 !important;
	font-size: 2.2em !important;
	background: linear-gradient(to right, #FCF1D8 0%, #ff7ee5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* loading */
.v-loader-area {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3rem;
	height: 200px;
	position: relative;
}

.v-loader-area.fixed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff05;
}

.v-loader {
	width: 45px;
	aspect-ratio: 1;
	--c: no-repeat linear-gradient(#5b5d68 0 0);
	background:
		var(--c) 0% 50%,
		var(--c) 50% 50%,
		var(--c) 100% 50%;
	background-size: 20% 100%;
	animation: l1 1s infinite linear;
	transform: scale(.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: allpage-load .3s forwards;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}

@keyframes allpage-load {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		overflow: unset;
		height: auto;
	}
}

#body-load {
	display: flex;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--bg-color);
	justify-content: center;
	align-items: center;
	animation: body-load-effect .6s forwards;
}

#body-load .bl-logo {
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	justify-content: center;
	align-items: center;
	font-size: 3em;
	line-height: 1.4;
	color: #ffffff30;
	font-weight: 600;
	animation: logo-load .6s forwards;
}

#body-load .bl-logo img {
	width: 60%;
	max-width: 360px;
	height: auto;
}

body.base-load {
	animation: base-load 2s forwards;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	animation-delay: 1s;
}

@keyframes body-load-effect {
	0% {
		opacity: 100%;
		z-index: 1000;
	}

	60% {
		opacity: 100%;
		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(.6);
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes home-load {
	0% {}

	60% {}

	80% {
		overflow: hidden;
	}

	100% {
		background-image: url(/wp-content/uploads/images/home-background.webp);
		overflow: auto;
	}
}

/* Update */
.info-line .tag-small {
	margin-right: 0
}

.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: #ffffff30;
	position: absolute;
	left: -3px;
	top: calc(50% - 3px);
	border-radius: 50%;
}

.block-404 {
	width: 100%;
	max-width: 800px;
	padding: 0 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: .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: .6rem !important;
}

.Toastify__progress-bar--wrp {
	height: 3px !important;
}

.Toastify__toast-theme--dark {
	background: #ffffff0f !important;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.ratio-16x9 video {
	object-fit: cover;
}

.cat-more .line-center {
	padding: 0;
	height: 30px;
	width: 30px;
	border-radius: 2rem;
	border: 1px solid #fff5;
	font-size: 14px;
	justify-content: center;
	gap: 0;
}

.cat-more:hover .line-center,
.cat-more.active .line-center {
	width: auto;
	padding: 0 .5rem;
}

.cat-more span {
	display: none;
	font-size: 12px;
	padding: 0 .4rem;
}

.cat-more i {
	width: 20px;
	text-align: center;
}

.cat-more:hover span,
.cat-more.active span {
	display: block;
}

.denied-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1e212e;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1.5rem 25%;
	gap: 2rem;
	font-size: 2.3em;
	font-weight: 600;
	color: #fff;
}

.denied-box:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/wp-content/uploads/images/denied-bg.webp);
	background-size: cover;
	background-position: center center;
	opacity: .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%);
	top: auto !important;
	height: auto !important;
	bottom: -200px;
	width: 90%;
	max-width: 320px;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	box-shadow: 0 0 10px 10px #0001;
	padding: 1rem;
	border-radius: .8rem;
	animation: pop-show .75s forwards;
	animation-delay: 1s;
}

.quality-notice .notice-dismiss {
	color: #888;
	font-size: 12px;
	font-weight: 400;
	margin-top: .6rem;
	cursor: pointer;
}

@keyframes pop-show {
	0% {
		opacity: 0;
		bottom: -200px;
	}

	100% {
		opacity: 1;
		bottom: 30px;
	}
}

.app-box-fix {
	position: fixed;
	z-index: 999;
	bottom: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.app-box-fix .content {
	position: relative;
	width: 100%;
	background-color: #fff;
	border-radius: 1rem;
	padding: 1.2rem;
	color: #000;
	width: 100%;
	max-width: 300px;
	box-shadow: 0 0 10px 3px #0002;
}

.app-box-fix .content>div {
	position: relative;
	z-index: 2;
}

.app-box-fix .heading-xs {
	color: #000;
	margin-bottom: .75rem;
}

.app-box-fix .close-app-box {
	margin-top: 1rem;
}

.app-box-fix .close-app-box a {
	color: #666;
	font-size: 12px;
	padding: .1rem 1rem;
	text-align: center;
	display: block;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

.app-box-fix .close-app-box a:hover {
	color: #000;
}

.app-box-fix .app-box .appicon img {
	width: 60px;
	border-radius: .7rem;
}

.table-wrap {
	margin: 2rem auto;
	max-width: 800px;
	padding: 10px;
	border: 1px solid #fff9;
	border-radius: 1rem;
	overflow: hidden;
}

.v-table {
	margin: 0;
	font-size: 14px;
	border-radius: .8rem;
	overflow: hidden;
}

.table.v-table> :not(caption)>*>* {
	padding: .6rem .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-top: .5rem !important;
	padding-bottom: calc(.5rem + 22px) !important;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border: none;
	border-radius: .75rem !important;
	overflow: hidden;
	height: auto !important;
	gap: .75rem;
}

.button-play.is-coming .text {
	font-size: 11px;
	line-height: 24px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	color: #000;
	border-radius: 0;
}

#totop {
	position: fixed;
	z-index: 99;
	right: 1rem;
	bottom: -100px;
	width: 48px;
	height: 48px;
	border-radius: .6rem;
	background-color: #fff;
	box-shadow: 0 0 10px 0 #0002;
	color: #000;
	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;
	display: none;
}

#totop i {
	font-size: 14px;
	position: relative;
}

#totop:hover i {
	top: -2px;
}

.mini-search {
	width: 100%;
	position: relative;
}

.mini-search .search-icon {
	position: absolute;
	left: .8rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
}

.mini-search .search-input {
	background-color: transparent !important;
	border: 1px solid var(--border-color) !important;
	border-radius: .4rem;
	box-shadow: none !important;
	font-size: 13px;
	padding: .4rem 1rem .4rem 2.2rem;
	width: 100%;
}

.mini-search.is-dark .search-input {
	border-color: #0003 !important;
}

.mini-search.is-dark .search-input:focus {
	border-color: #0e487a !important;
}

/* w2g home */
.home-w2g {
	border-radius: 1rem;
	background-color: #9e5969;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	color: #fffa;
}

.home-w2g .hw2g-icon {
	position: relative;
	bottom: -1.5rem;
	left: -1rem;
}

.home-w2g .hw2g-icon img {
	height: 300px;
	width: auto;
}

.home-w2g .hw2g-title {
	max-width: 250px;
}

.home-w2g .hw2g-title .is-name {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 1.5rem;
}

.dropdown-vip {
	font-size: 13px;
	padding: .4rem 1rem;
}

.dropdown-vip .user-name {
	font-size: 12px;
	color: #fff;
}

/* wallet */
.ro-coin {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-image: url(/wp-content/uploads/images/ro-coin.svg);
	background-size: cover;
	flex-shrink: 0;
	display: inline-block;
	vertical-align: sub;
}

.ro-coin.m-size {
	width: 20px;
	height: 20px;
}

.l-size {
	font-size: 15px !important;
}

.m-size {
	font-size: 14px !important;
}

.s-size {
	font-size: 13px !important;
}

.xs-size {
	font-size: 12px !important;
}

.ro-coin.is-large {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	box-shadow: 0 0 0 3px #fff5 inset;
}

/* .ro-coin.less{ filter: grayscale(1);} */
.dropdown-wallet {
	padding: .5rem 1rem;
}

.wallet-display {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.wallet-display .btn-xs {
	min-height: auto;
	padding: 1px 6px;
	font-size: 10px;
}

.wallet-display .my-wallet {
	color: #fff;
	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;
}

#up-rox .logo-small img {
	height: 40px !important;
}

/* tv */
.code-page {
	padding: 100px 0 !important;
}

.your-account {
	display: flex;
	justify-content: center;
	color: #fff;
	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;
	background-color: transparent;
	color: #fff;
	font-size: 3em;
	font-weight: 600;
	padding: .75rem;
	text-align: center;
	border: 4px solid transparent !important;
	border-bottom-color: #fff2 !important;
	border-radius: 0;
	box-shadow: none !important;
}

.login-code .form-control::placeholder {
	color: #fff6;
}

.login-code .form-control:focus {
	border-color: #fff4 !important;
}

.login-code.error .form-control {
	border-color: #c94d4d1a !important;
	color: #c94d4d !important;
	background-color: #c94d4d1a !important;
}

.login-code-box .buttons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.login-code-box .buttons .btn-light[disabled] {
	background-color: #fff9 !important;
	border: none !important;
}

.display-pin {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.tv-checked {
	display: block;
	text-align: center;
	padding: 50px 0;
}

.tv-checked img {
	width: 240px;
	height: auto;
}

.flexbin {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
	gap: .4rem;
}

.flexbin:after {
	content: '';
	flex-grow: 999999999;
	min-width: 200px;
	height: 0;
}

.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;
	}
}

/* sponsor */
.sspp-area {
	position: relative;
	z-index: 8;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.sspp-area .display-single {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.sspp-area .display-single .is-image {
	display: block;
	border: 2px solid #fff;
	width: 100%;
}

.sspp-area .display-single .is-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sw-item .sspp-area .display-single .is-image.auto-res,
.sw-item .sspp-area .display-single .is-image.auto-res img,
.swiper-slide .sspp-area .display-single .is-image.auto-res,
.swiper-slide .sspp-area .display-single .is-image.auto-res img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

/* sspp wide */
.sspp-area.is-wide .display-single {
	max-height: 110px;
	max-width: 1200px;
}

.sspp-area.is-wide {
	padding: 0 1rem;
}

.sspp-area.is-728 .display-single {
	max-height: 90px;
	max-width: 728px;
}

/* sspp catfish */
.sspp-area.is-wide.is-catfish {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 0;
	flex-direction: column;
	z-index: 15;
}


/* sspp square */
/* .sspp-area.is-3x2 .display-single{ width: 100%; padding-bottom: 66%; height: 0;}
.sspp-area.is-3x2 .display-single.is-demo{ padding-bottom: 84%;} */
.sspp-area.is-square-400 .display-single {
	max-width: 400px;
	max-height: 400px;
}

.sspp-area.is-square-300 .display-single {
	max-width: 300px;
	max-height: 300px;
}

/* sspp poster */
.sspp-area.is-poster,
.sspp-area.is-live {
	flex-direction: column;
	gap: .75rem;
}

.sspp-area.is-poster .display-text {
	font-size: .9em;
	opacity: .5;
}

.sspp-area.is-poster .display-single {
	width: 100%;
	padding-bottom: 150%;
	height: 0;
}

.sspp-area.is-poster .display-single .is-image {
	border-radius: .5rem;
}

.sspp-area.is-live .display-single {
	padding-bottom: 56%;
	height: 0;
}

.sspp-area.is-live .display-single .is-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: .6rem;
	overflow: hidden;
}

.sspp-area.is-square .display-single {
	height: 300px;
	width: 360px;
}

.sspp-area.is-square .display-single .call-me .wrap-text .buttons {
	flex-direction: column;
	margin-top: .5rem;
}

.sspp-area.is-box .display-single .call-me .wrap-text .buttons .btn,
.sspp-area.is-wide-m .display-single .call-me .wrap-text .buttons .btn {
	min-width: none;
	width: 100%;
	padding: .3rem;
	font-size: 13px;
	min-height: 30px;
}

.sspp-area.is-post {
	width: auto;
	align-items: flex-start;
	justify-content: flex-start;
}

.sspp-area.is-post .display-single {
	width: auto;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1.5rem;
	padding: 1.25rem;
	border: 2px solid #fff1;
	border-radius: 1rem;
}

.sspp-area.is-post .display-single .sspp-logo {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.sspp-area.is-post .display-single .sspp-logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.chat-row .sspp-area.is-post .display-single {
	gap: 1rem;
	padding: .75rem;
	padding-right: 50px;
	border-radius: .75rem;
	font-size: 13px;
	border-color: #fff2;
}

.chat-row .sspp-area.is-post .display-single .sspp-logo {
	width: 36px;
	height: 36px;
}

.sspp-area .close-it {
	position: absolute;
	top: .5rem;
	right: .5rem;
	z-index: 5;
	cursor: pointer;
	opacity: .5;
	display: flex;
	align-items: center;
	gap: .4rem;
	padding: .4rem .5rem;
	background-color: #0006;
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 12px;
	text-shadow: 0 0 4px #0002;
	line-height: 1;
	border: 1px solid #fff;
	box-shadow: 0 0 5px 5px #0001;
	border-radius: .4rem;
}

.sspp-area .close-it span {
	display: none;
}

.card-mobile {
	display: none !important;
}

/* .sspp-area.is-wide .close-it span{ display: block} */
.sspp-area .close-it:hover {
	opacity: 1;
}

.sspp-area.is-post .close-it {
	top: .5rem;
	right: .5rem;
	border: none !important;
	background-color: #fff1 !important;
}

.sspp-modal .modal-dialog .modal-content {
	max-width: 400px;
	margin: 0 auto;
}

.lw-player .sspp-area.is-max {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.lw-player .sspp-area.is-max .display-single {
	width: 100%;
	height: 100%;
}

.it-col.this-01,
.it-col.this-02 {
	width: 420px;
	flex-shrink: 0;
}

.it-col.this-05 {
	max-width: none;
	flex-grow: 1;
}

.it-col.this-03 {
	width: 320px;
	flex-shrink: 0;
}

.delay-load {
	animation: delay-time 3s forwards;
}

@keyframes delay-time {
	0% {
		opacity: 0;
	}

	80% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.sspp-area .display-single.is-demo {
	max-height: none !important;
}

.sspp-area.is-wide .display-single.is-demo {
	max-width: 890px;
}


/* homepage */
body.homepage {
	background-color: #14161E;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	animation: home-load 2s forwards
}

body.homepage .container {
	max-width: 1330px;
}

#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: 12rem auto 5rem;
	border-radius: 2rem;
	background-color: rgba(255, 255, 255, .025);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

.home-board .home-logo img {
	height: 60px;
	width: auto;
}

.home-board .heading-xl {
	text-align: center;
	font-size: 2.6em;
}

#section-second {
	padding: 0 0 4rem;
}

#home-footer {
	text-align: center;
	padding-bottom: 4rem;
}

.home-footer-menu {
	margin: 2rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 2.5rem;
	padding: 0 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.5em;
    text-align: justify;
	line-height: 1.7;
	color: #cfcfcf;
	padding: 0 3rem;
}

#about a {
	color: #fff;
}

#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;
	margin: 1.5rem 0;
	color: var(--primary-text);
}

#about h2 {
	font-size: 1.6em;
	margin: 1.5rem 0;
	;
	color: var(--primary-text);
}

#about h3 {
	font-size: 1.4em;
	margin: 0 0 1.25rem;
	color: #fff;
}

#about h4 {
	font-size: 1.2em;
	margin-bottom: .5rem;
	color: var(--primary-text);
}

#about h5 {
	font-size: 1.1em;
	margin-bottom: .5rem;
	color: #fff;
}

/* live */
.cards-live .boxed {
	padding: 1.75rem 2rem;
	border-radius: 1rem;
	background-color: #5F2D54;
}

.cards-live .row-header {
	min-height: auto;
	margin-bottom: 1.5rem;
}

.cards-live .row-header .category-name {
	font-size: 1.8em;
	line-height: 1.1;
}

.home-live {
	display: flex;
	align-items: flex-start;
	gap: 2rem;
}

.home-live .live-grid-big {
	display: flex;
	align-items: flex-start;
	gap: 1.25rem;
}

.home-live .live-grid-big .card-live {
	flex: 1;
}

.home-live .card-live {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}

.home-live .card-live .v-thumbnail-hoz {
	padding-bottom: 56%;
	border-radius: .6rem;
	box-shadow: 0 10px 10px 0 #0002;
}

.home-live .v-thumbnail .live-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
}

.home-live .card-live .card-live-detail {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	flex-direction: row;
}

.home-live .card-live .card-live-detail .user-avatar {
	width: 40px;
	height: 40px;
}

.home-live .card-live .card-live-detail .is-info {
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	gap: .1rem;
	font-size: .9em;
}

.home-live .card-live .card-live-detail .live-name {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: .2rem;
}

.home-live .card-live .card-live-detail .source-name {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: .15rem;
	color: #fff9;
}

.home-live .card-live .card-live-detail .info-line>div {
	font-size: 12px;
	color: #fff9;
}

.home-live .card-live .card-live-detail .info-line .tag-user a {
	color: #fff9;
}

.home-live .card-live .card-live-detail .is-option {
	position: relative;
}

.home-live .live-grid-small {
	display: flex;
	flex-direction: column;
	gap: 0rem;
}

.home-live .live-grid-small .card-live {
	padding: 1rem;
	border-radius: .5rem;
	flex-direction: row;
	align-items: center;
}

.home-live .live-grid-small .card-live:nth-child(2n) {
	background-color: #00000015;
}

.home-live .live-grid-small .card-live:hover {
	background-color: #fff1 !important;
}

.home-live .live-grid-small .card-live .v-thumbnail {
	width: 40px;
	padding-bottom: 60px;
	flex-shrink: 0;
	border-radius: .2rem;
}

.home-live .live-grid-small .card-live .card-live-detail {
	position: relative;
	z-index: 4;
	flex-grow: 1;
	border-left: 1px solid #fff2;
	padding-left: 1rem;
	align-items: center;
}

.home-live .live-grid-small .card-live .card-live-detail .user-avatar {
	display: none;
}

.home-live .live-grid-small .card-live .card-live-detail .live-name {
	line-height: 1.5;
	font-size: 1.1em;
	-webkit-line-clamp: 2;
}

.home-live .live-grid-small .card-live .home-live-status {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.home-live .card-live .v-thumbnail .live-tag {
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 3;
	border-radius: .3rem;
	height: 24px;
	padding: 0 .4rem;
	box-shadow: 0 0 5px 5px #0001;
}

.home-live .current-status {
	position: absolute;
	z-index: 3;
	bottom: .5rem;
	left: .5rem;
	display: flex;
	align-items: center;
	gap: .5rem;
	background-color: #0009;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: .3rem .7rem;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	border-radius: .4rem;
	border: 1px solid #fff;
	box-shadow: 0 0 5px 5px #0001;
}

.home-live .current-status.status-live {
	border: 1px solid #fff;
	border-radius: .4rem;
}

.home-live .current-status.status-end,
.home-live-status .btn-outline.end {
	color: #fe476a !important;
	border-color: #fe476a !important;
	font-weight: 400;
}

.home-live .current-status.status-coming {
	font-weight: 400;
}

.home-live .current-status.status-coming .time-left {
	font-weight: 600;
}

.home-live .remind-me {
	left: auto;
	right: .5rem;
	cursor: pointer;
	z-index: 5;
}

.home-live .remind-me.active,
.home-live-status .btn-outline.remind-me.active {
	color: var(--primary-text) !important;
	border-color: var(--primary-color) !important;
}

.home-live .start-now {
	background-color: #fff;
	color: #000;
	left: .5rem;
	right: auto;
	bottom: .5rem;
	top: auto;
	z-index: 5;
}

.home-live .start-now:hover {
	background-color: var(--primary-color);
	color: #000;
	border-color: var(--primary-color);
}

.home-live .card-live .thumb-small {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 39%;
	height: 100%;
	z-index: 2;
	background-size: cover;
	background-position: top center;
	box-shadow: 0 10px 10px 0 #0002;
	mask-image: linear-gradient(to top, transparent 0%, black 30%)
}

.home-live .live-tag {
	font-size: 12px;
	font-weight: 500;
}

.home-live .live-grid-big {
	width: 65%;
	flex-shrink: 0;
}

.home-live .live-grid-small {
	flex-grow: 1;
}

/* .home-live .live-grid-big .card-live-air{ box-shadow: 0 0 100px 0 #cf171770 inset;} */

.home-live .user-avatar.o-live {
	width: 46px;
	height: 46px;
	border: 2px solid red;
	animation: home-live-avatar 1s infinite;
}

.home-live .user-avatar.o-live img {
	transform: scale(.8);
	border-radius: 50%;
}

@keyframes home-live-avatar {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.live-tag {
	background-color: #cf1717 !important;
	color: #fff !important;
	display: flex !important;
	align-items: center;
	gap: .3rem;
}

.live-tag.blink:before {
	content: "";
	width: 6px;
	height: 6px;
	background-color: #fff;
	display: block;
	border-radius: 50%;
	animation: live-flash 1s infinite;
}

@keyframes live-flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.count-time {
	animation: count-time 1s infinite;
}

@keyframes count-time {
	0% {
		transform: rotate(0);
	}

	50% {
		transform: rotate(90deg);
	}

	100% {
		transform: rotate(180deg);
	}
}

@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: 0;
	}
}

@media screen and (max-width: 640px) {
	body.homepage .container {
		padding: 0 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;
		row-gap: 1rem;
		column-gap: 2rem;
	}

	#home-footer {
		padding-bottom: 3rem;
	}
}

.zbox-welcome {
	bottom: 1rem;
	left: 1rem;
	z-index: 100;
}

.zbox-welcome .content {
	background-color: #000000f2 !important;
	color: #fffa;
	max-width: none;
	width: 420px;
	padding: 1.5rem 2rem;
	border-radius: 1rem;
}

.zbox-welcome .content .v-thumb-m {
	width: 100px;
}

.zbox-welcome .content .watched-bar {
	max-width: 180px;
}

.zbox-welcome .content .info-line .tag-small {
	color: #fff9;
}

/* shoutbox fixed */
.shoutbox-fixed {
	position: fixed;
	bottom: 0;
	right: 1rem;
	z-index: 100;
	width: 280px;
}

.shoutbox-fixed .btn-toggle {
	width: 100%;
	background-color: #fff !important;
	color: #000 !important;
	border: none !important;
	border-radius: .6rem;
	height: 48px;
	opacity: 1 !important;
	box-shadow: 0 0 10px 10px #0002;
	cursor: pointer;
	margin-bottom: 1rem;
}

.shoutbox-fixed .btn-toggle .user-avail .inc-icon {
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
}

.shoutbox-fixed .btn-toggle .user-avail .inc-icon+.inc-icon {
	margin-left: -7px;
}

.shoutbox-fixed .shoutbox {
	height: 900px;
	max-height: 80vh;
	border-radius: 0;
	border: none;
	box-shadow: 0 0 10px 10px #0002;
}

.shoutbox-fixed.show {
	width: 400px;
	right: 1rem !important;
	transition: none !important;
}

.shoutbox-fixed.show .shoutbox {
	display: flex !important;
}

.shoutbox-fixed.show .btn-toggle {
	border-radius: .75rem .75rem 0 0;
	margin-bottom: 0;
}

.shoutbox-fixed.show .btn-toggle .toggle-icon {
	display: block !important;
	font-size: 18px;
}

.shoutbox-fixed.show .btn-toggle .s-hide {
	display: none;
}

.shoutbox-fixed .shoutbox .chat-row {
	padding: .6rem 1rem;
}

.shoutbox-fixed .shoutbox .sb_bottom {
	padding: 1rem;
}

.rox-setting {
	text-decoration: underline !important;
	text-underline-offset: 4px;
	white-space: nowrap;
}

/* match info */
.app-box-fix .content-rb {
	width: 400px;
	max-width: none;
	padding: 1.5rem;
	color: #fff;
	backdrop-filter: blur(15px);
	background: #6C60B9;
	background: linear-gradient(236deg, rgba(108, 96, 185, .9) 0%, rgba(90, 81, 143, .9) 100%);
}

.app-box-fix .content-rb .rb-header {
	position: relative;
	padding-left: 60px;
}

.app-box-fix .content-rb .rb-header .rb-logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
}

.app-box-fix .content-rb .rb-header .rb-logo img {
	width: 44px;
	height: auto;
}

.app-box-fix .content-rb .alias-title {
	color: #fff9;
	margin-top: 2px;
}

.app-box-fix .content-rb .close-app-box a {
	color: #fffa;
}

.app-box-fix .content-rb .btn-sm {
	border-radius: .4rem;
}


.match-info {
	display: flex;
	flex-direction: column;
	margin: 1.25rem 0;
	gap: .75rem;
	position: relative;
	align-items: center;
	justify-content: center;
}

.match-info .match-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .75rem;
	width: 100%;
}

.match-info .item {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	position: relative;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2rem .4rem .5rem;
	color: #000 !important;
	border-radius: .75rem;
	border-bottom: 3px solid #c0ceeb;
}

.match-info .item:hover {
	background-color: #fff !important;
	border-color: #e2fe35;
}

.match-info .item .info-item {
	position: absolute;
	top: 0;
	left: .75rem;
	right: .75rem;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 20px;
	gap: .5rem;
}

.match-info .item .info-item>div {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.match-info .item .info-item>.league-name {
	flex-shrink: unset;
	flex-grow: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	display: block;
}

.match-info .item .time-match {
	font-size: 10px;
	line-height: 20px;
	padding: 0 5px;
	background-color: #000;
	color: #fff;
	border-radius: 0 0 .3rem .3rem;
}

.match-info .item .live-badge>div {
	padding: 0 5px;
	line-height: 20px;
	font-weight: 600;
	font-size: 10px;
	color: #fff;
	background-color: red;
	border-radius: 0 0 0 .3rem;
}

.match-info .item .live-badge>div.prog {
	background-color: #eee;
	border-radius: 0 0 .3rem 0;
	color: #000;
}

.match-info .item .live-badge>div.prog span {
	animation: time-flash 1s linear infinite;
}

@keyframes time-flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.3;
	}

	100% {
		opacity: 1;
	}
}

.match-info .team-vs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 3;
}

.match-info .team-vs .card-team {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: .25rem;
	padding: 0 .3rem;
}

.match-info .team-vs .card-team .inc-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.match-info .team-vs .card-team .inc-icon img {
	object-fit: contain;
}

.match-info .team-vs .card-team .lim {
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	flex-grow: 1;
	word-break: break-word;
	text-align: center;
}

.match-info .team-vs .current {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 50%;
	width: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	transform: translate(-50%, 0);
	padding: 3px 0;
}

.match-info .team-vs .current .score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .6rem;
	color: #0005;
	border-radius: .6rem;
	background-color: #ffd875;
	line-height: 26px;
	color: #000;
}

.match-info .team-vs .current .score.update {
	color: #000;
}

.match-info .match-comm {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
}

.match-info .match-comm .comm-avatar {
	width: 24px;
	height: 24px;
	font-size: 0;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #0003;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.match-info .match-comm .comm-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.match-info .match-comm span {
	font-size: 11px;
	font-weight: 500;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}


/* robong row */
.league-swiper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .5rem 0;
	background-color: #0003;
	border-radius: 1.25rem 0 0 1.25rem;
}

.league-swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rrb-wrap {
	display: flex;
	align-items: stretch;
	background-color: #2f43a3;
	background-image: url(/wp-content/uploads/images/robong/background.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 1.25rem;
	min-height: 150px;
	border: 1px solid #617cfe;
	box-shadow: 0 0 50px 0 #fff2 inset;
	position: relative;
	padding-left: 60px;
}

.rrb-wrap:before {
	content: "";
	width: 6px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	background-color: #e2fe35;
	border-radius: 2rem 0 0 2rem;
	z-index: 1;
}

.rrb-wrap .leagues-slide {
	width: 60px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.rrb-wrap .leagues-slide .l-icons {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.rrb-wrap .leagues-slide .l-icon {
	width: 24px;
	height: 24px;
	position: relative;
}

.rrb-wrap .leagues-slide .l-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rrb-wrap .rb-intro {
	flex-shrink: 0;
	width: 300px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .75rem;
	position: relative;
	z-index: 2;
}

.rrb-wrap .rb-intro .rb-logo {
	flex-shrink: 0;
}

.rrb-wrap .rb-intro .rb-logo a {
	display: block;
	height: 40px;
	overflow: hidden;
	flex-shrink: 0;
}

.rrb-wrap .rb-intro .rb-logo img {
	height: 100%;
	width: auto;
}

.rrb-wrap .rb-intro .rb-title {
	line-height: 1.3;
	text-shadow: 0 0 5px #0003;
}

.rrb-wrap .rb-intro .rb-label a {
	border-radius: .4rem;
	overflow: hidden;
	gap: 1px;
}

.rrb-wrap .rb-intro .rb-label a span {
	background-color: #e2fe35;
	color: #000;
	font-size: 14px;
	line-height: 28px;
	padding: 0 .5rem;
	letter-spacing: 1px;
	white-space: nowrap;
}

.rrb-wrap .rb-intro .rb-label a i {
	line-height: 28px;
	padding: 0 0.5rem;
	background-color: #fff;
	color: #000;
}

.rrb-wrap .rb-pic {
	mask-image: linear-gradient(to right, black 0%, black 70%, transparent 100%);
	margin-right: -80px;
	width: 400px;
	flex-shrink: 0;
	overflow: hidden;
}

.rrb-wrap .rb-pic img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.rrb-wrap .rb-more {
	width: 130px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.rrb-wrap .rb-more a {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: 1.5rem;
}

.rrb-wrap .rb-more a:hover .btn {
	background-color: #e2fe35 !important;
	border-color: #e2fe35 !important;
}

@media screen and (max-width: 1599px) {
	.match-info .match-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.match-info .match-list .item:nth-child(n+5) {
		display: none;
	}
}

@media screen and (max-width: 1359px) {
	.rrb-wrap .rb-pic {
		display: none;
	}

	.rrb-wrap .rb-intro {
		width: 100%;
		max-width: 280px;
		padding: 1.5rem;
	}
}

@media screen and (max-width: 1079px) {
	.rrb-wrap {
		flex-direction: column;
		border-radius: 1rem;
	}

	.rrb-wrap .rb-intro {
		max-width: none;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 1rem;
	}

	.rrb-wrap .rb-intro .rb-logo a {
		width: 42px;
	}

	.rrb-wrap .rb-intro .rb-title {
		flex-grow: 1;
		text-align: left;
		margin: 0 !important;
	}

	.rrb-wrap .rb-intro .rb-label {
		display: none;
	}

	.match-info {
		padding: 0 1rem !important;
	}

	.match-info .match-list {
		gap: .6rem;
	}

	.rrb-wrap .rb-more {
		width: 100%;
		padding: 0;
	}

	.rrb-wrap .rb-more a {
		flex-direction: row-reverse;
		align-items: center;
		padding: 1rem;
	}

	.rrb-wrap .rb-more .btn.btn-circle {
		width: 20px;
		height: 20px;
	}
}

@media screen and (max-width: 639px) {
	.rrb-wrap {
		overflow: hidden;
		padding: 0;
		border-radius: .75rem;
	}

	.rrb-wrap .leagues-slide,
	.rrb-wrap::before {
		display: none;
	}

	.rrb-wrap .rb-intro .rb-title {
		font-size: 1.2em;
	}

	.rrb-wrap .rb-intro .rb-logo a {
		width: 32px;
		height: 30px;
	}

	.match-info {
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.match-info::-webkit-scrollbar {
		display: none;
	}

	.match-info .match-list {
		display: flex;
		gap: .75rem;
	}

	.match-info .match-list .item {
		width: 230px;
		flex-shrink: 0;
		padding: 1.8rem 0 .4rem;
	}

	.match-info .match-list .item:nth-child(n+5) {
		display: flex;
	}

	.match-info .team-vs .current {
		border: none !important;
		width: 40px;
	}

	.match-info .team-vs .current .score.update {
		border: none !important;
	}

	.match-info .team-vs .card-team .inc-icon {
		width: 30px !important;
		height: 30px !important;
	}
}

/* vip */
body.for-rox {
	color: #fffa;
}

body.for-rox,
body.for-rox #body-load,
body.for-rox .filter-toggle {
	background-color: #0D132E;
}

body.for-rox .top-discuss-wrapper .sw-navigation .sw-button {
	background-color: #0D132E !important;
}

body.for-rox header {
	background: rgb(8, 11, 29);
	background: linear-gradient(0deg, rgba(8, 11, 29, 0) 0%, rgba(8, 11, 29, 1) 100%);
}

body.for-rox header.fixed {
	background-color: #080B1Dd4 !important;
	backdrop-filter: blur(10px);
}

body.for-rox footer,
body.for-rox .live-category {
	background-color: #080B1D !important
}

body.for-rox .v-modal .modal-content {
	background-color: #273261;
}

body.for-rox .v-modal.modal-rox .modal-content {
	backdrop-filter: blur(10px);
	background: #354ABA80;
	background: linear-gradient(15deg, rgba(53, 74, 186, .4) 0%, rgba(53, 74, 186, .8) 100%);
}

body.for-rox .top-slide-main::before,
body.for-rox .top-detail-wrap::after {
	background: rgb(13, 19, 46);
	background: linear-gradient(0deg, rgb(13, 19, 46) 0%, rgba(13, 19, 46, 0) 100%);
}

/* vip (customize color) */
/* body.for-rox a:hover, body.for-rox .app-download-button > .inc-icon{ color: #36FA77;}
body.for-rox .text-primary, body.for-rox .primary-text{ color: #36FA77 !important;}
body.for-rox .primary-gradient, body.for-rox .button-play, 
body.for-rox .btn-primary{ background-color: #36fa77 !important; border-color: #36fa77 !important;}
body.for-rox .button-play{ box-shadow: 0 5px 10px 5px #ff7ece10;} */
body.for-rox .top-up .sw-item .v-thumbnail:hover .mask {
	background-color: #9AFCBA;
}

body.for-rox .w-chart .number {
	background: rgb(54, 250, 119);
	background: linear-gradient(39deg, rgb(54, 250, 119) 0%, rgb(255, 255, 255) 100%);
}

body.for-rox .comm-title .ct-icon {
	color: #36FA77;
}

body.for-rox .topics-list.single {
	background: transparent !important;
	padding: 3rem 0 0;
}

body.for-rox .topics-list.single .row-topic {
	align-items: flex-start;
}

body.for-rox .v-dropdown-menu.bg-dark {
	background-color: #20284bfa !important;
	backdrop-filter: blur(10px);
	color: #fffa;
}

body.for-rox .v-dropdown-menu.bg-dark.user-dropdown,
body.for-rox .v-dropdown-menu.bg-dark.noti-dropdown {
	background-color: #303a69 !important;
	border-radius: .75rem;
}

body.for-rox .noti-wrap .h-item.new,
body.for-rox .noti-wrap .h-item:hover {
	background-color: #3b4781 !important;
}

body.for-rox .noti-wrap .h-item+.h-item {
	border-top: 1px solid #fff1;
}

body.for-rox .detail-container>div {
	background-color: transparent !important;
	backdrop-filter: none !important;
}

body.for-rox .detail-container>div.dc-side {
	padding-top: 0;
	padding-left: 0;
}

body.for-rox .detail-container>div.dc-main .dm-bar {
	background-color: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	border-radius: 1.25rem;
	margin-bottom: 1rem;
	box-shadow: 0 15px 15px 0 #0002;
}

body.for-rox .my-area .ma-input .v-form-control {
	background-color: #0d132e !important
}

body.for-rox .re-item {
	background-color: transparent !important;
	border: none !important;
}

body.for-rox .re-item:hover {
	background-color: #fff1 !important;
}

body.for-rox .irt-table .it-col+.it-col {
	border-left: none !important;
}

body.for-rox .v-notice {
	color: #fff8;
}

body.for-rox .sw-item .info .alias-title a,
body.for-rox .sw-cover .alias-title a {
	color: #fffa;
}

body.for-rox .premium-wrap {
	background-color: #080b1d !important;
}

body.for-rox .search-modal {
	background-color: #20284be4;
}

body.for-rox #wrapper.makeup::before {
	background: rgb(8, 11, 29);
	background: linear-gradient(0deg, rgba(8, 11, 29, 0) 0%, rgba(8, 11, 29, 1) 100%);
}

body.for-rox .dcc-side {
	background-color: #fff1;
}

body.for-rox .dcc-side .menu-user .item {
	border-color: #fff1;
}

body.for-rox .noti-wrap {
	background-color: #303a69;
}

body.for-rox.body_live header {
	background: rgb(8, 11, 29) !important;
}

body.for-rox .primary-gradient,
body.for-rox .button-play,
body.for-rox .w-chart .number {
	background: rgb(54, 250, 119);
	background: linear-gradient(39deg, rgb(54, 250, 119) 0%, rgb(211, 255, 221) 100%);
}

body.for-rox .button-play {
	box-shadow: 0 5px 10px 5px rgba(127, 251, 162, 0.1);
}

body.for-rox .btn-primary {
	background-color: #51f085 !important;
	border-color: #51f085 !important;
}

body.for-rox .text-primary,
body.for-rox .primary-text,
body.for-rox .ds-info .alias-name {
	color: #51f085 !important;
}

body.for-rox .pin-quality-tag,
body.for-rox .tag-quality {
	background-color: #60FC90;
	background-image: linear-gradient(220deg, #60FC90 0%, #FFF 100%);
}

body.for-rox .my-area .ma-buttons .btn-submit,
body.for-rox .app-download-button>.inc-icon,
body.for-rox .noti-number {
	color: #51f085 !important;
}

body.for-rox .v-toggle .toggle-x.on {
	border-color: #51f085 !important;
}

body.for-rox .v-toggle .toggle-x.on span,
body.for-rox .v-dropdown-menu .dropdown-item.active {
	background-color: #51f085 !important;
}

body.for-rox .de-eps.is-simple .item {
	background-color: #1c2343;
}

body.for-rox .de-eps.is-simple .item.on-air {
	background-color: #51f085 !important;
	color: #000 !important;
}

body.for-rox .de-eps.is-simple .item:hover,
body.for-rox a:hover {
	color: #51f085;
}

body.for-rox .v-tabs.nav-tabs .nav-link.active {
	color: #51f085;
	border-color: #51f085 !important;
}



/* fadeInUp animation */
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.effect-fade-in {
	animation: fadeInUp .5s ease-out forwards;
}

.comm-title {
	line-height: 1.5;
	font-size: 16px !important;
}

/* Responsive community */
@media screen and (max-width: 1599px) {
	.it-col.this-03 {
		display: none;
	}
}

@media screen and (max-width: 1279px) {
	#community {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.irt-table {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.irt-table {
		display: grid;
		grid-template-columns: 1fr;
	}

	.footer-elements .side-left {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 100%;
	}

	.footer-elements .side-left .sl-brand {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		gap: 1.5rem;
		width: 100%;
	}

	.footer-elements .side-left .sl-brand .footer-logo {
		display: flex;
		justify-content: center;
	}

	.footer-elements .side-left .true .line-center,
	.footer-elements .side-left .sl-brand .socials,
	.footer-elements .side-left .sl-menu {
		justify-content: center;
		text-align: center;
		flex-wrap: wrap;
	}

	.footer-elements .side-left .sl-notice,
	.footer-elements .side-left .sl-copyright {
		text-align: center;
	}

	.footer-elements .side-left .sl-brand .socials {
		padding-left: 0;
		border-left: none;
	}

	.v-dropdown-menu {
		left: auto !important;
		right: 0 !important;
		max-width: calc(100vw - 2rem);
	}
}

/* ma-user panel */
.ma-user {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.ma-user .user-avatar {
	width: 44px;
	height: 44px;
	border: 2px solid #fff;
}

.ma-user .info {
	display: flex;
	flex-direction: column;
}

.ma-user .info span {
	font-weight: 500;
	color: #fff;
}/* Custom Player Controls */

/* Settings dropdown overrides */
#rp-player .item-setup .player-dm .cs-list .cs-item {
    display: flex !important;
    cursor: pointer;
}

#rp-player .item-setup .player-dm .cs-list .cs-item .csi-current {
    display: inline-flex !important;
}

/* Override: .p_b-right .item-btn .line-center span { display:none } */
.p_b-right .item-btn .player-dm span,
.p_b-right .item-btn .player-dm .line-center span {
    display: inline !important;
    opacity: 0.7;
    color: #fff;
}

#rp-player .item-setup .player-dm .dropdown-title {
    font-size: 14px !important;
}


#rp-player {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block !important;
    height: auto !important;
    overflow: hidden;
    margin: 0 auto;
    cursor: none;
}

#rp-player.cp-show {
    cursor: default;
}

#rp-player:fullscreen,
#rp-player.cp-fullscreen {
    display: block !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #000;
}

/* Force player_top to overlay instead of taking flow space */
#rp-player #player_top {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 25;
}

#rp-player .main-player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #08080A;
    border-radius: .75rem .75rem 0 0;
}

#rp-player:fullscreen .main-player,
#rp-player.cp-fullscreen .main-player {
    height: 100vh;
    width: 100vw;
    max-height: 100vh;
    aspect-ratio: unset;
    border-radius: 0;
}

#rp-player:fullscreen .cp-controls,
#rp-player.cp-fullscreen .cp-controls {
    z-index: 30;
}

#rp-player:fullscreen.cp-show .cp-controls,
#rp-player.cp-fullscreen.cp-show .cp-controls {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#rp-player:fullscreen .main-player video,
#rp-player.cp-fullscreen .main-player video {
    object-fit: contain !important;
}

#rp-player .main-player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #000;
    z-index: 2;
    display: block;
}

#rp-player .main-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 2;
}

/* Controls wrapper */
.cp-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .4) 60%, transparent 100%);
    padding: 0 0 0;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
}

/* Show controls only via JS-managed cp-show class (auto-hides after 3s) */
#rp-player.cp-show .cp-controls {
    opacity: 1;
    pointer-events: auto;
}

/* Hide custom controls when iframe is used (iframe has its own controls) */
#rp-player.has-iframe .cp-controls,
#rp-player.has-iframe #player_top {
    display: none !important;
}

/* Seek bar */
.cp-seek-wrap {
    padding: 0 16px;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.cp-seek-track {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, .2);
    border-radius: 2px;
    position: relative;
    overflow: visible;
}

.cp-seek-track:hover {
    height: 6px;
}

.cp-seek-buffer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    border-radius: 2px;
    pointer-events: none;
}

.cp-seek-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #e74c3c;
    border-radius: 2px;
    pointer-events: none;
}

.cp-seek-knob {
    position: absolute;
    top: 50%;
    width: 14px;
    height: 14px;
    background: #e74c3c;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity .15s;
    pointer-events: none;
}

.cp-seek-wrap:hover .cp-seek-knob {
    opacity: 1;
}

.cp-seek-tooltip {
    position: absolute;
    bottom: 100%;
    left: 0;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    pointer-events: none;
    display: none;
    margin-bottom: 8px;
}

.cp-seek-wrap:hover .cp-seek-tooltip {
    display: block;
}

/* Bottom function bar */
.cp-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px 10px;
    gap: 8px;
}

.cp-bar-left,
.cp-bar-right {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.cp-bar .item-btn {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.cp-bar .item-btn:hover {
    color: var(--primary-color, #e74c3c);
}

.cp-bar .item-btn .inc-icon.icon-large {
    width: 48px !important;
    height: 48px !important;
}

.cp-bar .item-btn .inc-icon.icon-large svg {
    width: 100% !important;
    height: 100% !important;
}

/* Buttons */
.cp-btn {
    cursor: pointer;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    opacity: .85;
    transition: opacity .15s;
    padding: 4px;
    user-select: none;
}

.cp-btn:hover {
    opacity: 1;
}

.cp-btn .cp-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cp-btn .cp-icon svg {
    width: 100%;
    height: 100%;
}

.cp-btn .cp-icon.cp-icon-lg {
    width: 26px;
    height: 26px;
}

.cp-btn span {
    font-size: 13px;
    white-space: nowrap;
}

/* Time display */
.cp-time {
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    white-space: nowrap;
    user-select: none;
    padding: 0 4px;
}

/* Volume */
.cp-volume {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-left: 8px;
}

.cp-volume-bar {
    width: 70px;
    height: 4px;
    background: rgba(255, 255, 255, .25);
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.cp-volume-level {
    height: 100%;
    background: #fff;
    border-radius: 2px;
    pointer-events: none;
}

/* Speed dropdown */
.cp-dropdown {
    position: relative;
}

.cp-dropdown-menu {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    background: rgba(20, 22, 30, .96);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    padding: 6px 0;
    min-width: 140px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    margin-bottom: 8px;
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
}

.cp-dropdown.open .cp-dropdown-menu {
    display: block;
}

.cp-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.cp-dropdown-item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.cp-dropdown-item.active {
    color: #e74c3c;
}

.cp-dropdown-item.active::after {
    content: '✓';
    margin-left: 8px;
}

.cp-dropdown-title {
    padding: 8px 16px 4px;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
}

/* Fullscreen */
#rp-player.cp-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

#rp-player.cp-fullscreen .main-player {
    height: 100vh !important;
    max-height: 100vh !important;
    aspect-ratio: unset !important;
    padding-top: 0 !important;
    border-radius: 0 !important;
}

/* Loading spinner */
.cp-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    pointer-events: none;
}

.cp-loading .spinner-border {
    width: 40px;
    height: 40px;
}

/* Big play button center */
.cp-big-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    cursor: pointer;
    opacity: .8;
    transition: opacity .2s;
}

.cp-big-play:hover {
    opacity: 1;
}

.cp-big-play svg {
    width: 60px;
    height: 60px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .5));
}

/* Player top bar */
#player_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, transparent 100%);
    pointer-events: auto;
    opacity: 0;
    transition: opacity .3s ease;
}

#rp-player.cp-show #player_top {
    opacity: 1;
}

/* Hide player_top when episode panel is open (panel has its own header) */
.main-player:has(#video_eps.active) #player_top {
    opacity: 0 !important;
    pointer-events: none !important;
}

#player_top .video-info .name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

#player_top .video-info .info {
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
}

/* Settings Menu */
.cp-settings-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    background: rgba(20, 22, 30, .96);
    backdrop-filter: blur(12px);
    border-radius: 8px;
    padding: 6px 0;
    min-width: 200px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .5);
    z-index: 30;
    max-height: 320px;
    overflow-y: auto;
}

.cp-settings-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 4px;
}

.cp-settings-header:hover {
    background: rgba(255, 255, 255, .05);
}

.cp-settings-header i {
    font-size: 12px;
}

.cp-settings-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    color: rgba(255, 255, 255, .8);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.cp-settings-item:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.cp-settings-item.active {
    color: #e74c3c;
}

.cp-settings-item i {
    font-size: 12px;
    margin-left: 8px;
}

/* Right side controls */
.p_b-right {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.item-setup,
.item-pip,
.item-fullscreen {
    position: relative;
}

/* Hide control labels on mobile/tablet, show on PC */
.cp-label {
    display: none !important;
}

@media (min-width: 1200px) {
    .cp-label {
        display: inline !important;
    }
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .cp-bar {
        padding: 2px 6px 6px;
        gap: 4px;
    }

    .cp-bar-left,
    .cp-bar-right {
        gap: 4px;
        min-width: 0;
    }

    .cp-bar-left {
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }

    .cp-btn .cp-icon {
        width: 18px;
        height: 18px;
    }

    .cp-time {
        font-size: 11px;
        padding: 0 2px;
        white-space: nowrap;
    }

    .cp-settings-menu {
        min-width: 160px;
    }

    /* === W2G (live-status-play) mobile fixes === */

    /* Hide text labels in control buttons - only show icons (exclude dropdown menus) */
    .live-status-play .cp-bar .item-btn>.line-center>span,
    .live-status-play .cp-bar .jw-audio-label>span,
    .live-status-play .cp-bar .icon-quality .q-play {
        display: none !important;
    }

    /* Ensure dropdown menu text stays visible */
    .live-status-play .cp-bar .player-dm span {
        display: inline !important;
    }

    /* Shrink play/pause icon */
    .live-status-play .cp-bar .item-play .icon-large {
        width: 28px !important;
        height: 28px !important;
    }

    /* Right side: override Bootstrap gap-4 and shrink */
    .live-status-play .cp-bar .p_b-right {
        gap: 10px !important;
        flex-shrink: 0;
    }

    .live-status-play .cp-bar .p_b-right .inc-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .live-status-play .cp-bar .p_b-right .item-btn .line-center {
        gap: 0 !important;
    }

    /* Shrink volume icon */
    .live-status-play .cp-bar .cp-volume .cp-btn i {
        font-size: 14px !important;
    }

    /* Player top bar compact */
    #player_top {
        padding: 6px 10px;
    }

    #player_top .video-info .name {
        font-size: 12px;
        max-width: 180px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #player_top .video-info .info {
        color: rgba(255, 255, 255, .7);
        font-size: 11px;
    }

    #player_top .p_t-right .cp-btn span {
        font-size: 11px !important;
    }

    #player_top .p_t-right .cp-icon {
        width: 16px !important;
        height: 16px !important;
    }

    /* Big play button smaller on mobile */
    .cp-big-play svg {
        width: 44px;
        height: 44px;
    }

    /* Episode list - ensure proper mobile coverage */
    .live-status-play #video_eps {
        z-index: 50 !important;
    }

    .live-status-play #video_eps .eps-list {
        width: 300px;
        max-width: 85%;
    }

    /* Dropdown menus positioning */
    .live-status-play .player-dm {
        max-height: 60vh;
        overflow-y: auto;
    }
}

@media (max-width: 480px) {

    /* Hide PiP on very small screens */
    .live-status-play .cp-bar .item-pip {
        display: none !important;
    }

    /* Even smaller controls */
    .live-status-play .cp-bar .item-play .icon-large {
        width: 36px !important;
        height: 38px !important;
    }

    .live-status-play .cp-bar .p_b-right {
        gap: 15px !important;
    }

    .live-status-play .cp-bar .p_b-right .inc-icon {
        width: 16px !important;
        height: 16px !important;
    }

    .cp-volume {
        padding-left: 4px !important;
    }

    .cp-time {
        font-size: 10px;
    }

    #player_top .video-info .name {
        max-width: 140px;
        font-size: 11px;
    }

    #player_top .p_t-right .cp-btn span {
        display: none !important;
    }

    .cp-big-play svg {
        width: 36px;
        height: 36px;
    }

    /* Seek bar tighter */
    .cp-seek-wrap {
        padding: 0 8px;
        height: 16px;
    }

    .live-status-play #video_eps .eps-list {
        width: 100%;
        max-width: 100%;
    }
}

/* W2G specific adjustments */
.live-status-play #rp-player .main-player {
    border-radius: 0;
}

.live-status-play #rp-player {
    border-radius: 0;
    height: 100%;
    width: 100%;
}

/* Import necessary styles from style.min.css for W2G only */
.live-status-play .inc-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.live-status-play .icon-large {
    height: 48px;
    width: 48px;
}

.live-status-play .line-center {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Dropdown menu styles for W2G */
.live-status-play .player-dm {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(20, 22, 30, 0.96);
    border-radius: 8px;
    padding: 0.6rem 0;
    color: #fff;
}

.live-status-play .player-dm::-webkit-scrollbar {
    display: none;
}

.live-status-play .player-dm .dropdown-title {
    font-size: 1em;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    padding: 0.2rem 1rem 0.6rem;
}

.live-status-play .player-dm .dropdown-item {
    align-items: center;
    background-color: initial !important;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    cursor: pointer;
}

.live-status-play .player-dm .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff;
}

.live-status-play .player-dm .dropdown-item.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--primary-color, #e74c3c);
}

.live-status-play .player-dm .dropdown-item .w-check {
    opacity: 0;
}

.live-status-play .player-dm .dropdown-item.active .w-check {
    opacity: 1;
}

.live-status-play .player-dm .dropdown-item.active .s-title {
    font-weight: 600;
}

.live-status-play .dropdown-menu {
    background-color: rgba(20, 22, 30, 0.96);
    border: none;
    color: #fff;
}

.live-status-play .dropdown-menu.show {
    display: block;
}

/* Settings menu specific styles */
.live-status-play .player-dm .cs-list {
    display: flex;
    flex-direction: column;
}

.live-status-play .player-dm .cs-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 1rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
}

.live-status-play .player-dm .cs-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.live-status-play .player-dm .cs-item.active {
    color: var(--primary-color, #e74c3c);
}

.live-status-play .player-dm .cs-item .csi-current {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    opacity: 0.7;
}

.live-status-play .player-dm .cs-item .csi-title {
    flex-grow: 1;
}

.live-status-play .player-dm .cs-item .csi-color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.live-status-play .player-dm .cs-item .csi-font {
    font-size: 13px;
}

.live-status-play .player-dm .sub-back {
    cursor: pointer;
}

.live-status-play .player-dm .sub-back:hover {
    color: #fff;
}

/* Override style.min.css hiding controls on W2G pages - desktop only */
@media (min-width: 1200px) {
    .live-status-play #rp-player .item-btn .line-center span {
        display: inline !important;
    }
}

.live-status-play #rp-player .item-btn {
    font-size: 14px !important;
}

/* Use icon sizes from style.min.css */
.live-status-play #rp-player .inc-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.live-status-play #rp-player .inc-icon svg {
    width: 100% !important;
    height: 100% !important;
}

.live-status-play #rp-player .cp-controls {
    display: block !important;
}

.live-status-play #rp-player .cp-bar {
    display: flex !important;
}

.live-status-play #rp-player .cp-btn {
    display: inline-flex !important;
}

.live-status-play #rp-player .cp-time {
    display: block !important;
}

/* Ensure player fills the container */
.live-status-play .lw-player #rp-player {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.live-status-play .lw-player #rp-player .main-player {
    height: 100%;
    padding-top: 0;
}

/* Episode list panel styles for W2G */
.live-status-play #video_eps {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s;
}

.live-status-play #video_eps.active {
    opacity: 1;
    pointer-events: auto;
}

.live-status-play #video_eps .eps-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #08080a;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
}

.live-status-play #video_eps.active .eps-mask {
    opacity: 0.8;
    pointer-events: auto;
}

.live-status-play #video_eps .eps-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    max-width: 90%;
    background-color: #1e1f28;
    z-index: 3;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(100%);
    transition: transform 0.35s;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.live-status-play #video_eps .eps-list::-webkit-scrollbar {
    display: none;
}

.live-status-play #video_eps.active .eps-list {
    transform: translateX(0);
}

.live-status-play #video_eps .eps-list .eps-header {
    padding: 0.5rem 3.5rem 0.5rem 1.2rem;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.live-status-play #video_eps .eps-list .eps-header .name {
    font-size: 1.2em;
    font-weight: 600;
    color: #fff;
}

.live-status-play #video_eps .eps-list .eps-header .season-eps {
    margin-top: 0.75rem;
    color: rgba(255, 255, 255, 0.7);
}

.live-status-play #video_eps .eps-list .eps-header #eps-close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
}

.live-status-play #video_eps .eps-list .eps-header #eps-close:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.live-status-play #video_eps .eps-list .eps-list-menu {
    display: flex;
    flex-direction: column;
}

.live-status-play #video_eps .eps-list .item-ep {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 1.2rem;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    transition: background-color 0.2s;
}

.live-status-play #video_eps .eps-list .item-ep:hover {
    background-color: rgba(255, 255, 255, 0.08);
    opacity: 1 !important;
}

.live-status-play #video_eps .eps-list .item-ep.active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--primary-color, #e74c3c);
}

.live-status-play #video_eps .eps-list .item-ep .v-thumbnail {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    height: 56px;
    min-height: 56px;
    max-height: 56px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.05);
}

.live-status-play #video_eps .eps-list .item-ep.active .v-thumbnail {
    box-shadow: 0 0 0 2px var(--primary-color, #e74c3c);
}

.live-status-play #video_eps .eps-list .item-ep .v-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.live-status-play #video_eps .eps-list .item-ep .v-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
}

.live-status-play #video_eps .eps-list .item-ep .v-title {
    font-size: 14px;
    font-weight: 500;
}#wrapper { padding-bottom: 1rem; }

/* Header: centered layout with max-width */
@media screen and (min-width: 1200px) {
    header .header-elements {
        max-width: 1900px;
        margin: 0 auto;
    }
    .el-group {
        justify-content: center;
    }
    .el-group > .flex-grow-1 {
        display: none !important;
    }
    #main_menu {
        flex: 1;
        display: flex;
        justify-content: center;
    }
    #main_user {
        flex-shrink: 0;
    }
}

/* Footer responsive */
@media screen and (max-width: 992px) {
    footer .container > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 2rem !important;
    }
}
@media screen and (max-width: 576px) {
    footer .container > div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}

.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(0);
}

.player-control .ep-current {
    width: 160px !important;
}

.v-pagination .page-current .v-form-control {
    width: 60px !important;
}

.heading-topic {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.detail-more.show {
    display: block !important;
}

.text-gradient {
    -webkit-background-clip: text !important;
}

.de-cw {
    grid-template-columns: repeat(5, 1fr);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.effect-fade-in {
    animation: fadeInUp 0.5s ease-out forwards;
}

/* remove-icon visibility controlled by JS */

.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: rgb(33, 42, 84);
    background: linear-gradient(113deg, rgba(33, 42, 84, 1) 0%, rgba(25, 33, 67, 1) 51%, rgba(33, 42, 84, 1) 100%);
}

.switch-modal .modal-dialog {
    max-width: none;
    width: 680px;
}

.switch-modal .modal-dialog .modal-content {
    padding: 2rem;
    color: #fff8;
    line-height: 1.7;
    background-color: transparent !important;
}

.switch-modal .modal-dialog .modal-content p {
    line-height: 1.7;
    margin-bottom: 0 !important;
}

.ver-sbs {
    margin-top: 2rem;
    display: block;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.ver-sbs .ver-item {
    flex: 1;
    padding: 2rem;
    font-size: 13px;
    border-radius: .75rem;
    background-color: #4e62b4;
    color: #fff;
}

.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: 0 2rem;
}

.switch-notice p {
    line-height: 1.8 !important;
}

.switch-notice .s-qr {
    margin-right: 1rem;
    padding: 10px;
    background-color: #fff;
    border-radius: .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: 0;
        margin-bottom: 1.5rem;
    }

    .switch-notice {
        margin-top: 2rem;
        padding: 0
    }

    .switch-notice p {
        line-height: 1.5 !important;
    }
}

.pin-tag-quality {
    padding: 0 .4rem;
    border-radius: 0.33rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    top: .35rem;
    right: .35rem;
    width: 40px;
    height: 26px;
    font-size: 13px;
    box-shadow: 0 0 0 1px #0005;
}

.tag-cam {
    backdrop-filter: blur(10px);
    background: #fff6;
    color: #000;
}

.crop-container {
    position: relative;
    width: 100%;
    height: 320px;
    background: #111;
    border-radius: 12px;
    overflow: hidden
}

.rep-subject img {
    height: auto;
    max-width: 200px;
    max-height: 140px;
    margin-top: 5px;
    object-fit: contain;
}

.match-info .team-vs .card-team .inc-icon img {
    object-fit: contain;
}

.rhap_play-pause-button {
    border-radius: 50%;
    /* Bo tròn border */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    /* Khoảng cách giữa icon và border */
}

.rhap_button-clear {
    color: #fff !important;
}

.rhap_time {
    color: #fff !important;
    font-size: 13px !important;
}

.rhap_progress-bar {
    height: 3px !important;
}

.rhap_volume-bar {
    height: 3px !important;
}

.rhap_progress-filled {
    background-color: #96e99b !important;
}

.rhap_progress-indicator {
    background: #fff !important;
    width: 10px !important;
    height: 10px !important;
    top: -3px !important;
}

.rhap_volume-indicator {
    background: #fff !important;
    width: 10px !important;
    height: 10px !important;
}

.rhap_download-progress {
    background: #ffffff10 !important;
}

.rhap_container {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Scroll Reveal - lazy load sections */
.scroll-reveal {
    position: relative;
    contain: content;
}

.scroll-reveal .sr-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: opacity 0.4s ease, visibility 0.4s;
    background: transparent;
}

.scroll-reveal .sr-content {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.scroll-reveal.is-visible .sr-loader {
    opacity: 0;
    visibility: hidden;
}

.scroll-reveal.is-visible .sr-content {
    opacity: 1;
    transform: translateY(0);
}

/* Search result items */
.s-item {
    padding: .5rem .75rem;
    border-bottom: 1px solid #ffffff08;
    transition: background-color 0.15s;
}

.s-item:last-child {
    border-bottom: none;
}

.s-item:hover {
    background-color: #ffffff10;
}

.alias-title {
    font-size: .85em;
    color: var(--text-base);
    opacity: .7;
}

.movie-info-line {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    font-size: .8em;
}

.movie-info-line span {
    color: var(--text-base);
}

.movie-info-line .quality {
    color: #FFD875;
    font-weight: 600;
}

.movie-info-line .lang {
    color: #96e99b;
}

#search-results-dropdown .search-modal {
    max-height: 70vh;
    overflow-y: auto;
    scrollbar-width: none;
}

#search-results-dropdown .search-modal::-webkit-scrollbar {
    display: none;
}

#search-results-dropdown .search-modal .group-list {
    max-height: 55vh;
    overflow-y: auto;
    scrollbar-width: none;
}

#search-results-dropdown .search-modal .group-list::-webkit-scrollbar {
    display: none;
}

/* === Watch Player Overlay Styles === */
#rp-player {
    position: relative;
    width: 100%;
    max-width: 100%;
    border-radius: .75rem .75rem 0 0;
    overflow: hidden;
    background-color: #08080A;
    margin: 0 auto;
}

#rp-player .main-player {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}

/* Player Top Overlay */
#player_top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

#rp-player:hover #player_top,
#player_top:hover {
    opacity: 1;
    pointer-events: auto;
}

#player_top .p_t-left .video-info .name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

#player_top .p_t-left .video-info .info {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    margin-top: 2px;
}

#player_top .cp-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 6px;
    transition: background 0.2s;
}

#player_top .cp-btn:hover {
    background: rgba(255, 255, 255, 0.15);
}

#player_top .cp-icon svg {
    fill: currentColor;
    color: #fff;
}

/* Video Episodes Side Panel */
#video_eps {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: none;
    pointer-events: none;
}

#video_eps.active {
    display: flex;
    pointer-events: auto;
    z-index: 30;
}

#video_eps .eps-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

#video_eps .eps-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 320px;
    max-width: 80%;
    background: #1a1a2e;
    display: flex;
    flex-direction: column;
    z-index: 5;
    animation: slideInRight 0.25s ease;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

#video_eps .eps-header {
    display: flex;
    align-items: center;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

#video_eps .eps-header .name {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#video_eps .eps-header .season-quantity {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    white-space: nowrap;
    margin: 0 0.5rem;
}

#video_eps #eps-close {
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    padding: 4px 8px;
    font-size: 16px;
    transition: color 0.2s;
    flex-shrink: 0;
}

#video_eps #eps-close:hover {
    color: #fff;
}

#video_eps .eps-list-menu {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

#video_eps .eps-list-menu::-webkit-scrollbar {
    width: 4px;
}

#video_eps .eps-list-menu::-webkit-scrollbar-track {
    background: transparent;
}

#video_eps .eps-list-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
}

#video_eps .item-ep {
    color: rgba(255, 255, 255, 0.8);
    transition: background 0.15s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

#video_eps .item-ep:hover {
    background: rgba(255, 255, 255, 0.06);
}

#video_eps .item-ep.active {
    background: rgba(83, 93, 142, 0.3);
    color: var(--primary-color, #E8C547);
}

#video_eps .item-ep .v-title {
    font-weight: 500;
}

#video_eps .item-ep.active .v-title {
    color: var(--primary-color, #E8C547);
}

/* Focus mode: make player-control visible above backdrop */
body.focus-mod .player-control {
    position: relative;
    z-index: 101;
}

/* Focus mode: hide all control items except Rạp phim */
body.focus-mod .player-control .control-items .item {
    visibility: hidden;
}

body.focus-mod .player-control .control-items .item-focus.is-on {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Sidebar Ads - Left & Right */
.site-ads {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    max-width: 160px;
    display: none;
}

.site-ads-left {
    left: 5px;
}

.site-ads-right {
    right: 5px;
}

@media (min-width: 1600px) {
    .site-ads {
        display: block;
    }
}

/* Hide RoX upgrade CTA & wallet */
.call-upgrade,
.dropdown-wallet {
    display: none !important;
}

/* Preloader text */
.text-h1 {
    font-size: 1.5rem;
    line-height: 1.6;
    color: #ffffff30;
    font-weight: 600;
    text-align: center;
    max-width: 950px;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .text-h1 {
        font-size: 1.1rem;
    }
}

/* Fix: Episode list thumbnail items being stretched by flex container */
#video_eps .eps-list .item-ep,
#video_eps .item-ep {
    flex-shrink: 0 !important;
    max-height: 80px;
}

#video_eps .eps-list .item-ep .v-thumbnail,
#video_eps .item-ep .v-thumbnail {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding-bottom: 0 !important;
    flex-shrink: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 2px !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

#video_eps .eps-list .item-ep .v-thumbnail img,
#video_eps .item-ep .v-thumbnail img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Fix eps-list-menu overflow so items scroll properly */
#rp-player #video_eps .eps-list {
    overflow: hidden auto !important;
}

#video_eps .eps-list-menu {
    overflow-y: auto !important;
    flex: 1 !important;
    min-height: 0 !important;
}

/* Video player - keep cover to fill player area fully */
/* Fix: Override style.min.css which sets .main-player to position:absolute + height:100% */
/* This prevents aspect-ratio:16/9 from working. We need height:auto for aspect-ratio to compute correctly */
#rp-player .main-player {
    position: relative !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

/* Static article pages */
.article-body .v-ul {
    margin-bottom: 1rem;
    padding-left: 1.2rem;
}

.article-body .v-ul li + li {
    margin-top: 0.5rem;
}


/* Smooth image loading */
.v-thumbnail img {
    background: #1a1a2e;
    object-fit: cover;
}
.live-ep,
.live-tag {
    display: inline-flex;
    background-color: #fff;
    border-radius: .2rem;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    line-height: 20px;
    padding: 0 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: 0 1.5rem;
    height: 80px;
}

.body_live #live {
    display: flex;
    width: 100%;
    min-height: calc(100vh - 400px);
}

.live-category .v-dropdown-menu.bg-dark {
    background-color: rgba(25, 28, 41, 0.95) !important;
}

.live-category .v-pagination .btn-secondary {
    background-color: #fff1 !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: #000;
}

.l_content,
.l_sidebar {
    height: calc(100vh - 80px);
    flex-shrink: 0;
}

.live_layout .l_content {
    width: calc(100% - 440px);
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.live_layout .l_content::-webkit-scrollbar {
    display: none;
}

.live_layout .l_watch {
    height: calc(100vh - 80px);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.live_layout .l_sidebar {
    width: 440px;
    padding: 1rem;
    padding-left: 0;
    display: flex;
    flex-direction: column;
}

.lw-header,
.lw-bottom {
    position: relative;
    background-color: #000000b0;
    flex-shrink: 0;
    height: 70px;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.lw-header {
    position: sticky;
    top: 0;
    z-index: 4;
    justify-content: flex-start;
}

.lw-header .lw-header-rows {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    margin-left: .2rem;
    flex-grow: 1;
}

.lw-header .lw-header-rows .live-tag {
    font-size: 11px !important;
    line-height: 18px !important;
    padding: 0 4px !important;
}

.lw-header .lw-header-rows .live-source .tag-small {
    font-size: 12px;
}

.lw-header .live-name {
    color: #fff;
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .25rem;
}

.lw-header .live-logo img {
    height: 40px;
    width: auto;
}

.lw-header .live-back {
    display: flex;
}

.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: #000;
    /* padding: 0 1.5rem; */
    position: relative;
}

.lw-player .video-frame {
    position: relative;
    flex-grow: 1;
    width: 100%;
    height: 100%;
}

.lw-player .video-frame video,
.lw-player .video-frame iframe,
.lw-player .video-frame .back-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.lw-player .video-frame .back-cover {
    background-size: cover;
    opacity: .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: .75rem;
    color: #fff;
    flex-grow: 1;
}

.live-owner .user-avatar {
    width: 46px;
    height: 46px;
}

.user-avatar.o-live {
    width: 46px;
    height: 46px;
    border: 2px solid red;
    animation: live-avatar 1s infinite;
}

.user-avatar.o-live img {
    transform: scale(.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(0);
    }

    100% {
        filter: blur(2px);
    }
}

.live-owner .o-info .user-name {
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: .1rem;
}

.live-owner .o-info .created {
    font-size: .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: #0008;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-radius: 1.5rem;
    border: 1px solid #fff5;
    box-shadow: 0 20px 20px 10px #0003;
}

.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: 0;
    height: 50px;
    border-radius: .5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #000;
    animation: countdown 1s infinite;
}

.live-countdown .count-start .remind {
    height: 52px;
    padding: 0 1rem;
    border-radius: .6rem;
    font-size: 16px;
    border: 1px solid #fff6;
    justify-content: center;
    gap: .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;
    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: .75rem;
    max-width: none;
    left: auto;
    right: 2rem;
    width: auto;
    padding: 1rem 1.5rem;
    align-items: center;
    background-color: #0002;
    color: #fff9;
    border-color: #fff3;
}

.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 #fff2;
}

.l_detail .ld-source {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    padding: 1.5rem;
    max-width: 1500px;
    margin: 0 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 #fff2;
}

.ld-suggest .lds-title {
    max-width: 120px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.lds-items {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    flex-grow: 1;
    height: 100%;
}

.s-live {
    position: relative;
    flex: 1;
    height: 100%;
    display: flex;
    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(to top, transparent 0%, transparent 10%, black 100%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, transparent 10%, black 100%);
}

.s-live-user {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    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: #0003;
}

.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: 0;
    background-color: #0e0f14;
    border: 1px solid #fff2;
    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 {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .25rem;
    overflow: hidden;
}

.shoutbox .sb_bottom {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem 1.5rem;
    flex-shrink: 0;
    position: relative;
    z-index: 8;
}

.shoutbox .sb_bottom .is_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .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: #fff6;
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.shoutbox .sb_bottom .is_bottom .is_bottom-alert {
    height: 24px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -4px;
    padding: 0 4px;
    background-color: #111;
    z-index: 2;
}

.sb_bottom .row-new {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    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: 0 0 10px #0003 !important;
}

.sb_bottom .row-new .btn-light .icon-new {
    position: relative;
    animation: arrow-down .3s infinite;
}

@keyframes arrow-down {
    0% {
        top: -1px
    }

    50% {
        top: 1px
    }

    100% {
        top: -1px
    }
}

.sb_bottom .row-reply {
    font-size: 13px;
    padding: .4rem .5rem;
    padding-right: 36px;
    position: relative;
    background-color: #fff2;
    border-radius: .3rem;
    color: #fffc;
    margin: -.5rem 0 -.2rem;
    display: none;
    flex-direction: column;
}

.sb_bottom .row-reply.active {
    display: flex;
}

.sb_bottom .row-reply .rep-user {
    color: var(--primary-text);
    margin-right: 3px;
}

.sb_bottom .row-reply .rep-subject img {
    max-width: 100px;
    max-height: 80px;
    width: auto;
    height: auto;
}

.sb_bottom .row-reply .rep-close {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.is_top-input .emo {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.is_top-input .emo .emo-btn {
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #0006;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.is_top-input .emo .emo-btn:hover {
    color: #0009;
}

.is_top-input .text-left {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 10px;
    line-height: 1;
    padding: .2rem .3rem;
    color: #0006;
}

.is_top-input .chat-input {
    background-color: #fff !important;
    border: 1px solid #fff3 !important;
    min-height: 46px;
    color: #000;
    font-size: 13px;
    padding-left: 40px;
    padding-right: 1rem;
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.is_top-input .chat-input::placeholder {
    color: #0008;
}

.is_top-input .chat-input:focus {
    box-shadow: 0 0 0 3px #ffd87530 !important;
}

.chat-list {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    /* Hide scrollbar for Chrome, Safari and Opera */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.chat-list::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

.chat-row {
    padding: .6rem 1.5rem;
    font-size: 14px;
    position: relative;
}

.chat-row:hover {
    background-color: #ffffff05;
}

.chat-row .user-avatar {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    margin-top: .1rem;
}

.chat-row .info {
    flex-grow: 1;
    font-size: 13px;
}

.chat-row .info .user-name {
    color: #fff;
    font-weight: 500;
    gap: .3rem;
}

.chat-row .info .time {
    font-size: 11px;
    color: #fff5;
    opacity: 0;
}

.chat-row .info .pin {
    font-size: .85em;
    color: #fff5;
}

.chat-row .info .pin i {
    color: #F8473E;
}

.chat-row:hover .info .time {
    opacity: 1;
}

.chat-row .info .opt-menu {
    position: absolute;
    top: .5rem;
    right: .5rem;
}

.chat-row .info .opt {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    background-color: #fff1;
    cursor: pointer;
    opacity: 0;
}

.chat-row:hover .info .opt {
    opacity: 1;
}

.chat-row .info .opt:hover {
    background-color: #fff2;
}

.chat-row .info .subject {
    font-size: 13px;
    line-height: 1.5;
    padding-top: 1px;
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.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 0;
    font-size: 12px;
    padding: .4rem .6rem;
    background-color: #ffffff17;
    color: #fffc;
    border-radius: .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 .info .reply>span.rep-subject img {
    max-width: 150px;
    max-height: 120px;
}

.chat-row.hide,
.chat-row.blocked {
    color: #fff5;
}

.chat-row.hide .user-avatar,
.chat-row.blocked .user-avatar {
    filter: grayscale(1);
    opacity: .5;
}

.chat-row.hide .info .user-name {
    color: #fff5 !important;
}

.chat-row.blocked .info .user-name {
    color: red !important;
    opacity: .5;
    text-decoration: line-through !important;
}

.chat-row.blocked .info .subject {
    filter: blur(3px);
}

.chat-notice {
    padding: 0 1.5rem;
    margin: .5rem 0;
    width: 100%;
    background-color: transparent !important;
    text-align: center;
}

.chat-notice>div {
    padding: 1rem 1rem;
    background-color: #22222263;
    width: 100%;
    border-radius: .6rem;
}

.chat-notice>div p {
    margin-bottom: 0;
}

.chat-notice.item-start>div {
    background-color: #496532 !important;
    color: #fff;
}

.chat-notice.item-start>div .text-primary {
    color: #B4FF75 !important;
}

.chat-notice.item-end>div {
    background-color: #362f20;
    color: #fffa;
}

.chat-notice.item-join>div {
    background-color: transparent;
    padding: 0;
    font-size: 12px;
    opacity: .5;
}

.chat-pin-area {
    background-color: #0e487a;
    display: flex;
    flex-direction: column;
}

.chat-pin-area .chat-row {
    color: #fff8;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.chat-pin-area .chat-row+.chat-row {
    border-top: 1px solid #fff1;
    border: 1px solid transparent;
}

.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link {
    color: #000 !important;
}

.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link.active {
    color: #000 !important;
    border-color: #000;
}

.emo-stickers {
    padding: .5rem 0 0 !important;
}

.emo-stickers .v-tabs-min {
    padding: .5rem;
    border-top: 1px solid #0002;
}

.emo-stickers .nav-link {
    min-width: 50px !important;
    text-align: center;
}

.emo-stickers .v-tabs.nav-pills .nav-link+.nav-link {
    margin-left: .2rem;
}

.sticker-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    min-width: 300px;
    max-height: 220px;
    overflow: auto;
    padding: 0 .5rem .5rem;
}

.sticker-list .sk-item {
    padding: .75rem;
    border-radius: .6rem;
}

.sticker-list .sk-item:hover {
    background-color: #0001;
}

.sticker-list .sk-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.emo-stickers .emo-list {
    padding: 0 .5rem .5rem;
}

.epr-main {
    margin-top: -.5rem;
    border: none !important;
}

.epr-main>div {
    display: none;
}

.epr-main .epr-header,
.epr-main .epr-body {
    display: block !important;
}

.epr-category-nav {
    padding: .1rem .5rem !important;
}

.epr-emoji-category-label {
    font-size: 13px;
    font-weight: 400;
    padding: .3rem 1rem;
}

.chat-blank .v-notice {
    background-color: transparent !important;
}

/* scroll bar */
.ps__thumb-y {
    background-color: #333;
}

.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: #171717;
    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: #444;
    width: 8px;
    cursor: grabbing;
}

/* live settings */

body.js-live-header header {
    display: none;
}

body.js-live-header .live_layout .l_watch,
body.js-live-header .l_content,
body.js-live-header .l_sidebar {
    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: 0;
}

body.js-live-min .live_layout .l_content {
    width: calc(100% - 350px);
}

body.js-live-min .live_layout .l_sidebar {
    width: 350px;
    padding: .5rem;
}

body.js-live-min .shoutbox {
    border: none;
    background-color: transparent;
    border-radius: 0;
}

body.js-live-min .shoutbox .sb_header,
body.js-live-min .shoutbox .sb_bottom {
    padding: .75rem .5rem;
}

body.js-live-min .lw-player {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

body.js-live-min .chat-row {
    padding: .6rem .8rem;
}

body.js-live-mask .shoutbox {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    height: auto;
    z-index: 5;
    opacity: 1;
}

body.js-live-mask .shoutbox .sb_header {
    display: flex !important;
    padding: 1.6rem;
}

body.js-live-mask .shoutbox .sb_header .item-settings {
    display: none;
}

body.js-live-mask .shoutbox>div {
    display: none;
}

body.js-live-mask .live_layout .l_content {
    width: 100%;
}

body.js-live-mask .live_layout .l_sidebar {
    width: 0;
    padding: 0;
}

body.js-live-mask .lw-player {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.lw-player.min-size {
    transform: scale(.8);
}

.live-min {
    cursor: pointer;
}

.live-min:hover {
    color: #fff;
}

.live-min.active {
    color: var(--primary-text) !important;
}

/* live category */
.live-manager {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.live-manager .buttons .btn-xl {
    min-height: 54px;
    padding: .6rem 1.8rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.live-category {
    background-color: var(--footer-bg);
    border-bottom: 1px solid #fff1;
}

.live-category .fluid-gap {
    gap: 4rem;
}

.live-category .live-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px;
    width: 100%;
    mask-image: linear-gradient(to top, transparent 0, black 80%);
    -webkit-mask-image: linear-gradient(to top, transparent 0, black 80%)
}

.live-category .live-background img,
.live-category .live-background:before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.live-category .live-background:before {
    content: "";
    background-image: url(/wp-content/uploads/images/dotted.webp);
    background-repeat: repeat;
    filter: none;
    z-index: 2;
    opacity: .5;
}

.live-category .live-background img {
    opacity: 1;
    z-index: 1;
    object-fit: cover;
    mask-image: linear-gradient(to top, transparent 0, black 100%);
    -webkit-mask-image: linear-gradient(to top, transparent 0, black 100%)
}

.w2g-live .live-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
    row-gap: 2rem;
}

.w2g-live .live-grid.live-grid-big {
    grid-template-columns: repeat(4, 1fr);
}

.w2g-live .card-live {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.w2g-live .card-live .v-thumbnail-hoz {
    padding-bottom: 56%;
    border-radius: .6rem;
}

.w2g-live .v-thumbnail .live-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
}

.w2g-live .card-live .card-live-detail {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    flex-direction: row;
}

.w2g-live .card-live .card-live-detail .user-avatar {
    width: 40px;
    height: 40px;
}

.w2g-live .card-live .card-live-detail .is-info {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    gap: .1rem;
    font-size: .9em;
}

.w2g-live .card-live .card-live-detail .live-name {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: .2rem;
}

.w2g-live .card-live .card-live-detail .source-name {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: .15rem;
    color: var(--text-base);
}

.w2g-live .card-live .card-live-detail .info-line>div {
    font-size: 12px
}

.w2g-live .card-live .card-live-detail .info-line .tag-user a {
    color: var(--text-base);
}

.w2g-live .card-live .card-live-detail .is-option {
    position: relative;
}

.w2g-live .live-grid-small .card-live .v-thumbnail {
    background-color: transparent;
    border-radius: .6rem;
    padding-bottom: 56%;
}

/* .w2g-live .live-grid-small .card-live .v-thumbnail img{ mask-image: linear-gradient(to top, transparent 0%, transparent 80px, black 80%);} */
.w2g-live .live-grid-small .card-live .v-thumbnail img {
    filter: blur(20px);
    transform: scale(1.2);
    transform-origin: center center;
    opacity: .6;
}

.w2g-live .live-grid-small .card-live .v-thumbnail:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/wp-content/uploads/images/dotted.webp);
    z-index: 2;
    opacity: .3;
}

.w2g-live .live-grid-small .card-live .card-live-detail {
    position: relative;
    z-index: 4;
}

.w2g-live .live-grid-small .card-live .card-live-detail .live-name {
    line-height: 1.5;
    font-size: 1.1em;
    -webkit-line-clamp: 2;
}

.w2g-live .card-live .v-thumbnail .live-tag {
    position: absolute;
    top: .5rem;
    left: .5rem;
    z-index: 3;
    border-radius: .3rem;
    height: 24px;
    padding: 0 .4rem;
    box-shadow: 0 0 5px 5px #0001;
}

.w2g-live .current-status {
    position: absolute;
    z-index: 3;
    bottom: .5rem;
    left: .5rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    background-color: #0009;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: .3rem .7rem;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: .4rem;
    border: 1px solid #fff;
    box-shadow: 0 0 5px 5px #0001;
}

.w2g-live .current-status.status-live {
    border: 1px solid #fff;
    border-radius: .4rem;
}

.w2g-live .current-status.status-end {
    color: #fe476a;
    border-color: #fe476a;
    font-weight: 400;
}

.w2g-live .current-status.status-coming {
    font-weight: 400;
}

.w2g-live .current-status.status-coming .time-left {
    font-weight: 600;
}

.w2g-live .remind-me {
    left: auto;
    right: .5rem;
    cursor: pointer;
    z-index: 5;
}

.w2g-live .remind-me.active {
    color: var(--primary-text) !important;
    border-color: var(--primary-color) !important;
}

.start-now {
    background-color: #fff;
    color: #000;
    left: .5rem;
    right: auto;
    bottom: .5rem;
    top: auto;
    z-index: 5;
}

.start-now:hover {
    background-color: var(--primary-color);
    color: #000;
    border-color: var(--primary-color);
}

.w2g-live .card-live .thumb-small {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 39%;
    height: 100%;
    z-index: 2;
    background-size: cover;
    background-position: top center;
    box-shadow: 0 10px 10px 0 #0002;
    mask-image: linear-gradient(to top, transparent 0%, black 30%)
}

.light-blur {
    width: 100%;
    height: 350px;
    background-color: #fff8;
    filter: blur(100px);
    position: absolute;
    top: -150px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    animation: light-blur 3s infinite;
}

@keyframes light-blur {
    0% {
        background-color: #fffa;
    }

    33% {
        background-color: #db586e;
    }

    66% {
        background-color: #6477c2;
    }

    100% {
        background-color: #fffa;
    }
}

.quick-play .btn-sm {
    min-height: 0;
}

/* live manager */
#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: #212a56;
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
}

.w2g-create .w2g-org-detail .div-poster {
    width: 100%;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, black 70%);
    -webkit-mask-image: linear-gradient(to top, transparent 0%, transparent 10%, black 70%);
}

.w2g-create .w2g-org-detail .info {
    position: relative;
    z-index: 3;
}

.w2g-create .w2g-org-detail .buttons {
    gap: .75rem;
}

.w2g-create .w2g-org-detail .buttons .btn {
    cursor: default !important;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border-radius: .5rem !important;
    border: 1px solid rgba(255, 255, 255, .5) !important;
    padding: .6rem 1.5rem;
    font-size: 14px;
}

.w2g-create .w2g-step {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.step-row {
    padding: 2rem;
    border-radius: 1rem;
    background-color: #282b3a
}

/* .step-row:nth-child(2n){ background-color: #0002;} */
.step-row .step-name {
    font-weight: 500;
    color: #fff;
    font-size: 1.2em;
    margin-bottom: .5rem;
}

.step-row .d-poster {
    flex-shrink: 0;
}

.step-row .d-poster .item {
    width: 70px;
    flex-shrink: 0;
    padding: 2px;
    border: 1px solid #fff5;
    border-radius: .5rem;
    cursor: pointer;
    opacity: .5;
}

.step-row .d-poster .item.active {
    border-color: var(--primary-color);
    opacity: 1;
}

.step-row .d-poster .item .v-thumbnail {
    border-radius: .4rem;
}

.form-control.size-lg {
    font-size: 15px;
    height: 50px;
    padding: .5rem 1.25rem;
    border-color: #fff2;
}

.step-row .start-manual {
    margin-top: 1.5rem;
}

.timedate-picker {
    position: relative;
}

.timedate-picker.hide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #282b3a;
    opacity: .95;
    z-index: 2;
}

.modal-createlive .modal-dialog {
    max-width: 420px;
}

.modal-createlive .modal-dialog .modal-content {
    background-color: #282b3a;
    border: 1px solid #fff2 !important;
}

.modal-createlive .modal-content .is-footer .btn {
    width: 100%;
}

.create-live-steps {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
    border-top: 1px solid #fff1;
    margin: 1.5rem 0 .5rem;
}

.create-live-steps .step {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #fff1;
}

.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: #fff;
    padding: 1.25rem 0;
    line-height: 1.7;
}

.create-live-steps .step .btn-dark {
    background-color: #0f111a !important;
    border: 1px solid #fff !important;
    padding: .2rem .4rem;
    margin: 1px 3px;
    border-radius: .4rem;
}

.live-share {
    cursor: pointer;
}

.live-share:hover {
    color: #fff;
}

.live-share .v-dropdown-menu {
    margin: .6rem 0 !important;
    border-radius: .75rem;
}

.quick-share {
    padding: .7rem 1.2rem;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.quick-share .quick-share-link {
    font-size: 12px;
    padding: .4rem .8rem;
    border-radius: .4rem;
    min-width: 220px;
}

.quick-share .btn-sm {
    border-radius: .4rem;
}

.buttons-loadmore .btn-xl {
    padding: .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: #3b4058 !important;
}

.Mui-selected {
    background-color: var(--primary-color) !important;
    color: #000 !important;
}

.MuiPickersLayout-contentWrapper {
    border-bottom: 1px solid #fff2 !important;
}

.MuiButton-textPrimary {
    color: #fff !important;
}

@media screen and (max-width: 1919px) {
    .l_detail {
        padding: 3rem 0;
    }

    .l_detail .ld-source {
        padding: 0 20px;
        max-width: 1000px;
        flex-direction: column;
        gap: 3rem;
    }

    .ld-suggest {
        border: none;
        padding: 0;
        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;
    }

    .body_live header,
    #div-adt {
        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: .6rem 1rem;
    }

    .chat-notice {
        padding: 0 1rem;
    }

    .live-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1440px) {
    .live-category .fluid-gap {
        gap: 3rem;
    }

    .w2g-live .live-grid.live-grid-big {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1280px) {
    .w2g-live .live-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 1199px) {
    .w2g-live .live-grid {
        column-gap: 1rem;
    }

    .w2g-live .live-grid.live-grid-big {
        grid-template-columns: repeat(2, 1fr);
    }

    .light-blur {
        top: -200px;
    }

    .lw-header,
    .lw-bottom {
        padding: 0 1rem;
        height: 60px !important;
    }

    #div-tg,
    .live-min,
    .lw-bottom .live-source {
        display: none;
    }

    .shoutbox .sb_bottom .is_bottom .is_bottom-alert {
        background-color: #000;
    }

    .chat-pin-area .chat-row {
        padding: .6rem 1rem;
    }

    .live-countdown {
        font-size: 14px;
        max-width: 320px;
        padding: 1rem;
        border-radius: .75rem;
        left: 1rem;
        bottom: 1rem;
    }

    .live-countdown .text {
        font-size: 16px;
    }

    .live-countdown .count-start {
        margin-top: .5rem;
        gap: .6rem !important;
    }

    .live-countdown .count-start #countdown {
        font-size: 16px;
        width: 160px;
        height: 40px;
        border-radius: .5rem;
    }

    .live-countdown .count-start .remind {
        font-size: 14px;
        height: 40px;
        border-radius: .5rem;
    }

    .live-countdown .buttons {
        gap: .6rem;
        width: 100%;
    }

    .live-countdown .buttons>.btn-lg {
        font-size: 14px;
        min-height: 46px;
        padding: .5rem .8rem;
        gap: .5rem;
    }

    .live-trailer {
        bottom: 0;
        right: 0;
        border: none;
        backdrop-filter: none !important;
        background-color: #0e487ad4;
        border-radius: .6rem 0 0 0;
        padding: .5rem .8rem;
    }

    .live-trailer .text {
        display: none;
    }

    .live_layout .l_watch {
        height: auto;
    }

    .lw-player {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        flex-grow: 0;
    }

    .lw-player .video-frame {
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
    }

    .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: 0;
        left: 0;
        right: 0;
        width: 140px;
        mask-image: none !important;
    }

    .chat-notice>div {
        padding: .6rem .75rem;
    }

    .chat-row {
        padding: .4rem .75rem !important;
        gap: .6rem !important;
    }

    .chat-row .user-avatar {
        width: 30px;
        height: 30px;
    }

    .shoutbox .sb_bottom,
    .shoutbox .sb_header {
        padding: .6rem;
    }

    .lds-items .s-live:nth-child(n+5) {
        display: none !important;
    }

    .l_detail {
        padding: 1.5rem 0;
    }

    .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: #000;
        border: none;
    }

    .live_layout .l_sidebar {
        width: 280px;
        padding: 0 !important;
    }

    .live_layout .l_content {
        width: calc(100% - 280px);
    }

    .js-live-mask .lw-header {
        padding-right: 110px;
    }
}

@media screen and (max-width: 999px) {
    .w2g-live .live-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 799px) {
    .w2g-live .live-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.5rem;
    }

    .w2g-live .live-grid.live-grid-big {
        grid-template-columns: repeat(1, 1fr);
    }

    .w2g-live .card-live .card-live-detail .is-info {
        font-size: 12px;
    }

    .w2g-live .card-live .card-live-detail .user-avatar {
        width: 40px !important;
        height: 40px !important;
    }

    .light-blur {
        display: none !important;
    }

    /* live page */
    .live_layout {
        flex-direction: column;
        height: 100vh;
        justify-content: space-between;
    }

    .live_layout>div {
        width: 100% !important;
    }

    .live_layout .l_sidebar {
        padding: 0 !important;
        height: auto;
        position: relative;
        flex-grow: 1;
        border-top: 1px solid #fff2;
    }

    body.js-live-mask .shoutbox {
        left: 0;
    }

    .shoutbox {
        border: none;
        background-color: #000;
        border-radius: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .shoutbox .sb_header .item-clean {
        display: flex;
    }

    .shoutbox .sb_header {
        position: sticky;
        top: 0;
    }

    .shoutbox .sb_header .item-settings {
        display: none;
    }

    .l_content,
    .l_sidebar,
    .live_layout .l_watch {
        height: auto;
    }

    .lw-player {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        height: 0;
        flex-grow: 0;
    }

    .js-live-clean {
        overflow: hidden !important;
    }

    .js-live-clean .lw-header,
    .js-live-clean .lw-bottom {
        display: none;
    }

    .js-live-clean .lw-player {
        top: 0;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 10;
        background-color: #000;
    }

    .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;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .js-live-clean .shoutbox {
        height: auto;
    }

    .js-live-clean .shoutbox .sb_header {
        background-color: #000;
        position: fixed;
        padding-top: calc(56.25% + .6rem) !important;
        left: 0;
        right: 0;
        z-index: 9;
    }

    .js-live-clean .shoutbox .sb_body {
        padding-top: calc(56.25% + 40px) !important;
    }

    .video-frame {
        width: 100%;
        padding-bottom: 56.25%;
    }

    .lw-header,
    .lw-bottom {
        height: 40px !important;
        padding: 0 .5rem;
        gap: .25rem;
    }

    .lw-header .live-back .btn {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 12px;
    }

    .lw-header .live-name {
        font-size: 1em;
    }

    .lw-header .live-name span {
        font-size: 12px;
        max-width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .lw-header .live-source {
        display: none;
    }

    .lw-header .live-source .tag-name {
        max-width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .lw-header .btn-end-live span {
        display: none;
    }

    .lw-bottom .live-owner .user-avatar {
        width: 24px !important;
        height: 24px !important;
    }

    .lw-bottom .o-info .user-name {
        font-size: 12px;
    }

    .lw-bottom .o-info .created {
        display: none;
    }

    .lw-bottom .flex-container {
        font-size: 12px;
        gap: .5rem;
    }

    .live_layout .l_content {
        flex-shrink: 0;
        position: relative;
    }

    .live-countdown {
        bottom: 0;
        left: 0;
        border: none;
        border-radius: 0 .6rem 0 0;
        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: .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: 0;
    }

    body.js-live-mask .shoutbox .sb_header {
        padding: .6rem;
    }
}

@media screen and (max-width: 640px) {
    .w2g-live .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: .6rem 1.3rem;
        min-height: 46px;
        gap: .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: 0;
    }

    .lw-header .live-ep,
    .lw-header .live-tag {
        line-height: 18px;
        font-size: 11px;
        padding: 0 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: .75rem;
        gap: 1rem;
    }

    .w2g-create .w2g-org-detail .div-poster {
        width: 80px;
    }

    .step-row {
        padding: 1.2rem;
        border-radius: .75rem;
    }
}

@media screen and (max-width: 479px) {
    .lw-player .video-frame .back-cover {
        opacity: .3;
    }

    .live-countdown {
        width: 140px;
        padding: .6rem;
    }

    .live-countdown .text {
        display: none;
    }

    .live-countdown .count-start {
        flex-direction: column;
        margin: 0;
        align-items: flex-start;
    }

    .live-countdown .count-start #countdown {
        background-color: transparent;
        color: #fff;
        height: 16px;
        font-size: 14px;
        justify-content: flex-start;
    }

    .live-countdown .count-start .remind {
        height: 32px;
        border-radius: .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: .4rem .6rem;
        width: 100%;
        font-size: 12px;
        border-radius: .4rem;
    }

    .live-countdown.center {
        background-color: transparent;
        backdrop-filter: none;
        padding: 0;
        border: none;
        box-shadow: none;
        max-width: 280px !important;
    }

    .live-countdown.center .text {
        display: block !important;
    }

    .live-trailer {
        padding: .4rem .6rem;
        bottom: auto;
        right: 0;
        top: 0;
        left: 0;
        border-radius: 0;
        background-color: #0009;
    }

    .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: .5rem .9rem !important;
        font-size: 13px !important;
    }

    .step-row .d-poster {
        gap: .6rem !important;
        margin-top: -5px;
    }

    .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 0;
    }

    .lw-header .live-source .tag-name,
    .lw-header .live-name span {
        max-width: 200px;
    }

    .buttons-loadmore .btn {
        width: 100%;
    }
}

/* Episode Selector */
.episode-selector {
    display: inline-block;
}

.episode-dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
    min-width: 300px;
}

.episode-dropdown-header {
    padding: 0.5rem 1rem;
    font-weight: 600;
    border-bottom: 1px solid #ffffff20;
    margin-bottom: 0.5rem;
}

.episode-list {
    padding: 0.5rem;
}

.season-group {
    margin-bottom: 1rem;
}

.season-title {
    font-size: 13px;
    font-weight: 600;
    color: #ffd875;
    margin-bottom: 0.5rem;
    padding: 0 0.5rem;
}

.episode-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 0.5rem;
    padding: 0 0.5rem;
}

.episode-item {
    padding: 0.5rem;
    background: #ffffff10;
    border: 1px solid #ffffff20;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 13px;
    text-align: center;
}

.episode-item:hover {
    background: #ffffff20;
    border-color: #ffd875;
}

.episode-item.active {
    background: #ffd875;
    color: #000;
    border-color: #ffd875;
    font-weight: 600;
}

.episode-item:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ============================================
   Room Grid Cards - /xem-chung listing
   ============================================ */
.live-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
}

.live-grid.live-grid-big {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.live-item {
    display: block;
    border-radius: .75rem;
    overflow: hidden;
    background: #1a1b23;
    border: 1px solid #fff1;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    text-decoration: none;
    color: inherit;
}

.live-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px #0005;
    border-color: #ffd87540;
}

.live-poster {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #000;
}

.live-poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}

.live-item:hover .live-poster img {
    transform: scale(1.05);
}

.live-badge {
    position: absolute;
    top: .5rem;
    left: .5rem;
    padding: 2px 8px;
    border-radius: .25rem;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    z-index: 2;
    background: #e53935;
    color: #fff;
}

.live-badge.waiting {
    background: #ff9800;
    color: #000;
}

.live-viewers {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: .25rem;
    background: #000a;
    color: #fff;
    font-size: 12px;
    z-index: 2;
}

.live-info {
    padding: .75rem;
}

.live-title {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
}

.live-movie {
    font-size: 12px;
    color: var(--primary-color, #ffd875);
    margin-bottom: .5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.live-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.live-user {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.live-user .user-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.live-user span {
    font-size: 12px;
    color: #fff9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.live-time {
    font-size: 11px;
    color: #fff6;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 768px) {
    .live-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: .75rem;
    }
}

@media (max-width: 480px) {
    .live-grid {
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
    }

    .live-info {
        padding: .5rem;
    }

    .live-title {
        font-size: 13px;
    }
}
/* ===== FOOTER STYLES ===== */
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 2.5rem; }
.footer-heading { color: #fff; font-size: 14px; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: .5px; }
.footer-nav { display: flex; flex-direction: column; gap: 8px; }
.footer-nav a { color: rgba(255,255,255,.55); font-size: 13px; text-decoration: none; transition: color .2s; }
.footer-nav a:hover { color: rgba(255,255,255,.9); }
.footer-desc { color: rgba(255,255,255,.6); font-size: 13px; line-height: 1.8; margin-bottom: 1.2rem; }
.footer-copyright { color: rgba(255,255,255,.35); font-size: 12px; }
.footer-company-name { color: rgba(255,255,255,.8); font-weight: 600; font-size: 13px; margin-bottom: 12px; }
.footer-company-info { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: rgba(255,255,255,.55); }
.footer-company-info i { color: rgba(255,255,255,.35); width: 14px; margin-right: 8px; }
.footer-company-info a { color: rgba(255,255,255,.55); text-decoration: none; }
#totop { position:fixed;bottom:1rem;right:1rem;z-index:9999;background:rgba(30,30,40,.85);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;gap:4px;font-size:11px;opacity:0;transition:opacity .3s; }

/* Smooth image loading */
.v-thumbnail img { background: #1a1a2e; object-fit: cover; }

@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
}

/* Ensure movie thumbnails always fill container */
.v-thumbnail { position: relative; overflow: hidden; background: #1a1a2e; }
.v-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.sw-item .v-thumbnail { aspect-ratio: 2/3; }
/* custom */
@media screen and (max-width: 1919px) {
    header .header-elements {
        padding: 0 20px;
        gap: 1.5rem;
    }

    .container,
    .cards-row.wide {
        padding: 0 20px;
    }

    #logo img {
        height: 40px;
    }

    #main_menu,
    #main_user {
        gap: .5rem;
    }

    #main_user .button-user {
        min-width: 125px;
        padding: .5rem .8rem;
    }

    #main_menu .menu-item {
        padding: 0 .5rem;
        font-size: 13px;
    }

    .el-group {
        gap: .6rem;
    }

    .app-download {
        border-right: none;
        padding-right: 0;
    }

    .top-slide-wrap .top-slide-small {
        right: 50px;
    }

    .top-slide-wrap .sound-mute {
        right: 50px;
    }

    .top-slide-main {
        height: 760px;
    }

    .top-slide-category {
        height: 780px;
    }

    .top-detail-wrap {
        height: 0;
        padding-bottom: 40%;
    }

    .detail-container {
        margin-top: -100px;
    }

    .dashboard-container .dcc-main {
        padding: 0;
    }

    .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) {
    .big-slide-wrapper .slide-content {
        padding: 2rem;
        max-width: 600px;
    }

    .big-slide-wrapper .top-slide-main,
    .big-slide-wrapper .collection-s2-main {
        height: 460px;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin: -50px auto 0;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        gap: 1rem;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
        padding: .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: .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: 0 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: 1.2rem;
        row-gap: 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-suggest {
        grid-template-columns: repeat(5, 1fr);
    }

    .de-actors {
        grid-template-columns: repeat(5, 1fr);
        row-gap: 1.5rem;
        column-gap: .6rem;
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(6, 1fr);
    }

    :root {
        --padding-base: 30px;
    }

    .wc-main .wm-info .desc-line {
        padding-left: 0;
    }

    .watch-container {
        padding: 0;
    }

    .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(5, 1fr);
    }

    .more-topic {
        background: #ffffff10 !important;
        padding: 1rem !important;
    }

    .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: block;
        width: 220px;
        flex-shrink: 0;
    }

    .it-col.this-01,
    .it-col.this-02 {
        width: auto;
        flex: 1;
    }

    .home-live .live-grid-big {
        width: 55%;
    }

    .home-live .live-grid-big .card-live:nth-child(n+3) {
        display: none;
    }

    .shoutbox-fixed.show {
        width: 340px;
    }
}

@media screen and (max-width: 1359px) {
    #search {
        display: none;
    }

    header .header-elements {
        padding: 0 6px;
        height: 60px;
    }

    #logo {
        position: absolute;
        left: 65px
    }

    #logo img {
        height: 36px;
    }

    .header-elements .for-mobile {
        display: flex;
    }

    .el-group .flex-grow-1 {
        display: none;
    }

    .el-group {
        display: none;
        position: absolute;
        z-index: 3;
        top: 100%;
        left: 10px;
        max-width: 360px;
        width: calc(100% - 10px);
        background-color: rgba(59, 73, 135, 1) !important;
        padding: 1.5rem;
        border-radius: .75rem;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
    }

    .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: .5rem;
        width: 100%;
        padding: 0;
        z-index: 4;
    }

    .el-group #main_menu .menu-item {
        padding: .6rem 0;
        line-height: normal;
    }

    .el-group #main_menu .menu-item a {
        display: block;
        font-weight: 500;
    }

    .el-group #main_user {
        gap: .5rem;
        width: 100%;
    }

    .el-group #main_user .button-user {
        flex: 1;
        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: .5;
    }

    #main_user.user-logged {
        align-items: self-start;
        padding: 1.5rem;
        margin: -1.5rem -1.5rem .5rem;
        width: calc(100% + 3rem);
        background-color: rgba(0, 0, 0, 0.2);
        border-radius: .75rem .75rem 0 0;
    }

    #main_user.user-logged>.dropdown {
        width: 100%;
    }

    #main_user.user-logged .head-noti {
        display: none;
    }

    #main_user.user-logged .user-dropdown {
        display: flex !important;
        flex-direction: column;
        gap: .3rem;
        transform: none !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background-color: transparent !important;
        color: #fff !important;
    }

    .user-logged .user-dropdown>div,
    #main_user.user-logged .user-dropdown>a {
        padding: .5rem 0;
        color: #fff;
        background-color: transparent !important;
    }

    .user-logged .user-dropdown>div.ui-mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
        padding: 0;
    }

    .user-logged .user-dropdown>div.ui-mobile .dropdown-item .line-center {
        padding: .5rem .7rem;
    }

    .user-logged .user-dropdown>div.dropdown-vip .call-upgrade .small {
        padding-right: 60px;
    }

    .user-logged .user-dropdown .dropdown-blank {
        padding: 0 60px 0 0 !important;
        gap: .2rem !important;
        margin-bottom: 1rem;
    }

    #main_user.user-logged .user-dropdown hr {
        display: none;
    }

    .user-logged .user-dropdown .dropdown-item {
        padding: 0 !important;
    }

    .user-logged .user-dropdown .dropdown-item .line-center {
        width: 100%;
        font-size: 12px;
        border: 1px solid var(--border-color);
        border-radius: .4rem;
        padding: .6rem 1rem;
        gap: .5rem;
    }

    .user-logged .user-dropdown .dropdown-item .line-center i {
        font-size: 14px;
    }

    .user-logged .header-user {
        padding: 0 !important;
        position: absolute;
        top: 0;
        right: 0;
    }

    .user-logged .header-user i {
        display: none;
    }

    .dcc-playlist {
        grid-template-columns: repeat(3, 1fr);
    }

    #body-load .bl-logo {
        font-size: 0;
    }

    .topics-list.single .row-topic {
        flex-direction: column;
        padding: 0;
        gap: 1rem !important;
    }

    .topics-list.single .row-topic .row-content {
        width: 100%;
    }

    .topics-list.single .row-topic .intro {
        padding: 0;
        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: #fff1;
        border-radius: .6rem;
        height: auto;
        padding: .5rem .6rem;
        justify-content: flex-start;
    }

    body.for-rox .user-dropdown.bg-dark {
        backdrop-filter: none !important;
    }
}

@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: #0006;
    }

    .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: 0 !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: 0 0 40px 0 #0009;
    }

    .ds-info .media-name,
    .ds-info .alias-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal !important;
        text-align: center;
        padding: 0 1.2rem;
    }
}

@media screen and (max-width: 1279px) {
    .sw-navigation {
        display: none;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin-top: -80px;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        gap: .5rem;
        width: fit-content !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
        padding: 0;
        width: 100% !important;
        max-width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 3px solid transparent;
        background-color: transparent;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
        border-color: #fff;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .info {
        display: none;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .v-thumbnail {
        padding-bottom: 100%;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .big-slide-wrapper .slide-elements .cover-fade {
        width: 80%;
        opacity: .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: none !important;
        transform: none !important;
    }

    .top-slide-main .safe-area {
        height: 100% !important;
    }

    .top-slide-wrap .swiper-slide .cover-fade {
        animation: none !important;
        height: 550px !important;
    }

    .top-slide-wrap .swiper-slide .slide-content {
        animation: none !important;
        transform: none !important;
        padding-bottom: 30px;
    }

    .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;
        -webkit-backdrop-filter: none;
        padding: 0;
        width: 340px;
    }

    .wc-main .wm-info {
        display: none;
    }

    .row-topic .mask {
        mask-image: none;
    }

    .row-topic .intro {
        padding: 0;
        width: 180px;
    }

    .row-topic .last-card {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
    }

    .topics-grid .row-topic {
        padding: 1.2rem !important;
        border-radius: 1rem 2rem;
    }

    .topics-grid .row-topic .intro {
        min-height: 100px;
    }

    .topics-grid .row-topic .intro .heading-md {
        font-size: 1.4em;
    }

    .topics-grid .row-topic::after {
        border-radius: 2rem;
    }

    .denied-box {
        padding: 1.5rem 15%;
    }

    #totop {
        display: none !important;
    }

    .top-discuss,
    .it-col.this-05,
    .it-col.this-04 {
        display: none;
    }

    .it-col.this-01,
    .it-col.this-02 {
        width: auto;
        flex-shrink: unset;
        flex: 1;
    }

    .it-col.this-03 {
        display: block;
        width: 280px;
    }

    .zbox-continue {
        display: none;
    }
}

@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: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0
    }

    .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;
        max-width: none;
    }

    .sl-brand.line-center {
        flex-direction: column;
        gap: 2rem;
    }

    .sl-brand .socials {
        padding-left: 0;
        border: none;
    }

    .topics-line {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(5, 1fr);
    }

    /* .topics-line .topic-item{ flex-direction: row; gap: .5rem; padding: .4rem .6rem; width: auto; flex: none; align-items: center; min-height: 32px; border-radius: .4rem; opacity: .9;} */
    .topics-line .topic-item {
        gap: .75rem;
        align-items: center;
        min-height: 50px;
        border-radius: .4rem;
        opacity: .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: 0 !important;
        padding-bottom: 50%;
    }

    .top-slide-wrap .swiper-slide .cover-fade .cover-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        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;
        transform: scale(1);
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .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: .7;
    }

    .detail-container {
        flex-direction: column;
        margin-top: -150px;
    }

    .detail-container>div.dc-side {
        width: 100%;
    }

    .dc-side>div {
        margin-bottom: 0;
    }

    .dc-side>.child-actors,
    .dc-side>.child-top {
        display: none;
    }

    .dc-side .sspp-area {
        display: none;
        max-width: 300px;
    }

    .ds-info {
        text-align: center;
        margin-bottom: 1rem;
    }

    .ds-info .alias-name {
        font-size: 13px;
        color: var(--text-base);
        margin-bottom: 1rem;
        margin-top: -.25rem;
    }

    .ds-info .v-thumb-l {
        margin: 0 auto;
    }

    .ds-info .detail-more,
    .ac-side .detail-more {
        text-align: left;
        display: none;
        padding: 1.5rem;
        background-color: rgba(0, 0, 0, .2);
        border-radius: .75rem;
    }

    .ds-info #toggle-detail {
        display: block;
        max-width: 300px;
        margin: -.5rem auto 0;
    }

    .detail-container>div.dc-main {
        background-color: transparent;
        border-radius: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .dm-bar {
        padding: 20px;
    }

    .content-gap {
        padding: 0 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: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    .ac-main .cg-body-box {
        padding-left: 0;
    }

    .ac-side .as-info {
        text-align: center;
    }

    .ac-side .as-info .actor-photo .v-actor {
        margin: 0 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: 0;
        flex-direction: column;
        gap: 1rem;
    }

    .time-row .time-point:before {
        left: 0;
    }

    .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: .8;
        letter-spacing: 0;
    }

    .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: 0;
        gap: 0;
        border-radius: .5rem;
    }

    .dcc-side .heading-sm {
        padding: 1.5rem 1rem 1rem;
        margin-bottom: 0;
        text-align: center;
    }

    .dcc-side .ds-menu {
        gap: 0;
    }

    .dcc-side .ds-menu .side-user {
        display: none;
    }

    .dcc-side .menu-user {
        margin-bottom: 0;
        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: 0 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;
    }

    .cards-live .boxed {
        padding: 1.25rem;
    }

    .home-live {
        flex-direction: column;
    }

    .home-live .live-grid-big {
        width: 100%;
    }

    .home-live .live-grid-small {
        width: 100%;
    }

    .home-live .live-grid-small .card-live {
        background-color: transparent !important;
        padding: 1rem 0;
    }

    .cards-live .row-header {
        margin-bottom: 1rem !important;
    }

    .top-detail-wrap .cover-fade .cover-image {
        mask-image: none !important;
    }

    .top-detail-wrap .cover-fade {
        mask-image: none !important;
    }

    body.for-rox .detail-container>div.dc-main .dm-bar {
        background-color: transparent;
        backdrop-filter: none;
        box-shadow: none;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 990px) {
    .modal-login .modal-dialog {
        max-width: 860px;
    }

    .modal-login .modal-dialog .modal-content {
        padding: 4rem;
        padding-left: 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;
        top: 0;
        left: 0;
        bottom: 110px;
        right: 0;
        pointer-events: auto;
    }

    .top-slide-wrap .swiper-slide .cover-fade {
        height: 0 !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;
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .cards-row.wide .swiper {
        overflow: visible;
    }

    .big-slide-wrapper {
        padding-bottom: 0;
    }

    .big-slide-wrapper .top-slide-small,
    .big-slide-wrapper .collection-s2-thumbs {
        margin: 1rem 0;
        margin-left: 13px;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper {
        width: fit-content !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide {
        width: 10px !important;
        height: 10px !important;
        background-color: #fff;
        border: none !important;
        border-radius: 50%;
        flex: unset;
        margin: 0 3px !important;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide .v-thumbnail {
        display: none;
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active,
    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide-thumb-active {
        background-color: var(--primary-color);
    }

    .big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide:nth-child(n+9) {
        display: none;
    }

    .big-slide-wrapper .collection-s2-thumbs .swiper-wrapper .swiper-slide:nth-child(n+11) {
        display: none;
    }

    .big-slide-wrapper .top-slide-main,
    .big-slide-wrapper .collection-s2-main {
        height: 430px;
    }

    .big-slide-wrapper .top-slide-main .swiper-slide,
    .big-slide-wrapper .collection-s2-main .swiper-slide {
        border-radius: 1rem;
    }

    .big-slide-wrapper .slide-elements .cover-fade {
        width: 100%;
        mask-image: linear-gradient(to top, transparent 0, black 50%, black 100%);
        opacity: 1;
        height: 280px !important;
    }

    .big-slide-wrapper .slide-elements .safe-area {
        height: 100% !important;
        padding-top: 100px;
        align-items: flex-end;
    }

    .big-slide-wrapper .slide-content {
        max-width: 100%;
        padding: 1.25rem;
        top: -118px;
    }

    .big-slide-wrapper .slide-content .media-title {
        font-size: 1.4em;
        line-height: 1.4;
        margin-bottom: .1rem;
    }

    .slide-content .touch {
        display: none !important;
    }

    .big-slide-wrapper .slide-content .description {
        margin-bottom: 0 !important;
        font-size: .85em;
        -webkit-line-clamp: 2;
    }

    .big-slide-wrapper .slide-content .hl-tags {
        gap: .2rem;
        margin-bottom: 1rem !important;
    }

    .top-slide-wrap .sound-mute {
        display: none;
    }

    #wrapper {
        padding-bottom: 6rem;
    }

    .topics-line {
        grid-template-columns: repeat(4, 1fr);
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .swiper-slide .backdrop-video {
        display: none !important;
    }

    .watch-player .wp-bread {
        padding: 0;
    }

    .wc-main,
    .wc-side {
        padding: 20px;
    }

    .watch-player {
        margin-bottom: 1rem;
    }

    .player-control .ep-current {
        display: none;
    }

    .player-control .control-items {
        padding: 0 10px;
        gap: .4rem;
    }

    .player-control .control-items .item-auto,
    .player-control .control-items .item-seasons {
        display: none;
    }

    .player-control {
        height: 54px;
    }

    .time-row-cards {
        grid-template-columns: repeat(4, 1fr);
        column-gap: .6rem;
    }

    .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: .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: .3rem;
    }

    .de-type .item .info .media-title {
        margin-bottom: .5rem !important;
    }

    .cards-boxed .row-tabs {
        gap: .3rem;
    }

    .cards-boxed .row-tabs a {
        height: 30px;
    }

    .cards-boxed .row-tabs a .inc-icon {
        display: none;
    }

    .text-gradient {
        font-size: 1.8em !important;
    }

    .el-group {
        padding: 1rem;
    }

    #main_user.user-logged {
        padding: 1rem;
        margin: -1rem -1rem 0;
        width: calc(100% + 2rem);
    }

    .it-col.this-03 {
        display: none;
    }

    .shoutbox-fixed {
        display: none !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(to top, transparent 0, black 30%, black 100%);
    }

    .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 .5rem;
    }

    .top-slide-category .slide-elements .background-fade {
        display: none;
    }

    .top-slide-category .slide-elements .cover-fade {
        mask-image: linear-gradient(to top, transparent 0, black 50%, black 100%);
        width: 100%;
        padding-bottom: 45%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0 !important;
        animation: none !important;
        transform: none !important;
    }

    .top-slide-category .slide-elements .cover-fade .cover-image {
        mask-image: none !important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .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: 0 .5rem;
    }

    .content-gap {
        padding: 0;
    }

    .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: 0;
    }

    .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: 0 -16px;
        background: rgb(255, 255, 255);
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
    }

    .cg-tabs .nav-tabs {
        padding: 0 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.more-topic .intro .heading-md {
        flex-grow: 0
    }

    .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: 0 -20px 0;
    }

    .watch-player .player-ratio>div {
        border-radius: 0 !important;
    }

    .dcc-side .menu-user {
        gap: .6rem;
    }

    .dcc-side .menu-user .item .line-center {
        flex-direction: column;
        gap: .6rem;
    }

    .dcc-side .menu-user .item .line-center span {
        font-size: 12px;
    }

    .dcc-playlist {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
    }

    .dcc-playlist .item {
        padding: .6rem .9rem;
        border-radius: .5rem;
    }

    .c-social-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .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 0;
    }

    .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: .5rem;
    }

    .login-code .form-control {
        font-size: 2em;
        padding: 1.25rem 0;
    }

    .m-col-4 {
        grid-template-columns: repeat(3, 1fr);
        width: auto;
    }

    .m-col-4 .dropdown-item {
        width: auto;
        max-width: 130px;
    }

    .sspp-area .close-it {
        padding: .2rem .3rem;
    }
}

@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;
    }

    .match-info.with-backdrop {
        background-color: #2a2645;
        color: #fff;
        padding-top: 150px;
        overflow: hidden;
    }
}

@media screen and (max-width: 640px) {

    .container,
    .cards-row.wide,
    .detail-container {
        padding: 0 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: .75rem;
    }

    .cards-row .row-header .category-name {
        font-size: 1.6em;
    }

    .sw-cover .h-item {
        padding: .75rem 0
    }

    .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: .2rem;
    }

    .sw-actors-recent .sw-actor {
        padding: .5rem 0 1rem;
    }

    .topics-line .topic-item {
        gap: .4rem;
        padding: .6rem;
        text-align: center;
        background-color: transparent !important;
    }

    .topics-line .topic-item>.primary-text {
        color: #000;
    }

    .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: .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;
    }

    .slide-content .hl-tags .tag-classic,
    .slide-content .hl-tags .tag-model,
    .detail-more .hl-tags .tag-classic,
    .detail-more .hl-tags .tag-model,
    .tag-quality {
        font-size: 10px;
        height: 20px;
        padding: 0 .25rem;
    }

    .slide-content .hl-tags .tag-imdb,
    .detail-more .hl-tags .tag-imdb {
        font-size: 10px;
        line-height: 18px;
        padding: 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.1rem;
        font-size: 1.5em;
    }

    .slide-content .media-alias-title {
        font-size: .9em;
        margin-bottom: .75rem;
    }

    .slide-content .media-title,
    .slide-content .media-alias-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-slide-wrap .top-slide-main .slide-content {
        text-align: center;
        padding: 0 20px;
    }

    .top-slide-wrap .top-slide-small {
        width: 100% !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0 !important;
        padding: 2rem 0 1rem;
        background: rgb(25, 27, 36);
        background: linear-gradient(0deg, rgba(25, 27, 36, 1) 0%, rgba(25, 27, 36, 0) 100%);
    }

    body.for-rox .top-slide-wrap .top-slide-small {
        background: none !important;
    }

    body.for-rox .top-slide-wrap .slide-elements {
        background: #0d132e !important;
    }

    body.for-rox .big-slide-wrapper .slide-elements {
        background: #252d4e !important;
    }

    .top-slide-wrap .top-slide-small .swiper-slide {
        border-color: rgba(255, 255, 255, .3);
    }

    .top-slide-wrap .top-slide-small .swiper-wrapper {
        justify-content: center;
        gap: .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 0;
    }

    .sl-band {
        margin-bottom: 2rem;
    }

    .cards-grid-wrapper {
        grid-template-columns: repeat(3, 1fr);
        column-gap: .5rem;
        row-gap: 1.5rem;
    }

    .filter-elements {
        border: none;
        border-top: 1px solid var(--border-color);
        margin: -15px -20px 3rem;
    }

    .actors-grid-wrapper {
        grid-template-columns: repeat(3, 1fr);
        column-gap: .6rem;
        row-gap: 1.5rem;
        font-size: 13px;
    }

    .actors-grid-wrapper .v-item {
        gap: .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: .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: 0 1.4rem;
        height: 50px;
        min-height: auto;
    }

    .pin-new {
        bottom: -1px;
        border-radius: .3rem .3rem 0 0;
    }

    .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 {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-row.is-video {
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery-row.is-photo {
        grid-template-columns: repeat(4, 1fr);
    }

    .cg-tabs {
        margin: 0 -16px;
    }

    .cg-tabs .nav-tabs {
        padding: 0 16px;
    }

    .cg-body-box {
        padding: 30px 0;
    }

    .ds-info .detail-more,
    .ac-side .detail-more {
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .watch-player .wp-bread .heading-sm {
        font-size: 14px;
    }

    .watch-player .wp-bread {
        margin-bottom: 0;
        margin-top: 1rem;
        order: 3;
    }

    .watch-player {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0 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;
        gap: 4px;
    }

    .row-topic {
        padding: 2rem 1rem;
    }

    .row-topic .intro .inc-icon {
        width: 30px;
        height: 30px;
    }

    .row-topic .last-card {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 1.5rem;
        column-gap: .6rem;
    }

    .rate-emo {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: .5rem;
        background-color: transparent;
        padding: 0;
    }

    .rate-emo .item-v {
        flex-direction: row;
        border-radius: .4rem;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .rate-emo .item-v .inc-icon {
        width: 30px;
        height: 30px;
        margin: 0;
    }

    .dm-bar .ro-rating .a-rate {
        display: none;
    }

    .watch-player .player-ratio {
        margin: 0 -16px 0;
        order: 1;
    }

    .watch-player .player-control {
        margin: 0 -16px;
        border-radius: 0;
        height: 40px;
        order: 2;
        display: flex;
        width: calc(100% + 32px);
    }

    .watch-player .player-control .control-items {
        display: flex;
        width: 100%;
    }

    .dashboard-container {
        padding: 0 16px;
    }

    .dcc-side .heading-sm {
        padding-bottom: 0;
    }

    .sw-cover .info {
        text-align: center;
    }

    .cards-row.fixed {
        padding: 0 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: .5rem;
        margin: 0 0 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: .7rem 1rem;
        gap: 4px;
    }

    .sche-time .item-time .day {
        font-size: 14px;
    }

    .sche-time .item-time .time span {
        font-size: 0;
        padding: 0;
        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: .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: 0 -16px;
        padding: 1rem !important;
        gap: 1rem;
        border-radius: .6rem;
    }

    .topics-list.single .row-topic .intro .heading-md {
        font-size: 1.5em !important;
        letter-spacing: 0 !important;
    }

    .topics-list.single .row-topic .intro .info .line-center {
        padding: .6rem 1rem !important;
        font-size: 16px;
    }

    .topics-list.single .row-topic .intro .info .line-center span {
        display: none;
    }

    .topics-more>.line-center {
        gap: .5rem !important;
        flex-direction: column;
        align-items: flex-start;
    }

    #row-new {
        margin-top: 1rem
    }

    .topics-grid .row-topic:hover {
        top: auto;
    }

    .de-type {
        grid-template-columns: repeat(1, 1fr);
    }

    /* .de-eps .item.schedule{ display: none;} */
    .de-eps.is-simple .item {
        height: 42px;
    }

    .schedule-eps .item .inc-icon {
        width: 30px;
        height: 30px;
        left: 12px;
    }

    .login-code .form-control {
        padding: .6rem 0;
        font-size: 1.6em;
        border-width: 3px !important;
    }

    .tv-checked img {
        width: 160px;
        ;
    }

    .pc-coming {
        font-size: 11px;
        padding: 0 0 0 .5rem;
        width: 60px;
        background: none !important;
        color: #FFD875 !important;
    }

    .pin-quality-tag {
        width: auto;
        height: auto;
        padding: 0 .3rem;
        font-size: 12px;
        border-radius: .3rem;
    }

    .home-live {
        gap: 1rem;
    }

    .home-live .live-grid-big {
        flex-direction: column;
    }

    .home-live .live-grid-big .card-live {
        width: 100%;
    }

    .home-live .live-grid-big .card-live:nth-child(n+2) {
        display: none;
    }

    .discuss-list .sspp-area.is-post {
        margin: 0 -1rem;
    }

    .discuss-list .sspp-area.is-post .display-single {
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
        padding: 0;
    }

    .discuss-list .sspp-area.is-post .display-single .subject {
        flex-grow: 1;
        overflow: auto;
    }

    .discuss-list .sspp-area.is-post .display-single .subject .d-flex {
        min-width: 500px;
        width: 100%;
        padding: 1rem 1.25rem;
        gap: 1.5rem !important;
    }

    .discuss-list .sspp-area.is-post .display-single .subject .d-flex div {
        flex: 1;
    }

    .discuss-list .sspp-area.is-post .display-single .sspp-logo {
        display: none;
    }

    .sspp-area .display-single .is-image {
        border-width: 1px;
    }

    .sspp-area.m-hide {
        display: none;
    }

    .card-mobile {
        display: block !important;
    }

    .sspp-area.is-top-watch {
        margin: -2rem 0 2rem !important;
        padding: 0 !important
    }

    .comm-wrap {
        width: 600px;
    }

    #community {
        width: 100%;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    #community::-webkit-scrollbar {
        display: none;
    }

    .it-col .chart-list .item .dev {
        display: none;
    }

    .app-box-fix {
        left: 0;
        right: 0;
        bottom: 0;
    }

    .app-box-fix .content {
        border-radius: 1rem 1rem 0 0;
    }

    .app-box-fix .content-rb {
        width: 100%;
        padding: 1.25rem;
    }

    .app-box-fix .content-rb .rb-header {
        padding-left: 50px;
    }

    .app-box-fix .content-rb .rb-header .rb-logo {
        transform: none;
        top: 4px;
    }

    .app-box-fix .content-rb .rb-header .rb-logo img {
        width: 36px;
    }
}

@media screen and (max-width: 479px) {
    .v-thumbnail .pin-trans .line-center span {
        display: none !important;
    }

    .v-thumbnail .pin-trans .line-center:hover {
        padding: 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: 0;
        right: 0;
        background-color: #fff;
        border-radius: .5rem 0 0 0;
        padding: .3rem;
        gap: .3rem;
    }

    .v-thumbnail .pin-trans .line-center {
        height: auto;
        min-width: 0;
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transform: scale(.9);
    }

    .de-eps.is-grid.is-simple {
        grid-template-columns: repeat(3, 1fr);
        gap: .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 0;
    }

    .dm-bar .item {
        min-width: auto;
        padding: 0;
        background: none !important;
    }

    .dm-bar .item-comment {
        display: none;
    }

    .dm-bar .is-left {
        gap: 1.5rem;
    }

    .dm-bar .touch-group {
        margin: .5rem 0;
        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;
        -ms-overflow-style: 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-sm .modal-dialog .modal-content,
    .modal-md .modal-dialog .modal-content {
        padding: 1.5rem;
    }

    .v-modal .modal-content .is-header .heading-sm {
        font-size: 1.2em;
    }

    .time-row-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .rate-emo {
        grid-template-columns: repeat(2, 1fr);
    }

    .dcc-side .menu-user .item {
        padding: 1rem .5rem;
    }

    .dash-form {
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
    }

    .dash-form .v-avatar {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 1.5rem;
    }

    .dash-form .v-avatar>a {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .dash-form .v-avatar .opt-avatar .item {
        text-align: left;
    }

    .dash-form .user-avatar {
        margin: 0 !important;
        width: 80px;
        height: 80px;
    }

    .dash-form .v-form {
        width: 100%;
    }

    .dcc-playlist {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
    }

    .v-form-playlist .form-group .controls {
        position: absolute;
        bottom: .6rem;
        right: -1rem;
        background-color: #2a314e;
        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{ margin-left: -56px;} */
    .my-area-sub .ma-input .v-form-control {
        padding: .7rem 1rem;
    }

    .my-area-sub .textarea-wrap {
        padding: 1.5rem 1px .5rem;
    }

    .my-area-sub .ma-input .chac-left {
        top: -18px;
    }

    .emo-list {
        grid-template-columns: repeat(5, 1fr);
        gap: .2rem;
        padding: 0 .5rem;
    }

    .range-eps {
        grid-template-columns: repeat(3, 1fr);
    }

    .textarea-wrap .ma-buttons {
        gap: .5rem !important;
    }

    .textarea-wrap .ma-buttons .btn-emo {
        padding: 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 0 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: 0;
        padding: .1rem;
        gap: 0;
        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: 0 !important;
    }

    .question-box {
        font-size: 13px;
        padding: 1rem;
        border-radius: 0;
        border: none;
        background-color: #ffffff10;
    }

    .sw-cover.cover-fade .h-item {
        padding: 1rem;
    }

    .sw-cover.cover-fade .h-item .info .alias-title {
        margin-bottom: .75rem;
    }

    .topics-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .topics-grid .row-topic .heading-md {
        font-weight: 600 !important;
    }

    .topics-line {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: .5rem;
        margin: 0 -16px;
        padding: 0 16px;
        overflow: auto;
        scrollbar-width: none;
    }

    .topics-line .row-topic {
        border-radius: .75rem 1.5rem;
    }

    .topics-grid .row-topic::after {
        border-radius: 2rem .75rem;
    }

    .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-grid .row-topic .mask::after {
        background-size: 100px 70px;
    }

    .topics-line .row-topic .intro .heading-md {
        font-size: 1.1em !important;
    }

    .sw-cover.single .v-thumbnail.v-thumbnail-hoz {
        border-radius: .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: 0;
        left: 5px;
        bottom: 5px;
        gap: 2px;
        flex-direction: column;
        align-items: flex-start;
        overflow: unset;
    }

    .m-pin-new .line-center {
        padding: .15rem .4rem;
        font-size: 10px;
        justify-content: flex-start;
        border-radius: 1rem;
        box-shadow: 0 0 2px 2px #0001;
    }

    .cards-row .row-header {
        gap: .5rem;
    }

    .cards-row .row-header .category-name {
        flex-grow: 1;
    }

    .cards-row .row-header .cat-more .line-center {
        width: 30px !important;
        padding: 0;
    }

    .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: .2rem;
        padding: .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: .3rem .6rem;
    }

    .article-body .v-ul-check {
        padding: 0;
    }

    .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: 0 !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: 0 !important;
        width: 40px !important;
        height: 40px !important;
        justify-content: center !important;
    }

    .gpmn-text .btn span {
        display: none;
    }

    .app-box-fix .content {
        font-size: 13px;
    }

    .cards-live .row-header .category-name {
        font-size: 1.4em;
    }

    .home-live .live-grid-small .card-live {
        border-top: 1px solid #fff1 !important;
        gap: 1rem;
        align-items: flex-start;
    }

    .home-live .live-grid-small .card-live .card-live-detail {
        padding-bottom: calc(30px + 0.5rem);
        border-left: none;
        padding-left: 0;
    }

    .home-live .live-grid-small .card-live .card-live-detail .home-live-status {
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .home-live .live-grid-small .card-live:nth-child(n+3) {
        display: none;
    }

    .zbox-welcome {
        bottom: 0 !important;
        left: 0;
        right: 0;
    }

    .zbox-welcome .content {
        width: 100%;
        border-radius: 1rem 1rem 0 0;
        padding: 1rem 1.25rem 2.5rem !important;
    }

    .match-info .item {
        padding-top: 1.5rem;
    }

    .match-info .team-vs {
        align-items: flex-start;
    }

    .match-info .team-vs .card-team {
        flex-direction: column !important;
        gap: .3rem;
        text-align: center !important;
    }

    .match-info .team-vs .card-team .inc-icon {
        width: 38px;
        height: 38px;
    }

    .match-info .team-vs .current .score.update {
        border-radius: .4rem;
        border: 1px solid #ccc;
    }

}

@media screen and (max-width: 379px) {
    .v-pagination .btn-lg {
        font-size: 14px;
        min-height: 44px;
        padding: .5rem 1.2rem;
    }

    .v-pagination .btn-.circle {
        width: 44px;
        padding: .5rem;
    }

    .de-eps.is-grid .item .info {
        font-size: .9em;
    }

    .dcc-side .menu-user .item .line-center span {
        font-size: 11px;
    }
}/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@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:0;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:translate3d(0px,0,0)}.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(0);-webkit-backface-visibility:hidden;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;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start 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 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:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(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%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.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(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}: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:.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}.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-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.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'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
#player-wrapper{
            height: 27vh!important;
        }
    /* Movie Grid */
    .movie-list.movie-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 16px;
    }
    .movie-item {
        display: block;
        text-decoration: none;
        color: inherit;
        transition: transform 0.2s ease;
    }
    .movie-item:hover {
        transform: translateY(-4px);
    }
    .movie-thumbnail {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        aspect-ratio: 2/3;
        background: #1a1a2e;
    }
    .movie-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .movie-quality {
        position: absolute;
        top: 8px;
        left: 8px;
        background: linear-gradient(135deg, #667eea, #764ba2);
        color: #fff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 600;
    }
    .movie-lang {
        position: absolute;
        top: 8px;
        right: 8px;
        background: rgba(0,0,0,0.7);
        color: #fff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 11px;
    }
    .movie-episode {
        position: absolute;
        bottom: 8px;
        right: 8px;
        background: linear-gradient(135deg, #ff6b35, #f7931e);
        color: #fff;
        padding: 2px 8px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 600;
    }
    .movie-info {
        padding: 10px 4px 4px;
    }
    .movie-title {
        font-size: 14px;
        font-weight: 600;
        color: #e0e0e0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .movie-original-title {
        font-size: 12px;
        color: #888;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .movie-year {
        font-size: 12px;
        color: #666;
    }

    /* Section Bar */
    .section-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
        padding: 10px 0;
        border-bottom: 2px solid rgba(255,255,255,0.08);
    }
    .section-title {
        font-size: 20px;
        font-weight: 700;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .view-all-link {
        color: #7c3aed;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    .view-all-link:hover { color: #a78bfa; }

    /* Movie Detail */
    .movie-backdrop {
        position: relative;
        height: 400px;
        background-size: cover;
        background-position: center;
        margin-top: -20px;
    }
    .backdrop-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(15,15,25,0.5), rgba(15,15,25,1));
    }
    .movie-detail-content { position: relative; z-index: 1; margin-top: -200px; }
    .movie-detail-poster { border-radius: 12px; overflow: hidden; box-shadow: 0 8px 32px rgba(0,0,0,0.5); }
    .movie-detail-poster img { width: 100%; display: block; }
    .movie-detail-title { font-size: 28px; font-weight: 700; margin-bottom: 4px; }
    .movie-detail-original { font-size: 16px; color: #888; margin-bottom: 16px; }
    .movie-detail-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
    .meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #aaa; }
    .badge-quality { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; padding: 2px 10px; border-radius: 4px; font-size: 12px; }
    .badge-lang { background: rgba(255,255,255,0.1); color: #ddd; padding: 2px 10px; border-radius: 4px; font-size: 12px; }
    .badge-status { background: linear-gradient(135deg, #10b981, #059669); color: #fff; padding: 2px 10px; border-radius: 4px; font-size: 12px; }
    .movie-detail-genres, .movie-detail-countries, .movie-detail-episodes-info { margin-bottom: 10px; font-size: 14px; }
    .genre-tag, .country-tag { display: inline-block; background: rgba(255,255,255,0.06); color: #ccc; padding: 3px 12px; border-radius: 20px; margin: 2px; font-size: 13px; text-decoration: none; transition: background 0.2s; }
    .genre-tag:hover, .country-tag:hover { background: rgba(124,58,237,0.3); color: #fff; }
    .movie-description { background: rgba(255,255,255,0.04); border-radius: 12px; padding: 20px; }
    .movie-content { font-size: 15px; line-height: 1.7; color: #bbb; }

    /* Episodes */
    .server-name { font-size: 15px; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; color: #ccc; }
    .episode-list { display: flex; flex-wrap: wrap; gap: 8px; }
    .episode-item { display: inline-block; background: rgba(255,255,255,0.06); color: #ddd; padding: 6px 16px; border-radius: 6px; font-size: 13px; text-decoration: none; transition: all 0.2s; border: 1px solid transparent; }
    .episode-item:hover, .episode-item.active { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; border-color: #764ba2; }

    /* Pagination */
    .pagination-wrap { display: flex; justify-content: center; padding: 30px 0; gap: 4px; }
    .pagination-wrap .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 4px 10px; border-radius: 8px; background: rgba(255,255,255,0.06); color: #ddd; text-decoration: none; font-size: 14px; transition: all 0.2s; }
    .pagination-wrap .page-numbers.current, .pagination-wrap .page-numbers:hover { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; }

    @media (max-width: 768px) {
        .movie-list.movie-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
        .movie-detail-title { font-size: 22px; }
        .movie-backdrop { height: 250px; }
    }
    
/* Gallery & OST grid (not in template.css) */
.flexbin { display: flex; flex-wrap: wrap; gap: 8px; }
.flexbin .media-item { flex: 1 1 200px; max-width: 300px; border-radius: 8px; overflow: hidden; }
.flexbin .media-item img { width: 100%; height: auto; display: block; transition: transform .3s; }
.flexbin .media-item:hover img { transform: scale(1.05); }
.ost-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.ost-item { background: rgba(255,255,255,.05); border-radius: 10px; overflow: hidden; }
.ost-video { position: relative; padding-top: 56.25%; }
.ost-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.ost-info { padding: 10px 14px; }
.ost-type { font-size: 11px; text-transform: uppercase; color: var(--primary-color); font-weight: 600; margin-bottom: 4px; }
.ost-title { font-size: 13px; color: rgba(255,255,255,.8); margin: 0; }
#nav-tab-child { flex-wrap:wrap; gap:6px 8px; }
#nav-tab-child.v-tabs.nav-pills .nav-link.active,
#nav-tab-child .nav-link.active {
    background-color: transparent !important;
    background: transparent !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    opacity: 1 !important;
}
#playlist-dropdown {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,.1) !important;
}
#playlist-dropdown,
#playlist-dropdown *,
#playlist-dropdown .dropdown-item,
#playlist-dropdown .dropdown-blank,
#playlist-dropdown .dropdown-blank span,
#playlist-dropdown .dropdown-blank small {
    color: #000 !important;
}
#playlist-dropdown .dropdown-item:hover {
    background: rgba(0,0,0,.08) !important;
}