.cc-user-badge-component{--cc-badge-size: 1.6rem;align-items:center;border-radius:var(--radius-m);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-user-username-component{background-color:transparent;border:none;margin:0;padding:0;max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-user-username-component.cc-user-username-medium{font-family:var(--font-family-heading);font-size:1.7rem;font-weight:800;line-height:2rem}.cc-user-username-component.cc-user-username-large{font-family:var(--font-family-heading);font-size:2.2rem;font-weight:800;line-height:2.4rem}.cc-user-username-component[role=button]{cursor:pointer}.cc-user-username-default{color:var(--color-text-default)}a.cc-user-username-default:hover{color:var(--color-text-default-hovered)}.cc-user-username-boldest{color:var(--color-text-boldest)}.cc-user-username-link{color:var(--color-text-link)}a.cc-user-username-link:hover{color:var(--color-text-link-hovered)}.cc-user-username-white{color:var(--color-neutrals-white)}.loader-three-bounce-component{text-align:center}.loader-three-bounce-circle .loader-three-bounce-dot{border-radius:var(--radius-circular)}.loader-three-bounce-dot{background-color:var(--color-gray-500);border-radius:var(--radius-s);display:inline-block}@media (prefers-reduced-motion: no-preference){.loader-three-bounce-dot{animation:loader-three-bounce-animate 1.4s ease-in-out 0s infinite both}}.loader-three-bounce-bounce1{animation-delay:-.32s}.loader-three-bounce-bounce2{animation-delay:-.16s}@keyframes loader-three-bounce-animate{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.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-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-dark{--cc-close-button-color-bg: var(--color-gray-800);--cc-close-button-color: var(--color-transparent-white-50);--cc-close-button-color-hover: var(--color-transparent-white-72)}.cc-close-button-light{--cc-close-button-color: var(--color-gray-500);--cc-close-button-color-hover: var(--color-gray-600);--cc-close-button-color-bg: var(--color-neutrals-white)}.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-confirmation-modal-modal{border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-24);padding:var(--space-32) var(--space-32) var(--space-24)}.cc-confirmation-modal-headings{display:flex;flex-direction:column;gap:var(--space-8);text-align:center}.cc-confirmation-modal-title{color:var(--color-text-boldest)}.cc-confirmation-modal-description{color:var(--color-text-subtle)}.cc-confirmation-modal-buttons{display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr}.eco-opening-panel{align-items:center;border-bottom:.1rem solid var(--color-border-default);border-top:.1rem solid var(--color-border-default);color:var(--color-text-default);display:flex;flex-shrink:0;height:4rem;justify-content:space-between}.eco-opening-panel .eco-opening-links{align-items:center;display:flex;flex-shrink:0;gap:.5rem}[dir=ltr] .eco-opening-panel .eco-opening-links{padding-right:1rem}[dir=rtl] .eco-opening-panel .eco-opening-links{padding-left:1rem}.eco-opening-panel.eco-opening-variant .eco-opening-links{display:none}.eco-opening-panel .eco-opening-name{display:inline-block;font-size:1.3rem;line-height:2rem;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;white-space:pre}[dir=ltr] .eco-opening-panel .eco-opening-name{padding-left:1.6rem;padding-right:1rem}[dir=rtl] .eco-opening-panel .eco-opening-name{padding-right:1.6rem;padding-left:1rem}.eco-opening-panel[explorer-is-visible=false] .eco-opening-explorer{display:none}.eco-opening-panel .eco-opening-explorer:hover,.eco-opening-panel .eco-opening-opening:hover{color:var(--color-text-boldest)}.eco-opening-panel .eco-opening-explorer:not([href]),.eco-opening-panel .eco-opening-opening:not([href]){color:inherit;cursor:default;opacity:.5}.eco-opening-panel .eco-opening-icon{font-size:2rem}.eco-opening-panel:hover .eco-opening-tooltip{display:block;opacity:1}.coach-settings-content-wrapper{position:relative}.coach-settings-content-wrapper.coach-settings-content-with-shadow:before{box-shadow:inset 0 1.6rem 1rem -1rem var(--color-transparent-black-65);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}[dir=ltr] .coach-settings-content-wrapper.coach-settings-content-with-shadow:before{left:0}[dir=rtl] .coach-settings-content-wrapper.coach-settings-content-with-shadow:before{right:0}.coach-settings-content-body{display:flex;flex-direction:column;max-height:42rem;max-width:100%;overflow:hidden auto;padding:var(--space-16);position:relative}.coach-settings-content-cta-button-container{padding:var(--space-12) var(--space-16) var(--space-16)}.coach-settings-modal-wrapper{position:relative}.coach-settings-modal-wrapper.coach-settings-modal-with-shadow:before{box-shadow:inset 0 1.6rem 1rem -1rem var(--color-transparent-black-65);content:"";height:100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}[dir=ltr] .coach-settings-modal-wrapper.coach-settings-modal-with-shadow:before{left:0}[dir=rtl] .coach-settings-modal-wrapper.coach-settings-modal-with-shadow:before{right:0}.coach-settings-modal-body{display:flex;flex-direction:column;max-height:42rem;max-width:100%;overflow:auto;padding:var(--space-16);position:relative}.coach-settings-modal-cta-button-container{padding:var(--space-12) var(--space-16) var(--space-16)}.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;border-radius:var(--radius-l) var(--radius-l) 0 0;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-l) * -1) var(--color-border-bold);box-shadow:inset 0 calc(var(--border-s) * -1) var(--color-border-default)}.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-l) * -1) var(--color-border-selected);--cc-tab-item-radius: 0;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}.cc-tab-item-component{align-content:center;align-items:center;background-color:var(--cc-tab-item-bg);border:none;-moz-column-gap:var(--space-8);column-gap:var(--space-8);display:inline-flex;flex:var(--cc-tab-item-flex, 1 1 0);flex-wrap:var(--cc-tab-item-wrap);height:var(--cc-tab-item-height);justify-content:center;overflow:var(--cc-tab-item-overflow);padding:0 var(--space-12);row-gap:var(--space-2);transition:all .25s var(--motion-ease-out-gentle);transition-property:background-color,box-shadow,color}[dir=ltr] .cc-tab-item-component:first-child{border-top-left-radius:var(--cc-tab-item-radius, var(--radius-l))}[dir=rtl] .cc-tab-item-component:first-child{border-top-right-radius:var(--cc-tab-item-radius, var(--radius-l))}[dir=ltr] .cc-tab-item-component:last-child{border-top-right-radius:var(--cc-tab-item-radius, var(--radius-l))}[dir=rtl] .cc-tab-item-component:last-child{border-top-left-radius:var(--cc-tab-item-radius, var(--radius-l))}.cc-tab-item-component.cc-tab-item-active{--cc-tab-item-bg: transparent;--cc-tab-item-label: var(--color-text-bolder);--cc-tab-item-icon: var(--color-icon-bolder);box-shadow:var(--cc-tab-item-box-shadow-active)}.cc-tab-item-component.cc-tab-item-disabled{cursor:not-allowed;opacity:.5}.cc-tab-item-component:hover:not(.cc-tab-item-active):not(.cc-tab-item-disabled){--cc-tab-item-label: var(--color-text-bolder);--cc-tab-item-icon: var(--color-icon-bolder)}.cc-tab-item-component:active:not(.cc-tab-item-active):not(.cc-tab-item-disabled){opacity:.8}a.cc-tab-item-component.cc-tab-item-active{pointer-events:none}.cc-tab-item-icon{color:var(--cc-tab-item-icon);min-width:100%;transition:color .25s var(--motion-ease-out-gentle)}.cc-tab-item-label{color:var(--cc-tab-item-label);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-tab-item-badge{background-color:var(--color-bg-subtle);border-radius:var(--radius-m);color:var(--color-text-default);padding:var(--space-2) var(--space-4)}.cc-tab-item-notification{flex-shrink:0}.user-lifetime-score-component{align-items:center;color:var(--color-text-bolder);display:inline-flex;font-size:1.4rem;font-weight:600;justify-content:flex-start;line-height:1.14;margin-bottom:var(--space-16);max-width:100%;overflow:hidden;padding:var(--space-2) 0}[dir=ltr] .user-lifetime-score-component>span:first-child{margin-left:0}[dir=rtl] .user-lifetime-score-component>span:first-child{margin-right:0}.user-lifetime-score-component>*:not(.user-lifetime-score-tagline){display:flex;margin-left:.2rem;margin-right:.2rem}a.user-lifetime-score-component:hover{opacity:1}.user-lifetime-score-win{color:var(--color-text-win)}.user-lifetime-score-lose{color:var(--color-text-loss)}.user-lifetime-score-tagline{max-width:20rem}[dir=ltr] .user-lifetime-score-tagline{margin-left:.3rem}[dir=rtl] .user-lifetime-score-tagline{margin-right:.3rem}.user-lifetime-score-icon{font-size:1.2rem;justify-content:center}.user-lifetime-score-new{font-size:1.4rem;line-height:1.14;margin-bottom:0!important;margin-top:var(--space-4)}.user-lifetime-score-new>span{margin:0}.user-lifetime-score-new .user-lifetime-score-divider{margin:0 var(--space-4)}.user-lifetime-score-new .user-lifetime-score-vs{font-weight:400;margin:0 var(--space-4)}.user-lifetime-score-new .user-lifetime-score-vs,.user-lifetime-score-new .user-lifetime-score-divider,.user-lifetime-score-new .user-tagline-username{color:var(--color-text-subtle)}.recommend-box-divider{background-color:var(--color-border-default);margin-top:var(--space-12)}.recommend-box-container{align-items:center;background-color:var(--color-bg-subtler);border-radius:var(--radius-l);box-shadow:inset 0 -.2rem 0 0 var(--color-transparent-black-20);cursor:pointer;display:flex;flex-direction:row;flex-grow:0;gap:var(--space-8);justify-content:flex-start;padding:var(--space-8)}.recommend-box-container:hover{background-color:var(--color-bg-subtlest)}.recommend-box-content{align-items:stretch;align-self:stretch;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:0}.recommend-box-label{color:var(--color-text-speech);display:block;font-size:1.4rem;font-weight:600;line-height:1.8rem;margin:var(--space-12) 0 var(--space-4)}.recommend-box-thumbnail{height:6.4rem;width:6.4rem}.recommend-box-text{color:var(--color-text-speech);font-size:1.4rem;font-weight:600}[dir=ltr] .recommend-box-text{text-align:left}[dir=rtl] .recommend-box-text{text-align:right}.recommend-box-text:hover{color:var(--color-text-boldest)}.move-feedback-last-book-move-component{padding:var(--space-12) 0}.move-feedback-last-book-move-bubble{background-color:var(--color-gray-100);border-radius:var(--radius-l);color:var(--color-text-speech);display:flex;flex-direction:column;padding:var(--space-12)}.move-feedback-last-book-move-title{font-weight:600;line-height:2rem;text-decoration:underline}.move-feedback-last-book-move-stats{font-weight:400}.move-feedback-last-book-move-bar{padding:1rem 0}[dir=ltr] .move-feedback-speech-text-component span[data-type="."]{margin-left:-.4rem}[dir=rtl] .move-feedback-speech-text-component span[data-type="."]{margin-right:-.4rem}.move-feedback-speech-text-component span>a{font-weight:600;text-decoration:underline}.move-feedback-speech-text-component span>hr{background-color:var(--color-gray-300)}.move-feedback-speech-text-active{background:var(--color-gray-800);border-radius:var(--radius-l);box-shadow:inset 0 -.2rem 0 0 var(--color-gray-800);color:var(--color-neutrals-white);padding:.4rem}.move-feedback-speech-text-active:hover{cursor:pointer}.move-feedback-speech-text-highlighted{background:var(--color-gray-100);border-radius:var(--radius-l);box-shadow:inset 0 -.2rem 0 0 var(--color-gray-300);color:var(--color-text-speech);padding:.4rem}.move-feedback-speech-text-highlighted:hover{background:var(--color-gray-75);box-shadow:inset 0 -.2rem 0 0 var(--color-gray-400);color:var(--color-gray-600);cursor:pointer}.move-feedback-speech-text-highlighted-animate{background:var(--color-transparent-white-10);box-shadow:inset 0 -.2rem 0 0 var(--color-transparent-white-5);color:var(--color-transparent-white-85)}.move-feedback-speech-text-highlighted-animate:hover{background:#fff3;box-shadow:inset 0 -.2rem 0 0 var(--color-transparent-white-72);color:var(--color-neutrals-white)}.move-feedback-speech-text-sentence{margin:0 .2rem}.move-feedback-box-analysis-button{margin-top:.8rem}[dir=ltr] .move-feedback-box-analysis-button{margin-left:9.2rem}[dir=rtl] .move-feedback-box-analysis-button{margin-right:9.2rem}.move-feedback-box-analysis-button-no-coach,.move-feedback-box-analysis-secondaryMoveFeedback{margin-top:.8rem}[dir=ltr] .move-feedback-box-analysis-secondaryMoveFeedback{margin-left:9.6rem}[dir=rtl] .move-feedback-box-analysis-secondaryMoveFeedback{margin-right:9.6rem}.move-feedback-box-analysis-wrapper{display:flex;flex-direction:column;gap:.5rem;max-height:19.3rem;overflow-y:scroll;scrollbar-width:none;width:110%}[dir=ltr] .move-feedback-box-analysis-wrapper{margin-left:-1.5rem;padding-left:1.5rem}[dir=rtl] .move-feedback-box-analysis-wrapper{margin-right:-1.5rem;padding-right:1.5rem}:root{--coach-tail-width: 1.5rem;--coach-avatar-speech-overlap: var(--space-4);--coach-tail-with-overlap: calc(var(--coach-tail-width) + var(--coach-avatar-speech-overlap));--game-review-speech-bubble-height: 16.3rem}.move-feedback-button{margin-top:.8rem}[dir=ltr] .move-feedback-button{margin-left:7.8rem}[dir=rtl] .move-feedback-button{margin-right:7.8rem}.move-feedback-button-no-coach{margin-top:.8rem}.move-feedback-wrapper{display:flex;flex-direction:column;gap:.5rem;max-height:16.3rem;overflow-y:scroll;scrollbar-width:none;width:100%}[dir=ltr] .move-feedback-wrapper{margin-left:calc(-1 * var(--coach-tail-with-overlap));padding-left:var(--coach-tail-with-overlap)}[dir=rtl] .move-feedback-wrapper{margin-right:calc(-1 * var(--coach-tail-with-overlap));padding-right:var(--coach-tail-with-overlap)}.move-feedback-wrapper:not(.move-feedback-display-coach){--coach-tail-with-overlap: 0;--coach-avatar-speech-overlap: 0}@container sidebar (width < 36rem){[dir=ltr] .move-feedback-button{margin-left:6.2rem}[dir=rtl] .move-feedback-button{margin-right:6.2rem}}@container sidebar (width >= 48rem){[dir=ltr] .move-feedback-button{margin-left:9.4rem}[dir=rtl] .move-feedback-button{margin-right:9.4rem}}.report-card-legacy-component{display:flex;flex-direction:column}.report-card-legacy-icon{height:var(--icon-24)}.report-card-legacy-row{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;padding-top:.8rem}.report-card-legacy-row-title{color:var(--color-text-default);flex-grow:2;font-weight:600;line-height:var(--space-12);width:20%}.report-card-legacy-row-item{align-items:center;border-radius:var(--radius-l);display:flex;flex-grow:1;height:2.8rem;justify-content:center;text-align:center;width:33%}.tallies-new-button{color:var(--color-icon-default);cursor:pointer;font-size:2.4rem}.tallies-new-collapse{display:flex;justify-content:center;padding-top:1rem}.tallies-new-glyph{cursor:pointer;height:var(--icon-24)}.tallies-new-row{align-items:center;display:flex;flex-direction:row;gap:.8rem;justify-content:flex-end;padding-top:var(--space-12)}.tallies-new-row-title{color:var(--color-text-default);flex-grow:2;font-weight:600;line-height:1.6rem;width:20%}.tallies-new-tally-row{display:flex;flex-grow:6;justify-content:space-around}[dir=ltr] .tallies-new-tally-row{margin-right:4rem}[dir=rtl] .tallies-new-tally-row{margin-left:4rem}.tallies-new-value{cursor:pointer;font-size:1.7rem;font-weight:700;max-width:2.1rem;text-align:center;width:2.1rem}.game-overview-component>hr{background-color:var(--color-border-default)}.game-overview-loading{color:var(--color-text-default)!important}.game-overview-row{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;padding-top:.8rem}.game-overview-row-title{color:var(--color-text-default);flex-grow:2;font-weight:600;line-height:var(--space-16);width:20%}.game-overview-row-item{border-radius:var(--radius-l);flex-grow:1;text-align:center;width:33%}.game-overview-player{color:var(--color-text-boldest);font-weight:700}.game-overview-value{font-size:1.8rem;font-weight:700;max-width:2.1rem;text-align:center;width:2.1rem}.overview-view-arc{padding-top:var(--space-16)}.overview-view-container{--can-scroll: ;--if-can-scroll: var(--can-scroll, block);--if-cannot-scroll: none;animation:overview-view-detect-scroll linear;animation-timeline:scroll(self);container-name:sidebar;container-type:inline-size;display:flex;flex-direction:column}@keyframes overview-view-detect-scroll{0%,to{--can-scroll: }}.overview-view-container .overview-view-new-game{--can-scroll: ;--if-can-scroll: var(--can-scroll, block);--if-cannot-scroll: none;display:var(--if-can-scroll, var(--if-cannot-scroll));margin-top:auto;padding:0 2.4rem .8rem}.overview-view-component{display:flex;flex-direction:column;padding:2.4rem;position:relative}.overview-view-section{flex-shrink:0;overflow:unset}.overview-view-section.overview-view-bottom{margin-bottom:1.5rem}.explorer-search-form-component{padding:1.2rem}.explorer-search-form-explorer{display:grid;gap:.8rem;grid-template-columns:3fr 3fr 1fr;margin:.4rem 0;position:relative}.explorer-search-form-archive{margin:.8rem 0}.explorer-search-form-reset{background-color:transparent;border:none;margin:0;padding:0;align-items:center;color:var(--color-text-default);display:flex;font-size:1.2rem;font-weight:600;justify-content:center}.explorer-search-form-buttons{display:grid;gap:.8rem;grid-template-columns:2fr 1fr 1fr;margin-top:.8rem;position:relative}.explorer-search-form-buttons .explorer-search-form-button{flex:1 1 0}.animated-header-header{align-items:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-l) var(--radius-l) 0 0;display:grid;flex-shrink:0;grid-template-areas:"left title right";grid-template-columns:4.8rem 1fr 4.8rem;height:4.8rem}.animated-header-title{align-items:center;display:flex;gap:.8rem;grid-area:title;justify-content:center;padding:0 1.2rem}.animated-header-icon{font-size:2.4rem;color:var(--color-icon-bolder)}.animated-header-text{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-bolder);font-size:1.4rem;font-weight:600;line-height:1.1428}.animated-header-textBold{color:var(--color-text-bolder);font-family:var(--font-family-heading);font-size:1.7rem}.animated-header-back{background-color:transparent;border:none;margin:0;padding:0;color:var(--color-icon-default);grid-area:left;height:4.8rem;width:4.8rem}.animated-header-back:hover{color:var(--color-icon-default-hovered)}.animated-header-back:active{opacity:.8}.animated-header-backIcon{font-size:2.4rem;align-items:center;display:inline-flex;flex-shrink:0}.animated-header-close{grid-area:right}.game-collection-item-component{align-items:center;border-bottom:.1rem solid var(--color-border-default);display:flex;flex-wrap:wrap;gap:var(--space-12);height:4.8rem;padding:0 var(--space-12)}.game-collection-item-component:hover{background:var(--color-bg-subtlest)}.game-collection-item-component:not(.game-collection-item-empty){cursor:pointer}.game-collection-item-thumbnail{flex:0 0 2.4rem}.game-collection-item-name{color:var(--color-text-default);flex:1 1 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-collection-item-owner{flex:0 0 10rem}.game-collection-item-shared-icon{color:var(--color-icon-subtle)}.game-collection-item-games{align-items:flex-start;background:var(--color-bg-subtle);border-radius:var(--radius-m);color:var(--color-text-default);display:flex;font-size:1.2rem;padding:0 var(--space-4)}.username-search-autocomplete-field{align-items:center;border-bottom:.1rem solid var(--color-border-default);display:flex;padding:.5rem;width:100%}[dir=ltr] .username-search-autocomplete-invite-option{padding-left:.8rem}[dir=rtl] .username-search-autocomplete-invite-option{padding-right:.8rem}.username-search-autocomplete-avatar{background-color:var(--color-bg-subtler);flex-shrink:0;height:3rem;overflow:hidden;width:3rem}.username-search-autocomplete-username{color:var(--color-text-default)}[dir=ltr] .username-search-autocomplete-username{margin-left:.6rem;margin-right:.8rem}[dir=rtl] .username-search-autocomplete-username{margin-right:.6rem;margin-left:.8rem}.create-collection-modal-modal{border-radius:var(--radius-xl);display:flex;flex-direction:column}.create-collection-modal-content{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16)}.create-collection-modal-header{align-items:center;background:var(--color-bg-secondary);display:flex;gap:var(--space-12);height:4.8rem}[dir=ltr] .create-collection-modal-header{padding:0 var(--space-12) 0 var(--space-16)}[dir=rtl] .create-collection-modal-header{padding:0 var(--space-16) 0 var(--space-12)}.create-collection-modal-title{color:var(--color-text-boldest);text-align:center}.create-collection-modal-label{font-size:1.4rem;font-weight:600}.create-collection-modal-divider{background:var(--color-border-default);display:flex;height:.1rem;justify-content:center;margin:.4rem 0}.create-collection-modal-footer{align-items:flex-start;align-self:stretch;background:var(--color-bg-tertiary);display:flex;gap:var(--space-8);padding:var(--space-16)}.switch-menu-component{align-items:center;display:flex;font-size:1.3rem;gap:var(--space-8);min-height:1.6rem}.switch-menu-label{cursor:pointer}.switch-menu-dropdown-icon{color:var(--color-icon-default);cursor:pointer;font-size:2.4rem;line-height:1.6rem;padding:0 var(--space-8)}.switch-menu-dropdown-icon.switch-menu-open{color:var(--color-icon-bolder)}.switch-menu-dropdown-wrapper{align-items:center;display:flex;position:relative}.switch-menu-dropdown{align-items:flex-start;background:var(--color-neutrals-white);border-radius:var(--radius-l);box-shadow:0 .2rem .5rem #00000080;display:flex;flex-direction:column;justify-content:center;min-width:20rem;position:absolute;top:100%;z-index:9999}[dir=ltr] .switch-menu-dropdown{left:calc(100% - 4rem);padding:var(--space-4) var(--space-12) var(--space-4) 0}[dir=rtl] .switch-menu-dropdown{right:calc(100% - 4rem);padding:var(--space-4) 0 var(--space-4) var(--space-12)}.dark-mode .switch-menu-dropdown{background:var(--color-gray-900)}.switch-menu-item{align-items:center;display:flex;gap:var(--space-8)}[dir=ltr] .switch-menu-item{padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16)}[dir=rtl] .switch-menu-item{padding:var(--space-12) var(--space-16) var(--space-12) var(--space-12)}.collection-settings-update-thumbnail-component{display:flex;flex-direction:column;height:100%}.collection-settings-update-thumbnail-thumbnails{align-content:flex-start;display:flex;flex:1;flex-wrap:wrap;height:calc(100% - 12rem);justify-content:space-between;overflow:auto;padding:var(--space-16)}.collection-settings-update-thumbnail-btn{background:transparent;border:.3rem solid transparent;border-radius:var(--radius-xl);cursor:pointer;padding:.2rem}.collection-settings-update-thumbnail-btn:hover,.collection-settings-update-thumbnail-btn:focus{border-color:var(--color-border-default)}.collection-settings-update-thumbnail-btn.collection-settings-update-thumbnail-selected{border-color:var(--color-border-selected)}.collection-settings-update-thumbnail-img{border-radius:var(--radius-l);display:block}.collection-settings-update-thumbnail-actions{display:flex;height:6rem;justify-content:space-between;padding:1.2rem calc(var(--space-16) + .3rem)}.dropdown-option-option{align-items:center;border-top:.1rem solid var(--color-border-default);display:flex;flex-wrap:wrap;min-height:4rem;padding:.8rem 1.6rem}.dropdown-option-option:first-child{border-top:none}.dropdown-option-option:hover .dropdown-option-label,.dropdown-option-option:hover .dropdown-option-icon,.dropdown-option-option:hover .dropdown-option-info{color:var(--color-text-default)}.dropdown-option-label,.dropdown-option-icon{color:var(--color-text-subtle)}.dropdown-option-icon{font-size:1.6rem}[dir=ltr] .dropdown-option-icon{margin-right:1rem}[dir=rtl] .dropdown-option-icon{margin-left:1rem}.dropdown-option-checked{font-size:1.6rem;color:var(--color-icon-success)}[dir=ltr] .dropdown-option-checked{margin-left:auto}[dir=rtl] .dropdown-option-checked{margin-right:auto}[dir=ltr] .dropdown-option-switch{margin-left:auto}[dir=rtl] .dropdown-option-switch{margin-right:auto}.dropdown-option-info{font-size:1.6rem;color:var(--color-icon-default)}[dir=ltr] .dropdown-option-info{margin-left:.5rem}[dir=rtl] .dropdown-option-info{margin-right:.5rem}[dir=ltr] .dropdown-option-confirm{transform:translate(-30%,50%)}[dir=rtl] .dropdown-option-confirm{transform:translate(30%,50%)}.games-item-component{border-bottom:.1rem solid var(--color-border-default);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=ltr] .games-item-component{padding:0 var(--space-8) 0 var(--space-12)}[dir=rtl] .games-item-component{padding:0 var(--space-12) 0 var(--space-8)}.games-item-component:hover{background-color:var(--color-bg-subtlest)}.games-item-component.games-item-active{background-color:var(--color-bg-subtler)}.games-item-title{flex:1 1 0}.games-item-icon{padding:0 1rem}.games-item-player{flex:1 1 0;overflow:hidden}[dir=ltr] .games-item-player{margin-right:.6rem}[dir=rtl] .games-item-player{margin-left:.6rem}.games-item-rating{color:var(--color-text-subtle);flex:0 0 4rem}[dir=ltr] .games-item-rating{margin-right:1.2rem}[dir=rtl] .games-item-rating{margin-left:1.2rem}@container games-view-list (max-width: 400px){.games-item-rating{display:none}}.games-item-result{color:var(--color-text-bolder);flex:0 0 4rem;font-size:1.3rem;text-align:center}.games-item-name{flex:1 1 0}.games-item-year{color:var(--color-text-subtle);flex:0 0 5rem;text-align:center}.games-item-expand{align-items:center;cursor:pointer;display:flex;flex:0 0 2.4rem;justify-content:center}.games-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0}.games-list-component{display:flex;flex:1 1 0;flex-direction:column;min-height:4rem;overflow:auto}.games-list-scroll{display:flex;flex:1 1 0;flex-direction:column}.games-list-header{align-items:center;background-color:var(--color-bg-quaternary);color:var(--color-text-default);display:flex;font-size:1.1rem;position:sticky;top:0;z-index:1}[dir=ltr] .games-list-header{padding:.6rem .8rem .6rem 1.2rem}[dir=rtl] .games-list-header{padding:.6rem 1.2rem .6rem .8rem}.dark-mode .games-list-header{background-color:#1f1e1c}.games-list-column{align-items:center;display:flex}.games-list-loading{display:flex;flex:1 1 0;padding:.6rem 1.2rem}.games-list-spinner{margin:auto}.games-list-empty{border-top:.1rem solid var(--color-border-default);padding-top:6rem}.authentication-username-suggestions-component{padding-top:1.6rem}.authentication-username-suggestions-text{color:var(--color-gray-600);font-size:1.4rem;line-height:1;margin-bottom:1rem}.authentication-username-suggestions-suggestions{display:grid;grid-column-gap:3rem;grid-row-gap:.3rem;grid-template-columns:1fr 1fr}[dir=ltr] .authentication-username-suggestions-suggestion{text-align:left}[dir=rtl] .authentication-username-suggestions-suggestion{text-align:right}.authentication-username-suggestions-button{background:transparent;border:none;color:#39719c;font-size:1.4rem;line-height:1;padding:0}