body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;width:100%;height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}button[aria-disabled=true]{opacity:.3;cursor:default}*{box-sizing:border-box}:root{--xf-purple:#6138f5;--xf-blue:#1f69ff;--xf-green:#008558;--xf-red:#e6004d;--xfinity-light-button:#ececf2}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-Bold.eot);src:url(/fonts/XfinityBrownWeb-Bold.woff) format("woff"),url(/fonts/XfinityBrownWeb-Bold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-BoldItalic.eot);src:url(/fonts/XfinityBrownWeb-BoldItalic.woff) format("woff"),url(/fonts/XfinityBrownWeb-BoldItalic.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-Regular.eot);src:url(/fonts/XfinityBrownWeb-Regular.woff) format("woff"),url(/fonts/XfinityBrownWeb-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-Italic.eot);src:url(/fonts/XfinityBrownWeb-Italic.woff) format("woff"),url(/fonts/XfinityBrownWeb-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-Light.eot);src:url(/fonts/XfinityBrownWeb-Light.woff) format("woff"),url(/fonts/XfinityBrownWeb-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:XfinityBrown;src:url(/fonts/XfinityBrownWeb-LightItalic.eot);src:url(/fonts/XfinityBrownWeb-LightItalic.woff) format("woff"),url(/fonts/XfinityBrownWeb-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:DmSansRegular;src:url(/fonts/dmsans-regular.woff) format("woff"),url(/fonts/dmsans-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DmSansMedium;src:url(/fonts/dmsans-medium.eot);src:url(/fonts/dmsans-medium.woff) format("woff"),url(/fonts/dmsans-medium.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:DmSansBold;src:url(/fonts/dmsans-bold.eot);src:url(/fonts/dmsans-bold.woff) format("woff"),url(/fonts/dmsans-bold.woff2) format("woff2");font-weight:800;font-display:swap}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.type-display-1,.type-display-2,.type-display-xl,.type-headline-1,.type-headline-2,.type-headline-3{font-weight:700;letter-spacing:.2px;font-family:XfinityBrown,sans-serif}.html-body.type-body-1 a,.type-body-1,.type-body-2,.type-body-3,.type-body-xl,.type-callout-1,.type-callout-2{font-weight:400;letter-spacing:0;font-family:DmSansRegular,sans-serif;font-feature-settings:none;font-variant-ligatures:none}.type-display-xl{line-height:48px;font-size:48px}.type-display-1{line-height:48px;font-size:2.25rem;font-size:36px}.type-display-2{line-height:40px;font-size:32px}.type-headline-1{line-height:32px;font-size:24px}.type-headline-2{line-height:28px;font-size:20px}.type-headline-3{line-height:24px;font-size:16px}.type-body-xl{font-size:20px}.html-body.type-body-1 a,.type-body-1{line-height:16px;font-size:12px}@media(min-width:800px){.html-body.type-body-1 a,.type-body-1{line-height:22px;font-size:15px}}.type-body-2{line-height:20px;font-size:14px}.type-body-3,.type-body-4{line-height:16px;font-size:12px}.body-bold.body-bold,.type-body-4,strong{font-weight:800;font-family:DmSansBold,sans-serif}.type-callout-1,.type-callout-2{letter-spacing:1px;line-height:16px}.type-callout-1{font-size:14px}.type-callout-2{font-size:12px}.type-caption{font-family:DmSansMedium,sans-serif;font-size:10px;font-weight:500}@media(max-width:800px){.type-display-2{line-height:1.2rem;font-size:1.1rem}.type-headline-1{line-height:1.2rem;font-size:.9rem}}.light-primary-button,.light-secondary-button,.primary-button,.theme-1-primary-button,.theme-1-secondary-button,.xf-red-button{cursor:pointer;font-size:16px;padding:16px 32px;border-radius:4pt;font-weight:700}.light-primary-button.small,.light-secondary-button.small,.primary-button.small,.theme-1-primary-button.small,.theme-1-secondary-button.small,.xf-red-button.small{padding:12px 24px}.light-primary-button.medium,.light-secondary-button.medium,.primary-button.medium,.theme-1-primary-button.medium,.theme-1-secondary-button.medium,.xf-red-button.medium{padding:16px 32px}.light-primary-button,.primary-button,.theme-1-primary-button,.xf-red-button{border:none}.light-primary-button{color:#0d0d0f;background-color:var(--xfinity-light-button);outline-offset:-3px}.light-primary-button:focus{outline:2px solid #0d0d0f}.light-primary-button:focus:not(:focus-visible){outline:none}.light-primary-button:focus-visible{outline:2px solid #0d0d0f}.light-primary-button:hover{background-color:#f6f6f9}.light-primary-button:disabled,.light-primary-button[aria-disabled=true],.light-primary-button[disabled]{opacity:.3;background-color:#ececf2}.light-primary-button.selected,.light-primary-button:active{background-color:#fff}.xf-red-button{color:#fff;background-color:var(--xf-red);outline-offset:3px}.xf-red-button:focus{outline:2px solid #90002f}.xf-red-button:focus:not(:focus-visible){outline:none}.xf-red-button:focus-visible{outline:2px solid #90002f}.xf-red-button:hover{background-color:#90002f}.xf-red-button:disabled,.xf-red-button[aria-disabled=true],.xf-red-button[disabled]{cursor:default;opacity:.3;background-color:#90002f}.xf-red-button.selected,.xf-red-button:active{background-color:#90002f}.light-secondary-button,.theme-1-secondary-button{background-color:transparent;border:2px solid var(--xfinity-light-button);outline-offset:3px;line-height:1}.light-secondary-button{color:var(--xfinity-light-button)}.light-secondary-button:focus{color:#000;background-color:#fff;outline:2px solid #fff}.light-secondary-button:focus:not(:focus-visible){color:#f6f6f9;background-color:transparent;outline:none}.light-secondary-button:focus-visible{outline:2px solid #fff}.light-secondary-button:hover{color:#000!important;background-color:#f6f6f9!important;border:2px solid transparent}.light-secondary-button.selected,.light-secondary-button:active{background-color:#fff!important}.light-secondary-button:disabled,.light-secondary-button[aria-disabled=true],.light-secondary-button[disabled]{cursor:default;color:#0d0d0f!important;opacity:.3;background-color:transparent!important;border-color:rgba(35,35,40,.15)}.app-container{display:flex;text-align:center;align-items:center;justify-content:center;flex-direction:col;flex-wrap:wrap;width:100%;height:100%;overflow-x:hidden}@media(max-width:1200px){.app-container{align-items:flex-start}}.game-container{position:relative;width:100%;max-width:900px;border-radius:25px}.game-container .how-to-body strong{font-weight:700;color:var(--xf-purple)}.game-container .game-footer{width:100%;padding:4% 5%}.game-container .game-title{margin-top:1rem}.game-container .game-title span{display:flex;width:100%;align-items:center;justify-content:center}@media(max-width:800px){.game-container .game-title span{padding:.1rem 1.5rem}.game-container .game-title span img{width:60px}}.game-container .game-title p{margin:1rem}.game-container .game-title h1,.game-container .game-title h2,.game-container .game-title h3{margin:0}@media(max-width:800px){.game-container .game-title{margin-bottom:1rem}.game-container .game-title h2{font-size:1.4rem;line-height:1.6rem;margin-top:.5rem}.game-container .game-title img{margin-right:1rem}}.game-container .game-title h3{margin-left:3.5rem;display:inline-block}.game-container .game-title h3 span{width:unset;display:inline-block}.game-container .game-title h3 span:first-child{margin-right:4rem}@media(max-width:800px){.game-container .game-title h3{display:flex;margin:0;justify-content:center}.game-container .game-title h3 span{margin:0!important}}.game-container .game-content{text-align:center;padding:3% 5%}.game-container .game-content.intro-view{display:flex;align-items:center;justify-content:center;padding:5% 5% 5% 0}@media(max-width:800px){.game-container .game-content.intro-view{flex-direction:column}}.game-container .game-content h1,.game-container .game-content h2{margin:.5rem auto 0}.game-container .game-content .game-right-col{margin-left:5%;text-align:left}@media(max-width:800px){.game-container .game-content .game-right-col{text-align:center}}.game-container .game-content .answer-response{text-align:left;padding-left:1rem;padding-right:4rem;flex-grow:1;color:var(--xf-red);margin:0}@media(max-width:800px){.game-container .game-content .answer-response{padding-right:1rem;text-align:center;margin-bottom:1rem}}.game-container .game-footer button.intro-button,.game-container .select-card button.intro-button{display:inline-flex;align-items:center;background-color:transparent;border:none}.game-container .game-footer button.intro-button svg,.game-container .select-card button.intro-button svg{margin-left:1rem;transition:transform .25s}.game-container .game-footer button.intro-button:hover svg,.game-container .select-card button.intro-button:hover svg{transform:translateX(10px)}.game-container.purple{background-color:var(--xf-purple)}.game-container.purple .game-content,.game-container.purple .game-footer{background-color:var(--xf-purple);color:#fff}.game-container.purple .game-content{color:#fff}.game-container.purple .end-content a{text-decoration:underline}.game-container.purple .end-content a:hover{color:#f6f6f9}.game-container.purple .game-footer button,.game-container.purple .select-card button{background-color:var(--xf-purple);color:#fff}.game-container.purple .select-card{opacity:0;visibility:hidden}.game-container.purple .select-card.active{opacity:1;visibility:visible}#end-particles,#success-particles{position:absolute;width:100%;height:100%;pointer-events:none}#end-particles{top:0;left:0;max-width:100vw;z-index:1}#success-particles{top:0;left:50%;width:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;z-index:-1}@media(max-width:800px){#success-particles{width:100%}}#success-particles canvas{width:100%;height:100%;z-index:-1}