/* kai-mwatch.css: parity with the reference site for the EPISODE / WATCH page (loaded last).
 *
 * the reference site sets html{font-size:14px} (13px below 1300px) and sizes everything in rem, so every value
 * below is written as calc(var(--r) * <rem value from the reference stylesheet>) with --r: 14px
 * (13px below 1300px). The theme's global root size is left untouched.
 *
 * Layout, as in the reference stylesheet:
 *   >= 1568px        info | player | episodes   (3 columns, the info card is the first child of .watch-section-wrap)
 *   1200 - 1567px    player | episodes, the info card wraps below as a full-width row card (order: 3)
 *   <  1200px        everything stacked: player, episodes, info
 */

/* Always-on helpers (no visual effect above 1299px) */
.layout-page-watch .entity-section .btn-entity { display: none; }
.layout-page-watch .entity-section .main-entity.collapse { display: block !important; }
.layout-page-watch .server-note .ep-note-sep { display: none; }

#main-wrapper.layout-page-watch {
	--r: 14px;
	--mk-sub: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2015%209%22%3E%3Cpath%20d=%22M5.04346%205.85205H6.92334C6.89827%206.39632%206.75146%206.87614%206.48291%207.2915C6.21436%207.70687%205.84196%208.03092%205.36572%208.26367C4.89307%208.49284%204.33447%208.60742%203.68994%208.60742C3.16715%208.60742%202.69987%208.51969%202.28809%208.34424C1.87988%208.16878%201.53255%207.91634%201.24609%207.58691C0.963216%207.25749%200.746582%206.85824%200.596191%206.38916C0.449382%205.92008%200.375977%205.39193%200.375977%204.80469V4.38037C0.375977%203.79313%200.452962%203.26497%200.606934%202.7959C0.764486%202.32324%200.986491%201.9222%201.27295%201.59277C1.56299%201.25977%201.91032%201.00553%202.31494%200.830078C2.71956%200.654622%203.16895%200.566895%203.66309%200.566895C4.34342%200.566895%204.91813%200.688639%205.38721%200.932129C5.85628%201.17562%206.21973%201.51042%206.47754%201.93652C6.73535%202.35905%206.88753%202.84066%206.93408%203.38135H5.0542C5.04704%203.08773%204.99691%202.84245%204.90381%202.64551C4.81071%202.44499%204.6639%202.2946%204.46338%202.19434C4.26286%202.09408%203.99609%202.04395%203.66309%202.04395C3.43034%202.04395%203.22803%202.08691%203.05615%202.17285C2.88428%202.25879%202.74105%202.39486%202.62646%202.58105C2.51188%202.76725%202.42594%203.00895%202.36865%203.30615C2.31494%203.59977%202.28809%203.95426%202.28809%204.36963V4.80469C2.28809%205.22005%202.31315%205.57454%202.36328%205.86816C2.41341%206.16178%202.49398%206.40169%202.60498%206.58789C2.71598%206.77409%202.85921%206.91195%203.03467%207.00146C3.2137%207.0874%203.43213%207.13037%203.68994%207.13037C3.9764%207.13037%204.2181%207.08561%204.41504%206.99609C4.61198%206.90299%204.76416%206.76335%204.87158%206.57715C4.979%206.38737%205.0363%206.14567%205.04346%205.85205ZM12.2622%205.85205H14.1421C14.117%206.39632%2013.9702%206.87614%2013.7017%207.2915C13.4331%207.70687%2013.0607%208.03092%2012.5845%208.26367C12.1118%208.49284%2011.5532%208.60742%2010.9087%208.60742C10.3859%208.60742%209.91862%208.51969%209.50684%208.34424C9.09863%208.16878%208.7513%207.91634%208.46484%207.58691C8.18197%207.25749%207.96533%206.85824%207.81494%206.38916C7.66813%205.92008%207.59473%205.39193%207.59473%204.80469V4.38037C7.59473%203.79313%207.67171%203.26497%207.82568%202.7959C7.98324%202.32324%208.20524%201.9222%208.4917%201.59277C8.78174%201.25977%209.12907%201.00553%209.53369%200.830078C9.93831%200.654622%2010.3877%200.566895%2010.8818%200.566895C11.5622%200.566895%2012.1369%200.688639%2012.606%200.932129C13.075%201.17562%2013.4385%201.51042%2013.6963%201.93652C13.9541%202.35905%2014.1063%202.84066%2014.1528%203.38135H12.2729C12.2658%203.08773%2012.2157%202.84245%2012.1226%202.64551C12.0295%202.44499%2011.8826%202.2946%2011.6821%202.19434C11.4816%202.09408%2011.2148%202.04395%2010.8818%202.04395C10.6491%202.04395%2010.4468%202.08691%2010.2749%202.17285C10.103%202.25879%209.9598%202.39486%209.84521%202.58105C9.73063%202.76725%209.64469%203.00895%209.5874%203.30615C9.53369%203.59977%209.50684%203.95426%209.50684%204.36963V4.80469C9.50684%205.22005%209.5319%205.57454%209.58203%205.86816C9.63216%206.16178%209.71273%206.40169%209.82373%206.58789C9.93473%206.77409%2010.078%206.91195%2010.2534%207.00146C10.4325%207.0874%2010.6509%207.13037%2010.9087%207.13037C11.1951%207.13037%2011.4368%207.08561%2011.6338%206.99609C11.8307%206.90299%2011.9829%206.76335%2012.0903%206.57715C12.1978%206.38737%2012.255%206.14567%2012.2622%205.85205Z%22%3E%3C/path%3E%3C/svg%3E");
	--mk-dub: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%208.9%209.6%22%3E%3Cpath%20d=%22M7.9.7c-1.1-.9-2.8-.8-3.7.3-.9,1.1-.8,2.8.3,3.7,1.1.9,2.8.8,3.7-.3.9-1.1.8-2.8-.3-3.7Z%22%3E%3C/path%3E%3Cpath%20d=%22M3,3.9L.1,8l1.7,1.4,3.6-3.5c-.5-.1-1-.3-1.5-.7-.4-.4-.8-.8-1-1.4Z%22%3E%3C/path%3E%3C/svg%3E");
}
@media (max-width: 1299.98px) {
	#main-wrapper.layout-page-watch { --r: 13px; font-size: var(--r); line-height: 1.5; }
}
#main-wrapper.layout-page-watch .container { padding-left: calc(var(--r) * 1.9); padding-right: calc(var(--r) * 1.9); }

/* ------------------------------------------------------------------ layout */
#main-wrapper.layout-page-watch .watch-section { padding-top: calc(var(--r) * 10.5); }
#main-wrapper.layout-page-watch .watch-section-wrap {
	display: flex; flex-flow: row nowrap; align-items: stretch; gap: calc(var(--r) * 2);
	grid-template-columns: none; padding-bottom: calc(var(--r) * 3);
}
#main-wrapper.layout-page-watch .watch-section-wrap > section { flex-grow: 1; z-index: 2; min-width: 0; }
#main-wrapper.layout-page-watch .watch-section-wrap > .player-section { z-index: 3; max-width: 100%; flex: 1 1 0; }
#main-wrapper.layout-page-watch .watch-section-wrap > .episode-section {
	flex: 0 0 25%; width: 25%; min-width: 350px; max-width: 400px; max-height: none; min-height: 0;
}
/* Info card: the first column on wide screens (width 11%, grows up to 320px) */
#main-wrapper.layout-page-watch .watch-section-wrap > .entity-section {
	flex: 1 1 11%; width: 11%; min-width: 0; max-width: 320px; margin-top: 0; z-index: 1;
}
@media (max-width: 1567.98px) {
	#main-wrapper.layout-page-watch .watch-section-wrap { flex-wrap: wrap; }
	#main-wrapper.layout-page-watch .watch-section-wrap > .entity-section { flex: 0 0 100%; width: auto; max-width: none; order: 3; }
}

/* ------------------------------------------------------------------ breadcrumb */
#main-wrapper.layout-page-watch .player-section .prebreadcrumb {
	display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	padding: calc(var(--r) * 1) calc(var(--r) * 1.8); background: #11161b;
	border-radius: calc(var(--r) * 1.2) calc(var(--r) * 1.2) 0 0; font-size: calc(var(--r) * .95);
}
#main-wrapper.layout-page-watch .prebreadcrumb .breadcrumb { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; font-size: calc(var(--r) * .95); line-height: 1.5; }
#main-wrapper.layout-page-watch .prebreadcrumb .breadcrumb-item { white-space: nowrap; }
#main-wrapper.layout-page-watch .prebreadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .prebreadcrumb .breadcrumb-item + .breadcrumb-item::before { padding-right: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .prebreadcrumb .breadcrumb-item:last-child { max-width: 500px; overflow: hidden; text-overflow: ellipsis; }

/* ------------------------------------------------------------------ player control bar */
#main-wrapper.layout-page-watch #player-control {
	display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between;
	padding: calc(var(--r) * 1.35);
}
#main-wrapper.layout-page-watch #player-control .ctrl { display: flex !important; align-items: center; padding: 0; margin: 0; line-height: 1.5; }
@media (max-width: 1567.98px) {
	#main-wrapper.layout-page-watch #player-control .ctrl.expand { display: none !important; }
}
#main-wrapper.layout-page-watch #player-control .ctrl .btn,
#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic {
	display: flex; align-items: center; width: auto; height: auto; min-width: 0; padding: 0; opacity: .5; color: #fff;
	border-radius: calc(var(--r) * .5); font-size: var(--r); font-weight: 300; line-height: 1.5; gap: 0;
}
#main-wrapper.layout-page-watch #player-control .ctrl .btn span,
#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic .tb-name { white-space: nowrap; font-size: calc(var(--r) * .9); font-weight: 400; }
#main-wrapper.layout-page-watch #player-control .ctrl .btn i,
#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic i { margin-right: calc(var(--r) * .2); font-size: calc(var(--r) * 1.2); line-height: 1; }
#main-wrapper.layout-page-watch #player-control .ctrl .btn:hover,
#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic:hover { opacity: 1; }
#main-wrapper.layout-page-watch #player-control .ctrl .btn.disabled { opacity: .5; }
#main-wrapper.layout-page-watch #player-control .ctrl .btn-prev i,
#main-wrapper.layout-page-watch #player-control .ctrl .btn-next i { display: inline-flex; justify-content: center; width: calc(var(--r) * .75); }
#main-wrapper.layout-page-watch #player-control .pc-light i { display: inline-flex; justify-content: center; width: calc(var(--r) * .9); }
/* The theme marks an ENABLED setting with .off (script.js), so the "on" look belongs to .off here */
#main-wrapper.layout-page-watch #player-control .quick-settings:not(.off) { opacity: .5; color: #fff !important; }
#main-wrapper.layout-page-watch #player-control .quick-settings:not(.off) i { color: inherit; }
#main-wrapper.layout-page-watch #player-control .quick-settings.off { opacity: 1; color: #fff !important; }
#main-wrapper.layout-page-watch #player-control .quick-settings.off i { color: var(--kai-primary); }

/* ------------------------------------------------------------------ servers */
#main-wrapper.layout-page-watch .player-section .player-bottom,
#main-wrapper.layout-page-watch .player-section .player-servers { background: #11161b !important; border-radius: 0 0 calc(var(--r) * 1.2) calc(var(--r) * 1.2); }
#main-wrapper.layout-page-watch #servers-content { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; text-align: left; }
#main-wrapper.layout-page-watch #servers-content .server-note { display: flex; flex-direction: column; justify-content: center; flex: 0 1 auto; padding: calc(var(--r) * 1.5); }
#main-wrapper.layout-page-watch #servers-content .server-note p { margin: 0; font-size: var(--r); font-weight: 500; }
#main-wrapper.layout-page-watch #servers-content .server-note p span { font-size: calc(var(--r) * .9); }
#main-wrapper.layout-page-watch #servers-content .server-note p span .ep-note-sep { display: inline; font-size: inherit; }
#main-wrapper.layout-page-watch #servers-content .server-note > span { max-width: calc(var(--r) * 25); font-size: calc(var(--r) * .9); line-height: 1.5; }
#main-wrapper.layout-page-watch #servers-content .server-wrap { flex: 0 0 auto; padding: calc(var(--r) * 1.5) calc(var(--r) * 1.5) calc(var(--r) * 1.5) 0; text-align: right; }
#main-wrapper.layout-page-watch #servers-content .server-type { display: flex; justify-content: flex-end; align-items: flex-start; min-height: calc(var(--r) * 1.6574); gap: 0; }
#main-wrapper.layout-page-watch #servers-content .server-type .tab { gap: 0; font-size: calc(var(--r) * .9); font-weight: 500; line-height: 1.5; }
#main-wrapper.layout-page-watch #servers-content .server-type .tab + .tab { margin-left: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch #servers-content .ps_-block { margin-top: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch #servers-content .ps__-list { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin: 0; gap: 0; }
#main-wrapper.layout-page-watch #servers-content .server-item { display: flex; }
#main-wrapper.layout-page-watch #servers-content .server-item + .server-item { margin-left: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch #servers-content .server-item .btn {
	display: inline-flex; padding: calc(var(--r) * .4) calc(var(--r) * .7); border-radius: calc(var(--r) * .6);
	font-size: calc(var(--r) * .9); font-weight: 500; line-height: 1.5; color: #0c1116; background: rgba(255, 255, 255, .3);
}

/* ------------------------------------------------------------------ episodes */
#main-wrapper.layout-page-watch .episode-section { padding: calc(var(--r) * 1.5); border-radius: calc(var(--r) * 1.2); background: #11161b; }
#main-wrapper.layout-page-watch .episode-section .head-top { gap: 0; margin: 0; }
#main-wrapper.layout-page-watch .episode-section .head-top .title { font-size: calc(var(--r) * 1.1); font-weight: 500; }
#main-wrapper.layout-page-watch .episode-section .head-tools { gap: 0; }
#main-wrapper.layout-page-watch .episode-section .head-tools > * { margin-left: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .episode-section .ep-find-wrap::before { top: calc(var(--r) * .25); left: calc(var(--r) * .7); font-size: var(--r); line-height: 1.5; }
#main-wrapper.layout-page-watch .episode-section .ep-find {
	width: calc(var(--r) * 6); height: calc(var(--r) * 2); padding: calc(var(--r) * .25) calc(var(--r) * .5) calc(var(--r) * .25) calc(var(--r) * 2);
	border-radius: calc(var(--r) * .6); background: #20272e; font-size: calc(var(--r) * .875); font-weight: 300; line-height: 1.5;
}
#main-wrapper.layout-page-watch .subdub-sw { height: calc(var(--r) * 2); border-radius: calc(var(--r) * .6); }
#main-wrapper.layout-page-watch .subdub-sw span { width: calc(var(--r) * 2); font-size: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch .episode-section .list-sw { height: calc(var(--r) * 2); padding: 0 calc(var(--r) * .8); border-radius: calc(var(--r) * .5); font-size: var(--r); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch .episode-section .head-bot { height: calc(var(--r) * 2); margin: calc(var(--r) * 1) 0; border-radius: calc(var(--r) * .6); background: #20272e; }
#main-wrapper.layout-page-watch .episode-section .range-nav { height: auto; padding: 0 calc(var(--r) * 1); font-size: var(--r); font-weight: 300; line-height: 1.5; border-radius: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .episode-section .range-dd { flex: 0 0 auto; }
#main-wrapper.layout-page-watch .episode-section .range-nav i { display: inline-flex; justify-content: center; width: calc(var(--r) * .625); font-size: var(--r); line-height: 1; }
#main-wrapper.layout-page-watch .episode-section .range-label i { display: inline-block; width: calc(var(--r) * .875); margin-left: calc(var(--r) * .5); font-size: var(--r); line-height: 1.5; text-align: center; vertical-align: baseline; }
#main-wrapper.layout-page-watch .episode-section .range-label { width: 100%; height: auto; padding: 0 calc(var(--r) * 1); border-radius: calc(var(--r) * .5); font-size: var(--r); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch .episode-section .eplist { position: relative; flex: 1 1 auto; margin: 0; padding: 0; overflow: visible; }
#main-wrapper.layout-page-watch .episode-section .eplist ul {
	position: absolute; inset: 0; margin: 0 calc(var(--r) * -.25); padding: 0; display: block; overflow-y: auto; list-style: none;
	scrollbar-width: thin; scrollbar-color: #36cb68 transparent;
}
#main-wrapper.layout-page-watch .episode-section .eplist ul::-webkit-scrollbar { width: 1px; }
#main-wrapper.layout-page-watch .episode-section .eplist ul::-webkit-scrollbar-thumb { background: #36cb68; border-radius: calc(var(--r) * 1.2); }
#main-wrapper.layout-page-watch .episode-section .eplist ul::after { content: ""; display: block; clear: both; }
#main-wrapper.layout-page-watch .episode-section .eplist ul > li { float: left; min-width: 16.6667%; margin: 0; }
#main-wrapper.layout-page-watch .episode-section .eplist .ep-item {
	margin: calc(var(--r) * .25); padding: calc(var(--r) * .5); border-radius: calc(var(--r) * .6);
	font-size: calc(var(--r) * .9); font-weight: 300; line-height: 1.5;
}
#main-wrapper.layout-page-watch .episode-section .eplist.titles ul > li { float: none; width: 100%; min-width: 0; }
#main-wrapper.layout-page-watch .episode-section .eplist.titles .ep-item .ep-title { margin-left: calc(var(--r) * .5); }

@media (max-width: 1199.98px) {
	#main-wrapper.layout-page-watch .watch-section-wrap { flex-direction: column; flex-wrap: nowrap; }
	#main-wrapper.layout-page-watch .watch-section-wrap > section { width: 100%; max-width: none; }
	#main-wrapper.layout-page-watch .watch-section-wrap > .episode-section { flex: 0 0 auto; width: 100%; min-width: 0; max-width: none; }
	#main-wrapper.layout-page-watch .watch-section-wrap > .player-section { flex: 0 0 auto; }
	#main-wrapper.layout-page-watch .watch-section-wrap > .entity-section { flex: 0 0 auto; width: 100%; max-width: none; }
	#main-wrapper.layout-page-watch .episode-section .eplist ul { position: static; max-height: calc(var(--r) * 19); }
	#main-wrapper.layout-page-watch .episode-section .eplist ul > li { min-width: 6.66667%; }
	#main-wrapper.layout-page-watch #servers-content .server-note > span { max-width: none; }
}
@media (max-width: 900px) {
	#main-wrapper.layout-page-watch .episode-section .eplist ul > li { min-width: calc(10% - 1px); }
}
@media (max-width: 800px) {
	#main-wrapper.layout-page-watch #servers-content { flex-direction: column; text-align: center; }
	#main-wrapper.layout-page-watch #servers-content .server-note { order: 2; align-items: center; max-width: 100%; padding-top: 0; }
	#main-wrapper.layout-page-watch #servers-content .server-note p { margin-bottom: calc(var(--r) * .2); }
	#main-wrapper.layout-page-watch #servers-content .server-wrap { order: 1; padding: calc(var(--r) * 1.5); text-align: center; }
	#main-wrapper.layout-page-watch #servers-content .server-type { justify-content: center; }
	#main-wrapper.layout-page-watch #servers-content .ps__-list { flex-wrap: wrap; justify-content: center; }
	#main-wrapper.layout-page-watch #servers-content .server-item .btn { margin-bottom: calc(var(--r) * .4); }
}
@media (max-width: 767.98px) {
	#main-wrapper.layout-page-watch #player-control { justify-content: center; }
	#main-wrapper.layout-page-watch #player-control .ctrl .btn,
	#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic { padding: 0 calc(var(--r) * 1); }
	#main-wrapper.layout-page-watch #player-control .ctrl .btn span { display: none; }
	#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic .tb-name { display: none; }
	#main-wrapper.layout-page-watch .episode-section .eplist ul > li { width: 10%; }
	#main-wrapper.layout-page-watch .episode-section .eplist.titles ul > li { width: 100%; }
}
@media (max-width: 639.98px) {
	#main-wrapper.layout-page-watch .watch-section { padding-top: calc(var(--r) * 8); }
}
@media (max-width: 575.98px) {
	#main-wrapper.layout-page-watch .container { padding-left: calc(var(--r) * 1); padding-right: calc(var(--r) * 1); }
	#main-wrapper.layout-page-watch #player-control { padding: calc(var(--r) * 1.5) 0; }
	#main-wrapper.layout-page-watch .episode-section { min-width: 0; }
	#main-wrapper.layout-page-watch .episode-section .eplist ul > li { width: 12.5%; }
	#main-wrapper.layout-page-watch .episode-section .eplist.titles ul > li { width: 100%; }
}
@media (max-width: 470px) {
	#main-wrapper.layout-page-watch .episode-section .eplist ul > li { width: 16.6667%; }
	#main-wrapper.layout-page-watch .episode-section .eplist.titles ul > li { width: 100%; }
	#main-wrapper.layout-page-watch #player-control .ctrl .btn,
	#main-wrapper.layout-page-watch #player-control .ctrl .toggle-basic { padding: 0 calc(var(--r) * .8); }
	#main-wrapper.layout-page-watch #player-control .ctrl.pc-light { display: none !important; }
}

/* ------------------------------------------------------------------ sub / dub / CC icons (reference uses SVG sprites, theme uses Font Awesome) */
#main-wrapper.layout-page-watch i.fa-closed-captioning::before,
#main-wrapper.layout-page-watch i.fa-microphone::before {
	content: ""; display: block; width: 100%; height: 100%; background-color: currentColor;
	-webkit-mask: var(--mk-sub) center / contain no-repeat; mask: var(--mk-sub) center / contain no-repeat;
}
#main-wrapper.layout-page-watch i.fa-microphone::before { -webkit-mask-image: var(--mk-dub); mask-image: var(--mk-dub); }
/* server language tabs: "CC Soft Sub | Dub" */
#main-wrapper.layout-page-watch #servers-content .server-type .tab i {
	box-sizing: border-box; display: flex; flex: 0 0 auto; align-items: center; justify-content: center;
	width: calc(var(--r) * 1.6); height: calc(var(--r) * 1.12); margin-right: calc(var(--r) * .3); padding: calc(var(--r) * .2);
	border: 1px solid currentColor; border-radius: calc(var(--r) * .4); background: rgba(255, 255, 255, .1); color: #fff;
	font-size: 0; line-height: 1;
}
#main-wrapper.layout-page-watch #servers-content .server-type .tab[data-id="dub"] i { width: calc(var(--r) * 1.6); }
#main-wrapper.layout-page-watch #servers-content .server-type .tab[data-id="sub"].active i,
#main-wrapper.layout-page-watch #servers-content .server-type .tab[data-id="sub"]:hover i { color: var(--kai-primary); background: rgba(228, 95, 58, .1); }
#main-wrapper.layout-page-watch #servers-content .server-type .tab[data-id="dub"].active i,
#main-wrapper.layout-page-watch #servers-content .server-type .tab[data-id="dub"]:hover i { color: var(--kai-green); background: rgba(54, 203, 104, .1); }
/* sub/dub switch in the episodes header */
#main-wrapper.layout-page-watch .subdub-sw span i {
	display: block; box-sizing: border-box; width: calc(var(--r) * 1.5); height: calc(var(--r) * 1.5); padding: 0 calc(var(--r) * .2); font-size: 0; color: #fff; line-height: 1;
}
#main-wrapper.layout-page-watch .subdub-sw span[data-value="dub"] i { width: calc(var(--r) * 1.2); }
#main-wrapper.layout-page-watch .subdub-sw span.active[data-value="sub"] i { color: var(--kai-primary); }
#main-wrapper.layout-page-watch .subdub-sw span.active[data-value="dub"] i { color: var(--kai-green); }
#main-wrapper.layout-page-watch .subdub-sw span.active[data-value="sub"],
#main-wrapper.layout-page-watch .subdub-sw span.active[data-value="dub"] { color: #fff; }

/* ------------------------------------------------------------------ entity / info card */
#main-wrapper.layout-page-watch .entity-section {
	display: flex; flex-direction: column; grid-template-columns: none; position: relative; margin-top: 0;
	background: #11161b; border-radius: calc(var(--r) * 1.2);
}
#main-wrapper.layout-page-watch .entity-section .poster-wrap {
	display: flex; align-items: stretch; justify-content: center; padding: calc(var(--r) * 2) 0 0;
	border-radius: calc(var(--r) * 1.2) calc(var(--r) * 1.2) 0 0;
}
#main-wrapper.layout-page-watch .entity-section .poster {
	width: calc(var(--r) * 8); border-radius: calc(var(--r) * .6) calc(var(--r) * .6) 0 0; box-shadow: 0 calc(var(--r) * .5) calc(var(--r) * 1) rgba(0, 0, 0, .15);
}
#main-wrapper.layout-page-watch .entity-section .poster > div { padding-bottom: 144%; }
#main-wrapper.layout-page-watch .entity-section .poster-wrap-bg { background-position: 0 0; }
#main-wrapper.layout-page-watch .entity-section .main-entity {
	display: block; flex: 1 1 0; position: relative; min-width: 0; min-height: 0; padding: calc(var(--r) * 1.7);
	overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(54, 203, 104, .3) #181d22;
}
#main-wrapper.layout-page-watch .entity-section .main-entity::-webkit-scrollbar { width: 3px; }
#main-wrapper.layout-page-watch .entity-section .main-entity::-webkit-scrollbar-thumb { background: rgba(54, 203, 104, .3); border-radius: calc(var(--r) * .6); }
#main-wrapper.layout-page-watch .entity-section .main-entity::-webkit-scrollbar-track { background: #181d22; }
#main-wrapper.layout-page-watch .entity-section .main-entity .title { margin: 0; text-align: center; font-size: calc(var(--r) * 1.5); font-weight: 500; line-height: calc(var(--r) * 1.8); }
#main-wrapper.layout-page-watch .entity-section .main-entity .al-title {
	display: -webkit-box; max-height: calc(var(--r) * 3.6); margin: calc(var(--r) * .8) 0; overflow: hidden; text-align: center;
	font-size: calc(var(--r) * .875); font-weight: 300; line-height: calc(var(--r) * 1.2); color: rgba(255, 255, 255, .5);
	-webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
#main-wrapper.layout-page-watch .entity-section .main-entity > .info { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 0; margin-bottom: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info > span { font-size: calc(var(--r) * .9); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info > span + span { margin-left: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info > span b { font-weight: 300; }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .rating {
	display: inline-flex; justify-content: center; height: calc(var(--r) * 1.2); padding: 0 calc(var(--r) * .3); border: 0; border-radius: 5px;
	background: var(--kai-primary); color: rgba(0, 0, 0, .7); font-size: calc(var(--r) * .8); font-weight: 500; line-height: 1.5;
}
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .sub,
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .dub,
#main-wrapper.layout-page-watch .sidebar .aitem .info .sub,
#main-wrapper.layout-page-watch .sidebar .aitem .info .dub {
	display: inline-flex; align-items: center; box-sizing: border-box; height: calc(var(--r) * 1.2); padding: 0 calc(var(--r) * .2);
	border: 1px solid currentColor; border-radius: calc(var(--r) * .4); font-size: calc(var(--r) * .8); font-weight: 500; line-height: 1.5;
}
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .sub,
#main-wrapper.layout-page-watch .sidebar .aitem .info .sub { color: var(--kai-primary); background: rgba(228, 95, 58, .2); }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .dub,
#main-wrapper.layout-page-watch .sidebar .aitem .info .dub { color: var(--kai-green); background: rgba(54, 203, 104, .2); }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .sub i,
#main-wrapper.layout-page-watch .sidebar .aitem .info .sub i { width: calc(var(--r) * 1.1); height: calc(var(--r) * 1.1); margin-right: calc(var(--r) * .2); font-size: 0; }
#main-wrapper.layout-page-watch .entity-section .main-entity > .info .dub i,
#main-wrapper.layout-page-watch .sidebar .aitem .info .dub i { width: calc(var(--r) * .8); height: calc(var(--r) * .8); margin-right: calc(var(--r) * .2); font-size: 0; }
#main-wrapper.layout-page-watch .entity-section .desc {
	display: -webkit-box; max-height: calc(var(--r) * 3.9); margin: 0 0 calc(var(--r) * 1); overflow: hidden; cursor: pointer;
	font-size: calc(var(--r) * .95); line-height: calc(var(--r) * 1.3); color: #fff; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
#main-wrapper.layout-page-watch .entity-section .desc p.shorting { color: #fff; }
#main-wrapper.layout-page-watch .entity-section .desc p.shorting.is-collapsed { margin: 0; font-size: 0; line-height: 0; }
#main-wrapper.layout-page-watch .entity-section .desc p.shorting.is-collapsed::before {
	content: attr(data-full-html); display: block; font-size: calc(var(--r) * .95); line-height: calc(var(--r) * 1.3);
}
#main-wrapper.layout-page-watch .entity-section .desc p.shorting.is-collapsed .more { display: none; }
#main-wrapper.layout-page-watch .entity-section .desc:has(p.is-expanded) { display: block; max-height: none; -webkit-line-clamp: unset; }
#main-wrapper.layout-page-watch .entity-section .detail {
	display: block; margin: 0; padding: 0; font-size: calc(var(--r) * .96); line-height: calc(var(--r) * 1.8);
}
#main-wrapper.layout-page-watch .entity-section .detail::after { content: ""; display: block; clear: both; }
#main-wrapper.layout-page-watch .entity-section .detail > div { float: none; width: auto; min-width: 0; padding: 0; }
#main-wrapper.layout-page-watch .entity-section .detail > div > div { font-size: calc(var(--r) * .96); line-height: calc(var(--r) * 1.8); }
#main-wrapper.layout-page-watch .entity-section .detail span { margin-left: calc(var(--r) * .2); }
#main-wrapper.layout-page-watch .entity-section .rate-box {
	position: static; display: block; min-width: 0; height: auto; margin: auto 0 0; padding: calc(var(--r) * 1.5); text-align: center;
	background: #181d22; border-radius: 0 0 calc(var(--r) * 1.2) calc(var(--r) * 1.2); font-size: calc(var(--r) * .95); line-height: 1.5; color: rgba(255, 255, 255, .5);
}
#main-wrapper.layout-page-watch .entity-section .rate-box .rate-q { margin: 0; font-size: calc(var(--r) * 1.2); font-weight: 500; line-height: 1.5; }
#main-wrapper.layout-page-watch .entity-section .rate-box .score { font-size: calc(var(--r) * .95); }
#main-wrapper.layout-page-watch .entity-section .rate-box .stars { display: flex; justify-content: center; align-items: center; margin-top: calc(var(--r) * .6); font-size: calc(var(--r) * .95); }
#main-wrapper.layout-page-watch .entity-section .rate-box .stars i { width: calc(var(--r) * 2.2); height: calc(var(--r) * 2.2); font-size: calc(var(--r) * 1.8); line-height: 1; }

@media (max-width: 1567.98px) {
	#main-wrapper.layout-page-watch .entity-section .main-entity { flex: 1 1 auto; overflow: visible; }
	#main-wrapper.layout-page-watch .entity-section .detail { margin: 0 calc(var(--r) * 21) 0 0; }
	#main-wrapper.layout-page-watch .entity-section .detail > div { float: left; width: 50%; min-width: calc(var(--r) * 18); padding: 0 calc(var(--r) * 1); }
}
@media (min-width: 850px) and (max-width: 1567.98px) {
	#main-wrapper.layout-page-watch .entity-section { flex-direction: row; }
	#main-wrapper.layout-page-watch .entity-section .poster-wrap { align-items: center; min-width: calc(var(--r) * 15); padding-top: 0; border-radius: calc(var(--r) * 1.2) 0 0 calc(var(--r) * 1.2); }
	#main-wrapper.layout-page-watch .entity-section .poster { width: calc(var(--r) * 10); border-radius: calc(var(--r) * 1.2); }
	#main-wrapper.layout-page-watch .entity-section .main-entity .title,
	#main-wrapper.layout-page-watch .entity-section .main-entity .al-title { text-align: left; }
	#main-wrapper.layout-page-watch .entity-section .main-entity > .info { justify-content: flex-start; }
	#main-wrapper.layout-page-watch .entity-section .desc { margin-right: calc(var(--r) * 21); }
	#main-wrapper.layout-page-watch .entity-section .rate-box {
		position: absolute; top: 0; bottom: 0; right: 0; min-width: calc(var(--r) * 20); height: calc(var(--r) * 9); margin: auto 0;
		border-radius: calc(var(--r) * 1.2) 0 0 calc(var(--r) * 1.2);
	}
}
@media (max-width: 850px) {
	#main-wrapper.layout-page-watch .entity-section .btn-entity {
		display: block; position: absolute; top: calc(var(--r) * 1); right: calc(var(--r) * 1); z-index: 2; min-height: 1.5em; margin: 0; padding: 0 0 0 2.7em;
		font-size: calc(var(--r) * 1.2); line-height: 1.5;
	}
	#main-wrapper.layout-page-watch .entity-section .btn-entity input {
		-webkit-appearance: none; appearance: none; display: block; float: left; box-sizing: border-box; width: 2.2em; height: 1.3em; margin: 1.56px 0 0 -2.7em; padding: 0;
		border: 0; border-radius: 2.2em; outline: 0; cursor: pointer; background-color: #20272e; background-repeat: no-repeat; background-position: left center; background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
		transition: background-position .15s ease-in-out;
	}
	#main-wrapper.layout-page-watch .entity-section .btn-entity input:checked {
		background-color: #36cb68; background-position: right center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
	}
	#main-wrapper.layout-page-watch .entity-section .btn-entity input:focus { box-shadow: 0 0 0 .25rem rgba(228, 95, 58, .25); }
	#main-wrapper.layout-page-watch .entity-section .main-entity.collapse:not(.show) { display: none !important; }
	#main-wrapper.layout-page-watch .entity-section .detail { padding-right: 0; }
}

/* ------------------------------------------------------------------ below the player: share bar spacing, comments, recommended */
#main-wrapper.layout-page-watch .dual-col { display: flex; flex-direction: column; align-items: stretch; grid-template-columns: none; gap: 0; margin-top: 0; padding-top: calc(var(--r) * 4); }
#main-wrapper.layout-page-watch .dual-col > .scontent { flex-grow: 1; min-width: 1px; }
#main-wrapper.layout-page-watch #comment { margin-bottom: calc(var(--r) * 3); }
#main-wrapper.layout-page-watch #comment .shead { gap: 0; min-height: 0; margin-bottom: calc(var(--r) * 1.3); }
#main-wrapper.layout-page-watch #comment .shead .stitle,
#main-wrapper.layout-page-watch #comment .onoff-toggle { font-size: calc(var(--r) * 1.5); font-weight: 500; line-height: 1.5; }
#main-wrapper.layout-page-watch .kai-comments .onoff-toggle::after {
	margin: calc(var(--r) * -.5) 0 0 calc(var(--r) * .2); padding: 0 calc(var(--r) * .3); border-radius: 4px; font-size: calc(var(--r) * .8); line-height: calc(var(--r) * 1.2);
}
#main-wrapper.layout-page-watch #comment .snav { display: block; }
#main-wrapper.layout-page-watch #comment .snav .tab { display: inline; padding: calc(var(--r) * .2) calc(var(--r) * .5); font-size: calc(var(--r) * 1.1); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch #cm-widget .cm-head { margin-bottom: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch #cm-widget .cm-head #cm-count { color: #fff; }
#main-wrapper.layout-page-watch #cm-widget .cm-head .sort-cm a + a { margin-left: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch #cm-widget .cm-item { margin-bottom: calc(var(--r) * 1.5); }
#main-wrapper.layout-page-watch #cm-widget .cm-items { margin-top: calc(var(--r) * 1.5); }
#main-wrapper.layout-page-watch #cm-widget .cm-item .main .avatar { width: calc(var(--r) * 2.5); height: calc(var(--r) * 2.5); margin-right: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch #cm-widget .cm-item .content { margin: calc(var(--r) * .2) 0 calc(var(--r) * .5); }
#main-wrapper.layout-page-watch #cm-widget .cm-item .header > span:not(.username) { font-size: calc(var(--r) * .8); }
#main-wrapper.layout-page-watch #cm-widget .cm-editor { border-radius: calc(var(--r) * 1.2); }
#main-wrapper.layout-page-watch #cm-widget .cm-editor > textarea {
	height: calc(var(--r) * 4.4); min-height: 0; max-height: calc(var(--r) * 20); padding: calc(var(--r) * .7) calc(var(--r) * 1);
	border-radius: calc(var(--r) * .5); font-size: var(--r); font-weight: 300; line-height: 1.5;
}
#main-wrapper.layout-page-watch #cm-widget .cm-editor .editor-ctrl { display: flex !important; padding: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch #cm-widget .cm-editor .preview { padding: calc(var(--r) * .7) calc(var(--r) * 1); }
#main-wrapper.layout-page-watch #cm-widget .cm-editor .toolbar .tb-item { margin: 0 calc(var(--r) * .1); padding: calc(var(--r) * .2) calc(var(--r) * .5); border-radius: calc(var(--r) * .3); font-size: var(--r); line-height: 1.5; }
#main-wrapper.layout-page-watch #cm-widget .cm-editor .toolbar .separator { height: calc(var(--r) * 1.5); }
#main-wrapper.layout-page-watch #cm-widget .cm-editor .btn-cancel { padding: 0 calc(var(--r) * 1); font-size: var(--r); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch #cm-widget .cm-editor .btn-send { border: 0; padding: calc(var(--r) * .3) calc(var(--r) * .8); font-size: var(--r); font-weight: 300; line-height: 1.5; border-radius: calc(var(--r) * .5); }

#main-wrapper.layout-page-watch .dual-col > .sidebar { display: flex; flex-direction: row; flex-wrap: wrap; flex-grow: 1; align-items: flex-start; gap: calc(var(--r) * 2); width: 100%; max-width: 100%; margin-left: 0; }
#main-wrapper.layout-page-watch .dual-col > .sidebar .sidebar-section { flex-grow: 1; align-self: flex-start; max-width: 100%; margin-bottom: calc(var(--r) * 3); padding: calc(var(--r) * 1.5); border-radius: calc(var(--r) * 1.2); background: #11161b; }
#main-wrapper.layout-page-watch .sidebar-section .shead { gap: 0; min-height: 0; margin-bottom: calc(var(--r) * 1.3); }
#main-wrapper.layout-page-watch .sidebar-section .shead .stitle { font-size: calc(var(--r) * 1.5); line-height: 1.5; }
#main-wrapper.layout-page-watch .sidebar-section .top-anime { gap: 0; }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem { padding: calc(var(--r) * 1.5); border-radius: calc(var(--r) * .6); }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem + .aitem { margin-top: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem .detail .title { font-size: calc(var(--r) * 1.15); font-weight: 400; line-height: 1.5; }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem .detail .info { margin-top: calc(var(--r) * .5); gap: 0; flex-wrap: nowrap; }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem .detail .info > span { font-size: calc(var(--r) * .9); line-height: 1.5; }
#main-wrapper.layout-page-watch .sidebar-section .top-anime .aitem .detail .info > span + span { margin-left: calc(var(--r) * 1); }

@media (max-width: 768px) {
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main { display: block; }
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main .avatar { float: left; width: calc(var(--r) * 3); height: calc(var(--r) * 3); }
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main .detail { display: block; overflow: visible; }
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main .detail .header { margin-left: calc(var(--r) * 3.5); }
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main .detail .content { margin-top: calc(var(--r) * .5); }
	#main-wrapper.layout-page-watch #cm-widget .cm-item .main .detail .cm-editor { margin-left: calc(var(--r) * 3.5); }
}
@media (max-width: 700px) {
	#main-wrapper.layout-page-watch .dual-col > .sidebar .sidebar-section { padding: 0; background: transparent; }
}

/* ------------------------------------------------------------------ Expand (player spans the row, info panel hidden, episodes drop below) */
@media (min-width: 1200px) {
	#main-wrapper.layout-page-watch #watch-page.expanded .watch-section-wrap { flex-wrap: wrap; }
	#main-wrapper.layout-page-watch #watch-page.expanded .watch-section-wrap > .entity-section { display: none; }
	#main-wrapper.layout-page-watch #watch-page.expanded .watch-section-wrap > .player-section { flex: 0 0 100%; }
	#main-wrapper.layout-page-watch #watch-page.expanded .watch-section-wrap > .episode-section { flex: 0 0 100%; width: 100%; max-width: none; }
	#main-wrapper.layout-page-watch #watch-page.expanded .episode-section .eplist ul { position: static; max-height: calc(var(--r) * 19); }
	#main-wrapper.layout-page-watch #watch-page.expanded .episode-section .eplist ul > li { min-width: 6.66667%; }
	/* a full-width 16:9 box would be taller than the window: cap it so the control bar stays on screen */
	#main-wrapper.layout-page-watch #watch-page.expanded #watch-block .player-main.wb_-playerarea { padding-bottom: 0; height: clamp(420px, calc(100vh - 260px), 1100px); }
}

/* ------------------------------------------------------------------ Focus button: keep the "Focus" label, only the icon lights up */
#main-wrapper.layout-page-watch #player-control .pc-light .toggle-basic.off .tb-name::before { content: none; }
#main-wrapper.layout-page-watch #player-control .pc-light .toggle-basic.off,
#main-wrapper.layout-page-watch #player-control #turn-off-light.off { opacity: 1; color: #fff; }
#main-wrapper.layout-page-watch #player-control #turn-off-light.off i { color: var(--kai-primary); }

/* ------------------------------------------------------------------ Report Issue dialog */
#main-wrapper.layout-page-watch .kai-modal .modal-dialog { margin: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .kai-modal .modal-content { border-radius: calc(var(--r) * 1.2); background: #181d22; font-size: var(--r); font-weight: 300; line-height: 1.5; }
#main-wrapper.layout-page-watch .kai-modal .modal-body { padding: calc(var(--r) * 3); }
#main-wrapper.layout-page-watch .kai-modal .close {
	position: absolute; top: calc(var(--r) * 2.5); right: calc(var(--r) * 2.5); z-index: 2; width: calc(var(--r) * 2); height: calc(var(--r) * 2); margin: 0; padding: 0;
	border: 0; opacity: .5; font-size: 0; background: transparent no-repeat center / calc(var(--r) * .8) auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
}
#main-wrapper.layout-page-watch .kai-modal .close:hover { opacity: .75; }
#main-wrapper.layout-page-watch .kai-modal .close span { display: none; }
#main-wrapper.layout-page-watch .kai-modal .modal-title { margin: 0 0 calc(var(--r) * .4); font-size: calc(var(--r) * 1.5); font-weight: 500; line-height: 1.2; }
#main-wrapper.layout-page-watch .kai-modal .report-ep { margin: calc(var(--r) * .5) 0 calc(var(--r) * 1); }
#main-wrapper.layout-page-watch .kai-modal .report-ep .text-muted { margin-right: calc(var(--r) * .25); color: rgba(255, 255, 255, .5) !important; font-size: calc(var(--r) * .9); }
#main-wrapper.layout-page-watch .kai-modal .report-intro { color: rgba(255, 255, 255, .5); }
#main-wrapper.layout-page-watch .kai-modal #report-form { margin-top: calc(var(--r) * 1); }
#main-wrapper.layout-page-watch .kai-modal .report-reasons { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: calc(var(--r) * 3.8); }
@media (min-width: 576px) {
	#main-wrapper.layout-page-watch .kai-modal .report-reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#main-wrapper.layout-page-watch .kai-modal .form-check { position: relative; display: block; min-height: 0; margin: 0 0 calc(var(--r) * .125); padding: 0 0 0 1.8em; }
#main-wrapper.layout-page-watch .kai-modal .form-check-input {
	-webkit-appearance: none; appearance: none; position: static; float: left; display: block; box-sizing: border-box; width: 1.3em; height: 1.3em; margin: .1em 0 0 -1.8em; padding: 0;
	border: 0; border-radius: .25em; background: #20272e no-repeat center / contain; accent-color: auto; cursor: pointer; vertical-align: top;
}
#main-wrapper.layout-page-watch .kai-modal .form-check-input:checked {
	background-color: #36cb68; border-color: #36cb68;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
#main-wrapper.layout-page-watch .kai-modal .form-check-input:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(228, 95, 58, .25); }
#main-wrapper.layout-page-watch .kai-modal .form-check-label { margin: 0; color: rgba(255, 255, 255, .5); font-size: var(--r); line-height: 1.5; }
#main-wrapper.layout-page-watch .kai-modal .report-other { margin: calc(var(--r) * .5) 0 calc(var(--r) * 1.2); }
#main-wrapper.layout-page-watch .kai-modal .report-other-label { margin-bottom: calc(var(--r) * .5); }
#main-wrapper.layout-page-watch .kai-modal textarea.form-control {
	display: block; width: 100%; margin: 0; padding: calc(var(--r) * .7) calc(var(--r) * 1); border: 0; border-radius: calc(var(--r) * .5); background: #20272e;
	color: #fff; font-size: var(--r); font-weight: 300; line-height: 1.5; resize: vertical;
}
#main-wrapper.layout-page-watch .kai-modal textarea.form-control::placeholder { color: rgba(255, 255, 255, .3); opacity: 1; }
#main-wrapper.layout-page-watch .kai-modal .report-msg { margin: 0 0 calc(var(--r) * 1); font-size: var(--r); }
#main-wrapper.layout-page-watch .kai-modal .report-submit { margin-top: calc(var(--r) * 1); padding: calc(var(--r) * .5) calc(var(--r) * 1.5); border-radius: calc(var(--r) * .5); font-size: calc(var(--r) * 1.2); font-weight: 500; line-height: 1.5; }