/*
 * Reaccount appearance switcher
 * Dark is the layout default. These rules are active only after the visitor
 * explicitly selects light mode from the header toggle.
 */

:root {
	color-scheme: dark;
}

.theme-toggle {
	float: left;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 10px 0 10px 4px;
	padding: 0;
	border: 1px solid #303038;
	border-radius: 50%;
	background: #1a1a1a;
	color: #ffd56a;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.theme-toggle:hover,
.theme-toggle:focus {
	border-color: #4b9fff;
	background: #252532;
	color: #ffe29a;
	outline: none;
	transform: translateY(-1px);
}

.theme-toggle:focus-visible {
	box-shadow: 0 0 0 3px rgba(75, 159, 255, .3);
}

.theme-toggle i {
	font-size: 17px;
}

@media (max-width: 767px) {
	.theme-toggle {
		width: 36px;
		height: 36px;
		margin: 9px 4px 9px 0;
	}
}

html[data-reaccount-theme="light"] {
	color-scheme: light;
}

html[data-reaccount-theme="light"] body {
	background: #f5f7fb !important;
	color: #20242d !important;
}

html[data-reaccount-theme="light"] a {
	color: #2d6fc5;
}

html[data-reaccount-theme="light"] header,
html[data-reaccount-theme="light"] .navigation_drawer,
html[data-reaccount-theme="light"] .search_drawer,
html[data-reaccount-theme="light"] .popover,
html[data-reaccount-theme="light"] .loginPop_window {
	background: #ffffff !important;
	box-shadow: 0 1px 10px rgba(29, 43, 69, .08) !important;
}

html[data-reaccount-theme="light"] header {
	border-bottom: 1px solid #e5e9f1;
}

html[data-reaccount-theme="light"] .header .float-left > h1.logo-item span,
html[data-reaccount-theme="light"] .header .gnb > ul > li > a,
html[data-reaccount-theme="light"] .navdraw_bar,
html[data-reaccount-theme="light"] .search_draw-btn,
html[data-reaccount-theme="light"] .ac_menu label,
html[data-reaccount-theme="light"] .ac_menu > li > a,
html[data-reaccount-theme="light"] .ac_menu ul a,
html[data-reaccount-theme="light"] .popover-usermenu li a,
html[data-reaccount-theme="light"] ul.popover-list li a {
	color: #2b3444 !important;
}

html[data-reaccount-theme="light"] .header .gnb > ul > li:hover > a,
html[data-reaccount-theme="light"] .header .gnb > ul > li.active > a {
	color: #176fc9 !important;
	border-bottom-color: #176fc9;
}

html[data-reaccount-theme="light"] .float-right .search_form {
	background: #eef2f8;
}

html[data-reaccount-theme="light"] .float-right .search_form:hover {
	background: #e4f0ff;
}

html[data-reaccount-theme="light"] .float-right .search_form input[type=text],
html[data-reaccount-theme="light"] .float-right .search_form input[type=text]:hover,
html[data-reaccount-theme="light"] .float-right .search_form input[type=text]:focus {
	color: #253044;
}

html[data-reaccount-theme="light"] .theme-toggle {
	border-color: #d6deea;
	background: #f3f6fb;
	color: #48576d;
}

html[data-reaccount-theme="light"] .theme-toggle:hover,
html[data-reaccount-theme="light"] .theme-toggle:focus {
	border-color: #8ab9ec;
	background: #e5f1ff;
	color: #176fc9;
}

html[data-reaccount-theme="light"] .subnav_widget div.subnav-widget-title,
html[data-reaccount-theme="light"] .subnav_widget div.subnav-widget-title > span.float-left {
	border-color: #dce3ed !important;
}

html[data-reaccount-theme="light"] .subnav_widget *,
html[data-reaccount-theme="light"] .subnav_widget .subnav-widget-title > span.float-left,
html[data-reaccount-theme="light"] .subnav_widget a {
	color: #334155 !important;
}

html[data-reaccount-theme="light"] footer {
	background: #ffffff;
	border-color: #dce3ed;
}

html[data-reaccount-theme="light"] .footer_top {
	border-color: #dce3ed;
}

html[data-reaccount-theme="light"] .footer_bottom,
html[data-reaccount-theme="light"] .footer_menu .widgetContainer a.title,
html[data-reaccount-theme="light"] .ft_menu li a {
	color: #64748b;
}

/* Board skin */
html[data-reaccount-theme="light"] .board-wrapper,
html[data-reaccount-theme="light"] .board-wrapper input[type=text],
html[data-reaccount-theme="light"] .board-wrapper input[type=password],
html[data-reaccount-theme="light"] .board-wrapper input[type=date],
html[data-reaccount-theme="light"] .board-wrapper input[type=time],
html[data-reaccount-theme="light"] .board-wrapper select,
html[data-reaccount-theme="light"] .board-wrapper textarea {
	background-color: #ffffff !important;
	color: #1f2937 !important;
}

html[data-reaccount-theme="light"] .board-wrapper,
html[data-reaccount-theme="light"] .board-wrapper a {
	color: #1f2937;
}

/* Article header metadata inherits the dark skin's white text color. */
html[data-reaccount-theme="light"] .board-wrapper .absc.article .article-header .ah-meta > span,
html[data-reaccount-theme="light"] .board-wrapper .absc.article .article-header .ah-meta > span > a,
html[data-reaccount-theme="light"] .board-wrapper .absc.article .article-header .ah-meta .ahm-author a {
	color: #475569 !important;
}

html[data-reaccount-theme="light"] .board-wrapper .absc.article .article-header .ah-meta > span:not(:first-child)::before {
	color: #94a3b8 !important;
}

/* Member pages and communication pages */
html[data-reaccount-theme="light"] .hi.member,
html[data-reaccount-theme="light"] .hi.member .hi.section,
html[data-reaccount-theme="light"] .hi.member .hi.background-color-content {
	background: #ffffff !important;
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .hi.member h1,
html[data-reaccount-theme="light"] .hi.member h2,
html[data-reaccount-theme="light"] .hi.member h3,
html[data-reaccount-theme="light"] .hi.member h4,
html[data-reaccount-theme="light"] .hi.member h5,
html[data-reaccount-theme="light"] .hi.member h6,
html[data-reaccount-theme="light"] .hi.member .hi.text-muted,
html[data-reaccount-theme="light"] .hi.member .hi.text-muted * {
	color: #344054 !important;
}

html[data-reaccount-theme="light"] .hi.member .hi.tab-wrap,
html[data-reaccount-theme="light"] .hi.member .hi.tab {
	background: #ffffff !important;
	border-bottom-color: #dce3ed !important;
}

html[data-reaccount-theme="light"] .hi.member .hi.tab li > a {
	color: #64748b !important;
}

html[data-reaccount-theme="light"] .hi.member .hi.tab li.active > a {
	color: #176fc9 !important;
	border-bottom-color: #176fc9 !important;
}

html[data-reaccount-theme="light"] .hi.member table,
html[data-reaccount-theme="light"] .hi.member .hi.table,
html[data-reaccount-theme="light"] .xl .table {
	background: #ffffff !important;
	border-color: #dce3ed !important;
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .hi.member table th,
html[data-reaccount-theme="light"] .hi.member table td,
html[data-reaccount-theme="light"] .xl .table th,
html[data-reaccount-theme="light"] .xl .table td {
	background: #ffffff !important;
	border-color: #dce3ed !important;
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .hi.member table thead th,
html[data-reaccount-theme="light"] .xl .table > thead > tr > th,
html[data-reaccount-theme="light"] .xl .table > caption {
	background: #f1f5f9 !important;
	color: #334155 !important;
}

/* Something profile module */
html[data-reaccount-theme="light"] .st-profile,
html[data-reaccount-theme="light"] .st-profile-top,
html[data-reaccount-theme="light"] .pf-card-extra-content {
	background: #ffffff !important;
	border-color: #dce3ed !important;
}

html[data-reaccount-theme="light"] .st-profile-nick_name a,
html[data-reaccount-theme="light"] .st-description-href a,
html[data-reaccount-theme="light"] .st-cmt-doc-title a,
html[data-reaccount-theme="light"] .st-board-name a {
	color: #263244 !important;
}

/* Integration-search dark skin */
html[data-reaccount-theme="light"] body .nr,
html[data-reaccount-theme="light"] body .nr p,
html[data-reaccount-theme="light"] body .nr span,
html[data-reaccount-theme="light"] body .nr div {
	color: #263244 !important;
}

html[data-reaccount-theme="light"] body .nr.background-color-content {
	border-color: #d8e1ec !important;
	background: #ffffff !important;
	box-shadow: 0 10px 26px rgba(30, 41, 59, .08) !important;
}

html[data-reaccount-theme="light"] body .nr h1,
html[data-reaccount-theme="light"] body .nr h2,
html[data-reaccount-theme="light"] body .nr h3,
html[data-reaccount-theme="light"] body .nr h4,
html[data-reaccount-theme="light"] body .nr h5,
html[data-reaccount-theme="light"] body .nr h6 {
	color: #1e293b !important;
}

html[data-reaccount-theme="light"] body .nr .input,
html[data-reaccount-theme="light"] body .nr input[type="text"],
html[data-reaccount-theme="light"] body .nr input[type="search"] {
	border-color: #cbd5e1 !important;
	background: #ffffff !important;
	color: #1e293b !important;
}

/* User-authored page content: introduction and customer-service cards */
html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container,
html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container1 {
	background: #ffffff !important;
	box-shadow: 0 8px 22px rgba(30, 41, 59, .08);
}

html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container > p,
html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container > p *,
html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container1 > p,
html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container1 > p * {
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container span[style*="color:#27ae60"] {
	color: #198754 !important;
}

html[data-reaccount-theme="light"] .content-wrap .rhymix_content .container1 hr {
	border-color: #cbd5e1 !important;
}

/* User-customized Valorant content widget */
html[data-reaccount-theme="light"] section.simple_content {
	background: #ffffff !important;
	border-color: #dce3ed !important;
	box-shadow: 0 8px 22px rgba(30, 41, 59, .08) !important;
}

html[data-reaccount-theme="light"] div.simple_content {
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .simple_content h1.misolTop .misol_top_a {
	background: #f1f5f9 !important;
	color: #d9364c !important;
}

html[data-reaccount-theme="light"] .simple_content ul.simple_contentTabA > li a {
	border-color: #d7e0eb !important;
	background: #ffffff !important;
	color: #526174 !important;
}

html[data-reaccount-theme="light"] .simple_content ul.simple_contentTabA > li a:hover,
html[data-reaccount-theme="light"] .simple_content ul.simple_contentTabA > li.active a {
	border-color: #ff4655 !important;
	background: #ff4655 !important;
	color: #ffffff !important;
}

html[data-reaccount-theme="light"] .simple_content .simple_content_list li,
html[data-reaccount-theme="light"] .simple_content .simple_content_list li:first-child {
	border-color: #e0e7ef !important;
	background: #ffffff !important;
}

html[data-reaccount-theme="light"] .simple_content .simple_content_list li:hover {
	border-color: #ff7884 !important;
	box-shadow: 0 8px 18px rgba(255, 70, 85, .16) !important;
}

html[data-reaccount-theme="light"] .simple_content .simple_content_list .cont_a {
	color: #263244 !important;
}

html[data-reaccount-theme="light"] .simple_content .simple_content_list .cont_a:hover {
	color: #cf3045 !important;
}

html[data-reaccount-theme="light"] .simple_content .content_nickname,
html[data-reaccount-theme="light"] .simple_content .content_recnt {
	color: #64748b !important;
}

html[data-reaccount-theme="light"] .simple_content .content_recnt {
	background: rgba(255, 70, 85, .1) !important;
}

html[data-reaccount-theme="light"] .simple_content .simple_content_nav {
	background: #f1f5f9 !important;
	color: #526174 !important;
}

html[data-reaccount-theme="light"] .simple_gallery_item .fake_img,
html[data-reaccount-theme="light"] .simple_content_list .content_image {
	border-color: #e0e7ef !important;
	background: #f8fafc !important;
}