.cc-user-badge-component{--cc-badge-size: 1.6rem;align-items:center;border-radius:var(--radius-3);display:inline-flex;flex-shrink:0;height:var(--cc-badge-size);justify-content:center;width:var(--cc-badge-size)}.cc-user-badge-component.cc-user-badge-medium{--cc-badge-size: 2rem}.cc-user-badge-component.cc-user-badge-large{--cc-badge-size: 2.4rem}.cc-user-badge-staff{background-color:var(--color-green-400);color:var(--color-green-200)}.dark-mode .cc-user-badge-staff{background-color:var(--color-green-600);color:var(--color-green-300)}.cc-user-badge-moderator{background-color:color-mix(in srgb,var(--color-slate-400) 20%,transparent);color:var(--color-slate-400)}.dark-mode .cc-user-badge-moderator{background-color:color-mix(in srgb,var(--color-slate-300) 20%,transparent);color:var(--color-slate-300)}.cc-user-badge-gold{background-color:var(--color-gray-100);color:var(--color-gold-400)}.dark-mode .cc-user-badge-gold{background-color:var(--color-gray-700)}.cc-user-badge-platinum{background-color:color-mix(in srgb,var(--color-slate-300) 20%,transparent);color:var(--color-slate-300)}.dark-mode .cc-user-badge-platinum{background-color:color-mix(in srgb,var(--color-slate-200) 20%,transparent);color:var(--color-slate-200)}.cc-user-badge-diamond{background-color:var(--color-blue-200);color:var(--color-blue-25)}.dark-mode .cc-user-badge-diamond{background-color:var(--color-blue-400);color:var(--color-blue-75)}.cc-close-button-component{background-color:transparent;border:none;margin:0;padding:0;color:var(--cc-close-button-color);display:grid;height:var(--cc-close-button-size);place-items:center;width:var(--cc-close-button-size)}@media (hover: hover){.cc-close-button-component:hover:not(:disabled){color:var(--cc-close-button-color-hover)}}.cc-close-button-component:active:not(:disabled){opacity:.8}.cc-close-button-bg,.cc-close-button-icon{grid-column-start:1;grid-row-start:1}.cc-close-button-bg{background-color:var(--cc-close-button-color-bg, transparent);border-radius:var(--radius-circular);height:var(--icon-24);width:var(--icon-24)}.cc-close-button-opaque .cc-close-button-bg{box-shadow:inset 0 0 0 var(--border-1) var(--color-transparent-black-5)}.cc-close-button-default{--cc-close-button-color: var(--color-icon-default);--cc-close-button-color-hover: var(--color-icon-default-hovered)}.cc-close-button-subtle{--cc-close-button-color: var(--color-icon-subtle);--cc-close-button-color-hover: var(--color-icon-default)}.cc-close-button-opaque{--cc-close-button-color-bg: var(--color-bg-opaque-lighter);--cc-close-button-color: var(--color-icon-default);--cc-close-button-color-hover: var(--color-icon-default-hovered)}.cc-close-button-white{--cc-close-button-color-bg: var(--color-neutrals-white);--cc-close-button-color: var(--color-gray-500);--cc-close-button-color-hover: var(--color-gray-600)}.cc-close-button-small{--cc-close-button-size: var(--icon-32)}.cc-close-button-medium{--cc-close-button-size: var(--icon-40)}.cc-close-button-large{--cc-close-button-size: var(--icon-48)}.cc-tab-group-component{--cc-tabs-display: flex;--cc-tab-item-bg: transparent;--cc-tab-item-wrap: nowrap;--cc-tab-item-overflow: hidden;--cc-tab-item-height: 5.6rem;--cc-tab-item-label: var(--color-text-default);--cc-tab-item-icon: var(--color-icon-default);--cc-tab-item-box-shadow-active: none;display:var(--cc-tabs-display);max-width:100%}.cc-tab-group-main{--cc-tab-item-bg: var(--color-bg-tertiary)}.cc-tab-group-aside{--cc-tab-item-bg: var(--color-bg-tertiary);--cc-tab-item-wrap: wrap}.cc-tab-group-secondary{--cc-tab-item-height: 4.8rem;--cc-tab-item-box-shadow-active: inset 0 calc(var(--border-3) * -1) var(--color-border-bold);box-shadow:inset 0 calc(var(--border-1) * -1) var(--color-border-default)}.cc-tab-group-tertiary{--cc-tab-item-box-shadow-active: inset 0 calc(var(--border-3) * -1) var(--color-border-selected);--cc-tab-item-padding: var(--space-24);width:100%}.cc-tab-group-inline{--cc-tabs-display: inline-flex;--cc-tab-item-flex: auto;--cc-tab-item-box-shadow-active: inset 0 calc(var(--border-3) * -1) var(--color-border-selected);gap:var(--space-16);padding:0 var(--space-12)}.cc-tab-group-scrollable{-webkit-mask-image:linear-gradient(270deg,transparent 0,var(--color-neutrals-black) var(--fade-end-point, 0),var(--color-neutrals-black) 100%,transparent);mask-image:linear-gradient(270deg,transparent 0,var(--color-neutrals-black) var(--fade-end-point, 0),var(--color-neutrals-black) 100%,transparent);overflow-y:auto;scrollbar-width:none}.cc-tab-group-scrollable .cc-tab-group-component{--cc-tab-item-overflow: initial}.cc-tab-group-space{flex-shrink:0;width:.1rem}.cc-tab-group-fadeEnd{--fade-end-point: 4.8rem}.game-over-modal-modal-enter,.game-over-modal-modal-leave{opacity:0;top:45%!important}.game-over-modal-component{max-width:100%;position:relative;width:var(--container-360)}.game-over-modal-modalBody{align-items:center;display:flex;flex-direction:column;margin:-4rem 0 var(--space-24) 0;position:relative;width:100%;z-index:1}.game-over-modal-time{align-items:center;color:var(--color-text-boldest);display:flex;height:8rem}.game-over-modal-bestTime{align-items:center;color:var(--color-text-subtle);display:flex;flex-direction:column;gap:var(--space-2)}.game-over-modal-bestTime[data-failed=true]{margin-top:var(--space-16)}.game-over-modal-subtitle{color:var(--color-text-boldest)}.bot-difficulty-variation-label-icon-container{display:grid;place-items:center}.bot-difficulty-variation-label-easier{--difficulty-color: var(--color-bg-success)}.bot-difficulty-variation-label-harder{--difficulty-color: var(--color-bg-danger)}.bot-difficulty-variation-label-icon-only{color:var(--difficulty-color)}.bot-difficulty-variation-label-chip{cursor:pointer}@keyframes category-selection-leaderboard-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-selection-leaderboard-skeleton-leaderboard{width:100%}.category-selection-leaderboard-skeleton-leaderboardRow{align-items:center;display:flex;height:4rem;margin-bottom:2rem;width:100%}.category-selection-leaderboard-skeleton-placement{height:4rem;width:4rem}.category-selection-leaderboard-skeleton-col{display:flex;flex-direction:column;height:100%;justify-content:space-between}.category-selection-leaderboard-skeleton-name,.category-selection-leaderboard-skeleton-drill{height:1.2rem;width:9rem}[dir=ltr] .category-selection-leaderboard-skeleton-name,[dir=ltr] .category-selection-leaderboard-skeleton-drill{margin-right:auto}[dir=rtl] .category-selection-leaderboard-skeleton-name,[dir=rtl] .category-selection-leaderboard-skeleton-drill{margin-left:auto}.category-selection-leaderboard-skeleton-name:after,.category-selection-leaderboard-skeleton-drill:after{animation-delay:.3s}.category-selection-leaderboard-skeleton-drill{width:12rem}.category-selection-leaderboard-skeleton-time{height:1.2rem;width:4rem}[dir=ltr] .category-selection-leaderboard-skeleton-time{margin-left:auto}[dir=rtl] .category-selection-leaderboard-skeleton-time{margin-right:auto}.category-selection-leaderboard-skeleton-time:after{animation-delay:.6s}@keyframes challenge-tab-leaderboard-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.challenge-tab-leaderboard-skeleton-leaderboard{padding:.4rem 0;width:100%}.challenge-tab-leaderboard-skeleton-leaderboardRow{align-items:center;display:flex;margin-bottom:1rem;width:100%}.challenge-tab-leaderboard-skeleton-avatar:after{animation-delay:.1s}.challenge-tab-leaderboard-skeleton-name{height:1.2rem;width:9rem}[dir=ltr] .challenge-tab-leaderboard-skeleton-name{margin-right:auto}[dir=rtl] .challenge-tab-leaderboard-skeleton-name{margin-left:auto}.challenge-tab-leaderboard-skeleton-name:after{animation-delay:.3s}.challenge-tab-leaderboard-skeleton-time:after{animation-delay:.6s}.bottom-section-component{background-color:var(--color-bg-tertiary);padding:var(--space-16) var(--space-24) var(--space-8);width:100%}.game-over-controls-hint{background-color:var(--color-bg-subtle);border-bottom:none;color:var(--color-text-boldest)}.game-over-controls-hint:hover{background-color:var(--color-bg-subtle);color:var(--color-text-boldest);opacity:.8}.game-over-controls-topControls{display:grid;grid-auto-flow:column;grid-gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));width:100%}.game-over-controls-topControls .game-over-controls-button.game-over-controls-disabled{cursor:not-allowed;pointer-events:auto}.game-over-controls-topControls .game-over-controls-buttonlg{grid-column:span 2}.game-over-controls-endControls{grid-gap:1rem;margin-bottom:1.5rem}.game-over-controls-controls{color:var(--color-text-subtle);display:flex;justify-content:center;padding-top:var(--space-8)}.game-over-controls-leftIcons{display:flex;flex-direction:row}[dir=ltr] .game-over-controls-space{margin-right:1rem}[dir=rtl] .game-over-controls-space{margin-left:1rem}.inplay-controls-hint{background-color:var(--color-bg-subtle);border-bottom:none;color:var(--color-text-boldest)}.inplay-controls-hint:hover{background-color:var(--color-bg-subtle);color:var(--color-text-boldest);opacity:.8}.inplay-controls-topControls{display:grid;grid-auto-flow:column;grid-gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));width:100%}.inplay-controls-topControls .inplay-controls-button.inplay-controls-disabled{cursor:not-allowed;pointer-events:auto}.inplay-controls-topControls .inplay-controls-buttonlg{grid-column:span 2}.inplay-controls-endControls{grid-gap:1rem;margin-bottom:1.5rem}.inplay-controls-controls{color:var(--color-text-subtle);display:flex;justify-content:center;padding-top:var(--space-8)}.inplay-controls-leftIcons{display:flex;flex-direction:row}[dir=ltr] .inplay-controls-space{margin-right:1rem}[dir=rtl] .inplay-controls-space{margin-left:1rem}.small-controls-hint{background-color:var(--color-bg-subtle);border-bottom:none;color:var(--color-text-boldest)}.small-controls-hint:hover{background-color:var(--color-bg-subtle);color:var(--color-text-boldest);opacity:.8}.small-controls-topControls{display:grid;grid-auto-flow:column;grid-gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));width:100%}.small-controls-topControls .small-controls-button.small-controls-disabled{cursor:not-allowed;pointer-events:auto}.small-controls-topControls .small-controls-buttonlg{grid-column:span 2}.small-controls-endControls{grid-gap:1rem;margin-bottom:1.5rem}.small-controls-controls{color:var(--color-text-subtle);display:flex;justify-content:center;padding-top:var(--space-8)}.small-controls-leftIcons{display:flex;flex-direction:row}[dir=ltr] .small-controls-space{margin-right:1rem}[dir=rtl] .small-controls-space{margin-left:1rem}.bottom-section-hint{background-color:var(--color-bg-subtle);border-bottom:none;color:var(--color-text-boldest)}.bottom-section-hint:hover{background-color:var(--color-bg-subtle);color:var(--color-text-boldest);opacity:.8}.bottom-section-topControls{display:grid;grid-auto-flow:column;grid-gap:.4rem;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));width:100%}.bottom-section-topControls .bottom-section-button.bottom-section-disabled{cursor:not-allowed;pointer-events:auto}.bottom-section-topControls .bottom-section-buttonlg{grid-column:span 2}.bottom-section-endControls{grid-gap:1rem;margin-bottom:1.5rem}.bottom-section-controls{color:var(--color-text-subtle);display:flex;justify-content:center;padding-top:var(--space-8)}.bottom-section-leftIcons{display:flex;flex-direction:row}[dir=ltr] .bottom-section-space{margin-right:1rem}[dir=rtl] .bottom-section-space{margin-left:1rem}.challenge-bottom-section-footer{background-color:var(--color-bg-tertiary)}.challenge-bottom-section-button-controls{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));padding:var(--space-12) var(--space-24) 0 var(--space-24)}.challenge-bottom-section-button-controls.challenge-bottom-section-learn{padding-bottom:var(--space-12)}.challenge-bottom-section-icon-controls{align-items:center;display:flex;justify-content:space-between;padding:var(--space-8) var(--space-16)}[dir=ltr] .challenge-bottom-section-icon-controls.challenge-bottom-section-has-quit-btn{padding-left:var(--space-4)}[dir=rtl] .challenge-bottom-section-icon-controls.challenge-bottom-section-has-quit-btn{padding-right:var(--space-4)}.challenge-bottom-section-arrows{display:flex}.streak-indicator-component{display:grid;grid-template-columns:repeat(auto-fill,3.2rem);grid-template-rows:repeat(auto-fill,4.2rem);justify-content:space-between;margin:0 2.2rem;padding:0 .2rem}.streak-indicator-component.streak-indicator-center{grid-template-columns:repeat(auto-fit,3.2rem)}.streak-indicator-component.streak-indicator-center.streak-indicator-large{grid-template-columns:repeat(auto-fit,4rem)}.streak-indicator-streak{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;height:4.2rem;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.streak-indicator-link{cursor:pointer}.streak-indicator-icon{margin:0 0 .2rem}.streak-indicator-correct{color:var(--color-text-win)}.streak-indicator-correct .streak-indicator-icon{color:var(--color-icon-win)}.streak-indicator-incorrect{color:var(--color-text-loss)}.streak-indicator-incorrect .streak-indicator-icon{color:var(--color-icon-loss)}.streak-indicator-void{color:var(--color-text-default)}.streak-indicator-void .streak-indicator-icon{color:var(--color-icon-bolder)}.challenge-results-table-component{border-collapse:collapse;font-weight:600}.challenge-results-table-component th,.challenge-results-table-component td,.challenge-results-table-component .challenge-results-table-totals{animation:challenge-results-table-fadeIn;animation-duration:.5s;animation-fill-mode:forwards;opacity:0;width:25%}.challenge-results-table-component th{color:var(--color-text-subtle);padding:1rem;text-transform:uppercase}.challenge-results-table-component td{color:var(--color-text-boldest);padding:.5rem;vertical-align:center}.challenge-results-table-component .challenge-results-table-icon{font-size:2.4rem;color:var(--color-icon-default);display:block;height:2.5rem;margin:0 auto .2rem;width:2.5rem}.challenge-results-table-component .challenge-results-table-positive{color:var(--color-text-success)}.challenge-results-table-component .challenge-results-table-zero{color:var(--color-text-default)}.challenge-results-table-component .challenge-results-table-negative{color:var(--color-text-danger)}.challenge-results-table-component .challenge-results-table-totals{background:var(--color-bg-subtle);border-radius:var(--radius-5);opacity:0}[dir=ltr] .challenge-results-table-component .challenge-results-table-totals td:first-child{border-bottom-left-radius:var(--radius-5);border-top-left-radius:var(--radius-5)}[dir=rtl] .challenge-results-table-component .challenge-results-table-totals td:first-child{border-bottom-right-radius:var(--radius-5);border-top-right-radius:var(--radius-5)}[dir=ltr] .challenge-results-table-component .challenge-results-table-totals td:last-child{border-bottom-right-radius:var(--radius-5);border-top-right-radius:var(--radius-5)}[dir=rtl] .challenge-results-table-component .challenge-results-table-totals td:last-child{border-bottom-left-radius:var(--radius-5);border-top-left-radius:var(--radius-5)}@keyframes challenge-results-table-fadeIn{0%{opacity:0}to{opacity:1}}.report-modal-modal{border-radius:var(--radius-10);overflow:hidden}.report-modal-subheader{color:var(--color-text-default);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:.6rem;text-transform:uppercase}.report-modal-content{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem 3.2rem}.report-modal-status{color:var(--color-text-bolder)}.report-modal-error{color:var(--color-text-danger);display:inherit;line-height:1.2;position:absolute}.report-modal-reasons{display:flex;flex-direction:column;gap:.8rem}.report-modal-label{color:var(--color-text-default);cursor:pointer;display:inline-flex}[dir=ltr] .report-modal-label{padding:.4rem .4rem .4rem 2.5rem}[dir=rtl] .report-modal-label{padding:.4rem 2.5rem .4rem .4rem}.report-modal-label:hover{color:var(--color-text-default-hovered)}.report-modal-footer{background-color:var(--color-bg-opaque);border-top:.1rem solid var(--color-border-default);padding:1.6rem 3.2rem;text-align:center}.report-modal-other{margin-bottom:1.2rem;position:relative}.report-modal-textarea{resize:none}.report-modal-block{align-items:center;display:flex;justify-content:center;margin-bottom:1.2rem}.report-modal-buttons{align-items:stretch;display:flex;gap:1.6rem}.user-popover-badges-component{align-items:center;-moz-column-gap:var(--space-8);column-gap:var(--space-8);display:flex;flex-wrap:wrap;margin-top:var(--space-4);max-width:35rem;row-gap:var(--space-8)}.user-popover-badges-badge{align-items:center;border-radius:var(--radius-3);-moz-column-gap:var(--space-4);column-gap:var(--space-4);display:flex;padding:var(--space-2) var(--space-4)}.user-popover-badges-icon{font-size:var(--icon-16);color:inherit}.user-popover-badges-label{color:inherit}[dir=ltr] .user-popover-badges-label{padding-right:var(--space-2)}[dir=rtl] .user-popover-badges-label{padding-left:var(--space-2)}.user-popover-badges-titled{background-color:color-mix(in srgb,var(--color-bg-chesstitle) 20%,transparent);color:var(--color-bg-chesstitle)}.dark-mode .user-popover-badges-titled{background-color:color-mix(in srgb,var(--color-bg-chesstitle) 40%,transparent);color:color-mix(in srgb,var(--color-neutrals-white) 70%,transparent)}.user-popover-badges-staff{background-color:color-mix(in srgb,var(--color-green-300) 20%,transparent);color:var(--color-green-600);-moz-column-gap:var(--space-2);column-gap:var(--space-2)}[dir=ltr] .user-popover-badges-staff{padding-left:var(--space-2)}[dir=rtl] .user-popover-badges-staff{padding-right:var(--space-2)}.dark-mode .user-popover-badges-staff{background-color:color-mix(in srgb,var(--color-green-600) 30%,transparent);color:var(--color-green-300)}.user-popover-badges-moderator{background-color:color-mix(in srgb,var(--color-slate-300) 20%,transparent);color:var(--color-slate-500)}.dark-mode .user-popover-badges-moderator{background-color:color-mix(in srgb,var(--color-slate-500) 30%,transparent);color:var(--color-slate-200)}.user-popover-badges-streamer{background-color:color-mix(in srgb,var(--color-purple-200) 20%,transparent);color:var(--color-purple-500)}.dark-mode .user-popover-badges-streamer{background-color:color-mix(in srgb,var(--color-purple-500) 30%,transparent);color:var(--color-purple-100)}.user-popover-badges-blogger{background-color:color-mix(in srgb,var(--color-aqua-300) 20%,transparent);color:var(--color-aqua-600)}.dark-mode .user-popover-badges-blogger{background-color:color-mix(in srgb,var(--color-aqua-600) 30%,transparent);color:var(--color-aqua-300)}.user-popover-badges-coach{background-color:color-mix(in srgb,var(--color-brown-400) 20%,transparent);color:var(--color-brown-600)}.dark-mode .user-popover-badges-coach{background-color:color-mix(in srgb,var(--color-brown-600) 30%,transparent);color:var(--color-brown-400)}