.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}


: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}


.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}