.cbo-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:400;height:3.5rem;justify-content:center;letter-spacing:.12em;padding:0;position:relative;text-align:center;text-decoration:none;text-transform:uppercase}.cbo-button[disabled]{cursor:auto}.cbo-button .button-background{bottom:15%;display:block;left:-7.5%;position:absolute;right:-7.5%;top:15%}.cbo-button .button-background svg{display:block;height:100%;width:100%}.cbo-button .button-background svg path{transition:fill .3s}.cbo-button .button-label{align-items:center;border:3px solid #fff;display:flex;height:100%;justify-content:center;padding:0 1rem;position:relative;text-align:center;width:100%}.cbo-button.button--red .button-background svg path,.cbo-button:active .button-background svg path{fill:#ff4412}.cbo-button.button--white .button-background svg path{fill:#fff}.cbo-button.button--white .button-label{border-color:#1a1f2c;color:#1a1f2c}.cbo-button.button--transparent{color:#97a0ba;height:auto;transition:color .3s}.cbo-button.button--transparent .button-background{display:none}.cbo-button.button--transparent .button-label{border:0;padding:0}.cbo-button.button--transparent:active{color:#ff4412}@media(min-width:1024px){.cbo-button{font-size:1.5625rem;height:5.3125rem}.cbo-button .button-label{padding:0 2rem}.cbo-button:hover .button-background svg path{fill:#ff4412}.cbo-button.button--transparent:hover{color:#ff4412}}@-webkit-keyframes shaking{0%{-webkit-transform:translateY(-1.5%) rotate(-.25deg);transform:translateY(-1.5%) rotate(-.25deg)}50%{-webkit-transform:translateY(1.5%) rotate(.25deg);transform:translateY(1.5%) rotate(.25deg)}}@keyframes shaking{0%{-webkit-transform:translateY(-1.5%) rotate(-.25deg);transform:translateY(-1.5%) rotate(-.25deg)}50%{-webkit-transform:translateY(1.5%) rotate(.25deg);transform:translateY(1.5%) rotate(.25deg)}}@-webkit-keyframes leaking{0%{opacity:1;-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes leaking{0%{opacity:1;-webkit-transform:translateY(-25%);transform:translateY(-25%)}to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes leaking-end{0%{opacity:1;-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}50%{opacity:.75;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}to{opacity:0;-webkit-transform:translateY(-5%) scale(.25);transform:translateY(-5%) scale(.25)}}@keyframes leaking-end{0%{opacity:1;-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}50%{opacity:.75;-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}to{opacity:0;-webkit-transform:translateY(-5%) scale(.25);transform:translateY(-5%) scale(.25)}}.cbo-pipe{max-width:6rem;width:33%}.cbo-pipe,.cbo-pipe .pipe-button{display:block;position:relative;z-index:1}.cbo-pipe .pipe-button{background:url(/static/media/connector.45fb6a41223a1160481e.svg) no-repeat 50%;background-size:contain;border:none;cursor:pointer;height:auto;padding:0 0 83.33%;-webkit-user-select:none;user-select:none;width:100%}.cbo-pipe .pipe-leak{content:"";display:block;left:50%;padding-bottom:102.0819%;position:absolute;top:90%;-webkit-transform:translateX(-50%) scaleY(0);transform:translateX(-50%) scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:43%}.cbo-pipe .pipe-leak svg g{-webkit-animation:leaking .5s linear infinite;animation:leaking .5s linear infinite;display:block;opacity:.8;-webkit-transform-origin:bottom;transform-origin:bottom}.cbo-pipe .pipe-leak svg g:nth-child(2){-webkit-animation-delay:.05s;animation-delay:.05s}.cbo-pipe .pipe-leak svg g:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.cbo-pipe .pipe-leak svg g:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s}.cbo-pipe .pipe-leak svg g:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.cbo-pipe .pipe-leak svg g:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s}.cbo-pipe .pipe-leak svg g:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s}.cbo-pipe .pipe-leak svg g:nth-child(8){-webkit-animation:leaking-end .5s linear infinite;animation:leaking-end .5s linear infinite;-webkit-animation-delay:.9s;animation-delay:.9s}.cbo-pipe .pipe-leak svg g:nth-child(9){-webkit-animation:leaking-end .5s linear infinite;animation:leaking-end .5s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.cbo-pipe .pipe-leak svg g:nth-child(10){-webkit-animation:leaking-end .5s linear infinite;animation:leaking-end .5s linear infinite;-webkit-animation-delay:1.1s;animation-delay:1.1s}.cbo-pipe.pipe--leak .pipe-button{-webkit-animation:shaking .25s linear infinite;animation:shaking .25s linear infinite}.cbo-pipe.pipe--leak .pipe-leak{-webkit-transform:translateX(-50%) scaleY(1);transform:translateX(-50%) scaleY(1)}.cbo-pipe.pipe--active .pipe-button{-webkit-transform:scale(1.1);transform:scale(1.1);transition-delay:0s}.cbo-home{align-items:center;background:#1a1f2c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.cbo-home:before{box-shadow:inset 0 0 6vw 2vw rgba(0,0,0,.75);content:"";display:block;z-index:2}.cbo-home .home-background,.cbo-home:before{height:100%;left:0;position:absolute;top:0;width:100%}.cbo-home .home-background{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s cubic-bezier(.85,0,.15,1) .5s}.cbo-home .home-background .background-topleft{height:20vh;left:0;position:absolute;top:0;width:30vw}.cbo-home .home-background .background-topleft:after,.cbo-home .home-background .background-topleft:before{content:"";display:block;position:absolute}.cbo-home .home-background .background-topleft:before{background:url(/static/media/pipe-h.ffe948df0aa3b6dbd13b.svg) repeat-x 50%;background-size:auto 100%;bottom:0;height:2vw;left:0;min-height:2rem;right:1px}.cbo-home .home-background .background-topleft:after{background:url(/static/media/pipe-v.f0d172ab169d60d54a14.svg) repeat-y 50%;background-size:100% auto;bottom:0;min-width:2rem;right:0;top:-40vh;-webkit-transform:skewY(45deg);transform:skewY(45deg);-webkit-transform-origin:bottom right;transform-origin:bottom right;width:2vw}.cbo-home .home-background .background-right{height:100vh;position:absolute;right:0;top:0;width:10vw}.cbo-home .home-background .background-right:before{background:url(/static/media/pipe-v.f0d172ab169d60d54a14.svg) repeat-y 50%;background-size:100% auto;bottom:0;content:"";display:block;left:0;min-width:2rem;position:absolute;top:0;width:2vw}.cbo-home .home-background .background-right .cbo-pipe{left:0;max-width:none;min-width:5.5rem;position:absolute;top:20%;-webkit-transform:rotate(90deg) translateY(38%);transform:rotate(90deg) translateY(38%);width:5.5vw}.cbo-home .home-background .background-bottom{bottom:0;height:20vh;left:0;position:absolute;width:100vw}.cbo-home .home-background .background-bottom:before{background:url(/static/media/pipe-h.ffe948df0aa3b6dbd13b.svg) repeat-x 50%;background-size:auto 100%;content:"";display:block;height:2vw;left:0;min-height:2rem;position:absolute;right:1px;top:0}.cbo-home .home-background .background-bottom .cbo-pipe{left:10%;max-width:none;min-width:5.5rem;position:absolute;top:0;-webkit-transform:rotate(-180deg) translateY(27%);transform:rotate(-180deg) translateY(27%);width:5.5vw}.cbo-home .home-inner{position:relative;width:100%;z-index:10}.cbo-home .home-logo{margin:0 auto 10vh;max-width:23.75rem;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s cubic-bezier(.85,0,.15,1) .8s;width:20%}.cbo-home .home-logo svg{display:block;height:auto;width:100%}.cbo-home .home-buttons{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .5s cubic-bezier(.85,0,.15,1) 1s}.cbo-home .home-button{opacity:0;position:relative;text-align:center;-webkit-transform:scale(.9);transform:scale(.9);transition:all .5s cubic-bezier(.215,.6,.27,.995)}.cbo-home .home-button.button--active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.cbo-home .home-loading{align-items:center;display:flex;flex-direction:column;height:3.5rem;justify-content:center;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .5s linear}.cbo-home .home-loading .loading-title{color:#fff;font-size:.75rem;margin:0 0 .25rem;text-align:center}.cbo-home .home-loading .loading-bar{border-radius:999rem;height:.25rem;overflow:hidden;position:relative;width:18.75rem}.cbo-home .home-loading .loading-bar div{background:#fff;height:100%;left:0;position:absolute;top:0;transition:width .15s cubic-bezier(.215,.6,.27,.995)}.cbo-home .home-loading.loading--active{opacity:1}.cbo-home .home-fullscreen{margin-top:1rem;text-align:center}.cbo-home .home-fullscreen button{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:.75rem;letter-spacing:.2em;margin:0 auto;padding:0;text-transform:uppercase}.cbo-home.home--active .home-background,.cbo-home.home--active .home-buttons,.cbo-home.home--active .home-logo{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media(min-width:1024px){.cbo-home .home-loading{height:5.3125rem}.cbo-home .home-fullscreen{margin-top:1rem}}.cbo-grid{align-items:flex-start;display:flex;flex-wrap:wrap;height:80%;justify-content:flex-start;left:0;position:absolute;top:0;width:100%}.cbo-grid .grid-cel{position:relative}.cbo-grid .grid-cel .cel-pipe{display:block;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.cbo-grid .grid-cel .cel-pipe.pipe--h{background:url(/static/media/pipe-h.ffe948df0aa3b6dbd13b.svg) repeat-x 50%;background-size:auto 100%;box-shadow:0 -.5rem .5rem -.5rem rgba(0,0,0,.15);max-height:2.25rem;width:100%}.cbo-grid .grid-cel .cel-pipe.pipe--h .pipe-inner{padding-bottom:10%;width:100%}.cbo-grid .grid-cel .cel-pipe.pipe--v{background:url(/static/media/pipe-v.f0d172ab169d60d54a14.svg) repeat-y 50%;background-size:100% auto;box-shadow:-.5rem 0 .5rem -.5rem rgba(0,0,0,.15);height:100%;max-width:2.25rem;width:10%}.cbo-grid .grid-cel .cel-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.cbo-grid .grid-cel .cbo-pipe{margin-left:0;margin-right:auto}.cbo-grid .grid-cel:nth-child(3n+1) .cbo-pipe{margin-left:auto;margin-right:0;-webkit-transform:scaleY(-1);transform:scaleY(-1)}.cbo-grid .grid-cel:nth-child(4n+1):not(.cel--r0) .cbo-pipe{margin-left:auto;margin-right:auto;margin-top:-50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cbo-grid .grid-cel:nth-child(4n+1).cel--r1 .cbo-pipe,.cbo-grid .grid-cel:nth-child(4n+1).cel--r3 .cbo-pipe{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.cbo-grid .grid-cel:nth-child(odd) .cel-pipe.pipe--h{z-index:1}.cbo-grid.grid--fake{top:80%}.cbo-game.game--tutorial .cbo-grid .grid-cel .cel-pipe{opacity:.33}.cbo-game.game--tutorial .cbo-grid .grid-cel .cel-content{opacity:.5}@-webkit-keyframes water{0%{background-position:0 0}to{background-position:0 -2%;-webkit-transform:translateX(-2%);transform:translateX(-2%)}}@keyframes water{0%{background-position:0 0}to{background-position:0 -2%;-webkit-transform:translateX(-2%);transform:translateX(-2%)}}.cbo-water{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:12}.cbo-water .water-fill{bottom:0;left:0;position:absolute;transition:height .5s ease-out;width:100%;will-change:height}.cbo-water .water-fill .fill{height:100%;left:0;position:absolute;top:0;width:300%}.cbo-water .water-fill .fill svg{content:"";display:block;height:auto;left:0;position:absolute;top:0;width:110vw}.cbo-water .water-fill .fill svg path{transition:fill .5s}.cbo-water .water-fill .fill.fill--a svg{animation:water 2s ease-in-out infinite alternate-reverse}.cbo-water .water-fill .fill.fill--b svg{animation:water 1.8s ease-in-out infinite alternate-reverse;-webkit-animation-delay:1s;animation-delay:1s}.cbo-score{bottom:5%;color:#1a1f2c;font-size:1rem;font-weight:300;position:absolute;right:5%;transition:opacity .5s;z-index:100}.cbo-score .score-background{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.cbo-score .score-background svg{display:block;height:100%;width:100%}.cbo-score .score-background svg path{fill:#fff;transition:fill .5s}.cbo-score .score-counter{display:block;min-width:6.25rem;padding:.25rem 1rem;position:relative;text-align:right}.cbo-game.game--tutorial .cbo-score{opacity:.5}@media(min-width:1024px){.cbo-score{font-size:3rem}.cbo-score .score-counter{min-width:15.625rem;padding:.5rem 1.5rem}}.cbo-level{bottom:5%;color:#1a1f2c;font-size:1rem;font-weight:300;left:5%;position:absolute;z-index:100}.cbo-level .level-background{bottom:0;display:block;left:0;position:absolute;right:0;top:0}.cbo-level .level-background svg{display:block;height:100%;width:100%}.cbo-level .level-background svg path{fill:#40f178}.cbo-level .level-label{display:block;padding:.25rem 1rem;position:relative;text-align:right}@media(min-width:1024px){.cbo-level{font-size:3rem}.cbo-level .level-label{padding:.5rem 1.5rem}}.cbo-time{bottom:3%;color:#fff;font-size:1.75rem;font-weight:300;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .5s;z-index:100}.cbo-time .time-pause{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:.75rem;letter-spacing:.2em;margin:0 auto;padding:0;text-transform:uppercase}.cbo-game.game--tutorial .cbo-time{opacity:.5}@media(min-width:1024px){.cbo-time{bottom:5%;font-size:4.75rem;margin-bottom:-1.75rem}.cbo-time .time-pause{font-size:1.25rem}}.cbo-game{background:#1a1f2c;position:fixed}.cbo-game,.cbo-game:before{height:100%;left:0;top:0;width:100%}.cbo-game:before{box-shadow:inset 0 0 6vw 2vw rgba(0,0,0,.75);content:"";display:block;position:absolute;z-index:2}.cbo-game .game-controls{left:5%;position:absolute;top:5%;z-index:100}.cbo-tutorial{height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}.cbo-tutorial .tutorial-box{background:#1a1f2c;border:2px solid #40f178;border-radius:1rem;box-shadow:0 0 2rem 1rem rgba(0,0,0,.2);color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:2rem;min-height:60vh;padding:1.5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40%}.cbo-tutorial .tutorial-box .box-content p{font-size:1.125rem;font-weight:300;line-height:1.35em;margin-top:0}.cbo-tutorial .tutorial-box .box-buttons div{display:flex;justify-content:space-between;margin-top:1rem;width:100%}.cbo-game.game--step1 .cbo-grid .grid-cel:nth-child(7) .cel-content{opacity:1;position:relative}.cbo-game.game--step1 .cbo-grid .grid-cel:nth-child(7) .cel-content .cbo-pipe:after,.cbo-game.game--step1 .cbo-grid .grid-cel:nth-child(7) .cel-content .cbo-pipe:before{border-radius:999rem;content:"";display:block;left:50%;padding-bottom:300%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300%}.cbo-game.game--step1 .cbo-grid .grid-cel:nth-child(7) .cel-content .cbo-pipe:before{border:2px solid #40f178;z-index:11}.cbo-game.game--step1 .cbo-grid .grid-cel:nth-child(7) .cel-content .cbo-pipe:after{background:#40f178;mix-blend-mode:color;opacity:.125;z-index:10}.cbo-game.game--step2 .cbo-tutorial .tutorial-box{border-color:#ff4412}.cbo-game.game--step2 .cbo-grid .grid-cel:nth-child(3) .cel-content{opacity:1;position:relative}.cbo-game.game--step2 .cbo-grid .grid-cel:nth-child(3) .cel-content .cbo-pipe:after,.cbo-game.game--step2 .cbo-grid .grid-cel:nth-child(3) .cel-content .cbo-pipe:before{border-radius:999rem;content:"";display:block;left:50%;padding-bottom:300%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300%}.cbo-game.game--step2 .cbo-grid .grid-cel:nth-child(3) .cel-content .cbo-pipe:before{border:2px solid #ff4412;z-index:11}.cbo-game.game--step2 .cbo-grid .grid-cel:nth-child(3) .cel-content .cbo-pipe:after{background:#ff4412;mix-blend-mode:color;opacity:.125;z-index:10}.cbo-game.game--step3 .cbo-time{color:#40f178;opacity:1}.cbo-game.game--step3 .cbo-score{opacity:1}.cbo-game.game--step3 .cbo-score .score-background svg path,.cbo-game.game--step4 .cbo-water .water-fill .fill svg path{fill:#40f178}@media(min-width:1024px){.cbo-tutorial .tutorial-box{border-width:3px;left:4.5rem;min-height:40rem;padding:4rem 3.375rem 3.375rem;width:35rem}.cbo-tutorial .tutorial-box .box-content p{font-size:2.25rem}}.cbo-popin{background:#1a1f2c;border-radius:1rem;box-shadow:0 0 2rem 1rem rgba(0,0,0,.2);color:#fff;left:50%;max-height:85%;max-width:85%;overflow:auto;padding:1.5rem 2rem;position:absolute;text-align:center;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto;z-index:5000}.cbo-popin .popin-title{font-size:2.25rem;font-weight:300;line-height:1em;margin:0 0 .5em}.cbo-popin .popin-content{flex-grow:1}.cbo-popin .popin-content p{font-size:.9375rem;font-weight:300;line-height:1.35em}.cbo-popin .popin-button .cbo-button{display:flex;margin:.5rem auto 0;max-width:20rem;width:100%}@media(min-width:1024px){.cbo-popin{padding:4rem 6rem}.cbo-popin .popin-title{font-size:4rem}.cbo-popin .popin-content p{font-size:1.625rem;line-height:1.5em}.cbo-popin .popin-button .cbo-button{margin:1rem 0 0}}.cbo-countdown{align-items:center;background:rgba(26,31,44,.8);color:#fff;display:flex;flex-direction:column;font-size:1.5rem;font-weight:400;height:100%;justify-content:center;left:0;line-height:2em;padding:2rem;position:absolute;text-align:center;top:0;transition:opacity .3s,-webkit-transform .01s cubic-bezier(.215,.6,.27,.995) .3s;transition:opacity .3s,transform .01s cubic-bezier(.215,.6,.27,.995) .3s;transition:opacity .3s,transform .01s cubic-bezier(.215,.6,.27,.995) .3s,-webkit-transform .01s cubic-bezier(.215,.6,.27,.995) .3s;width:100%;z-index:10000}.cbo-countdown strong{font-size:1.9167em;font-weight:400}.cbo-countdown .countdown-separator{display:block;margin-bottom:.5em}.cbo-countdown.countdown--hidden{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media(min-width:1024px){.cbo-countdown{font-size:3rem}}.cbo-pause .cbo-button{margin-top:1.5rem}@media(min-width:1024px){.cbo-pause .cbo-button{margin-top:2.5rem}}.cbo-gameover{align-items:center;background:rgba(26,31,44,.8);color:#fff;display:flex;flex-direction:column;font-size:1.5rem;font-weight:400;height:100%;justify-content:center;left:0;line-height:2em;padding:2rem;position:absolute;text-align:center;top:0;transition:opacity .3s,-webkit-transform .01s cubic-bezier(.215,.6,.27,.995) .3s;transition:opacity .3s,transform .01s cubic-bezier(.215,.6,.27,.995) .3s;transition:opacity .3s,transform .01s cubic-bezier(.215,.6,.27,.995) .3s,-webkit-transform .01s cubic-bezier(.215,.6,.27,.995) .3s;width:100%;z-index:10000}.cbo-gameover .gameover-title{color:#1a1f2c;font-weight:300;margin-top:0;position:relative}.cbo-gameover .gameover-title svg{height:140%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120%}.cbo-gameover .gameover-title svg path{fill:#fff}.cbo-gameover .gameover-title span{display:inline-block;position:relative}.cbo-gameover .gameover-help{margin:2rem 0}.cbo-gameover .gameover-help .cbo-button .button-background{bottom:5%;top:5%}.cbo-gameover .gameover-help .cbo-button .button-label{letter-spacing:.05em;line-height:1em;padding-bottom:3rem;padding-top:3rem;text-transform:none}.cbo-gameover .gameover-buttons{align-items:flex-end;display:flex;justify-content:space-between;margin-top:1rem;min-width:23rem}.cbo-gameover .gameover-buttons .cbo-button{color:#fff;width:45%}.cbo-gameover .gameover-buttons .cbo-button .button-label{align-items:flex-end;border-bottom:3px solid #fff;font-weight:500;justify-content:flex-start;padding-bottom:.5em;text-align:left;white-space:nowrap}@media(min-width:1024px){.cbo-gameover{font-size:3rem}.cbo-gameover .gameover-title{margin-bottom:5rem}.cbo-gameover .gameover-buttons{margin-top:3rem;min-width:44rem}.cbo-gameover .gameover-buttons .cbo-button:hover{color:#ff4412}}.cbo-help{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;min-width:25rem}.cbo-help .help-picture{width:35%}.cbo-help .help-picture h3{font-size:1rem;font-weight:500;margin-top:0}.cbo-help .help-picture svg{display:block;height:auto;margin:0 auto;width:5rem}.cbo-help .help-content{text-align:left;width:60%}.cbo-help .help-content p{margin-top:0}.cbo-help .help-content p:last-child{margin-bottom:0}.cbo-help .help-buttons{margin-top:1rem;text-align:center;width:100%}.cbo-help .help-buttons .cbo-button{margin:.5rem 1rem}@media(min-width:1024px){.cbo-help{min-width:55rem;padding-top:1.5rem}.cbo-help .help-picture{width:42%}.cbo-help .help-picture h3{font-size:2.25rem}.cbo-help .help-picture svg{width:10.25rem}.cbo-help .help-content{width:45%}.cbo-help .help-buttons{margin-top:6.875rem}.cbo-help .help-buttons .cbo-button{margin:1rem 1.5rem}}.cbo-leaderboard{align-items:center;background:#1a1f2c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.cbo-leaderboard:before{box-shadow:inset 0 0 6vw 2vw rgba(0,0,0,.75);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.cbo-leaderboard .leaderboard-inner{max-width:84.375rem;width:80%}.cbo-leaderboard .leaderboard-step{color:#fff;height:100%;padding:2rem 0;position:relative}.cbo-leaderboard .leaderboard-step.step--scores{align-items:stretch;display:flex;justify-content:space-between}.cbo-leaderboard .leaderboard-step h2{font-size:2.5rem;font-weight:300;margin:0 0 .5em}.cbo-leaderboard .leaderboard-step p{font-weight:300;line-height:1.5em}.cbo-leaderboard .leaderboard-step .step-form{display:flex;flex-wrap:wrap;margin:0 -.5rem}.cbo-leaderboard .leaderboard-step .step-form input[type=email],.cbo-leaderboard .leaderboard-step .step-form input[type=text]{background:#1a1f2c;border:3px solid #3b4256;border-radius:.25rem;color:#97a0ba;font-size:1rem;font-weight:300;height:3.5rem;padding:0 1rem;transition:all .3s;width:100%}.cbo-leaderboard .leaderboard-step .step-form input[type=email]::-webkit-input-placeholder,.cbo-leaderboard .leaderboard-step .step-form input[type=text]::-webkit-input-placeholder{color:#97a0ba;font-weight:300}.cbo-leaderboard .leaderboard-step .step-form input[type=email]::placeholder,.cbo-leaderboard .leaderboard-step .step-form input[type=text]::placeholder{color:#97a0ba;font-weight:300}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]{height:1px;opacity:.000001;position:absolute;width:1px}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label{display:block;font-size:.875rem;font-weight:300;line-height:1.25em;padding:0 0 0 2rem;position:relative}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label:before{border:3px solid #3b4256;border-radius:.25rem;content:"";cursor:pointer;display:block;height:1.25rem;left:0;position:absolute;top:0;transition:all .3s;width:1.25rem}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label:after{background:#40f178;border-radius:.125rem;content:"";cursor:pointer;display:block;height:.75rem;left:.25rem;position:absolute;top:.25rem;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s cubic-bezier(.215,.6,.27,.995);transition:transform .3s cubic-bezier(.215,.6,.27,.995);transition:transform .3s cubic-bezier(.215,.6,.27,.995),-webkit-transform .3s cubic-bezier(.215,.6,.27,.995);width:.75rem}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]:checked+label:after{-webkit-transform:scale(1);transform:scale(1)}.cbo-leaderboard .leaderboard-step .step-form .invalid,.cbo-leaderboard .leaderboard-step .step-form .invalid+label:before{border-color:#ff4412!important}.cbo-leaderboard .leaderboard-step .step-form .form-field{padding:.5rem;width:50%}.cbo-leaderboard .leaderboard-step .step-form .form-field.field--full{width:100%}.cbo-leaderboard .leaderboard-step .step-form .form-field.field--rgpd{width:70%}.cbo-leaderboard .leaderboard-step .step-form .form-submit{padding:.5rem;position:relative;text-align:right;width:30%}.cbo-leaderboard .leaderboard-step .step-form .form-submit button{position:relative;width:100%}.cbo-leaderboard .leaderboard-step .step-form .form-submit button:disabled{cursor:auto;opacity:0}.cbo-leaderboard .leaderboard-step .step-form .form-submit .cbo-spinner{opacity:0;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s}.cbo-leaderboard .leaderboard-step .step-form .form-submit.loading button{cursor:auto;opacity:0}.cbo-leaderboard .leaderboard-step .step-form .form-submit.loading .cbo-spinner{opacity:1}.cbo-leaderboard .leaderboard-step .step-summary{width:65%}.cbo-leaderboard .leaderboard-step .step-summary .summary-score p{font-size:1.125rem;font-weight:300;margin:.25rem 0}.cbo-leaderboard .leaderboard-step .step-summary .summary-score .score-value{background:url(/static/media/sketch.8719ef9e4ad2ec71383e.svg) no-repeat 50%;background-size:100% 100%;display:inline-block;font-size:2rem;font-weight:300;line-height:1em;padding:.25em .5em}.cbo-leaderboard .leaderboard-step .step-summary .summary-score .score-position{background:url(/static/media/sketch.8719ef9e4ad2ec71383e.svg) no-repeat 50%;background-size:100% 100%;display:inline-block;font-size:1em;font-weight:300;line-height:1em;padding:.25em}.cbo-leaderboard .leaderboard-step .step-summary .summary-bottom{align-items:center;border-top:3px solid #3b4256;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1.25rem}.cbo-leaderboard .leaderboard-step .step-summary .summary-bottom .bottom-share{display:none}.cbo-leaderboard .leaderboard-step .step-scores{max-height:75vh;overflow:auto;padding:2rem 0 2rem 1rem;width:30%}.cbo-leaderboard .leaderboard-step .step-scores .scores-el,.cbo-leaderboard .leaderboard-step .step-scores .scores-separator{border-left:3px solid #3b4256;color:#97a0ba;font-size:1.5rem;font-weight:300;margin:0;padding:.35rem 0 .35rem 1rem}.cbo-leaderboard .leaderboard-step .step-scores .scores-el{align-items:center;display:flex;justify-content:flex-start}.cbo-leaderboard .leaderboard-step .step-scores .scores-el .el-position{color:#97a0ba;display:inline-block;min-width:4rem}.cbo-leaderboard .leaderboard-step .step-scores .scores-el .el-score{color:#fff}.cbo-leaderboard .leaderboard-step .step-scores .scores-el.el--current{position:relative}.cbo-leaderboard .leaderboard-step .step-scores .scores-el.el--current:before{background:url(/static/media/sketch.8719ef9e4ad2ec71383e.svg) no-repeat 50%;background-size:100% 100%;bottom:0;content:"";display:block;left:-2rem;position:absolute;right:0;top:0}.cbo-leaderboard .leaderboard-step .step-scores .scores-el.el--current .el-position,.cbo-leaderboard .leaderboard-step .step-scores .scores-el.el--current .el-score{position:relative}@media(min-width:1024px){.cbo-leaderboard .leaderboard-step{padding:15vh 0}.cbo-leaderboard .leaderboard-step h2{font-size:5.75rem;margin-bottom:.25em}.cbo-leaderboard .leaderboard-step p{font-size:2.25rem}.cbo-leaderboard .leaderboard-step .step-form{margin:0 -2rem}.cbo-leaderboard .leaderboard-step .step-form input[type=email],.cbo-leaderboard .leaderboard-step .step-form input[type=text]{border-width:4px;font-size:2.25rem;height:5.3125rem;padding:0 1.875rem}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label{font-size:1.25rem;padding-left:3rem}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label:before{height:2rem;width:2rem}.cbo-leaderboard .leaderboard-step .step-form input[type=checkbox]+label:after{height:1.5rem;width:1.5rem}.cbo-leaderboard .leaderboard-step .step-form .form-field{padding:1.125rem 2rem}.cbo-leaderboard .leaderboard-step .step-form .form-field.field--rgpd{width:100%}.cbo-leaderboard .leaderboard-step .step-form .form-submit{border-top:4px solid #3b4256;margin:2rem 2rem 0;padding:3.5rem 0 0;text-align:left;width:100%}.cbo-leaderboard .leaderboard-step .step-form .form-submit .cbo-button{width:auto}.cbo-leaderboard .leaderboard-step .step-form .form-submit .cbo-spinner{left:0;margin-top:1.75rem;right:auto}.cbo-leaderboard .leaderboard-step .step-summary .summary-score p{font-size:3rem}.cbo-leaderboard .leaderboard-step .step-summary .summary-score .score-value{font-size:5.75rem}.cbo-leaderboard .leaderboard-step .step-summary .summary-bottom{border-width:4px;margin-top:3.4375rem;padding-top:4rem}.cbo-leaderboard .leaderboard-step .step-scores{padding-left:2rem}.cbo-leaderboard .leaderboard-step .step-scores .scores-el,.cbo-leaderboard .leaderboard-step .step-scores .scores-separator{border-width:4px;padding:.5rem 0 .5rem 1.5rem}.cbo-leaderboard .leaderboard-step .step-scores .scores-el{font-size:2.25rem}.cbo-leaderboard .leaderboard-step .step-scores .scores-el .el-position{min-width:7.1875rem}}.cbo-rotate{align-items:center;background:#1a1f2c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:opacity .1s,-webkit-transform .01s linear .1s;transition:opacity .1s,transform .01s linear .1s;transition:opacity .1s,transform .01s linear .1s,-webkit-transform .01s linear .1s;width:100%;z-index:99999}.cbo-rotate .rotate-inner{margin:0 auto;max-width:30rem;width:80%}.cbo-rotate .rotate-text{margin:0 auto}.cbo-rotate .rotate-text p{color:#fff;font-size:1.25rem;font-weight:300;line-height:1.25em;text-align:center}.cbo-rotate .rotate-picture{margin:3rem auto 0;width:10rem}.cbo-rotate .rotate-picture svg path{fill:#fff}@media(orientation:portrait){.cbo-rotate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .1s linear .01s,-webkit-transform .01s;transition:opacity .1s linear .01s,transform .01s;transition:opacity .1s linear .01s,transform .01s,-webkit-transform .01s}}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}.cbo-spinner{display:inline-block;height:11px;position:relative;width:64px}.cbo-spinner div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:11px;position:absolute;top:0;width:11px}.cbo-spinner div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:6px}.cbo-spinner div:nth-child(2){left:6px}.cbo-spinner div:nth-child(2),.cbo-spinner div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.cbo-spinner div:nth-child(3){left:26px}.cbo-spinner div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:45px}*,:after,:before{box-sizing:border-box}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.cbo-app,body{background:#1a1f2c}.cbo-app{height:100vh;overflow:hidden;position:relative;width:100%}.cbo-app .app-header{left:0;position:fixed;top:0;width:100%;z-index:1000}.cbo-app .app-header .header-logo{background:none;border:none;display:block;left:1.5rem;padding:0;position:absolute;text-decoration:none;top:1.5rem;transition:all .5s cubic-bezier(.85,0,.15,1);width:2rem}.cbo-app .app-header .header-logo svg{display:block;height:auto;width:100%}.cbo-app .app-header .header-languages{position:absolute;right:1.5rem;top:1.5rem;transition:all .5s cubic-bezier(.85,0,.15,1) .1s}.cbo-app .app-header .header-languages button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;height:1.5rem;line-height:1;margin:0 0 0 .5rem;padding:.1rem .5rem 0;position:relative}.cbo-app .app-header .header-languages button svg{height:100%;left:0;position:absolute;top:0;width:100%}.cbo-app .app-header .header-languages button span{position:relative}.cbo-app .app-header .header-languages button.active svg path{fill:#ff4412}.cbo-app.app--playing .header-logo{left:0!important;-webkit-transform:translateX(-100%)!important;transform:translateX(-100%)!important}.cbo-app.app--playing .header-languages{right:0!important;-webkit-transform:translateX(100%)!important;transform:translateX(100%)!important}@media(min-width:1024px){.cbo-app .app-header .header-logo{left:3.125rem;top:3.125rem;width:2.75rem}.cbo-app .app-header .header-languages{right:3.125rem;top:3.125rem}.cbo-app .app-header .header-languages button{font-size:1.125rem;height:2rem;margin-left:.75rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.3d6d9a15.css.map*/