.what-is-chess-ad{align-items:center;background:url(/bundles/web/images/web/whats.png) bottom center no-repeat #b9b39b;border-radius:var(--radius-5);cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;padding:0 2rem;position:relative}.what-is-chess-title{color:var(--color-neutrals-white);font-size:2.4rem;font-weight:600;line-height:1.4;margin-bottom:12.5rem;margin-top:2rem;text-align:center}.what-is-chess-play{align-items:center;background-color:var(--color-neutrals-white);border-radius:var(--radius-circular);bottom:.5rem;cursor:pointer;display:flex;height:8.5rem;justify-content:center;opacity:.9;position:absolute;width:8.5rem}[dir=ltr] .what-is-chess-play{left:50%;transform:translate(-50%)}[dir=rtl] .what-is-chess-play{right:50%;transform:translate(50%)}.what-is-chess-icon{color:var(--color-gray-500)}:export{ad:what-is-chess-ad;title:what-is-chess-title;play:what-is-chess-play;icon:what-is-chess-icon}


.board-game-title{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.board-game-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem}.board-game-preview{display:flex;height:100%;margin:0 auto;max-width:32rem;width:100%}:export{title:board-game-title;subtitle:board-game-subtitle;preview:board-game-preview}


.membership-players-content{display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(auto-fill,minmax(23rem,1fr))}.membership-players-player{display:grid;gap:1.2rem;grid-template-columns:4.8rem auto}.membership-players-player-details{display:grid;max-width:100%;overflow:hidden}.membership-players-fullname{font-weight:600;line-height:2rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-players-user-rating{color:var(--color-text-subtle);font-size:1.3rem;font-weight:400;line-height:1.7rem;margin-bottom:0}:export{content:membership-players-content;player:membership-players-player;player-details:membership-players-player-details;fullname:membership-players-fullname;user-rating:membership-players-user-rating}


.modal-with-footer-modal{display:flex;flex-direction:column;max-width:100%;min-width:35rem;overflow:hidden;padding:1.5rem;text-align:center;width:36.6rem}.modal-with-footer-newbie{background-color:var(--color-bg-opaque-lighter);border-radius:var(--radius-10);box-shadow:var(--elevation-modal);max-width:40rem;position:absolute;width:auto;z-index:950}.modal-with-footer-newbie .modal-with-footer-content{margin:0;padding:1.5rem}.modal-with-footer-content{flex:1 1 auto;margin-bottom:1.5rem}.modal-with-footer-footer{display:flex;flex:0 0 auto;justify-content:center;margin:auto -1.5rem -1.5rem}:export{modal:modal-with-footer-modal;newbie:modal-with-footer-newbie;content:modal-with-footer-content;footer:modal-with-footer-footer}


.promo-background-wrapper{align-items:center;display:flex;justify-content:center;min-width:100%;position:relative}.promo-background-wrapper>img{height:auto}.promo-background-fixed-height{height:85vh}.promo-background-image{align-self:center;display:flex;justify-self:center;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.promo-section{border-radius:var(--radius-3);margin-bottom:2.4rem;overflow:hidden}.promo-modal-layout{display:flex;inset:0;position:absolute}:export{background-wrapper:promo-background-wrapper;background-fixed-height:promo-background-fixed-height;background-image:promo-background-image;section:promo-section;modal-layout:promo-modal-layout}


:export{max1024:63.999em;max1100:68.749em;max1200:74.999em;max1250:78.124em;max1400:87.499em;max330:20.624em;max400:24.999em;max480:29.999em;max550:34.374em;max640:39.999em;max700:43.749em;max768:47.999em;max960:59.999em;min1024:64em;min1100:68.75em;min1200:75em;min1250:78.125em;min1366:85.375em;min1400:87.5em;min1920:119.938em;min330:20.625em;min400:25em;min480:30em;min550:34.375em;min615:38.438em;min640:40em;min700:43.75em;min768:48em;min900:56.25em;min960:60em}.newbie-modal-title{color:var(--color-text-boldest);font-family:var(--font-family-heading);font-size:2rem;margin-bottom:1.5rem;text-align:center}.newbie-modal-list{color:var(--color-text-default);margin:0 0 1.5rem}[dir=ltr] .newbie-modal-list{text-align:left}[dir=rtl] .newbie-modal-list{text-align:right}.newbie-modal-list h2{font-size:1.4rem;font-weight:400;line-height:1.25}.newbie-modal-wrapper,.newbie-modal-wrapper-slim{padding:1.5rem;width:100%}.newbie-modal-background{align-items:center;cursor:pointer;display:flex;height:19rem;justify-content:center;margin-bottom:1.5rem;position:relative}.newbie-modal-four-players{background:url(/bundles/web/images/promo-pages/how-to-play-4player-chess.jpg) bottom center no-repeat}.newbie-modal-bughouse{background:url(/bundles/web/images/promo-pages/how-to-play-bughouse.jpg) bottom center no-repeat}.newbie-modal-play{align-items:center;background-color:var(--color-transparent-white-85);border-radius:var(--radius-circular);display:flex;height:5rem;justify-content:center;position:absolute;width:5rem}.newbie-modal-icon{color:var(--color-gray-500);position:relative}.newbie-modal-promo-image{margin:0 auto 1rem}@media all and (-webkit-min-device-pixel-ratio: 1.5),all and (min-device-pixel-ratio: 1.5){.newbie-modal-four-players{background:url(/bundles/web/images/promo-pages/how-to-play-4player-chess@2x.jpg) bottom center no-repeat;background-size:34rem 19rem}.newbie-modal-bughouse{background:url(/bundles/web/images/promo-pages/how-to-play-bughouse@2x.jpg) bottom center no-repeat;background-size:34rem 19rem}}@media (min-width: 48em){.newbie-modal-wrapper{padding:3rem}}:export{title:newbie-modal-title;list:newbie-modal-list;wrapper:newbie-modal-wrapper;wrapper-slim:newbie-modal-wrapper-slim;background:newbie-modal-background;four-players:newbie-modal-four-players;bughouse:newbie-modal-bughouse;play:newbie-modal-play;icon:newbie-modal-icon;promo-image:newbie-modal-promo-image}


.social-likes-component{align-items:center;background-color:var(--color-bg-tertiary);border-radius:0 0 var(--radius-5) var(--radius-5);display:flex;justify-content:space-around;padding:var(--space-16) var(--space-4)}.social-likes-component.social-likes-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:var(--space-16)}.social-likes-network{align-items:center;align-self:center;color:var(--color-text-default);cursor:pointer;display:flex;flex-direction:column;flex-grow:1;gap:.4rem;justify-content:center;justify-self:center;max-width:8rem;transition:ease color .15s}.social-likes-network:hover{color:var(--color-text-default-hovered)}.social-likes-quantity{font-size:1.4rem}:export{component:social-likes-component;grid:social-likes-grid;network:social-likes-network;quantity:social-likes-quantity}


.social-members-category{align-items:center;display:flex;padding:1rem 1.5rem}.social-members-category+.social-members-category{border-top:.1rem solid var(--color-border-default)}.social-members-title{align-items:center;display:flex;justify-content:center}.social-members-icon{color:var(--color-icon-default)}.social-members-content{color:var(--color-text-default);font-size:1.4rem;font-weight:600}[dir=ltr] .social-members-content{margin-left:1rem}[dir=rtl] .social-members-content{margin-right:1rem}.social-members-quantity{color:var(--color-text-boldest);font-size:1.4rem;font-weight:700}[dir=ltr] .social-members-quantity{margin-left:auto}[dir=rtl] .social-members-quantity{margin-right:auto}:export{category:social-members-category;title:social-members-title;icon:social-members-icon;content:social-members-content;quantity:social-members-quantity}