:root{--sm: 640px;--md: 768px;--lg: 1024px;--xl: 1280px;--xxl: 1536px;--color-gray-dark: #3c434d;--color-gray1: #666666;--blue: #d3e4ff;--gray1: #ebebeb;--mat-sys-primary-bold: #004790;--mat-sys-primary-rgb: 0, 71, 144;--board-size: 400px;--blunder: #e35241;--blunder-dark: #c83626;--miss: #ee7f6c;--miss-dark: #d65943;--mistake: #f5a369;--mistake-dark: #d57e41;--inaccuracy: #eac250;--inaccuracy-dark: #d4a72d;--book: #d0a386;--book-dark: #b78361;--good: #9db67f;--good-dark: #799557;--excellent: #8cb45b;--excellent-dark: #5e7a3b;--best: #8fb75f;--best-dark: #749d42;--great: #7d9abc;--great-dark: #59799e;--brilliant: #5abea4;--brilliant-dark: #3da68a;--warning: #ff4646;--warning-light: rgb(255, 70, 70, .5);--success: #5c9366;--success-light: rgb(92, 147, 102, .5);--info: #87adbd;--info-light: #87adbd;--bg-light: #f5f8fc;--text-base: #666;--info1: #3fc3ee;--info1-light: #9de0f6;--accent: #feb402;--accent-dark: #cf9101;--transition: .2s all;--comment-editor: #3c3c3c;--border-light: #e5e7eb;--small-radius-box: .25rem;--black-medium: #949494;--black-light-bg: #e8e8e8;--heart: #d4af75;--dark-bg: #403d39;--board-size-editor: min(450px, 50%);--board-size-editor-full: min(600px, 50%);--font-family-icons: "Chess V3";--size-filter-box: 250px;--new: #16a34a;--new-dark: #0a7933;--editor-color: #8bc34a;--move-current-bg: #d3e4ff;--color-text-moves: #252525;--bg-notification-chip: #ff0000;--unread-notification-message-bg: #eff6ff;--unread-notification-message-dot: #ff0000;--black-text: #333;--toggle-icon-move: #5f9796;--toggle-icon-move-dark: #264e4d;--toggle-icon-move-1: #d7020c;--toggle-icon-move-dark-1: #9f0008;--bg-player-card: #5d5d5d;--color-player-card: white;--color-player-timer: #333;--bg-player-timer: rgba(255, 255, 255, .6);--bg-header-move: white;--bg-box-vertical-row-layer: white;--color-current-move: white;--bg-analyze-area: #e7eef3;--color-mat-icon: black;--color-btn-save: white;--color-btn-save-disable: black;--color-fen-editor-icon: black;--color-engine-icon: black;--bg-close-area: white;--bg-active-control-button: black;--bg-header-explore: white;--bg-pin-header: #faf9fd;--bg-html: white;--bg-annotate-menu: #ffedd3;--color-annotate-menu: #403a5f;--color-annotate-menu-hover: #403a5f;--bg-spare-pieces: #efefef;--color-icon-explore-control: black;--bg-btn-paginator: #efefef;--bg-chapter-list: white;--border-chapter-list: #ccc;--bg-icon-toggle: #cdcdcd;--bg-icon-toggle-dark: #5d5d5d;--bg-move-hover: #efefef;--color-btn-next-pre: black;--color-fide-title: white;--bg-header-card-chatroom: white;--bg-box-chat-chatroom: white;--border-box-chat-classroom: #eaeaea;--bg-nav-item-classroom: white;--border-empty-student: #eaeaea;--bg-footer-card-chatroom: white;--fill-icon-portal: white;--bg-text-icon-portal: white;--bg-portal: white;--text-chip: #333;--bg-black: #333;--bg-component-front: white;--color-component-white: white;--bg-chip-gray: #ececec;--text-white: white;--text-only-white: white;--color-codemirror: #333;--only-primary: #005cbb;--bg-gray-component: #fbf9fa;--puzzle-solve: #16a34a;--bg-only-white: white;--pdf-board-two-col-side: 360px;--bg-blue: #4338ca;--bg-blue-light: #eef2ff;--bg-blue-light-hover: #e0e7ff;--bg-yellow: #b45309;--bg-yellow-light: #fffbeb;--bg-yellow-light-hover: #fef3c7;--bg-green: #047857;--bg-green-light: #ecfdf5;--bg-green-light-hover: #d1fae5;--text-sidebar-hover: #719dff;--sb-color: white}.dark{--dark-theme-base-black: #151316;--dark-theme-base-black-front: #111011;--dark-theme-base-white: rgba(255, 255, 255, .8);--dark-theme-base-border: rgba(255, 255, 255, .15);--dark-primary: #abc7ff;--color-gray-dark: rgba(255, 255, 255, .7);--color-gray1: rgba(255, 255, 255, .6);--blue: #2b3a4d;--transition: .2s all;--gray1: #3a3a3a;--mat-sys-primary-bold: #72b0ff;--board-size: 400px;--blunder: #e35241;--blunder-dark: #8a2a1f;--miss: #ee7f6c;--miss-dark: #8c3f29;--mistake: #f5a369;--mistake-dark: #955a2d;--inaccuracy: #eac250;--inaccuracy-dark: #8f6d1f;--book: #d0a386;--book-dark: #76563e;--good: #9db67f;--good-dark: #4d623a;--excellent: #8cb45b;--excellent-dark: #4a662d;--best: #8fb75f;--best-dark: #486a23;--great: #7d9abc;--great-dark: #42566f;--brilliant: #5abea4;--brilliant-dark: #2f6d5e;--warning: #ff5757;--warning-light: rgba(255, 70, 70, .25);--success: #5c9366;--success-light: rgba(92, 147, 102, .3);--info: #6ea0b3;--info-light: #557a8a;--bg-light: var(--dark-theme-base-black-front);--text-base: #cfcfcf;--info1: #3fc3ee;--info1-light: #2d829a;--accent: #feb402;--accent-dark: #b67c00;--comment-editor: #1f1f1f;--border-light: #3a3a3a;--small-radius-box: .25rem;--black-medium: #b8b8b8;--black-light-bg: #2a2a2a;--heart: #c49a5f;--dark-bg: #181816;--board-size-editor: min(450px, 50%);--font-family-icons: "Chess V3";--size-filter-box: 250px;--new: #16a34a;--new-dark: #0f5f2b;--editor-color: #7caf3f;--move-current-bg: #394a63;--color-text-moves: #e2e2e2;--bg-notification-chip: #cc0000;--unread-notification-message-bg: #1b2636;--unread-notification-message-dot: #ff5555;--black-text: #eaeaea;--toggle-icon-move: #88cac8;--toggle-icon-move-dark: #39706d;--toggle-icon-move-1: #d7020c;--toggle-icon-move-dark-1: #9f0008;--color-gray-200: var(--dark-theme-base-border);--color-white: var(--dark-theme-base-black);--color-gray-100: var(--dark-theme-base-black);--color-gray-300: var(--dark-theme-base-border);--color-black: var(--dark-theme-base-white);--color-gray-900: var(--dark-theme-base-white);--color-slate-200: var(--dark-theme-base-border);--mat-sys-background: #1c1a1d;--mat-sys-surface: var(--dark-theme-base-black);--mat-sys-outline: var(--dark-theme-base-border);--color-gray-700: var(--dark-theme-base-white);--color-gray-800: var(--dark-theme-base-white);--mat-sys-outline-variant: var(--dark-theme-base-border);--tw-shadow-color: rgb(255 255 255 / .1);--bg-header-move: var(--dark-theme-base-black);--bg-box-vertical-row-layer: var(--dark-theme-base-black);--color-current-move: var(--dark-theme-base-black);--bg-analyze-area: var(--dark-theme-base-black);--color-btn-save: var(--dark-theme-base-black);--bg-close-area: var(--dark-theme-base-black);--bg-header-explore: var(--dark-theme-base-black);--bg-pin-header: var(--mat-sys-background);--color-mat-icon: var(--dark-theme-base-white);--color-btn-save-disable: var(--dark-theme-base-white);--color-fen-editor-icon: var(--dark-theme-base-white);--color-engine-icon: var(--dark-theme-base-white);--bg-annotate-menu: var(--dark-theme-base-white);--bg-active-control-button: var(--dark-primary);--color-annotate-menu: var(--dark-theme-base-black);--color-annotate-menu-hover: var(--dark-theme-base-white);--bg-spare-pieces: #606060;--color-icon-explore-control: var(--dark-primary);--bg-btn-paginator: var(--dark-theme-base-black-front);--bg-chapter-list: var(--dark-theme-base-black-front);--border-chapter-list: var(--dark-theme-base-border);--bg-icon-toggle: #5d5d5d;--bg-icon-toggle-dark: #514f4f;--bg-move-hover: var(--dark-theme-base-white);--color-btn-next-pre: var(--dark-theme-base-white);--color-fide-title: var(--dark-theme-base-black);--bg-header-card-chatroom: var(--dark-theme-base-black);--bg-box-chat-chatroom: var(--dark-theme-base-black);--border-box-chat-classroom: var(--dark-theme-base-border);--bg-nav-item-classroom: var(--dark-theme-base-black);--border-empty-student: var(--dark-theme-base-border);--bg-footer-card-chatroom: var(--dark-theme-base-black);--fill-icon-portal: var(--dark-theme-base-white);--bg-text-icon-portal: var(--dark-theme-base-black-front);--bg-portal: var(--dark-theme-base-black-front);--text-chip: var(dark-theme-base-black);--bg-black: var(--dark-theme-base-white);--bg-component-front: var(--dark-theme-base-black-front);--color-component-white: var(--dark-theme-base-black);--bg-chip-gray: #343235;--text-white: var(--dark-theme-base-black);--color-codemirror: var(--dark-theme-base-white);--bg-gray-component: transparent;--text-white-dark-theme: var(--dark-theme-base-white)}.dark app-main-logo-black svg{fill:#fff}.dark mat-icon[svgicon=comment] svg{fill:var(--dark-theme-base-white)}.dark mat-icon[svgicon=flip] svg{fill:var(--dark-theme-base-black)}.dark .ql-toolbar.ql-snow,.dark .ql-container.ql-snow{border-color:var(--dark-theme-base-border)}.dark .ql-editor.ql-blank:before{color:var(--dark-theme-base-white)}.dark .ql-toolbar button svg{fill:var(--dark-theme-base-white)}.dark .ql-snow .ql-stroke{stroke:var(--dark-theme-base-white)}.dark .ql-snow .ql-fill{fill:var(--dark-theme-base-white)}.dark .ql-editor{color:#fff}.dark .no-square.trash piece{filter:contrast(.3)}.dark .dark-color .mat-icon{color:var(--dark-theme-base-black)}.dark app-setup-position-dialog .dark-color .mat-icon{color:var(--dark-theme-base-black)!important}.dark hr{color:var(--dark-theme-base-border)}.dark .bg-\[\#f8f8f8\]{background-color:var(--dark-theme-base-black)}.dark a,.dark h1,.dark h2,.dark h3,.dark h4{color:var(--dark-theme-base-white)}.dark .move:hover{color:var(--dark-theme-base-black)}.dark .bg-black{background-color:var(--dark-theme-base-black-front)}.dark app-help-modal .mat-icon{color:#fff!important}.dark .no-square.trash piece{filter:contrast(.7)}.dark .CodeMirror{background:var(--dark-theme-base-black)}.dark .editor-toolbar{border-top:1px solid var(--dark-theme-base-border);border-left:1px solid var(--dark-theme-base-border);border-right:1px solid var(--dark-theme-base-border)}.dark .EasyMDEContainer .CodeMirror{border:1px solid var(--dark-theme-base-border)}.dark .CodeMirror{color:var(--color-codemirror)}.dark .CodeMirror-cursor{border-right:1px solid var(--dark-theme-base-white)}.dark .markmap{color:var(--dark-theme-base-white)}.dark .analyze-area{background-color:var(--dark-theme-base-black-front)!important}.dark .content-toggle{background-image:linear-gradient(#0000,#000)}.dark a[href].mdc-button--unelevated{color:var(--dark-theme-base-black)}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-form-field-container-height: 44px;--mat-form-field-filled-label-display: none;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-filled-with-label-container-padding-top: 10px;--mat-form-field-filled-with-label-container-padding-bottom: 10px;--mat-card-title-text-size: 16px;--mat-card-title-text-weight: 500;--mat-toolbar-title-text-size: 16px}html .dark-header{color-scheme:dark;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #002f65);--mat-sys-on-tertiary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-tertiary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-tertiary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#005cbb, #abc7ff);--mat-sys-tertiary-container: light-dark(#d7e3ff, #00458f);--mat-sys-tertiary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-tertiary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html .dark-input,html .dark-autocomplete{--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-enabled-select-arrow-color: #e0e2ec;--mat-form-field-error-focus-trailing-icon-color: #ffb4ab;--mat-form-field-error-hover-trailing-icon-color: #ffdad6;--mat-form-field-error-text-color: #ffb4ab;--mat-form-field-error-trailing-icon-color: #ffb4ab;--mat-form-field-filled-active-indicator-color: #e0e2ec;--mat-form-field-filled-caret-color: #abc7ff;--mat-form-field-filled-container-color: #44474e;--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e3e2e6 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-filled-error-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-caret-color: #ffb4ab;--mat-form-field-filled-error-focus-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-focus-label-text-color: #ffb4ab;--mat-form-field-filled-error-hover-active-indicator-color: #ffdad6;--mat-form-field-filled-error-hover-label-text-color: #ffdad6;--mat-form-field-filled-error-label-text-color: #ffb4ab;--mat-form-field-filled-focus-active-indicator-color: #abc7ff;--mat-form-field-filled-focus-label-text-color: #abc7ff;--mat-form-field-filled-hover-active-indicator-color: #e3e2e6;--mat-form-field-filled-hover-label-text-color: #e0e2ec;--mat-form-field-filled-input-text-color: #e3e2e6;--mat-form-field-filled-input-text-placeholder-color: #e0e2ec;--mat-form-field-filled-label-text-color: #e0e2ec;--mat-form-field-focus-select-arrow-color: #abc7ff;--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: #e0e2ec;--mat-form-field-outlined-caret-color: #abc7ff;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e3e2e6 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e3e2e6 12%, transparent);--mat-form-field-outlined-error-caret-color: #ffb4ab;--mat-form-field-outlined-error-focus-label-text-color: #ffb4ab;--mat-form-field-outlined-error-focus-outline-color: #ffb4ab;--mat-form-field-outlined-error-hover-label-text-color: #ffdad6;--mat-form-field-outlined-error-hover-outline-color: #ffdad6;--mat-form-field-outlined-error-label-text-color: #ffb4ab;--mat-form-field-outlined-error-outline-color: #ffb4ab;--mat-form-field-outlined-focus-label-text-color: #abc7ff;--mat-form-field-outlined-focus-outline-color: #abc7ff;--mat-form-field-outlined-hover-label-text-color: #e3e2e6;--mat-form-field-outlined-hover-outline-color: #e3e2e6;--mat-form-field-outlined-input-text-color: #e3e2e6;--mat-form-field-outlined-input-text-placeholder-color: #e0e2ec;--mat-form-field-outlined-label-text-color: #e0e2ec;--mat-form-field-outlined-outline-color: #8e9099;--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1a1b1f 38%, transparent);--mat-form-field-select-option-text-color: #1a1b1f;--mat-form-field-state-layer-color: #e3e2e6;--mat-form-field-trailing-icon-color: #e0e2ec;--mat-icon-color: inherit}body.dark{color-scheme:dark;background-color:var(--mat-sys-background);color:var(--dark-theme-base-white)}.classroom-panel-scroll-box{padding:10px;background-color:var(--bg-light)!important;overflow:auto}.classroom-panel-scroll-box.have-footer-card{height:calc(100% - 56px)}.tooltip-icon.mat-icon{font-size:16px;width:16px;height:16px}.expansion-panel-style1 .mat-expansion-panel-header{height:auto!important;padding:24px!important}.expansion-panel-style1 .mat-action-row{border-top-style:none}.tags{color:var(--success);background:#f6ffed;font-size:12px;padding:0 8px;border:1px solid var(--success-light);border-radius:3px;display:inline-block}.box-vertical-row-layer{border-radius:var(--small-radius-box);background-color:var(--bg-box-vertical-row-layer, white);border:1px solid var(--border-light);display:flex;flex-flow:column}.alert{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;background-color:#fff}.close-dialogs{position:absolute;right:5px;top:2px;z-index:1}.link{color:var(--mat-sys-primary)}.link:hover{color:var(--mat-sys-primary-bold)}.nav-action-table{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.line-input-subfix-action{display:flex;align-items:center;gap:.5rem}.line-input-subfix-action>button{margin-top:-20px}.custom-drawer,.custom-drawer .mat-drawer-inner-container{overflow:visible!important}@media(max-width:767px){.search-nav-mobile .fix-width-mobile-sidebar{width:100%!important}}.sb-default .sb-wrapper{--sb-color: white}h1,h2,h3,h4{font-weight:500}a[href]:hover{color:var(--mat-sys-primary);text-decoration:underline}a[href].mdc-button--unelevated{color:#fff;text-decoration:none}a[href].btn-outline{text-decoration:none}a[href].btn-primary{color:#fff;text-decoration:none}.main-sidebar a[href]:hover{text-decoration:none;color:var(--text-sidebar-hover)}.main-sidebar a[href]:hover svg{fill:var(--text-sidebar-hover)}.text-primary{color:var(--mat-sys-primary)}.text-primary:hover{color:var(--mat-sys-primary-bold)}.text-blunder{color:var(--blunder)}.text-blunder:hover{color:var(--blunder-dark)}.text-miss{color:var(--miss)}.text-miss:hover{color:var(--miss-dark)}.text-mistake{color:var(--mistake)}.text-mistake:hover{color:var(--mistake-dark)}.text-inaccuracy{color:var(--inaccuracy)}.text-inaccuracy:hover{color:var(--inaccuracy-dark)}.text-book{color:var(--book)}.text-book:hover{color:var(--book-dark)}.text-good{color:var(--good)}.text-good:hover{color:var(--good-dark)}.text-excellent{color:var(--excellent)}.text-excellent:hover{color:var(--excellent-dark)}.text-best{color:var(--best)}.text-best:hover{color:var(--best-dark)}.text-great{color:var(--great)}.text-great:hover{color:var(--great-dark)}.text-brilliant{color:var(--brilliant)}.text-brilliant:hover{color:var(--brilliant-dark)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.text-info{color:var(--info)}.text-info1{color:var(--info1)}.text-page-title{font-weight:700;font-size:48px;color:var(--mat-sys-primary)}.text-page-title-admin{font-weight:500;font-size:22px}@media(min-width:768px){.text-page-title-admin{font-size:22px}}.text-content{color:var(--text-base)}.text-correct{color:var(--success)}.large-label{font-size:18px;font-weight:500}.text-accent{color:var(--accent)}.text-accent-dark{color:var(--accent-dark)}.text-empty-content{color:#939393;font-size:20px}.sub-gray-text{color:#afafaf;font-size:80%;font-weight:400}.text-line-hidden{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.text-green{color:#18a818}.icon-message-modal{font-size:60px;min-width:60px;height:60px!important}.icon-message-modal.text{height:auto}.round-icon{padding:20px;border-radius:100%;width:90px;height:90px;border:3px solid #efefef;display:inline-flex;align-items:center;justify-content:center}.border-info-light{border-color:var(--info-light)}.border-success-light{border-color:var(--success-light)}.border-warning-light{border-color:var(--warning-light)}.border-info-light1{border-color:var(--info1-light)}@keyframes boost{0%{transform:translate(0);opacity:1}to{transform:translate(-3px);opacity:.6}}@keyframes level-fade-in{0%{background:#fff;box-shadow:0 0 15px #fff,0 0 25px #fff}to{box-shadow:0 0 10px var(--accent)}}@keyframes road-scroll{0%{transform:translate(0)}to{transform:translate(-101px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shimmer{position:relative;overflow:hidden;background-color:#e0e0e0;pointer-events:none}.shimmer a{color:#e0e0e0}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);animation:shimmer 1.2s linear infinite;pointer-events:none;animation-delay:var(--delay, 0s)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@layer base{:where(#blogTheme) h1:not([class]){display:block;font-size:2em;font-weight:700;margin-block-start:.67em;margin-block-end:.67em}:where(#blogTheme) h2:not([class]){display:block;font-size:1.5em;font-weight:700;margin-block-start:.83em;margin-block-end:.83em}:where(#blogTheme) h3:not([class]){display:block;font-size:1.17em;font-weight:700;margin-block-start:1em;margin-block-end:1em}:where(#blogTheme) h4:not([class]){display:block;font-size:1em;font-weight:700;margin-block-start:1.33em;margin-block-end:1.33em}:where(#blogTheme) h5:not([class]){display:block;font-size:.83em;font-weight:700;margin-block-start:1.67em;margin-block-end:1.67em}:where(#blogTheme) h6:not([class]){display:block;font-size:.67em;font-weight:700;margin-block-start:2.33em;margin-block-end:2.33em}:where(#blogTheme) ul:not([class]){display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;padding-left:40px}:where(#blogTheme) ol:not([class]){display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;padding-left:40px}:where(#blogTheme) ul:not([class]) ul:not([class]),:where(#blogTheme) ol:not([class]) ul:not([class]){list-style-type:circle;margin-top:0;margin-bottom:0}:where(#blogTheme) ul:not([class]) ul:not([class]) ul:not([class]){list-style-type:square}:where(#blogTheme) li:not([class]){display:list-item}:where(#blogTheme) a:not([class]){color:-webkit-link;text-decoration:underline;cursor:pointer}:where(#blogTheme) img:not([class]),:where(#blogTheme) svg:not([class]),:where(#blogTheme) video:not([class]),:where(#blogTheme) canvas:not([class]),:where(#blogTheme) audio:not([class]),:where(#blogTheme) iframe:not([class]),:where(#blogTheme) embed:not([class]),:where(#blogTheme) object:not([class]){display:inline;vertical-align:baseline;max-width:none}:where(#blogTheme) button:not([class]),:where(#blogTheme) input:not([class]),:where(#blogTheme) select:not([class]),:where(#blogTheme) textarea:not([class]),:where(#blogTheme) optgroup:not([class]){font-family:initial;font-size:initial;line-height:initial;color:initial;border-radius:initial;padding:initial;margin:0;background-color:initial;text-transform:none}:where(#blogTheme) button:not([class]),:where(#blogTheme) input[type=button]:not([class]),:where(#blogTheme) input[type=reset]:not([class]),:where(#blogTheme) input[type=submit]:not([class]){appearance:auto;background-color:buttonface;border:2px outset buttonborder;padding:1px 6px;cursor:default}:where(#blogTheme) input:not([class]):not([type=button]):not([type=reset]):not([type=submit]){appearance:auto;background-color:field;border:1px solid gray;padding:1px 2px}:where(#blogTheme) textarea:not([class]){appearance:auto;border:1px solid gray;white-space:pre-wrap;word-wrap:break-word;resize:both}:where(#blogTheme) table:not([class]){display:table;border-collapse:separate;border-spacing:2px;border-color:gray;text-indent:initial}:where(#blogTheme) thead:not([class]){vertical-align:middle;border-color:inherit}:where(#blogTheme) tbody:not([class]){vertical-align:middle;border-color:inherit}:where(#blogTheme) tfoot:not([class]){vertical-align:middle;border-color:inherit}:where(#blogTheme) tr:not([class]){display:table-row;vertical-align:inherit;border-color:inherit}:where(#blogTheme) th:not([class]){font-weight:700;padding:1px;display:table-cell;vertical-align:inherit}:where(#blogTheme) td:not([class]){display:table-cell;vertical-align:inherit;padding:1px}:where(#blogTheme) hr:not([class]){display:block;margin-block-start:.5em;margin-block-end:.5em;margin-inline-start:auto;margin-inline-end:auto;border-style:inset;border-width:1px;height:auto;color:initial}:where(#blogTheme) code:not([class]),:where(#blogTheme) kbd:not([class]),:where(#blogTheme) samp:not([class]),:where(#blogTheme) pre:not([class]){font-family:monospace;font-size:1em}:where(#blogTheme) pre:not([class]){display:block;white-space:pre;margin:1em 0}:where(#blogTheme) b:not([class]),:where(#blogTheme) strong:not([class]){font-weight:700}:where(#blogTheme) small:not([class]){font-size:smaller}:where(#blogTheme) sub:not([class]){vertical-align:sub;font-size:smaller}:where(#blogTheme) sup:not([class]){vertical-align:super;font-size:smaller}:where(#blogTheme) blockquote:not([class]){display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:40px;margin-inline-end:40px}:where(#blogTheme) address:not([class]){display:block;font-style:italic}:where(#blogTheme) fieldset:not([class]){display:block;margin-inline-start:2px;margin-inline-end:2px;padding-block-start:.35em;padding-inline-start:.75em;padding-inline-end:.75em;padding-block-end:.625em;min-inline-size:min-content;border:2px threedface groove}:where(#blogTheme) legend:not([class]){display:block;padding-inline-start:2px;padding-inline-end:2px;border:none}}.main-board{position:relative;display:block;height:0;padding-bottom:100%;width:100%}@media(min-width:768px){.main-board{min-width:var(--board-size-editor);min-height:var(--board-size-editor);aspect-ratio:1/1}}.main-board.editable{filter:saturate(.1)}.main-board .cg-wrap,cg-board{position:absolute;width:100%;height:100%}.format-text-move-content{font-size:17px;font-weight:400;line-height:140%;color:var(--color-text-moves)}.move-history{word-break:break-word;cursor:pointer}.move{word-break:break-word;cursor:pointer;padding:0 2px;margin-right:.35rem;border-radius:.25rem;border:1px solid transparent;display:inline-block;font-weight:700;flex:0 0 auto}.move:hover{background-color:var(--bg-move-hover);text-decoration:none;color:inherit}.move.current{background-color:var(--mat-sys-primary);color:var(--color-current-move)}.move.current:hover{background-color:var(--mat-sys-primary)}.move.select{border:1px dashed var(--mat-sys-primary)}.has-chess-glyph{font-family:Noto Chess,Noto Sans;white-space:nowrap;font-weight:700;-webkit-text-stroke:.1px}.c-move{padding:0px .25rem;border-radius:.25rem;border:1px solid transparent;word-break:break-word;white-space:pre-wrap}.c-move.select,.g-comment.select{border:1px dashed var(--mat-sys-primary)}.right-move-item{display:inline-flex;align-items:flex-start;gap:4px}.right-move-item .move{margin-right:0}.right-move-item-comment{display:inline-block;vertical-align:middle}.cg-wrap coords.ranks,.cg-wrap coords.files{font-size:12px;font-weight:600;z-index:10}.cg-wrap coords.ranks{left:3px!important;top:0!important}.cg-wrap coords.files coord{transform:translate(0)!important;text-align:right;padding-right:2px}.cg-wrap coords.files{bottom:2px!important;text-transform:lowercase!important;left:0!important}.orientation-white .ranks :nth-child(odd),.orientation-black .ranks :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#fff!important}.orientation-white .files :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fff!important}.orientation-white .ranks :nth-child(2n),.orientation-black .ranks :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#5f9796!important}.orientation-white .files :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#5f9796!important}.cg-wrap coords.ranks coord{transform:translateY(0)!important}.in3d .cg-wrap piece{width:12.5%;height:16.563%;left:.15%;top:-4.1%}.in3d.main-board{margin-top:20px;padding-bottom:92.96875%}.in3d .cg-wrap{height:97.5840336134%}.in3d cg-board{background-image:none!important;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.in3d cg-board:before{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f;border-radius:.5rem}.in3d .orientation-white .ranks :nth-child(2n),.in3d .orientation-black .ranks :nth-child(odd),.in3d coords.squares:nth-of-type(odd) :nth-child(odd),.in3d coords.squares:nth-of-type(2n) :nth-child(2n){color:#542d0a!important}.in3d .orientation-white .files :nth-child(2n),.in3d .orientation-black .files :nth-child(odd),.in3d coords.squares:nth-of-type(odd) :nth-child(2n),.in3d coords.squares:nth-of-type(2n) :nth-child(odd){color:#542d0a!important}.in3d cg-board square.selected{background-color:#663e18e6}.in3d cg-board square.move-dest{background:radial-gradient(circle,#663e18b3 22%,#663e18 20%,#0000004d 0%,#0000 0%)}.in3d-theme-1 .cg-wrap piece{width:12.5%;height:16.563%;left:.15%;top:-4.1%}.in3d-theme-1.main-board{margin-top:20px;padding-bottom:92.96875%}.in3d-theme-1 .cg-wrap{height:97.5840336134%}.in3d-theme-1 cg-board{background-image:none!important;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.in3d-theme-1 cg-board:before{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f;border-radius:.5rem}.in3d-theme-1 .orientation-white .ranks :nth-child(2n),.in3d-theme-1 .orientation-black .ranks :nth-child(odd),.in3d-theme-1 coords.squares:nth-of-type(odd) :nth-child(odd),.in3d-theme-1 coords.squares:nth-of-type(2n) :nth-child(2n){color:#0a5423!important}.in3d-theme-1 .orientation-white .files :nth-child(2n),.in3d-theme-1 .orientation-black .files :nth-child(odd),.in3d-theme-1 coords.squares:nth-of-type(odd) :nth-child(2n),.in3d-theme-1 coords.squares:nth-of-type(2n) :nth-child(odd){color:#0a5423!important}.in3d-theme-1 cg-board square.selected{background-color:#0b3d1ce6}.in3d-theme-1 cg-board square.move-dest{background:radial-gradient(circle,#0b3d1cb3 22%,#1b8b40 20%,#0000004d 0%,#0000 0%)}.in3d-theme-1 cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(157,57,4,.5) 80%)}.in3d-theme-2 .cg-wrap piece{width:12.5%;height:16.563%;left:.15%;top:-4.1%}.in3d-theme-2.main-board{margin-top:20px;padding-bottom:92.96875%}.in3d-theme-2 .cg-wrap{height:97.5840336134%}.in3d-theme-2 cg-board{background-image:none!important;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.in3d-theme-2 cg-board:before{box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f;border-radius:.5rem}.in3d-theme-2 .orientation-white .ranks :nth-child(2n),.in3d-theme-2 .orientation-black .ranks :nth-child(odd),.in3d-theme-2 coords.squares:nth-of-type(odd) :nth-child(odd),.in3d-theme-2 coords.squares:nth-of-type(2n) :nth-child(2n){color:#0a5423!important}.in3d-theme-2 .orientation-white .files :nth-child(2n),.in3d-theme-2 .orientation-black .files :nth-child(odd),.in3d-theme-2 coords.squares:nth-of-type(odd) :nth-child(2n),.in3d-theme-2 coords.squares:nth-of-type(2n) :nth-child(odd){color:#0a5423!important}.in3d-theme-2 cg-board square.selected{background-color:#0b3d1ce6}.in3d-theme-2 cg-board square.move-dest{background:radial-gradient(circle,#0b3d1cb3 22%,#1b8b40 20%,#0000004d 0%,#0000 0%)}.in3d-theme-2 cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 80%,rgba(157,57,4,.5) 80%)}.header-card-with-action{display:flex;align-items:center;justify-content:space-between;width:100%}.header-card{margin:-1rem -1rem 0;background:var(--bg-header-card-chatroom);padding:0 10px;border-bottom:1px solid var(--mat-sys-surface-container);min-height:41px}.footer-card{position:absolute;bottom:0;background:var(--bg-footer-card-chatroom);width:100%;left:0;padding:.5rem 1rem;z-index:1}.scroll-box-card{height:350px;overflow-y:scroll}@media(min-width:768px){.scroll-box-card{height:auto}}.mdc-data-table__cell,.mdc-data-table__header-cell{padding:10px 16px!important}.mat-mdc-table tbody tr:hover{background-color:rgba(var(--mat-sys-primary-rgb),.015)}.mat-mdc-table .mat-column-action{width:100px}.mat-mdc-table.hover-none-underline tbody tr:hover td,.mat-mdc-menu-item:hover{text-decoration:none}.box-upload-container .upload-text-container{line-height:130%}.box-upload-container .upload-text{color:#000000e0;font-size:16px;font-weight:700}.box-upload-container .upload-hint{color:#00000073;font-size:14px}.box-upload-container{position:relative}.box-upload-container:hover .box-upload{border-color:var(--mat-sys-primary-bold)}.box-upload-container .box-upload{text-align:center;border:2px dashed #d9d9d9;border-radius:5px;background:#00000005;display:block;padding:40px 70px 45px;transition:border-color .3s}.box-upload-container .box-upload.only-text{padding:20px}.box-upload-container .box-upload .box-upload-icon{width:50px;height:50px;font-size:50px;color:var(--mat-sys-primary-bold)}.box-upload-container .upload-area-input{width:100%;height:100%;opacity:0;overflow:hidden;position:absolute;z-index:0;cursor:pointer;top:0;left:0}.thumb-after-upload-img-container{display:inline-flex}.thumb-after-upload-img-container .thumb-after-upload-img-name{margin-left:10px;margin-top:10px;font-weight:500}.thumb-after-upload-img-container.with-file .thumb-after-upload-img-name{margin-left:0;margin-top:6px}.thumb-after-upload-img-container.with-file .thumb-after-upload-img{width:auto}.thumb-after-upload-img{border-radius:.5rem;overflow:hidden;transition:all .2s;cursor:pointer;width:60px;border:3px solid transparent}.thumb-after-upload-img img{object-fit:cover;width:100%;height:100%}.edit-thumb-image-after-upload{border-radius:.5rem;overflow:hidden;width:80px;height:80px;cursor:pointer;position:relative}.edit-thumb-image-after-upload:hover:before{opacity:1}.edit-thumb-image-after-upload:before{content:"Edit";width:74px;height:74px;position:absolute;left:3px;top:3px;background-color:#0009;transition:all .2s;opacity:0;border:1px dashed #ccc;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.edit-thumb-image-after-upload img{object-fit:cover;width:100%;height:100%}.large-action-button{height:60px!important;font-size:20px!important}.medium-action-button{height:50px!important;font-size:18px!important}.btn-action{background-color:#ce3333;color:#fff;padding:12px 20px;border-radius:5px;box-shadow:0 0 15px #a8a8a8;transition:var(--transition)}.btn-action:hover{background-color:#ab1212}.btn-action:hover .icon{transform:scaleX(-1)}.btn-more{display:inline-flex;align-items:center}.btn-more:hover{color:var(--mat-sys-primary)}.action-more{min-width:40px;min-height:40px;border-radius:20px;align-items:center}.action-more:hover{background-color:var(--gray1)}.mat-mdc-dialog-surface{border-radius:.5rem!important}.a-chip{border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .15s ease-in-out;background-color:#f3f4f6}.a-chip:hover{background-color:#e5e7eb}.a-chip.blue{color:var(--bg-blue);background-color:var(--bg-blue-light)}.a-chip.blue:hover{background-color:var(--bg-blue-light-hover);color:var(--bg-blue);text-decoration:none}.a-chip.yellow{color:var(--bg-yellow);background-color:var(--bg-yellow-light)}.a-chip.yellow:hover{background-color:var(--bg-yellow-light-hover);color:var(--bg-yellow);text-decoration:none}.a-chip.green{color:var(--bg-green);background-color:var(--bg-green-light)}.a-chip.green:hover{background-color:var(--bg-green-light-hover);color:var(--bg-green);text-decoration:none}.EasyMDEContainer .editor-toolbar .side-by-side{display:none}@media(min-width:768px){.EasyMDEContainer .editor-toolbar.fullscreen,.EasyMDEContainer .CodeMirror-fullscreen{left:var(--sidebar)!important}}@layer base{.EasyMDEContainer .editor-preview h1,.EasyMDEContainer .editor-preview h2,.EasyMDEContainer .editor-preview h3,.EasyMDEContainer .editor-preview h4,.EasyMDEContainer .editor-preview h5,.EasyMDEContainer .editor-preview h6{font-size:revert}.EasyMDEContainer .editor-preview ul,.EasyMDEContainer .editor-preview ol{list-style:revert;margin:revert;padding:revert}.EasyMDEContainer .editor-preview li{display:revert}.EasyMDEContainer .editor-preview a{color:revert;-webkit-text-decoration:revert;text-decoration:revert}}.markmap{width:100%;height:100%}.ql-snow .ql-editor blockquote{border-left:9px solid #ccc;margin-top:5px;margin-bottom:5px;padding-left:16px;background:#f9f9f9}.flex-column{display:flex;flex-flow:column}.grid-board-and-moves{display:grid}@media(min-width:768px){.grid-board-and-moves{gap:1rem;grid-template-columns:var(--board-size-editor) auto}}.grid-board-and-moves-full{display:grid}@media(min-width:768px){.grid-board-and-moves-full{gap:1rem;grid-template-columns:var(--board-size-editor-full) auto}}.grid-fen-and-analysis{display:grid}@media(min-width:1024px){.grid-fen-and-analysis{gap:1rem;grid-template-columns:var(--board-size-editor) auto}}.grid-fen-and-analysis-full{display:grid}@media(min-width:1024px){.grid-fen-and-analysis-full{gap:1rem;grid-template-columns:var(--board-size-editor-full) auto}}.expand-view-content{width:90%!important}.main-content{overflow:auto;position:relative}app-fide-masters,app-fide-list,app-event-list,app-events-manager,app-fide-detail,app-fide-detail-match-history,app-event-games,app-footer,app-game-list{display:block}app-navbar{height:128px;display:block;overflow:hidden}app-footer{height:420px;display:block;overflow:hidden}.main-content.app-fide-masters{height:900px;min-height:900px}.main-content.app-fide-masters app-fide-list table{height:800px;min-height:800px}.main-content.app-fide-masters.is-searching app-fide-list table{height:auto;min-height:auto}.main-content.app-fide-masters.height-auto app-fide-list table{height:auto;min-height:auto}.main-content.app-fide-detail{height:1100px;min-height:1100px}.main-content.app-fide-detail app-fide-detail-match-history table{height:1290px;min-height:1290px}.main-content.app-events-manager{height:920px;min-height:920px}.main-content.app-events-manager app-event-list table{height:670px;min-height:670px}.main-content.app-events-manager .real-table-container{height:730px;min-height:730px}.main-content.app-event-games{height:1390px;min-height:1390px}.main-content.app-event-games mat-card-content{height:1300px;min-height:1300px}.main-content.app-event-games app-game-list table{height:1120px;min-height:1120px}.main-content.app-game-detail{min-height:1000px}.fix-min-height-game-detail{display:block;min-height:1130px}.fix-min-height-game-detail.guest{min-height:740px}.fix-min-height-game-detail-event{display:block;min-height:880px}.fix-min-height-game-detail-event.guest{min-height:740px}@media(max-width:768px){app-footer{height:1041px}}@media(min-width:767px){.main-content.app-fide-masters{height:1100px;min-height:1100px}.main-content.app-fide-masters app-fide-list table{height:860px;min-height:860px}.main-content.app-fide-masters.is-searching app-fide-list table{height:auto;min-height:auto}.main-content.app-fide-masters.height-auto app-fide-list table{height:auto;min-height:auto}.main-content.app-fide-detail{height:1520px;min-height:1520px}.main-content.app-fide-detail app-fide-detail-match-history table{height:1290px;min-height:1290px}.main-content.app-events-manager{height:920px;min-height:920px}.main-content.app-events-manager .real-table-container{height:730px;min-height:730px}.main-content.app-event-games{height:1390px;min-height:1390px}.main-content.app-event-games app-game-list table{height:1120px;min-height:1120px}.app-game-detail .h-first-load{min-height:500px}.app-game-detail .h-first-load-board-and-fen{min-height:610px}}.sb-default .sb-wrapper{--sb-color: #fff;--sb-background: var(--button-color);--sb-border-radius: 4px;--sb-overflow: hidden}.sb-default .sb-wrapper.sb-show-icon.sb-show-text{--sb-text-padding: 0 1em 0 0}.sb-default .sb-wrapper.sb-show-icon.sb-show-text .sb-text{filter:none}