.coach-feedback-detail-component{align-items:center;display:flex;font-weight:600;width:100%}.coach-feedback-detail-icon{height:var(--icon-24);width:var(--icon-24)}[dir=ltr] .coach-feedback-detail-icon{margin-right:var(--space-8)}[dir=rtl] .coach-feedback-detail-icon{margin-left:var(--space-8)}.coach-feedback-detail-colorToMove{border:var(--border-2) solid var(--color-gray-500);border-radius:var(--radius-5);height:var(--icon-24);width:var(--icon-24)}.coach-feedback-detail-colorToMove.coach-feedback-detail-white-to-move{background:var(--color-neutrals-white)}.coach-feedback-detail-colorToMove.coach-feedback-detail-black-to-move{background:var(--color-neutrals-black)}.coach-feedback-detail-hint{color:var(--color-slate-300);font-size:2.4rem}.coach-feedback-detail-text{flex-grow:1}.coach-feedback-detail-eval{background:var(--color-bg-white-eval);border-radius:var(--radius-5);color:var(--color-text-white-eval);line-height:1.6rem;padding:var(--space-4) var(--space-8)}[dir=ltr] .coach-feedback-detail-eval{margin-left:var(--space-16)}[dir=rtl] .coach-feedback-detail-eval{margin-right:var(--space-16)}.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)}.path-dark-overlay-backdrop{background-color:var(--color-bg-overlay-subtle);height:100%;position:absolute;top:0;width:100%;z-index:3}[dir=ltr] .path-dark-overlay-backdrop{left:0}[dir=rtl] .path-dark-overlay-backdrop{right:0}.path-dark-overlay-fade-enter-from,.path-dark-overlay-fade-leave-to{opacity:0}.path-dark-overlay-fade-enter-active,.path-dark-overlay-fade-leave-active{transition:opacity var(--motion-slower) var(--motion-ease-out-dramatic)}.leaderboard-player-player{align-items:center;border-radius:var(--radius-3);display:flex;gap:var(--space-12);padding:var(--space-8);-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaderboard-player-self{background-color:var(--color-bg-subtle)}.leaderboard-player-self.leaderboard-player-bg-animate-in{background-color:var(--bg-highlight-animated);transition:background-color var(--player-profile-highlight-1-duration) linear 0s}.leaderboard-player-self.leaderboard-player-bg-animate-out{background-color:var(--color-bg-subtle);transition:background-color var(--player-profile-highlight-2-duration) linear calc(var(--player-profile-highlight-delay) + var(--position-change-delay) + var(--position-change-duration))}.leaderboard-player-avatar{flex-shrink:0}.leaderboard-player-puzzle-stats{align-items:center;color:var(--color-text-default);display:flex;gap:var(--space-4);justify-content:center}[dir=ltr] .leaderboard-player-puzzle-stats{margin-left:auto}[dir=rtl] .leaderboard-player-puzzle-stats{margin-right:auto}@keyframes animated-prestige-badge-animate-fade-out{0%{opacity:1}to{opacity:0}}@keyframes animated-prestige-badge-animate-enter-top{0%{opacity:0;transform:translateY(-200%)}to{opacity:1;transform:translateY(0)}}.animated-prestige-badge-fade-out{animation:animated-prestige-badge-animate-fade-out;animation-delay:.1s;animation-duration:.3s;animation-timing-function:var(--motion-ease-out-gentle)}.animated-prestige-badge-enter-top{animation:animated-prestige-badge-animate-enter-top;animation-delay:.1s;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:var(--motion-ease-out-gentle)}.battle-peripheral-view-component *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.battle-peripheral-view-icon{font-size:5.2rem}[dir=ltr] .battle-peripheral-view-icon{margin-right:1rem}[dir=rtl] .battle-peripheral-view-icon{margin-left:1rem}.battle-peripheral-view-icon-red-faded{color:var(--color-red-400)}.battle-peripheral-view-icon-strike{font-size:4.4rem;width:4.4rem}.battle-peripheral-view-icon-correct{font-size:4.8rem}[dir=ltr] .battle-peripheral-view-icon-correct{margin-right:1rem}[dir=rtl] .battle-peripheral-view-icon-correct{margin-left:1rem}.battle-sidebar-footer-pending-fade-enter-active,.battle-sidebar-footer-pending-fade-leave-active{transition:opacity .2s}.battle-sidebar-footer-pending-fade-enter,.battle-sidebar-footer-pending-fade-leave-to{opacity:0}.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}.trial-static-image-container{height:22rem;margin-bottom:var(--space-8);overflow:hidden;position:relative;width:100%}.trial-static-image-slide{background:none;box-shadow:none;display:flex;flex-direction:column;height:21rem;justify-content:space-around;overflow:visible;padding:1rem 0 0;position:absolute;transform:translate(0);width:100%}.trial-static-image-slide-title{color:var(--color-text-bolder);font-family:inherit;font-size:1.7rem;font-weight:600;max-height:5.5rem;padding:0 2.5rem}.trial-static-image-slide-title-with-padding{padding:0 7rem}.trial-static-image-upgrade-icon{margin:0 0 1rem}.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)}
