/* 기존 theme.setting.php 다크모드 클래스와 연결 */
.darkmode--activated .tv-design-app,
.darkmode--activated .tv-page-shell,
.darkmode--activated .tv-design-main,
.darkmode--activated .tv-top-header,
.darkmode--activated .tv-sidebar-header,
.darkmode--activated .tv-design-sidebar,
.darkmode--activated .tv-site-footer {
  background: #17191d;
  color: #f2f3f5;
}

.darkmode--activated .tv-nav-item,
.darkmode--activated .tv-schedule-copy strong,
.darkmode--activated .tv-login-link,
.darkmode--activated .tv-live-copy strong {
  color: #f2f3f5;
}

.darkmode--activated .tv-nav-item:hover,
.darkmode--activated .tv-nav-item:focus-visible,
.darkmode--activated .tv-nav-item.is-active {
  background: #f2f9ff;
  color: #17191c;
}

.darkmode--activated .tv-nav-item:hover > .tv-icon,
.darkmode--activated .tv-nav-item:focus-visible > .tv-icon,
.darkmode--activated .tv-nav-item.is-active > .tv-icon {
  color: #1683ff;
}

.darkmode--activated .tv-nav-item:hover > span,
.darkmode--activated .tv-nav-item:focus-visible > span,
.darkmode--activated .tv-nav-item.is-active > span {
  color: #17191c;
}

.darkmode--activated .tv-header-action-button:hover,
.darkmode--activated .tv-header-action-button:focus-visible,
.darkmode--activated .tv-login-link:hover,
.darkmode--activated .tv-login-link:focus-visible,
.darkmode--activated .tv-sidebar-menu-button:hover,
.darkmode--activated .tv-sidebar-menu-button:focus-visible {
  background: #41464f;
}

.darkmode--activated .tv-profile-button:hover,
.darkmode--activated .tv-profile-button:focus-visible {
  background: #41464f;
}

.darkmode--activated .tv-schedule-placeholder {
  border-color: #555c67;
  background: #34383f;
  box-shadow: inset 0 0 0 4px #24272d;
}

.darkmode--activated .tv-schedule-item:hover,
.darkmode--activated .tv-schedule-item:focus-visible,
.darkmode--activated .tv-schedule-item.is-preview-active {
  background: #24272d;
}

.darkmode--activated .tv-schedule-preview {
  border-color: #3b4048;
  background: #1f2227;
  color: #f2f3f5;
}

.darkmode--activated .tv-schedule-preview-media {
  background: #34383f;
  color: #9ba2ad;
}

.darkmode--activated .tv-schedule-preview-body > strong {
  color: #f2f3f5;
}

.darkmode--activated .tv-schedule-preview-body p em,
.darkmode--activated .tv-schedule-preview-body p time {
  color: #c1c6ce;
}

.darkmode--activated .tv-live-card,
.darkmode--activated .tv-search-box,
.darkmode--activated .tv-subnav {
  background: #22252b;
}

.darkmode--activated .tv-live-card {
  background: #34383f;
}

.darkmode--activated .tv-notice-popover,
.darkmode--activated .tv-notice-tabs,
.darkmode--activated .tv-notice-content {
  border-color: #3b4048;
  background: #22252b;
  color: #f2f3f5;
}

.darkmode--activated .tv-notice-tabs button {
  color: #c6cbd3;
}

.darkmode--activated .tv-notice-tabs button:hover,
.darkmode--activated .tv-notice-tabs button:focus-visible {
  background: #2c3037;
}

.darkmode--activated .tv-notice-tabs button.is-active {
  color: #62a9ff;
}

.darkmode--activated .tv-notice-tabs button.is-active::after {
  background: #62a9ff;
}

/* NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_NOTICE_DARK_NETWORK_PADDING_ */
.darkmode--activated .tv-notice-login-prompt p {
  color: #c6cbd3;
}

.darkmode--activated .tv-settings-popover {
  border-color: #3b4048;
  background: #22252b;
  color: #f2f3f5;
}

.darkmode--activated .tv-settings-primary a,
.darkmode--activated .tv-settings-row {
  color: #e2e5ea;
}

.darkmode--activated .tv-settings-row {
  border-color: #3b4048;
}

.darkmode--activated .tv-settings-primary a:hover,
.darkmode--activated .tv-settings-primary a:focus-visible,
.darkmode--activated .tv-settings-dark-row:hover,
.darkmode--activated .tv-settings-language:hover,
.darkmode--activated .tv-settings-language:focus-visible {
  background: #2c3037;
}

.darkmode--activated .tv-settings-primary svg,
.darkmode--activated .tv-settings-row-label > svg {
  stroke: #c5cad2;
}

.darkmode--activated .tv-settings-row-value {
  color: #9da4af;
}

.darkmode--activated .tv-profile-summary-avatar img {
  border-color: #4b515b;
}

.darkmode--activated .tv-profile-popover {
  border-color: #3b4048;
  background: #22252b;
  color: #f2f3f5;
  scrollbar-color: #4d535d transparent;
}

.darkmode--activated .tv-profile-popover::-webkit-scrollbar-thumb {
  background: #4d535d;
}

.darkmode--activated .tv-profile-summary-link:hover,
.darkmode--activated .tv-profile-summary-link:focus-visible {
  background: #2c3037;
}

.darkmode--activated .tv-profile-identity strong,
.darkmode--activated .tv-profile-menu-row {
  color: #e2e5ea;
}

.darkmode--activated .tv-profile-identity > span,
.darkmode--activated .tv-profile-row-value {
  color: #9da4af;
}

.darkmode--activated .tv-profile-section,
.darkmode--activated .tv-profile-divider {
  border-color: #3b4048;
}

.darkmode--activated .tv-profile-admin-button {
  border-color: #4b515b;
  background: transparent;
  color: #d8dce2;
}

.darkmode--activated .tv-profile-admin-button:hover,
.darkmode--activated .tv-profile-admin-button:focus-visible {
  border-color: #626975;
  background: #2c3037;
  color: #fff;
}

.darkmode--activated div.tv-profile-menu-row:hover,
.darkmode--activated a.tv-profile-menu-row:hover,
.darkmode--activated a.tv-profile-menu-row:focus-visible,
.darkmode--activated button.tv-profile-menu-row:hover,
.darkmode--activated button.tv-profile-menu-row:focus-visible {
  background: #2c3037;
  color: #fff;
}

.darkmode--activated .tv-profile-menu-row > svg:not(.tv-profile-chevron),
.darkmode--activated .tv-profile-chevron {
  stroke: #c5cad2;
}

.darkmode--activated .tv-apps-popover {
  border-color: #3b4048;
  background: #22252b;
  color: #f2f3f5;
}

.darkmode--activated .tv-apps-column + .tv-apps-column {
  border-color: #3b4048;
}

.darkmode--activated .tv-apps-slider-arrow {
  border-color: #454b55;
  background: #2b2f36;
  color: #c6cbd3;
}

.darkmode--activated .tv-apps-slider-arrow:hover:not(:disabled),
.darkmode--activated .tv-apps-slider-arrow:focus-visible {
  border-color: #62a9ff;
  color: #62a9ff;
}

.darkmode--activated .tv-apps-list a {
  color: #c6cbd3;
}

.darkmode--activated .tv-apps-list a:hover,
.darkmode--activated .tv-apps-list a:focus-visible {
  color: #62a9ff;
}
/* DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_DARK_NETWORK_PADDING_ */