:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp-zwXVu{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol-oBoBS{position:fixed}.core-styles-module_arrow__cvMwQ-coAau{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6-H6Fah{display:none}.core-styles-module_clickable__ZuTTB-qu2sy{pointer-events:auto}.core-styles-module_show__Nt9eE-qs5wg{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF-Xeweq{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp-xMEd_{border-radius:3px;font-size:90%;padding:8px 16px;width:-webkit-max-content;width:max-content}.styles-module_arrow__K0L3T-lnQth{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T-lnQth{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T-lnQth{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T-lnQth{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T-lnQth{transform:rotate(315deg)}.styles-module_dark__xNqje-F9Ybv{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X-cMsDC{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt-TjSzn{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X-Rz41Q{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD-Hodhq{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW-bS0KL{background-color:var(--rt-color-info);color:var(--rt-color-white)}
.appHeader-O4D9U {
  position: fixed;
  display: block;
  width: 100%;
  top: 0;
  z-index: 1001;
}
.appHeader-O4D9U + * {
  margin-top: 64px;
}
.appHeader-O4D9U .headerWrapper-fiL_5 {
  position: relative;
  width: 100%;
  background: var(--white);
  box-shadow: 0 2px 8px var(--gray-5);
  z-index: 1;
}
.appHeader-O4D9U .headerContent-oL58n {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  margin: 0 auto;
  min-width: 75rem;
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .appHeader-O4D9U .headerContent-oL58n {
    max-width: 71.5rem;
  }
}
@media only screen and (min-width: 96em) {
  .appHeader-O4D9U .headerContent-oL58n {
    max-width: 80rem;
  }
}
@media only screen and (min-width: 120em) {
  .appHeader-O4D9U .headerContent-oL58n {
    max-width: 85.3rem;
  }
}
.appHeader-O4D9U .headerLogoWrapper-LMa9S {
  margin-right: 4rem;
  flex-shrink: 0;
}
.appHeader-O4D9U .headerLogo-gBJOo {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 11px;
  overflow: hidden;
}
.appHeader-O4D9U .headerLogo-gBJOo .logoImg-LAXkT {
  -o-object-fit: cover;
     object-fit: cover;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 {
  flex: 1;
  height: 100%;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn {
  display: flex;
  margin: 0;
  padding: 0;
  height: 100%;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-item-aNOlr {
  position: relative;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-item-aNOlr:hover .menu-popup-wrap-kJioe {
  display: block;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-link-Tr6F4 {
  color: var(--gray);
  font-size: 17px;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  height: 100%;
  letter-spacing: 0.9px;
  background-color: transparent;
  text-decoration-line: none;
  cursor: pointer;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-link-Tr6F4:hover {
  color: var(--green);
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-link-Tr6F4.menuItemActive-gHaLr {
  color: var(--green);
  font-weight: 700;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-popup-wrap-kJioe {
  padding: 8px 0;
  background: var(--white);
  border-radius: 8px;
  border: 1px solid var(--gray-3);
  box-shadow: 0 0 8px var(--gray-15);
  opacity: 1;
  min-width: 200px;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-popup-wrap-kJioe .popup-item-oZ6Lb {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  color: var(--gray-80);
  font-size: 16px;
  cursor: pointer;
}
.appHeader-O4D9U .menu-wrapper-rDTH2 .nav-menus-TNXxn .menu-popup-wrap-kJioe a {
  flex: 1;
  color: inherit;
  white-space: nowrap;
}
.appHeader-O4D9U .headerExtend-o5BK2 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.appHeader-O4D9U .navSearch-xGkTJ {
  display: flex;
  max-width: 360px;
  min-width: 240px;
  background: #F8F8FA;
  border: 1px solid #EBECED;
  border-radius: 18px;
  color: var(--gray-50);
  height: 36px;
  padding: 6px 16px;
}
.appHeader-O4D9U .navSearch-xGkTJ .searchInput-HTvMw {
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.appHeader-O4D9U .headerUser-s7gJ9 {
  display: flex;
  align-items: center;
  font-size: 17px;
}
.appHeader-O4D9U .headerUser-s7gJ9 .userSignIn-J_BgV,
.appHeader-O4D9U .headerUser-s7gJ9 .userSignUp-NHsEP {
  margin-left: 2rem;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--gray);
  font-size: 14px;
  cursor: pointer;
}
.appHeader-O4D9U .headerUser-s7gJ9 .userSignUp-NHsEP {
  background: var(--green);
  background: linear-gradient(to bottom right, #21a544 0%, #62fb62 100%);
  color: var(--white);
  padding: 8px 15px;
  border-radius: 4px;
}
.appHeader-O4D9U .headerUser-s7gJ9 .userAvatar-Ufgzx {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.appHeader-O4D9U .headerUser-s7gJ9 .userAvatar-Ufgzx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.appHeader-O4D9U .navBarWrapper-PjklK {
  height: 48px;
  width: 100%;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  transform: translateZ(0);
  background: var(--white);
}
.appHeader-O4D9U .navbarInner-q6GqJ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  height: 100%;
  min-width: 75rem;
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .appHeader-O4D9U .navbarInner-q6GqJ {
    max-width: 71.5rem;
  }
}
@media only screen and (min-width: 96em) {
  .appHeader-O4D9U .navbarInner-q6GqJ {
    max-width: 80rem;
  }
}
@media only screen and (min-width: 120em) {
  .appHeader-O4D9U .navbarInner-q6GqJ {
    max-width: 85.3rem;
  }
}
.appHeader-O4D9U .navbarInner-q6GqJ .navBar-XIe7W {
  position: relative;
  margin-right: 1.5rem;
  font-size: 15px;
  height: 100%;
}
.appHeader-O4D9U .navbarInner-q6GqJ .navBar-XIe7W:hover {
  color: var(--green);
}
.appHeader-O4D9U .navbarInner-q6GqJ .navBar-XIe7W.navBarActive-aunED {
  color: var(--green);
  font-weight: 500;
}
.appHeader-O4D9U .navbarInner-q6GqJ .navBar-XIe7W.navBarActive-aunED::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 2.5rem;
  height: 2px;
  background: var(--green);
  transform: translateX(-50%);
  border-radius: 2px;
}
.appHeader-O4D9U .navbarInner-q6GqJ a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: inherit;
}
.appFooter-Fa20v {
  margin-top: 48px;
  width: 100%;
  background: var(--gray-5);
}
.appFooter-Fa20v .footerWrapper-Rv3El {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
  margin: 0 auto;
  font-size: 12px;
  color: var(--gray-60);
  min-width: 75rem;
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .appFooter-Fa20v .footerWrapper-Rv3El {
    max-width: 71.5rem;
  }
}
@media only screen and (min-width: 96em) {
  .appFooter-Fa20v .footerWrapper-Rv3El {
    max-width: 80rem;
  }
}
@media only screen and (min-width: 120em) {
  .appFooter-Fa20v .footerWrapper-Rv3El {
    max-width: 85.3rem;
  }
}
.appFooter-Fa20v .footerName-VsK_I {
  display: flex;
  align-items: center;
}
.appFooter-Fa20v .footerLogo-cygP9 {
  width: 18px;
  height: 18px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.8rem;
}
.appFooter-Fa20v .footerTerms-nE1vv {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
}
.appFooter-Fa20v .footerTerms-nE1vv .termsItem-xPppa {
  margin-left: 3rem;
  cursor: pointer;
}
.appFooter-Fa20v .footerTerms-nE1vv .termsItem-xPppa a {
  color: inherit;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
* {
  box-sizing: border-box;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  margin: 0;
  padding: 0;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  font-size: 16px;
}

body {
  margin: 0;
}

/**
 * Remove default margin.
 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  vertical-align: baseline;
  border: 0 none;
  list-style: outside none none;
}

i,
em {
  font-style: normal;
}

ol,
ul {
  list-style: none;
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  color: var(--gray);
  background-color: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:visited, a:active, a:hover {
  text-decoration: none;
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: var(--green);
  color: var(--gray);
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
  resize: none;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
  text-transform: none;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` entities in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

:root {
  --green: #07bc10;
  --green-50: #41ad4f;
  --green-40: #5eb969;
  --green-30: #7bc583;
  --green-20: #a1d5a7;
  --green-10: #c6e5c9;
  --green-5: #e7f5e9;
  --gray: #08121a;
  --gray-90: #141e25;
  --gray-80: #394148;
  --gray-70: #464d53;
  --gray-60: #686e73;
  --gray-50: #8b9093;
  --gray-40: #9ca0a3;
  --gray-30: #b5b8ba;
  --gray-20: #d8d9da;
  --gray-15: #e9e9eA;
  --gray-10: #ebeced;
  --gray-5: #f5f6f6;
  --gray-3: #f3f3f3;
  --gray-1: #fafafa;
  --white: #fff;
  --blue: #3976DC;
  --blue-hover: #2A62C0;
}

:root {
  --rt-color-white: var(--white) !important;
  --rt-color-dark: var(--gray) !important;
  --rt-opacity: 1;
  --rt-transition-show-delay: 0.15s;
  --rt-transition-closing-delay: 0.15s;
}

:root {
  --side-bar-w: 350px;
}

body {
  background: var(--white);
  color: var(--gray);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  font-family: Meiryo, Yu Gothic Medium, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.app-aI8n9 {
  color: inherit;
}

.app-main-mNaZW {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 75rem;
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .app-main-mNaZW {
    max-width: 71.5rem;
  }
}
@media only screen and (min-width: 96em) {
  .app-main-mNaZW {
    max-width: 80rem;
  }
}
@media only screen and (min-width: 120em) {
  .app-main-mNaZW {
    max-width: 85.3rem;
  }
}
.page-wrap-x2N2S {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 16px 0;
  width: 100%;
}
.page-wrap-x2N2S .page-main-S1UiA {
  flex: 1;
  margin: 0 0 16px 0;
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .page-wrap-x2N2S .page-main-S1UiA {
    max-width: calc(71.5rem - 316px);
  }
}
@media only screen and (min-width: 96em) {
  .page-wrap-x2N2S .page-main-S1UiA {
    max-width: calc(80rem - 366px);
  }
}
@media only screen and (min-width: 120em) {
  .page-wrap-x2N2S .page-main-S1UiA {
    max-width: calc(84rem - 366px);
  }
}
.page-wrap-x2N2S .page-sidebar-WoYUZ {
  margin-left: 16px;
  flex-shrink: 0;
  width: var(--side-bar-w);
  /* Largest devices such as desktops (1280px and up) */
  /* Largest devices such as desktops (1536px and up) */
  /* Largest devices such as desktops (1920px and up) */
}
@media only screen and (min-width: 80em) {
  .page-wrap-x2N2S .page-sidebar-WoYUZ {
    width: 300px;
  }
}
@media only screen and (min-width: 96em) {
  .page-wrap-x2N2S .page-sidebar-WoYUZ {
    width: 350px;
  }
}
@media only screen and (min-width: 120em) {
  .page-wrap-x2N2S .page-sidebar-WoYUZ {
    width: 350px;
  }
}
.empty-wrap-wtEzi {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 24px 0;
}
.empty-wrap-wtEzi .empty-icon-wrap-ZNPZn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--gray-10);
  width: 86px;
  height: 86px;
}
.empty-wrap-wtEzi .empty-icon-o8z0K {
  width: 48px;
  height: 48px;
  color: var(--gray-10);
}
.empty-wrap-wtEzi .empty-desc-j_wbh {
  margin-top: 16px;
  color: var(--gray-30);
}
.empty-wrap-wtEzi .empty-button-gq4qf {
  margin-top: 4px;
  color: var(--green);
  font-size: 14px;
  cursor: pointer;
}
.subject-module-yxY96 {
  padding: 20px 0;
}
.subject-module-yxY96:first-child {
  padding-top: 0;
}
.subject-module-yxY96 .module-header-i9o9z {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.subject-module-yxY96 .module-header-i9o9z .header-main-VlLF9 {
  position: relative;
  padding-left: 20px;
  font-size: 28px;
  color: var(--gray);
  font-weight: 500;
  flex: 1;
}
.subject-module-yxY96 .module-header-i9o9z .header-main-VlLF9::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 18px;
  background: var(--green);
  border-radius: 2px;
}
.subject-module-yxY96 .module-header-i9o9z .header-link-ADJWK {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-shrink: 0;
  margin-left: 16px;
  font-size: 14px;
  color: var(--green);
  cursor: pointer;
}
.subject-module-yxY96 .module-header-i9o9z .header-link-ADJWK .link-icon-QyfTt {
  width: 16px;
  height: 16px;
  color: var(--green);
  margin-left: 2px;
}
.subject-module-yxY96 .module-header-i9o9z .header-tools-XE8NQ {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  margin: 0 8px;
  color: var(--green);
  border: 1px solid var(--green);
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}
.subject-module-yxY96 .module-header-i9o9z .header-tools-XE8NQ .tool-icon-Ho_kq {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.subject-module-yxY96 .module-content-qJVNv {
  margin-top: 16px;
}
.sidebar-module-v4TGc {
  margin-top: 16px;
  padding: 16px;
  background: var(--gray-3);
  border-radius: 8px;
}
.sidebar-module-v4TGc:first-child {
  margin-top: 0;
}
.sidebar-module-v4TGc .module-header-ny1ww {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
}
.sidebar-module-v4TGc .module-header-ny1ww .header-main-XgTUZ {
  font-size: 20px;
  font-weight: 500;
  color: var(--gray);
}
.sidebar-module-v4TGc .module-header-ny1ww .header-link-N2Z0j {
  font-size: 14px;
  color: var(--green);
  font-weight: 400;
}
.sidebar-module-v4TGc .module-header-ny1ww + .module-main-I2eY8 {
  margin-top: 20px;
}
.tag-list-j1ltG {
  display: flex;
  flex-wrap: wrap;
}
.tag-list-j1ltG .tag-item-HV1zM {
  padding: 4px 12px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  border: 1px solid var(--gray-20);
  color: var(--gray-80);
  border-radius: 15px;
  cursor: pointer;
}
.tag-list-j1ltG .tag-item-HV1zM.link-item-sZpH_:hover {
  color: var(--green);
  text-decoration: underline;
  border-color: var(--green);
}
.tag-list-j1ltG .tag-item-HV1zM.item-selected-g_K8E {
  color: var(--white);
  background: var(--green);
  border-color: var(--green);
}
.tag-list-j1ltG .tag-item-icon-Ofzva {
  margin-top: 2px;
  margin-left: 6px;
  width: 14px;
  height: 14px;
}
.bmage-wrap-sHeZq {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.2));
  vertical-align: bottom;
}
.bmage-wrap-sHeZq .bmage-inner-tVBTj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bmage-wrap-sHeZq img {
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bmage-wrap-sHeZq.bmage-avatar-default-riYrj .bmage-inner-tVBTj {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-10);
}
.bmage-wrap-sHeZq.bmage-avatar-default-riYrj img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
.rate-wrap-axMsf {
  display: inline-flex;
  align-items: center;
  margin-right: 48px;
  font-size: 13px;
  color: var(--gray);
}
.rate-wrap-axMsf.not-rated-KpxGO {
  color: var(--gray-40);
}
.rate-wrap-axMsf.not-rated-KpxGO .rate-score-icon-Z2LPq {
  color: var(--gray-50);
}
.rate-wrap-axMsf .rate-score-Yyjhk {
  display: flex;
  align-items: center;
}
.rate-wrap-axMsf .rate-score-icon-Z2LPq {
  margin-right: 4px;
  margin-bottom: 2px;
  width: 18px;
  height: 18px;
  color: var(--green);
}
.rate-wrap-axMsf .rate-count-j8pOw {
  margin-left: 4px;
  color: var(--gray-60);
}

.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-title-pZxFU {
  font-size: 13px;
  color: var(--gray-80);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-wrap-axMsf {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-wrap-noo-FS2Rz .rate-icon-wrap-VsyY8 {
  background: none;
  border: 1px solid var(--gray-15);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-wrap-noo-FS2Rz .rate-icon-iZJI2 {
  color: var(--gray-20);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-wrap-noo-FS2Rz .rate-not-yet-ZV99C {
  font-size: 15px;
  color: var(--gray-50);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-icon-wrap-VsyY8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--green-10);
  flex-shrink: 0;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-icon-iZJI2 {
  width: 36px;
  height: 36px;
  color: var(--green);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-main-nJ_7C {
  margin-left: 16px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-detail-hxL1J {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  letter-spacing: 1px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-current-UgwuV {
  font-size: 32px;
  color: var(--green);
  font-weight: 600;
  letter-spacing: -1px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-total-u9KUv {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-bottom: 4px;
  color: var(--gray-60);
  font-size: 16px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-total-u9KUv::before {
  content: "/";
  font-size: 14px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-count-j8pOw {
  display: flex;
  align-items: center;
  margin-top: 6px;
  font-size: 12px;
  color: var(--gray-60);
  cursor: pointer;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-count-j8pOw b {
  margin-right: 2px;
  color: var(--green);
  font-weight: 400;
  font-size: 14px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-share-tool-dbTVu {
  margin-top: 12px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-share-tool-dbTVu .tool-label-eVYAi {
  font-size: 12px;
  color: var(--gray-60);
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-share-tool-dbTVu .tool-share-app-Pb2rw {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.rate-card-wrap-aPHVf .rate-card-main-kFKxT .rate-share-tool-dbTVu .share-app-kr4E7 {
  margin-right: 16px;
  cursor: pointer;
}
.rate-card-wrap-aPHVf .rate-card-outer-b8V9w {
  display: flex;
  justify-content: flex-start;
  margin-top: 16px;
}
.rate-card-wrap-aPHVf .rate-outer-wrap-dsJY8 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 8px;
  margin-right: 16px;
  width: 82px;
  height: 88px;
  border: 1px solid var(--gray-15);
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}
.rate-card-wrap-aPHVf .rate-outer-wrap-dsJY8 .rate-outer-icon-UUQl3 {
  width: 32px;
  height: 32px;
}
.rate-card-wrap-aPHVf .rate-outer-wrap-dsJY8 .rate-score-number-UkLqC {
  margin-top: 4px;
  font-size: 15px;
  color: var(--gray-60);
  line-height: 1.2;
  font-weight: 600;
}
.rate-card-wrap-aPHVf .rate-outer-wrap-dsJY8 .rate-score-votes-D8lI4 {
  font-size: 11px;
  color: var(--gray-60);
  line-height: 1;
}
.rate-card-wrap-aPHVf .rate-card-empty-LuYi3 .empty-main-n8Cic {
  margin-top: 32px;
  text-align: center;
}
.rate-card-wrap-aPHVf .rate-card-empty-LuYi3 .rate-icon-wrap-VsyY8 {
  margin: 0 auto;
  padding: 16px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 1px solid var(--gray-15);
}
.rate-card-wrap-aPHVf .rate-card-empty-LuYi3 .rate-icon-iZJI2 {
  margin-right: 4px;
  margin-bottom: 2px;
  width: 64px;
  height: 64px;
  color: var(--gray-15);
}
.rate-card-wrap-aPHVf .rate-card-empty-LuYi3 .empty-tip-tstNp {
  margin-top: 8px;
  color: var(--gray-50);
  text-align: center;
  font-size: 14px;
}
.rate-card-wrap-aPHVf .rate-card-button-MsoLy {
  margin: 32px auto 0;
}
.rate-card-wrap-aPHVf .rate-card-button-MsoLy .rate-button-star-D94cV {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rate-card-wrap-aPHVf .rate-card-button-MsoLy .rate-star-icon-jMg2N {
  margin-right: 4px;
  width: 18px;
  height: 18px;
  color: var(--gray-60);
  cursor: pointer;
}
.rate-card-wrap-aPHVf .rate-card-button-MsoLy .rate-button-label-iuVkT {
  margin-top: 8px;
  color: var(--green);
  text-align: center;
  font-size: 13px;
}
.detailed-video-card-KktwF {
  display: block;
  padding: 16px;
  width: 100%;
  border-top: 1px solid var(--gray-15);
}
.detailed-video-card-KktwF:first-child {
  border-top: none;
}
.detailed-video-card-KktwF:hover {
  background: var(--gray-5);
}
.detailed-video-card-KktwF .card-video-HReyf {
  display: flex;
  align-items: center;
  width: 100%;
}
.detailed-video-card-KktwF .video-cover-F2HGR {
  position: relative;
  flex-shrink: 0;
  width: 92px;
  border-radius: 8px;
  overflow: hidden;
}
.detailed-video-card-KktwF .video-cover-F2HGR .watch-list-btn-X0u9P {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 8px;
  line-height: 0;
  cursor: pointer;
}
.detailed-video-card-KktwF .video-cover-F2HGR .watch-list-btn-X0u9P:hover {
  background: rgb(255, 255, 255);
}
.detailed-video-card-KktwF .video-cover-F2HGR .watch-list-btn-X0u9P .btn-icon-d2qhQ {
  width: 16px;
  height: 16px;
}
.detailed-video-card-KktwF .video-main-WnqTq {
  margin-left: 16px;
  width: calc(100% - 108px);
}
.detailed-video-card-KktwF .video-main-WnqTq .video-air-date-Q5lKb {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0px 6px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-air-date-Q5lKb::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  background: inherit;
  height: 100%;
  width: 12px;
  transform: skewX(-20deg);
  top: 0;
  right: -3px;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-air-date-Q5lKb .air-date-cfeXs {
  position: relative;
  margin-left: 4px;
  z-index: 1;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-title-DuP0I {
  font-size: 20px;
  font-weight: 500;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-meta-ehFgI {
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-size: 13px;
  color: var(--gray-80);
}
.detailed-video-card-KktwF .video-main-WnqTq .video-meta-ehFgI span::before {
  content: "";
  display: inline-flex;
  margin: 0 8px;
  width: 0;
  height: 10px;
  border-left: 1px solid var(--gray-30);
}
.detailed-video-card-KktwF .video-main-WnqTq .video-meta-ehFgI span:first-child::before {
  display: none;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-rate-score-zNQDe {
  margin-top: 4px;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-crews-CoPoB {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 4px;
  font-size: 13px;
  color: var(--gray-80);
  overflow: hidden;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-crews-CoPoB .crew-item-XvqSM {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-crews-CoPoB .crew-item-XvqSM:first-child {
  flex-shrink: 0;
  margin-right: 24px;
}
.detailed-video-card-KktwF .video-main-WnqTq .video-crews-CoPoB .crew-item-label-xE8G0 {
  margin-right: 8px;
  font-weight: 500;
  color: var(--gray);
}
.detailed-video-card-KktwF .card-overview-Jrate {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-size: 13px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-video-card-GobTg {
  position: relative;
  display: block;
  margin-right: var(--grid-gap);
  margin-bottom: var(--grid-gap);
  width: var(--card-width);
  border-radius: 8px;
  box-shadow: 0 0 25px rgba(125, 125, 125, 0.1);
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
}
.grid-video-card-GobTg .video-cover-ezRCO {
  position: relative;
}
.grid-video-card-GobTg .video-cover-ezRCO .video-air-date-kLPBk {
  position: absolute;
  padding: 4px 20px 4px 6px;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, var(--green) 40%, rgba(0, 74, 230, 0));
  z-index: 11;
  color: #fff;
}
.grid-video-card-GobTg .video-cover-ezRCO .video-air-date-kLPBk .air-label-LHrws {
  font-size: 12px;
}
.grid-video-card-GobTg .video-cover-ezRCO .video-air-date-kLPBk .air-date-rsmed {
  font-size: 14px;
}
.grid-video-card-GobTg .video-watch-list-yPBQD {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 8px;
  line-height: 0;
  cursor: pointer;
}
.grid-video-card-GobTg .video-watch-list-yPBQD:hover {
  background: rgb(255, 255, 255);
}
.grid-video-card-GobTg .video-watch-list-yPBQD .watch-list-icon-yFSr7 {
  width: 16px;
  height: 16px;
}
.grid-video-card-GobTg .video-info-sV6F9 {
  padding: 10px;
}
.grid-video-card-GobTg .video-info-sV6F9 .video-title-yM210 {
  display: block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--gray-80);
  cursor: pointer;
}
.grid-video-card-GobTg .video-info-sV6F9 .video-title-yM210:hover {
  text-decoration: underline;
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-tag-iwHGV {
  display: flex;
  align-self: center;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 8px;
  font-size: 12px;
  color: var(--gray-60);
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-tag-iwHGV span::before {
  content: "";
  display: inline-flex;
  margin: 0 12px;
  width: 0;
  height: 8px;
  border-left: 1px solid var(--gray-30);
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-tag-iwHGV span:first-child::before {
  display: none;
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-genres-izLR9 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 8px;
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-genres-izLR9 .genre-MAhsT {
  padding: 0 4px;
  border-radius: 4px;
  background: var(--green-5);
  color: var(--green);
  font-size: 12px;
  margin-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-genres-izLR9 .genre-MAhsT:first-child {
  margin-left: 0;
}
.grid-video-card-GobTg .video-info-sV6F9 .meta-rate-score-E5ngE {
  margin-top: 8px;
}
.compact-video-card-yqMyK {
  display: flex;
  align-items: center;
  padding: 16px;
  width: var(--card-width, "100%");
}
.compact-video-card-yqMyK:hover {
  background: var(--gray-5);
}
.compact-video-card-yqMyK.video-card-bordered-OiW_D {
  border-bottom: 1px solid var(--gray-15);
}
.compact-video-card-yqMyK .video-cover-U9V1y {
  flex-shrink: 0;
  width: 64px;
  border-radius: 8px;
  overflow: hidden;
}
.compact-video-card-yqMyK .video-main-VbO6y {
  margin-left: 16px;
  width: calc(100% - 80px);
}
.compact-video-card-yqMyK .video-main-VbO6y .video-air-date-NfxNu {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0px 6px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.compact-video-card-yqMyK .video-main-VbO6y .video-air-date-NfxNu::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  background: inherit;
  height: 100%;
  width: 12px;
  transform: skewX(-20deg);
  top: 0;
  right: -3px;
}
.compact-video-card-yqMyK .video-main-VbO6y .video-air-date-NfxNu .air-date-yd1eE {
  position: relative;
  margin-left: 4px;
  z-index: 1;
}
.compact-video-card-yqMyK .video-main-VbO6y .video-title-qyFHG {
  font-size: 17px;
  font-weight: 500;
  color: var(--gray);
}
.compact-video-card-yqMyK .video-main-VbO6y .video-meta-LapIx {
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-size: 12px;
  color: var(--gray-80);
}
.compact-video-card-yqMyK .video-main-VbO6y .video-meta-LapIx .meta-item-eXVz2 {
  display: inline-flex;
  align-items: center;
}
.compact-video-card-yqMyK .video-main-VbO6y .video-meta-LapIx .meta-item-eXVz2::before {
  content: "";
  display: inline-flex;
  margin: 0 12px;
  width: 0;
  height: 8px;
  border-left: 1px solid var(--gray-30);
}
.compact-video-card-yqMyK .video-main-VbO6y .video-meta-LapIx .meta-item-eXVz2:first-child::before {
  display: none;
}
.compact-video-card-yqMyK .video-main-VbO6y .video-rate-score-Kfmp5 {
  flex-shrink: 0;
  margin-top: 4px;
}
.simple-video-card-ap4Aa {
  display: flex;
  align-items: center;
  padding: 8px 0;
  width: 100%;
}
.simple-video-card-ap4Aa:first-child {
  padding-top: 0;
}
.simple-video-card-ap4Aa .video-cover-dXOIl {
  flex-shrink: 0;
  width: 64px;
  border-radius: 8px;
  overflow: hidden;
}
.simple-video-card-ap4Aa .video-main-vWmuY {
  margin-left: 16px;
  width: calc(100% - 80px);
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-air-date-Z_tBF {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0px 6px;
  background: var(--green);
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-air-date-Z_tBF::after {
  content: "";
  position: absolute;
  border-radius: 4px;
  background: inherit;
  height: 100%;
  width: 12px;
  transform: skewX(-20deg);
  top: 0;
  right: -3px;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-air-date-Z_tBF .air-date-xAGHg {
  position: relative;
  margin-left: 4px;
  z-index: 1;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-title-gzq5N {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-meta-CSLcL {
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-size: 12px;
  color: var(--gray-80);
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-meta-CSLcL .meta-item-v5UDD {
  display: inline-flex;
  align-items: center;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-meta-CSLcL .meta-item-v5UDD::before {
  content: "";
  display: inline-flex;
  margin: 0 12px;
  width: 0;
  height: 8px;
  border-left: 1px solid var(--gray-30);
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-meta-CSLcL .meta-item-v5UDD:first-child::before {
  display: none;
}
.simple-video-card-ap4Aa .video-main-vWmuY .video-rate-score-s8XSY {
  flex-shrink: 0;
  margin-top: 4px;
}
.watch-card-CDPrz {
  display: flex;
  padding: 16px;
  align-items: center;
  width: var(--card-width, "100%");
}
.watch-card-CDPrz.card-bordered-vgJ1M {
  border-bottom: 1px solid var(--gray-15);
}
.watch-card-CDPrz .watch-cover-qu1vp {
  position: relative;
}
.watch-card-CDPrz .watch-cover-qu1vp .cover-oypQp {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  outline: 2px solid var(--white);
  overflow: hidden;
}
.watch-card-CDPrz .watch-cover-qu1vp .cover-main-rQOd1 {
  position: relative;
  display: block;
  width: 64px;
  border-radius: 8px;
  outline: 2px solid var(--white);
  background: var(--gray-20);
  overflow: hidden;
}
.watch-card-CDPrz .watch-cover-qu1vp .cover-a-YfWiM {
  left: 12px;
  background-color: #e8eaed;
}
.watch-card-CDPrz .watch-cover-qu1vp .cover-b-vPB6J {
  left: 6px;
  background-color: #bdc1c6;
}
.watch-card-CDPrz .watch-main-R8vsn {
  margin-left: 28px;
  width: calc(100% - 92px);
}
.watch-card-CDPrz .watch-main-R8vsn .video-title-aDxRd {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray);
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.watch-card-CDPrz .watch-main-R8vsn .video-count-_4obx {
  margin-top: 4px;
  font-size: 13px;
  color: var(--gray-80);
}
.watch-card-CDPrz .watch-main-R8vsn .video-watcher-HvHY3 {
  display: flex;
  align-items: center;
  margin-top: 4px;
  font-size: 12px;
  cursor: pointer;
}
.watch-card-CDPrz .watch-main-R8vsn .video-watcher-HvHY3 .user-avatar-t9g8m {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.watch-card-CDPrz .watch-main-R8vsn .video-watcher-HvHY3 .user-avatar-t9g8m .avatar-img-A4vPA {
  position: relative;
  display: block;
  margin-left: -10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--white);
  z-index: var(--index);
  background: var(--gray-20);
}
.watch-card-CDPrz .watch-main-R8vsn .video-watcher-HvHY3 .count-txt-LnRZ_ {
  white-space: nowrap;
}
.watch-card-CDPrz .watch-main-R8vsn .video-watcher-HvHY3 .count-txt-LnRZ_ b {
  margin-right: 2px;
  color: var(--green);
  font-weight: 400;
}
.pagination-vT42B {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-vT42B .pagination-pager-wiaGY {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-left: 8px;
  padding: 4px;
  border: 1px solid var(--gray-10);
  text-align: center;
  font-size: 14px;
  color: var(--gray-60);
  line-height: 1;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  cursor: pointer;
}
.pagination-vT42B .pagination-pager-wiaGY:first-child {
  margin-left: 0;
}
.scroll-footer-uRkSe {
  flex: 1;
  flex-basis: 100%;
}
.scroll-footer-uRkSe .scroll-indicator-WZf_Z {
  width: 100%;
  height: 1px;
  background: transparent;
  opacity: 0;
}
.scroll-footer-uRkSe .scroll-loading-Dm4o5 {
  padding: 16px;
  width: 100%;
  text-align: center;
  color: var(--green);
  font-size: 16px;
}
.scroll-footer-uRkSe .scroll-pagers-uO_9L {
  height: 0;
  width: 0;
  opacity: 0;
}
.video-view-wrap-W3Ztp {
  position: relative;
}
.video-view-wrap-W3Ztp.bordered-view-frVun.wide-padding-view-CU5Wk {
  padding: 16px;
}
.video-view-wrap-W3Ztp.bordered-view-frVun::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--gray-15);
  border-radius: 8px;
}
.video-view-wrap-W3Ztp .video-view-dkag7 {
  position: relative;
  z-index: 1;
  border-radius: 8px;
  overflow: hidden;
}
.video-view-wrap-W3Ztp .video-view-dkag7.flex-view-l35HQ {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--grid-gap));
}
.video-view-wrap-W3Ztp .video-view-dkag7.scrollable-view-VUTWd {
  flex-wrap: nowrap;
  max-width: 100%;
  overflow: auto;
}
@keyframes shimmer-ZUGHN {
  100% {
    transform: translateX(100%);
  }
}
.skeleton-view-Bc0ZO.flex-view-xZ13y {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--grid-gap));
  flex: 1;
}
.skeleton-view-Bc0ZO.bordered-view-MZNII {
  padding: 16px;
  border: 1px solid var(--gray-15);
  border-radius: 6px;
}
.skeleton-view-Bc0ZO .skeleton-UCyib:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(228, 228, 228, 0) 0, rgba(228, 228, 228, 0.4) 20%, rgba(228, 228, 228, 0.6) 60%, rgba(228, 228, 228, 0));
  animation: shimmer-ZUGHN 1.5s infinite;
  content: "";
}
.skeleton-view-Bc0ZO .grid-card-fecNN {
  margin-right: var(--skeleton-grid-gap);
  margin-bottom: var(--skeleton-grid-gap);
  width: var(--skeleton-card-width);
}
.skeleton-view-Bc0ZO .grid-card-fecNN .card-cover-Owdyb {
  position: relative;
  width: 100%;
  height: 243px;
  background: var(--gray-5);
  border-radius: 8px;
  overflow: hidden;
}
.skeleton-view-Bc0ZO .grid-card-fecNN .card-title-TYglh {
  position: relative;
  margin-top: 8px;
  width: 100%;
  height: 18px;
  background: var(--gray-5);
  overflow: hidden;
}
.skeleton-view-Bc0ZO .grid-card-fecNN .card-meta-qpoNc {
  display: flex;
  margin-top: 8px;
  width: 100%;
}
.skeleton-view-Bc0ZO .grid-card-fecNN .card-meta-qpoNc .meta-item-WcHcU {
  position: relative;
  flex: 1;
  height: 16px;
  background: var(--gray-5);
  margin-left: 8px;
  overflow: hidden;
}
.skeleton-view-Bc0ZO .grid-card-fecNN .card-meta-qpoNc .meta-item-WcHcU:first-child {
  margin-left: 0;
  flex: 2;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH {
  display: flex;
  width: 50%;
  margin-bottom: 16px;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-cover-Owdyb {
  position: relative;
  width: 64px;
  height: 84px;
  background: var(--gray-5);
  border-radius: 8px;
  overflow: hidden;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-main-kbtPx {
  margin-top: 16px;
  margin-left: 16px;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-title-TYglh {
  position: relative;
  width: 240px;
  height: 22px;
  background: var(--gray-5);
  overflow: hidden;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-meta-qpoNc {
  display: flex;
  margin-top: 8px;
  width: 200px;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-meta-qpoNc .meta-item-WcHcU {
  position: relative;
  flex: 1;
  height: 16px;
  background: var(--gray-5);
  margin-left: 8px;
  overflow: hidden;
}
.skeleton-view-Bc0ZO .compact-card-yrsJH .card-meta-qpoNc .meta-item-WcHcU:first-child {
  margin-left: 0;
  flex: 2;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq {
  margin-bottom: 16px;
  max-width: 80%;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-main-wrap-eqXkM {
  display: flex;
  width: 100%;
  align-items: center;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-cover-Owdyb {
  position: relative;
  width: 92px;
  height: 132px;
  background: var(--gray-5);
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-main-kbtPx {
  margin-left: 16px;
  flex: 1;
  max-width: 75%;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-title-TYglh {
  position: relative;
  width: 60%;
  height: 18px;
  background: var(--gray-5);
  overflow: hidden;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-meta-qpoNc {
  display: flex;
  margin-top: 16px;
  width: 100%;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-meta-qpoNc .meta-item-WcHcU {
  position: relative;
  margin-left: 8px;
  height: 16px;
  width: 64px;
  background: var(--gray-5);
  overflow: hidden;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-meta-qpoNc .meta-item-WcHcU:first-child {
  margin-left: 0;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-meta-qpoNc .meta-item-WcHcU.meta-item-long-NMSL7 {
  width: 240px;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-overview-YLIw8 {
  margin-top: 8px;
  width: 100%;
  overflow: hidden;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-overview-YLIw8 .overview-row-ccZmU {
  position: relative;
  margin-top: 4px;
  width: 100%;
  height: 16px;
  background: var(--gray-5);
  overflow: hidden;
}
.skeleton-view-Bc0ZO .detailed-card-RboOq .card-overview-YLIw8 .overview-row-ccZmU:last-child {
  width: 60%;
}
@keyframes tada-keyframes-nvuOn {
  0% {
    transform: scaleX(1);
  }
  10%, 5% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
  }
  15%, 25%, 35%, 45% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(5deg);
  }
  20%, 30%, 40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-5deg);
  }
  50% {
    transform: scaleX(1);
  }
}
.subject-overview-lXXKj .overview-nav-Go8V4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 16px 8px;
  margin-bottom: 16px;
  border-radius: 8px;
  background: var(--gray-3);
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-main-ZWrUZ {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-icon-foMgG {
  width: 20px;
  height: 20px;
  color: var(--gray-80);
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-title-ogmQM {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 500;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 16px;
  z-index: 1;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-item-g47Dw {
  margin-left: 16px;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-item-inner-Hgixw {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 15px;
  color: var(--gray-80);
  line-height: 1.2;
  border: 1px solid var(--gray-30);
  border-radius: 8px;
  cursor: pointer;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-icon-EMy50 {
  margin-left: 8px;
  width: 16px;
  height: 16px;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-wrap-QS062 {
  padding: 0;
  opacity: 1;
  min-width: 130px;
  max-height: 240px;
  overflow-y: auto;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-Xl_h8 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-top: 1px solid var(--gray-10);
  color: var(--gray);
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.subject-overview-lXXKj .overview-nav-Go8V4 .nav-dropdown-wrap-ihngj .dropdown-Xl_h8:first-child {
  border-top: 0;
}
.subject-overview-lXXKj .overview-ueUr8 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  padding-bottom: 16px;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK {
  flex-shrink: 0;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK .poster-wrap-zu3lg {
  position: relative;
  display: block;
  width: 220px;
  border-radius: 8px;
  overflow: hidden;
  border: 4px solid var(--gray-10);
  cursor: pointer;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK .poster-wrap-zu3lg .poster-total-wLN2v {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px;
  font-size: 12px;
  color: var(--white);
  background: var(--green);
  border-top-left-radius: 8px;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK .poster-more-link-p9l2K {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
  color: var(--gray-50);
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK .poster-more-link-p9l2K:hover {
  text-decoration: underline;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-poster-m3MCK .poster-more-link-p9l2K .link-icon-qqlkv {
  margin-right: 4px;
  width: 14px;
  height: 14px;
}
.subject-overview-lXXKj .overview-ueUr8 .overview-main-nb9r5 {
  position: relative;
  flex: 1;
  margin-left: 16px;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  background: var(--gray-3);
}
.subject-overview-lXXKj .overview-ueUr8 .main-header-OqKse {
  max-width: 100%;
}
.subject-overview-lXXKj .overview-ueUr8 .header-title-mm4Qy {
  max-width: 70%;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ {
  position: absolute;
  display: flex;
  align-items: center;
  top: 16px;
  right: 16px;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-button-p3K_z {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding: 6px 12px;
  font-size: 15px;
  color: var(--green);
  border-radius: 30px;
  line-height: 1.2;
  border: 1px solid var(--green);
  cursor: pointer;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-button-p3K_z .button-icon-Mpkxw {
  width: 18px;
  height: 18px;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-button-p3K_z .icon-with-animation-iBsAa {
  animation: tada-keyframes-nvuOn 3s ease infinite;
  animation-fill-mode: both;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-button-p3K_z .button-txt-w_O8Z {
  margin-left: 6px;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-tooltip-ZweDF {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 0 25px rgba(125, 125, 125, 0.25);
  opacity: 1;
  z-index: 11;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-tooltip-ZweDF .popup-item-p4s_A {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border-top: 1px solid var(--gray-10);
  color: var(--gray);
  font-size: 15px;
  cursor: pointer;
}
.subject-overview-lXXKj .overview-ueUr8 .header-act-S97I_ .act-tooltip-ZweDF .popup-item-icon-ZZ1Gq {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.subject-overview-lXXKj .overview-ueUr8 .title-display-BGbf_ {
  margin: 0;
  font-size: 28px;
  color: var(--gray);
  font-weight: 600;
  line-height: 36px;
}
.subject-overview-lXXKj .overview-ueUr8 .title-origin-TAjzi {
  margin-top: 4px;
  font-size: 20px;
  color: var(--gray-80);
  font-weight: 400;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-15);
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-ozW3n {
  position: relative;
  margin-right: 24px;
  font-size: 15px;
  color: var(--gray-80);
  white-space: nowrap;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-ozW3n::after {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--gray-30);
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-ozW3n:last-child::after {
  display: none;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-genres-PAcaY {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-genres-PAcaY .genre-TirG3 {
  margin-left: 4px;
  line-height: 18px;
  border-radius: 10px;
  color: var(--green);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-genres-PAcaY .genre-TirG3:first-child {
  margin-left: 0;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-genres-PAcaY .genre-TirG3:hover {
  text-decoration: underline;
}
.subject-overview-lXXKj .overview-ueUr8 .header-micro-Pk6NX .micro-label-genres-PAcaY .genre-TirG3 .genre-split-BDXub {
  color: var(--gray-60);
}
.subject-overview-lXXKj .overview-ueUr8 .main-wrap-FFLxf {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 16px;
}
.subject-overview-lXXKj .overview-ueUr8 .main-content-aGi7T {
  flex: 1;
}
.subject-overview-lXXKj .overview-ueUr8 .content-genres-omAN8 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 4px;
}
.subject-overview-lXXKj .overview-ueUr8 .content-genres-omAN8 .genre-TirG3 {
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 2px 12px;
  border: 1px solid var(--green-50);
  border-radius: 20px;
  color: var(--green);
  transition: all 0.15s ease-in-out;
  white-space: nowrap;
}
.subject-overview-lXXKj .overview-ueUr8 .content-genres-omAN8 .genre-TirG3:hover {
  color: var(--white);
  background: var(--green);
  border-color: var(--green);
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH {
  font-size: 14px;
  flex: 1;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 14px;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi:last-child {
  margin-bottom: 0;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .item-label-Axp0u {
  min-width: 100px;
  color: var(--gray);
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .item-link-list-NgymI {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--gray-80);
  overflow: hidden;
  text-overflow: ellipsis;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .link-node-r6mWW {
  display: inline-flex;
  align-items: center;
  margin-right: 4px;
  color: var(--green);
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .link-node-r6mWW:hover {
  text-decoration: underline;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .item-disable-ljAuh {
  color: var(--gray-60);
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .item-tool-bqmsb {
  position: absolute;
  bottom: 0;
  right: 0px;
  padding-right: 20px;
  background: var(--gray-5);
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .tool-button-E6DX7 {
  margin-left: 5px;
  color: var(--green);
  cursor: pointer;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .link-homepage-b9DRX {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-item-G9Ndi .link-icon-qqlkv {
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.subject-overview-lXXKj .overview-ueUr8 .content-meta-Y2WhH .meta-synopsis-sgPx0 {
  color: var(--gray);
  line-height: 1.5;
}
.subject-overview-lXXKj .overview-ueUr8 .main-score-OxPVJ {
  position: relative;
  margin-left: 40px;
  flex-shrink: 0;
  width: 220px;
}
.subject-overview-lXXKj .overview-ueUr8 .main-score-OxPVJ::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  bottom: 0;
  width: 1px;
  background: var(--gray-15);
}
.subject-crews-PUXfy .crews-list-YEHDL {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  overflow: hidden;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-wrap-Hisu0 {
  position: relative;
  margin-right: 16px;
  margin-bottom: 16px;
  width: calc((100% - 112px) / 7);
  border-radius: 8px;
  overflow: hidden;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-inner-QU5Ha {
  display: block;
  padding-top: 143.34%;
  width: 100%;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-cover-O9mjt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-cover-O9mjt img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-character-mqyik {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  top: 60%;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 30%, rgb(0, 0, 0));
  font-size: 12px;
  color: var(--white);
  z-index: 1;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-name-fWFTA,
.subject-crews-PUXfy .crews-list-YEHDL .crew-as-_gQ8i {
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-name-fWFTA {
  line-height: 18px;
  font-size: 14px;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-as-_gQ8i {
  margin: 5px 0 10px;
  line-height: 14px;
  font-size: 12px;
  color: var(--gray-10);
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-button-more-jTKav {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-button-more-jTKav .button-icon-tCkUQ {
  width: 32px;
  height: 32px;
  color: var(--green);
}
.subject-crews-PUXfy .crews-list-YEHDL .crew-button-more-jTKav .button-text-fUwY6 {
  margin-right: 10px;
  text-align: center;
  font-size: 13px;
  color: var(--green);
}
@keyframes photo-view-rotate-dx7J1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes photo-view-delay-in-JL9gr {
  0%, 50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.photo-view-spinner-NqWSU {
  animation: photo-view-delayIn-qz456 0.4s linear both;
}
.photo-view-spinner-NqWSU svg {
  animation: photo-view-rotate-dx7J1 0.6s linear infinite;
}
.photo-view-photo-gkg6g {
  max-width: initial;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.photo-view-photo-gkg6g:active {
  cursor: grabbing;
}

.photo-view-icon-T9jN_ {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transform: translate(-50%, -50%);
}
.photo-view-photo-wrap-HCQog, .photo-view-photo-box-uQ14g {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  touch-action: none;
  direction: ltr;
}
.photo-view-photo-wrap-HCQog {
  z-index: 10;
  overflow: hidden;
}
.photo-view-photo-box-uQ14g {
  transform-origin: left top;
}
@keyframes photo-view-fade-rpRjc {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.photo-view-portal-DbBSp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  overflow: hidden;
  touch-action: none;
  direction: ltr;
}
.photo-view-slider-clean-Ny_zB .photo-view-slider-nanner-wrap-NNhF6,
.photo-view-slider-clean-Ny_zB .photo-view-slider-arrow-left-y_3Ii,
.photo-view-slider-clean-Ny_zB .photo-view-slider-arrow-right-uvgZ9,
.photo-view-slider-clean-Ny_zB .photo-view-slider-overlay-kgbep {
  opacity: 0;
}
.photo-view-slider-will-close-n3dF7 .photo-view-slider-banner-wrap-SIdb0:hover {
  opacity: 0;
}
.photo-view-slider-backdrop-DviAl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  transition-property: background-color;
  z-index: -1;
}
.photo-view-slider-fade-in-NWOAm {
  opacity: 0;
  animation: photo-view-fade-rpRjc linear both;
}
.photo-view-slider-fade-out-HvNJ5 {
  opacity: 0;
  animation: photo-view-fade-rpRjc linear both reverse;
}
.photo-view-slider-banner-wrap-SIdb0 {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.2s ease-out;
  z-index: 20;
}
.photo-view-slider-banner-wrap-SIdb0:hover {
  opacity: 1;
}
.photo-view-slider-counter-Eid8_ {
  padding: 0 10px;
  font-size: 14px;
  opacity: 0.75;
}
.photo-view-slider-banner-right-gGHEv {
  display: flex;
  align-items: center;
  height: 100%;
}
.photo-view-slider-toolbar-icon-tzIPY {
  box-sizing: border-box;
  padding: 10px;
  fill: white;
  opacity: 0.75;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.photo-view-slider-toolbar-icon-tzIPY:hover {
  opacity: 1;
}
.photo-view-slider-arrow-left-y_3Ii, .photo-view-slider-arrow-right-uvgZ9 {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100px;
  margin: auto;
  opacity: 0.75;
  z-index: 20;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.2s linear;
}
.photo-view-slider-arrow-left-y_3Ii:hover, .photo-view-slider-arrow-right-uvgZ9:hover {
  opacity: 1;
}
.photo-view-slider-arrow-left-y_3Ii svg, .photo-view-slider-arrow-right-uvgZ9 svg {
  box-sizing: content-box;
  padding: 10px;
  width: 24px;
  height: 24px;
  fill: white;
  background: rgba(0, 0, 0, 0.3);
}
.photo-view-slider-arrow-left-y_3Ii {
  left: 0;
}
.photo-view-slider-arrow-right-uvgZ9 {
  right: 0;
}
.subject-photos-zhB5E {
  position: relative;
  text-align: justify;
}
.subject-photos-zhB5E .photo-j1QUH {
  max-height: 250px;
  border-radius: 8px;
  overflow: hidden;
}
.subject-more-like-nsKeW .video-card-perJt {
  position: relative;
  display: block;
  margin-right: var(--grid-gap);
  margin-bottom: var(--grid-gap);
  width: var(--card-width);
  border-radius: 8px;
  box-shadow: 0 0 25px rgba(125, 125, 125, 0.1);
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
}
.subject-more-like-nsKeW .video-card-perJt .video-cover-gQR9R {
  position: relative;
}
.subject-more-like-nsKeW .video-card-perJt .video-watch-list-PS9T0 {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 8px;
  line-height: 0;
  cursor: pointer;
}
.subject-more-like-nsKeW .video-card-perJt .video-watch-list-PS9T0:hover {
  background: rgb(255, 255, 255);
}
.subject-more-like-nsKeW .video-card-perJt .video-watch-list-PS9T0 .watch-list-icon-A52h5 {
  width: 16px;
  height: 16px;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd {
  padding: 10px;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .video-title-oQh4v {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--gray-80);
  cursor: pointer;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .video-title-oQh4v:hover {
  text-decoration: underline;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-tag-KGSnS {
  display: flex;
  align-self: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 12px;
  color: var(--gray-60);
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-tag-KGSnS span::before {
  content: "";
  display: inline-flex;
  margin: 0 12px;
  width: 0;
  height: 8px;
  border-left: 1px solid var(--gray-30);
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-tag-KGSnS span:first-child::before {
  display: none;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-rate-score-QBcHw {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 13px;
  color: var(--gray-80);
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-rate-score-QBcHw .rate-score-wO4Nj {
  display: inline-flex;
  align-items: center;
  margin-right: 48px;
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-rate-score-QBcHw .rate-score-icon-vUrF2 {
  margin-right: 4px;
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
  color: var(--green);
}
.subject-more-like-nsKeW .video-card-perJt .video-info-sAGjd .meta-rate-score-QBcHw .rate-user-total-TZ3tR {
  margin-left: 4px;
  color: var(--gray-60);
}
.header-tools-Ai3UV {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  margin: 0 8px;
  color: var(--green);
  border: 1px solid var(--green);
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}
.header-tools-Ai3UV .tool-icon-wAAEd {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}

.subject-user-reviews-NQ8ou {
  padding: 22px 24px;
  background: var(--gray-3);
  border-radius: 8px;
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-15);
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .left-button-wrap-tyfaE {
  display: flex;
  align-items: center;
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .left-button-rG_u6 {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  margin-right: 16px;
  color: var(--gray-80);
  background: rgba(8, 18, 26, 0.07);
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .left-button-rG_u6.button-select-ibUxR {
  color: var(--green);
  background: rgba(198, 229, 201, 0.5);
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-wrap-pJ0qr {
  display: flex;
  align-items: center;
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-sgAJI {
  display: inline-flex;
  align-items: center;
  margin-left: 22px;
  font-size: 15px;
  color: var(--gray-80);
  cursor: pointer;
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-sgAJI.filter-select-FCSlE {
  color: var(--green);
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-sgAJI.filter-select-FCSlE .filter-checkbox-Qq0oo {
  border-color: var(--green);
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-sgAJI.filter-select-FCSlE .filter-checkbox-Qq0oo::after {
  content: "";
  position: absolute;
  display: block;
  width: 80%;
  height: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--green);
}
.subject-user-reviews-NQ8ou .user-reviews-tools-hPdjw .tool-filter-sgAJI .filter-checkbox-Qq0oo {
  position: relative;
  margin-right: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid var(--gray-60);
  overflow: hidden;
}
.subject-user-reviews-NQ8ou .user-reviews-list-r2mMy {
  margin-top: 0;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA {
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-user-avatar-lXO6C {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .user-avatar-wrap-UTGX3 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--gray-15);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .user-avatar-wrap-UTGX3 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .user-review-score-HCKfy {
  margin-top: 2px;
  color: var(--green);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-main-wrap-_ztNa {
  flex: 1;
  margin-left: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-15);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-user-zDT2A {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 13px;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-user-zDT2A .review-user-name-CBNx9 {
  color: var(--green);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-user-zDT2A .review-create-at-b1or8 {
  margin-top: 2px;
  margin-left: 10px;
  font-size: 12px;
  color: var(--gray-80);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-main-hS1Ur {
  margin-top: 12px;
  font-size: 15px;
  color: var(--gray-80);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .review-footer-RCIDN {
  display: flex;
  margin-top: 20px;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC {
  display: flex;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-button-zTGDw {
  display: flex;
  align-items: center;
  margin-right: 16px;
  font-size: 12px;
  color: var(--gray-80);
  cursor: pointer;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-button-zTGDw.my-helpful-button-y9NFt {
  color: var(--green);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-button-zTGDw.my-helpful-button-y9NFt .helpful-button-icon-Do0OU {
  color: var(--green);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-button-icon-Do0OU {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  color: var(--gray-80);
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-text-tip-PFjJ_ {
  display: flex;
  align-items: center;
}
.subject-user-reviews-NQ8ou .review-wrap-u6SPA .footer-helpful-wrap-ddujC .helpful-text-tip-PFjJ_::after {
  content: "";
  display: inline-flex;
  margin: 0 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--gray-30);
}
.subject-season-uaQkz {
  position: relative;
  text-align: justify;
}
.subject-season-uaQkz .season-list-rxiVW {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.subject-season-uaQkz .season-wrap-beN_m {
  position: relative;
  padding: 16px;
  width: 40%;
  margin-right: 16px;
  flex-shrink: 0;
  background: var(--gray-3);
  border-radius: 8px;
}
.subject-season-uaQkz .season-inner-rs4iY {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.subject-season-uaQkz .season-cover-PpT_M {
  flex-shrink: 0;
  width: 92px;
  border-radius: 8px;
  overflow: hidden;
}
.subject-season-uaQkz .season-main-bfF1o {
  position: relative;
  flex: 1;
  margin-left: 16px;
  width: calc(100% - 140px);
}
.subject-season-uaQkz .season-tag-RSOMR {
  position: absolute;
  top: -16px;
  right: -16px;
  padding: 1px 6px;
  background: var(--green);
  border-radius: 2px;
  font-size: 11px;
  color: var(--white);
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
}
.subject-season-uaQkz .season-title-tobVn {
  font-size: 18px;
  max-width: 100%;
  color: var(--gray);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.subject-season-uaQkz .season-title-tobVn:hover {
  color: var(--green);
}
.subject-season-uaQkz .season-meta-ldzD3 {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 4px;
  font-size: 14px;
  color: var(--gray-80);
}
.subject-season-uaQkz .season-meta-ldzD3 span {
  display: inline-flex;
  align-items: center;
}
.subject-season-uaQkz .season-meta-ldzD3 span::before {
  content: "";
  display: inline-flex;
  margin: 0 16px;
  width: 0;
  height: 10px;
  border-left: 1px solid var(--gray-30);
}
.subject-season-uaQkz .season-meta-ldzD3 span:first-child::before {
  display: none;
}
.subject-season-uaQkz .season-plot-olf_B {
  margin-top: 8px;
  font-size: 14px;
  color: var(--gray-60);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-weight: 400;
  text-align: left;
}
.subject-season-uaQkz .season-rate-score-uJ_Hg {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 12px;
  color: var(--gray-80);
}
.subject-season-uaQkz .season-rate-score-uJ_Hg .rate-score-dYtTW {
  display: inline-flex;
  align-items: center;
  margin-right: 24px;
}
.subject-season-uaQkz .season-rate-score-uJ_Hg .rate-score-icon-XC6sf {
  margin-right: 4px;
  width: 18px;
  height: 18px;
  color: var(--green);
}
.subject-season-uaQkz .season-rate-score-uJ_Hg .rate-user-total-j1pPM {
  margin-left: 4px;
  color: var(--gray-60);
}
.subject-season-uaQkz .season-button-more-hVI5A {
  position: relative;
  padding: 16px;
  flex-shrink: 0;
  background: var(--gray-3);
  border-radius: 8px;
}
.subject-season-uaQkz .season-button-more-hVI5A .button-inner-l_1tU {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--gray-80);
  text-align: center;
}
.subject-season-uaQkz .season-button-more-hVI5A .button-inner-l_1tU:hover {
  color: var(--green);
}
.page-subject-CQAXN .subject-synopsis-V_chN {
  color: var(--gray-80);
  font-size: 15px;
  line-height: 1.5;
}