/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@-ms-viewport{width:device-width}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;text-size-adjust:none;background:#2f0333}body{-webkit-tap-highlight-color:rgba(0,0,0,0);color:#fff;font-family:"Open Sans",sans-serif}h1,h2,h3,h4,h5,h6{font-family:Pinup;font-style:normal;font-weight:normal}h2,h3{font-size:36px}img{max-width:100%}p{margin:0 0 20px 0}.app-wrapper{width:100%;height:100%;transition:filter 1s ease-out}.intro-shown .app-wrapper{transition:filter .2s ease-out}.intro-visible .app-wrapper{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.home-navigation{width:48px;height:48px;position:absolute;display:none;z-index:100;left:4px;top:4px;text-align:center;line-height:50px;cursor:pointer}.home-navigation:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}.modal-visible .home-navigation{z-index:0}.build-body-mini-visible .home-navigation{display:none !important}.noise{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/bg_noise.png);background-size:150px 150px}a{color:inherit}a.tel{white-space:nowrap;text-decoration:underline;font-weight:bold}@media(min-width: 600px){a.tel{text-decoration:none}}.build-body-navigation{position:absolute;width:40px;height:40px;position:absolute;z-index:100;left:45px;top:8px;text-align:center;line-height:51px;cursor:pointer;display:none}.build-body-navigation:before{content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0}.modal-visible .build-body-navigation{z-index:0}.last-panel .panel__heading+div>.word-explanation{animation:pulse .7s infinite alternate ease-out}.word-explanation-shown .last-panel .panel__heading+div>.word-explanation{animation:none}.logo{width:289px;height:84px;background-image:url(../img/logo.png);background-size:289px;height:84px;margin:33px auto;text-indent:-999em;position:relative;z-index:1}@media(max-height: 540px){.logo{margin:28px auto 14px}}.logo--alt{background-image:url(../img/logo-alt.png)}.logo--alt:before,.logo--alt:after,.logo--alt>span:before{content:"";display:block;width:20px;height:18px;position:absolute;background:url(../img/hearts.png);background-size:20px auto;left:71px;top:12px;opacity:0}.logo--alt>span:after{content:"";display:block;width:25px;height:28px;position:absolute;left:71px;top:0;background:url(../img/heart-group.png);background-size:25px auto;transition:opacity .2s;transition-delay:2.7s;opacity:0}.logo--alt:before{transform:rotate(-10deg)}.logo--alt:after{background-position:0 -18px;transform:rotate(2deg)}.logo--alt>span:before{background-position:0 -36px;transform:rotate(-6deg)}.is-active>.logo--alt:before{animation:logo-heart 2s forwards}.is-active>.logo--alt:after{animation:logo-heart-2 2s 1.4s forwards}.is-active>.logo--alt>span:before{animation:logo-heart-3 2s .6s forwards}.is-active>.logo--alt>span:after{opacity:1}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.button:after,.button-next-panel:after,.nav-bubble:before,.home-navigation:before,.audio-control:after,.button-nav:before,.columns-tutorial__blurb:after,.hamburger:before,.sound-illustration:before,.word-explanation-popup:before{opacity:0;background:#000}}.u-center-child-vert{display:flex;flex-direction:column;justify-content:center}.u-no-wrap{white-space:nowrap}.u-text-shadow{text-shadow:0 0 2px #000,1px 1px 1px rgba(0,0,0,.2)}.u-underline{text-decoration:underline}.u-center{text-align:center}.icon--add-to-home-ios{fill:#007aff;width:19px;height:26px;vertical-align:top}.icon--add-to-home-android{fill:#5a5a5a;width:4px;height:16px;vertical-align:middle}.icon--arrow-down-helper{fill:#ba39a8;width:15px;height:30px}.icon--arrow-up-helper{fill:#ba39a8;width:15px;height:30px}.icon--arrow-right-helper{fill:#ba39a8;width:36px;height:34px}.icon--arrow-left{width:14px;height:24px}.icon--arrow-right{width:14px;height:24px}.icon--x{width:18px;height:18px}.icon--home{width:19px;height:21px;fill:#fff}.icon--speaker{width:60px;height:57px;fill:#fff}.icon--speaker-small{width:20px;height:19px;fill:#fff}.icon--speaker-off{width:57px;height:57px;fill:#fff}.icon--speaker-off-small{width:19px;height:19px;fill:#fff}.icon--reload{width:30px;height:36px;fill:#fff}.icon--bubble{width:228px;height:226px;fill:#fff}.icon--body{width:17px;height:26px;fill:#fff}.icon--overlay{width:22px;height:22px;margin:-2px 5px -2px -6px}.animation-fan{transition:transform .8s .3s ease-in-out;transform:translate(0, -30px);transform:translate3d(0, -30px, 0)}.is-active .animation-fan--1{transform:translate(-55px, -30px) rotate(-25deg);transform:translate3d(-55px, -30px, 0) rotate(-25deg)}.is-active .animation-fan--2{transform:translate(15px, -30px) rotate(-6deg);transform:translate3d(15px, -30px, 0) rotate(-6deg)}.is-active .animation-fan--3{transform:translate(55px, -10px) rotate(25deg);transform:translate3d(55px, -10px, 0) rotate(25deg)}.animation-fade-in{opacity:0;transition:opacity .3s ease-out}.animation-fade-in--1{transition-delay:.8s}.animation-fade-in--2{transition-delay:1.4s}.is-active .animation-fade-in{opacity:1}.animation-fade-in.animation-slide-in{transition:transform .3s .8s ease-out,opacity .3s .8s ease-out;transform:translate(-30px, 0);transform:translate3d(-30px, 0, 0)}.is-active .animation-fade-in.animation-slide-in{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.animate-moving-119{animation:animate-moving-119 .8s infinite alternate ease-in}.animate-heart-119{animation:animate-heart-119 1.6s infinite linear}.animate-heart-2-119{animation:animate-heart-119 1.6s -0.8s infinite linear}.animate-moving-120{animation:animate-moving-120 .6s infinite alternate ease-in}.animate-moving-2-120{animation:animate-moving-2-120 .6s infinite alternate ease-in}.animation-delay{animation-delay:.4s}@keyframes animate-moving-119{0%{transform:translate3d(-3px, 0, 0)}50%{transform:translate3d(6px, 2px, 0)}}@keyframes animate-moving-120{0%{transform:translate3d(-3px, -2px, 0)}50%{transform:translate3d(1px, 0, 0)}}@keyframes animate-moving-2-120{0%{transform:scale(0.95, 1)}60%{transform:scale(1, 1)}}@keyframes animate-heart-119{0%{transform:translate(0, 50px);transform:translate3d(0, 50px, 0);opacity:0}25%{transform:translate(-5px, 20px);transform:translate3d(-5px, 20px, 0);opacity:1;animation-timing-function:ease-out}70%{transform:translate(5px, -30px);transform:translate3d(5px, -30px, 0);opacity:1}100%{transform:translate(0, -35px);transform:translate3d(0, -35px, 0);opacity:0}}@keyframes pulse{100%{transform:scale(1.15)}}@keyframes pulse-small{100%{transform:scale(1.08)}}@keyframes pulse-smallest{100%{transform:scale(1.04)}}@keyframes jumper{0%{opacity:0;transform:scale(0)}40%{opacity:1}100%{opacity:0}}@keyframes lights-1{0%{transform:translate(-100px, 0) rotate(-18deg) scale(1.5);transform:translate3d(-100px, 0, 0) rotate(-18deg) scale(1.5)}100%{transform:translate(-100px, 0) rotate(2deg) scale(1.5);transform:translate3d(-100px, 0, 0) rotate(2deg) scale(1.5)}}@keyframes lights-2{0%{transform:translate(100px, 0) rotate(18deg) scale(1.5);transform:translate3d(100px, 0, 0) rotate(18deg) scale(1.5)}100%{transform:translate(100px, 0) rotate(-2deg) scale(1.5);transform:translate3d(100px, 0, 0) rotate(-2deg) scale(1.5)}}@media(min-height: 700px){@keyframes lights-1{0%{transform:translate(-120px, 0) rotate(-18deg) scale(2);transform:translate3d(-120px, 0, 0) rotate(-18deg) scale(2)}100%{transform:translate(-120px, 0) rotate(2deg) scale(2);transform:translate3d(-120px, 0, 0) rotate(2deg) scale(2)}}@keyframes lights-2{0%{transform:translate(120px, 0) rotate(18deg) scale(2);transform:translate3d(120px, 0, 0) rotate(18deg) scale(2)}100%{transform:translate(120px, 0) rotate(-2deg) scale(2);transform:translate3d(120px, 0, 0) rotate(-2deg) scale(2)}}}@keyframes kiss{75%{transform:scale(1.05, 1.15)}}.is-active .animation-kiss{animation:kiss 1.4s .3s;animation-iteration-count:2}@keyframes logo-heart{0%{opacity:0;z-index:1}10%{opacity:1}40%{opacity:1;transform:rotate(-10deg) translate(-5px, -8px) scale(0.8)}90%{opacity:0;transform:rotate(-10deg) translate(-5px, -8px) scale(0.4)}100%{opacity:0;z-index:0}}@keyframes logo-heart-2{0%{opacity:0;z-index:1}10%{opacity:1}40%{opacity:1;transform:rotate(2deg) translate(0, -10px) scale(0.8)}90%{opacity:0;transform:rotate(2deg) translate(0, -10px) scale(0.4)}100%{opacity:0;z-index:0}}@keyframes logo-heart-3{0%{opacity:0;z-index:1;transform:rotate(-6deg)}10%{opacity:1}40%{opacity:1;transform:rotate(4deg) translate(3px, -10px) scale(0.8)}90%{opacity:0;transform:rotate(4deg) translate(3px, -10px) scale(0.4)}100%{opacity:0;z-index:0}}button{cursor:pointer}.button{display:inline-block;font-family:Pinup;appearance:none;border:0;color:#fff;font-size:24px;line-height:1;padding:13px 28px 11px;border-radius:50px;outline:0;background-image:linear-gradient(#BC3BAB, #9D1B83);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);text-transform:uppercase;min-width:200px;position:relative;opacity:1;cursor:pointer;transition:opacity .15s ease-out}.button:active{background-image:linear-gradient(#9D1B83, #BC3BAB)}[data-color=red] .button{background-image:linear-gradient(#FF4EA3, #F0137E)}[data-color=red] .button:active{background-image:linear-gradient(#F0137E, #FF4EA3)}[data-color=green] .button{background-image:linear-gradient(#07D7C6, #00857A)}[data-color=green] .button:active{background-image:linear-gradient(#00857A, #07D7C6)}[data-color=blue] .button{background-image:linear-gradient(#0BB9EC, #00799D)}[data-color=blue] .button:active{background-image:linear-gradient(#00799D, #0BB9EC)}.button[disabled]{opacity:.15}.button:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}.button>svg{fill:#fff}.button--white{background-color:#fff;background-image:linear-gradient(white, #EDEDED);color:#9d1b83}.button--white:active{background-image:linear-gradient(#EDEDED, white)}.button--white>svg{fill:#9d1b83}[data-color] .button--white{background-image:linear-gradient(white, #EDEDED)}[data-color] .button--white:active{background-image:linear-gradient(#EDEDED, white)}[data-color=red] .button--white{color:#8f0050}[data-color=red] .button--white>svg{fill:#8f0050}[data-color=green] .button--white{color:#03695d}[data-color=green] .button--white>svg{fill:#03695d}[data-color=blue] .button--white{color:#045370}[data-color=blue] .button--white>svg{fill:#045370}.button--small{font-size:18px;min-width:0;padding:10px 20px 8px 20px}.button--large{font-size:32px;min-width:0}.button--point-left-down{border-bottom-left-radius:0}.button--point-left-up{border-top-left-radius:0}.button--point-right-down{border-bottom-right-radius:0}.button--point-right-up{border-top-right-radius:0}.button--no-min-width{min-width:0}.button .icon--arrow-left{margin:0 -5px 0 -7px}.button .icon--arrow-right{margin:0 -7px 0 -5px}.button .icon--reload{margin:-6px -15px}.button .icon--x{display:block;margin:7px -9px}.button-next-panel{appearance:none;border:0;padding:0;background:rgba(0,0,0,0);width:40px;height:40px;position:absolute;z-index:2;bottom:26px;left:50%;margin:0 0 0 -20px;outline:0;transition:opacity .3s ease-out,transform .3s ease-out}.button-next-panel:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}.button-next-panel__inner{background-color:#fff;width:40px;height:40px;border-radius:50%;position:relative;display:block;transition:background-color .3s ease-out}.button-next-panel__inner:before,.button-next-panel__inner:after{content:"";top:-21px;left:-21px;width:82px;height:82px;border-radius:50%;position:absolute;opacity:0;animation-fill-mode:both;z-index:-1;background-color:#9a0ab3}[data-color=red] .button-next-panel__inner:before,[data-color=red] .button-next-panel__inner:after{background-color:#df135d}[data-color=green] .button-next-panel__inner:before,[data-color=green] .button-next-panel__inner:after{background-color:#08b989}[data-color=blue] .button-next-panel__inner:before,[data-color=blue] .button-next-panel__inner:after{background-color:#0894b9}.button-next-panel__inner:before{animation:jumper 1.8s .33333s ease-out infinite}.button-next-panel__inner:after{animation:jumper 1.8s .66666s ease-out infinite}.button-next-panel svg{width:20px;height:12px;position:absolute;top:50%;left:50%;margin:-5px 0 0 -10px;fill:#9d1b83;transition:fill .3s ease-out}[data-color=red] .button-next-panel svg{fill:#f0137e}[data-color=green] .button-next-panel svg{fill:#00ac9e}[data-color=blue] .button-next-panel svg{fill:#0296c1}.button-next-panel.disable-animation .button-next-panel__inner{background-color:rgba(0,0,0,0)}.button-next-panel.disable-animation .button-next-panel__inner:before,.button-next-panel.disable-animation .button-next-panel__inner:after{display:none}.button-next-panel.disable-animation svg{fill:#fff}.button-next-panel.is-rotated{transform:rotate(-90deg)}.modal-visible .button-next-panel{z-index:0}.button-next-panel[disabled]{opacity:0;z-index:0}@media(min-width: 600px){.button-next-panel{bottom:40px}}.button-nav{appearance:none;border:0;padding:0;background:rgba(0,0,0,0);width:40px;height:40px;position:absolute;top:50%;margin-top:-20px;z-index:2;outline:0;transition:opacity .3s ease-out}.button-nav:before{content:"";display:block;width:100%;height:100%;position:absolute;z-index:1;top:0}.button-nav svg{fill:#fff;position:absolute;left:50%;top:50%;margin:-12px 0 0 -8px}.button-nav[disabled]{opacity:0}.button-nav--prev{left:2px}.button-nav--next{right:2px}.modal-visible .button-nav{z-index:0}.beatbox-open .button-nav{z-index:0;opacity:0}@media(min-width: 600px){.button-nav--prev{left:12px}.button-nav--next{right:12px}.button-nav--prev{left:40px}.button-nav--next{right:40px}}.start{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;text-align:center;transition:opacity .2s ease-out}.start:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/bg_noise.png);background-size:150px 150px}.start.is-hidden{opacity:0}.start__heading,.start__navigation{position:relative;z-index:1}.start .logo{transition:opacity .3s ease-out}.hide-start-heading .start .start .logo{opacity:0}.start.is-faded .logo{transition-delay:.2s;opacity:0}.start__navigation{transition:opacity .2s ease-out}.is-faded .start__navigation{opacity:0}.start .img-slide-in .nav-bubble__img{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.start .img-slide-in img{transition:transform 1.2s .5s cubic-bezier(0.17, 0.67, 0.3, 0.99)}.start .img-slide-in img:first-child{transform:translate(8%, 0);transform:translate3d(8%, 0, 0)}.start .img-slide-in img:last-child{transform:translate(-8%, 0);transform:translate3d(-8%, 0, 0)}.start.start-animation .img-slide-in img{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.columns-wrapper{height:100%;width:100%;position:absolute;overflow:hidden;display:none;opacity:0;transition:opacity .25s ease-out;transform:translate(0, 0);transform:translate(0, 0) translateZ(0)}.build-body-mini-visible .columns-wrapper{opacity:0 !important}.columns{height:100%;width:100%;position:absolute;transition:transform .25s ease-out;transform:translate(0, 0);transform:translate(0, 0) translateZ(0);z-index:1}.columns__column{height:100%;width:100%;position:absolute;top:0;transition:transform .25s ease-out;transform:translate(0, 0);transform:translate(0, 0) translateZ(0)}.columns__column:nth-child(2){left:100%}.columns__column:nth-child(3){left:200%}.columns__column:nth-child(4){left:300%}.columns__column:nth-child(5){left:400%}.columns__column:nth-child(6){left:500%}.columns__column:nth-child(7){left:600%}.columns__column:nth-child(8){left:700%}.columns__column:nth-child(9){left:800%}.columns__column:nth-child(10){left:900%}.columns__column:nth-child(11){left:1000%}.columns__column:nth-child(12){left:1100%}.columns__column:nth-child(13){left:1200%}.columns__navigation{position:absolute;top:18px;z-index:10;width:100%;text-align:center}.modal-visible .columns__navigation{z-index:0}.columns__navigation svg{stroke:rgba(0,0,0,0);stroke-width:10;stroke-dasharray:0 31.415926;width:20px;height:20px;background-color:hsla(0,0%,100%,.4);fill:rgba(0,0,0,0);border-radius:50%;transform:scale(0.5) rotate(-90deg);transition:transform .15s ease-out,opacity .15s ease-out,stroke-dasharray .2s ease-out}.columns__navigation svg.is-active{stroke:#fff;transform:scale(1) rotate(-90deg)}@media(max-width: 350px){.columns__navigation svg{margin:0 -1px}}.columns-tutorial{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:1000;display:none;opacity:0;transition:opacity .5s ease-out;cursor:pointer}.columns-tutorial__blurb{font-size:22px;line-height:1.454545;position:absolute;color:#333;background:#fff;border-radius:20px;width:200px;z-index:3;padding:18px 20px 15px 20px;transition:opacity .3s ease-out;cursor:pointer}.columns-tutorial__blurb:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}.columns-tutorial__blurb--1{bottom:110px;left:50%;margin-left:-100px}.columns-tutorial__blurb--1>.icon--arrow-down-helper{position:absolute;bottom:-24px;left:50%;margin-left:-8px}.columns-tutorial__blurb--2{top:50%;right:75px;margin-top:-57px;display:none;opacity:0}.columns-tutorial__blurb--2>.icon--arrow-down-helper{position:absolute;right:-16px;top:50%;margin-top:-14px;transform:rotate(-90deg)}.columns-tutorial__blurb>.button{position:absolute;right:-20px;bottom:-25px}@media(min-width: 600px){.columns-tutorial__blurb--1{bottom:125px}.columns-tutorial__blurb--2{right:110px}}.columns-tutorial[data-color=red] .icon--arrow-down-helper{fill:#f0137e}.columns-tutorial[data-color=blue] .icon--arrow-down-helper{fill:#0296c1}.columns-tutorial[data-color=green] .icon--arrow-down-helper{fill:#00ac9e}.panel{width:100%;height:100%;position:relative;text-align:center;font-size:19px;line-height:1.5;overflow:hidden}.panel+.panel{display:none}.is-active .panel+.panel{display:block}.is-active .panel+.panel.u-center-child-vert{display:flex}.panel:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/bg_noise.png);background-size:150px 150px}.panel .panel__heading,.panel .panel__text,.panel .video,.panel>div>button,.panel .word-explanation{position:relative;z-index:1}.panel__heading{font-size:35px;line-height:1.2;margin:0 auto 30px auto}.panel__heading--large{font-size:46px}.panel__heading--small{font-size:30px}.panel__text{margin:0 auto 20px}.panel__heading,.panel__text{padding:0 30px;max-width:600px;text-shadow:0 0 2px #000,1px 1px 1px rgba(0,0,0,.2)}@media(max-height: 540px){.panel__heading{margin-bottom:15px}}@media(min-height: 540px){.panel{font-size:20px}}@media(min-width: 375px){.panel{font-size:22px}.panel__heading{font-size:42px}.panel__heading--large{font-size:56px}.panel__heading--small{font-size:36px}}@media(min-width: 600px){.panel{font-size:28px}.panel__heading{font-size:56px}.panel__heading--small{font-size:50px}}.gradient-wrapper{position:absolute;width:100%;height:100%;z-index:0}.gradient{position:absolute;width:100%;height:100%;transition:opacity .4s ease-out;display:none;opacity:0;z-index:0}.gradient--purple{display:block;opacity:1;background-image:radial-gradient(350px circle at right bottom, #31166B, transparent),radial-gradient(circle, #5E0171 10%, #2F0333)}.gradient--red{background-image:radial-gradient(350px circle at right bottom, #A8003C, transparent),radial-gradient(circle, #AD1161 10%, #550533)}.gradient--green{background-image:radial-gradient(350px circle at right bottom, #007e49, transparent),radial-gradient(circle, #068672 10%, #00443d)}.gradient--blue{background-image:radial-gradient(350px circle at right bottom, #01898a, transparent),radial-gradient(circle, #087195 10%, #00334a)}.parallax-wrapper{position:absolute;width:100%;height:100%;overflow:hidden;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.parallax{height:220%;width:220%;position:absolute;overflow:hidden;transition:transform .25s ease-out;transform:translate(0, 0);transform:translate(0, 0) translateZ(0)}.parallax--1{background:url(../img/bg_small-stars@2x.png);background-size:375px}.parallax--2{background:url(../img/bg_big-stars@2x.png);background-size:375px}@media(min-width: 550px)and (min-height: 550px){.parallax{height:180%;width:180%}}@media(min-width: 1000px)and (min-height: 1000px){.parallax{height:150%;width:150%}}.build-body{position:absolute;left:0;top:0;width:100%;height:100%;display:none;opacity:0;transition:opacity .25s ease-out}.build-body--mini{opacity:1;z-index:230;transform:translate(0, 100%);transform:translate3d(0, 100%, 0);transition:transform .3s ease-out}.build-body-mini-visible .build-body--mini{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.build-body__close{min-width:0;position:absolute;right:10px;top:10px;z-index:10}.build-body__heading{margin:0 30px 15px 30px;line-height:1.2}@media(max-height: 570px){.build-body__heading{font-size:25px}}@media(min-height: 600px){.build-body__heading{margin-bottom:40px}}.build-body__gradient{position:absolute;height:210px;width:100%;left:0;bottom:0;background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.8));z-index:1}.build-body__intro{opacity:0;position:absolute;width:100%;height:100%;text-align:center;padding-top:50px}[data-section="0"] .build-body__intro{z-index:1;opacity:1}.build-body__color{opacity:0;position:absolute;width:100%;height:100%;padding-top:10vh;text-align:center;transition:opacity .25s ease-out}[data-section="1"] .build-body__color{z-index:1;opacity:1}.build-body__color-inner{width:300px;margin:0 auto}.build-body__wrapper{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .2s ease-out}.build-body__wrapper.is-initialised{opacity:1}.build-body__container{transform:scale(0.8) translate(0, 20px);transform:scale(0.8) translate3d(0, 20px, 0);transform-origin:top center;transition:transform .5s ease-out;height:566px;width:187px;margin:0 auto;position:relative;top:20px}[data-body-section="0"] .build-body__container{transform:scale(2) translate(0, 20px);transform:scale(2) translate3d(0, 20px, 0)}[data-body-section="1"] .build-body__container{transform:scale(2) translate(0, -90px);transform:scale(2) translate3d(0, -90px, 0)}[data-body-section="2"] .build-body__container{transform:scale(2) translate(0, -230px);transform:scale(2) translate3d(0, -230px, 0)}[data-body-section="3"] .build-body__container,[data-body-section="4"] .build-body__container{transform:scale(1) translate(0, -30px);transform:scale(1) translate3d(0, -30px, 0)}@media(min-height: 550px){.build-body__container{transform:scale(1.2) translate(0, 20px);transform:scale(1.2) translate3d(0, 20px, 0)}[data-body-section="0"] .build-body__container{transform:scale(2.2) translate(0, 30px);transform:scale(2.2) translate3d(0, 30px, 0)}[data-body-section="1"] .build-body__container{transform:scale(2) translate(0, -60px);transform:scale(2) translate3d(0, -60px, 0)}[data-body-section="2"] .build-body__container{transform:scale(2) translate(0, -190px);transform:scale(2) translate3d(0, -190px, 0)}}@media(min-height: 750px){[data-body-section="3"] .build-body__container,[data-body-section="4"] .build-body__container{transform:scale(1.2) translate(0, 20px);transform:scale(1.2) translate3d(0, 20px, 0)}}@media(min-height: 1000px){[data-body-section="2"] .build-body__container{transform:scale(2) translate(0, -100px);transform:scale(2) translate3d(0, -100px, 0)}[data-body-section="3"] .build-body__container,[data-body-section="4"] .build-body__container,[data-body-section="5"] .build-body__container,[data-body-section="6"] .build-body__container{transform:scale(1.8) translate(0, 20px);transform:scale(1.8) translate3d(0, 20px, 0)}}.build-body--mini[data-body-section="1"] .build-body__container,.build-body--mini[data-body-section="2"] .build-body__container{transform:scale(2.2) translate(0, 30px);transform:scale(2.2) translate3d(0, 30px, 0)}.build-body__body{position:absolute;width:187px;height:566px;background:no-repeat 0 100%;background-size:187px 2264px;will-change:background-position}.build-body__hair{position:absolute;left:-11px;top:-26px;z-index:10;width:212px;height:379px;background:url(../img/hair.png) no-repeat 0 0;background-size:212px 4548px;transform:scale(0.4507379338);transform-origin:top center;will-change:background-position}.build-body__tshirt{position:absolute;left:7px;top:86px;width:338px;height:432px;width:172px;height:220px;background-image:url(../img/tshirt.png);background-size:172px 220px}.build-body__chest{position:absolute;left:-9px;top:133px;width:208px;height:107px;z-index:0;background:no-repeat -9999em 0;background-size:208px 535px;transform:scale(0.4507379338);transform-origin:top center;will-change:background-position}.build-body__sex{position:absolute;top:256px;left:57px;width:75px;height:77px;transform:scale(0.4507379338);background:no-repeat -999em 0;background-size:75px 154px;will-change:background-position}.build-body__bodyhair{position:absolute;top:119px;left:2px;width:406px;height:914px;transform:scale(0.4507379338);transform-origin:top left;background:no-repeat 0 0;background-size:406px 3656px;mix-blend-mode:multiply;will-change:background-position}[data-sex="1"] .build-body__bodyhair{background-size:406px 2742px}.build-body__accessory{position:absolute;width:200px;transform:scale(0.4507379338);transform-origin:top left;background:url(../img/accessory.png) no-repeat;background-size:200px 1200px;display:none}.build-body__accessory.is-active{display:block}.build-body__accessory--0{height:50px;background-position:0 0;left:114px;top:48px;z-index:10}.build-body__accessory--1{height:50px;background-position:0 -50px;left:64px;top:48px;z-index:10}.build-body__accessory--2{height:50px;background-position:0 -100px;left:7px;top:258px}[data-body="1"] .build-body__accessory--2{left:8px}[data-body="2"] .build-body__accessory--2{left:16px}[data-body="3"] .build-body__accessory--2{left:2px}.build-body__accessory--3{height:50px;background-position:0 -150px;left:8px;top:258px}[data-body="1"] .build-body__accessory--3{left:9px}[data-body="2"] .build-body__accessory--3{left:17px}[data-body="3"] .build-body__accessory--3{left:3px}.build-body__accessory--4,.build-body--mini .build-body__accessory--2{height:100px;background-position:0 -200px;left:70px;top:43px;mix-blend-mode:multiply}.build-body__accessory--5,.build-body--mini .build-body__accessory--3{height:150px;background-position:0 -300px;left:49px;top:90px;mix-blend-mode:multiply}.build-body--mini .build-body__accessory--3{top:104px}.build-body__accessory--6,.build-body--mini .build-body__accessory--4{height:100px;background-position:0 -450px;left:99px;top:103px;mix-blend-mode:multiply}.build-body__accessory--7,.build-body--mini .build-body__accessory--5{height:50px;background-position:0 -550px;left:91px;top:54px;mix-blend-mode:normal}.build-body__accessory--8{height:50px;background-position:0 -600px;left:92px;top:215px}.build-body__accessory--9,.build-body--mini .build-body__accessory--6{height:50px;background-position:0 -650px;left:69px;top:28px}.build-body__accessory--10,.build-body--mini .build-body__accessory--7{height:50px;background-position:0 -700px;left:69px;top:28px}.build-body__accessory--11,.build-body--mini .build-body__accessory--8{height:150px;background-position:0 -750px;left:69px;top:86px}.build-body__accessory--12,.build-body--mini .build-body__accessory--9{height:150px;background-position:0 -900px;left:66px;top:86px}.build-body__accessory--13,.build-body--mini .build-body__accessory--10{height:150px;background-position:0 -1050px;left:69px;top:86px}.build-body__prev-section{position:absolute;bottom:20px;left:50%;z-index:21;margin-left:-120px;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0)}[data-section="0"] .build-body__prev-section,.build-body--mini[data-section="1"] .build-body__prev-section{display:none}.build-body__next-section{position:absolute;bottom:20px;left:50%;z-index:10;display:none;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0)}[data-section="1"] .build-body__next-section{display:block}.build-body__next-body-section{position:absolute;bottom:20px;left:50%;z-index:10;display:none;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0)}[data-section="2"] .build-body__next-body-section{display:block}[data-body-section="6"] .build-body__next-body-section{display:none}.build-body--mini[data-body-section="2"] .build-body__next-body-section{display:none}.build-body__links{width:224px;height:100%;position:absolute;left:50%;top:0;margin:0 0 0 -112px;display:none;z-index:20;white-space:nowrap}[data-body-section="6"] .build-body__links{display:block}.build-body__link{position:absolute}.build-body__link--chest{top:166px;right:-65px}@media(min-height: 1000px){.build-body__link--chest{top:255px;right:-90px}}.build-body__link--sex-0{top:328px;left:131px}[data-sex="1"] .build-body__link--sex-0{border-radius:30px}@media(min-height: 1000px){.build-body__link--sex-0{top:505px;right:-89px}}.build-body__link--sex-1{top:408px;left:-60px}[data-sex="0"] .build-body__link--sex-1{border-radius:30px}@media(min-height: 1000px){.build-body__link--sex-1{top:592px;left:-73px}}.build-body__link--puberty{left:-66px;top:253px}@media(min-height: 1000px){.build-body__link--puberty{top:400px;left:-92px}}.build-body__link--change{z-index:20;bottom:20px;left:50%;display:none;white-space:nowrap;margin-left:120px;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0)}[data-body-section="6"] .build-body__link--change{display:block}.build-body--mini[data-body-section="2"] .build-body__link--change{display:block}@media(max-height: 550px){.build-body__link{font-size:18px;padding:11px 20px 9px}.build-body__link--change{font-size:24px;padding:13px 28px 11px}.build-body__link--chest{top:110px;right:-15px}.build-body__link--sex-0{top:218px;left:124px}.build-body__link--sex-1{top:277px;left:-14px}.build-body__link--puberty{left:-46px;top:90px}}.build-body[data-section="-1"] .wheel-chooser-wrapper,.build-body[data-section="0"] .wheel-chooser-wrapper,.build-body[data-section="1"] .wheel-chooser-wrapper,.build-body[data-body-section="6"] .wheel-chooser-wrapper{opacity:0;z-index:-1}.build-body--mini[data-body-section="2"] .wheel-chooser-wrapper{opacity:0;z-index:-1}.loader{position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;border-top:10px solid hsla(0,0%,100%,.2);border-right:10px solid hsla(0,0%,100%,.2);border-bottom:10px solid hsla(0,0%,100%,.2);border-left:10px solid #fff;display:none;transition:opacity .2s ease-out;animation:loader-animation 1.1s infinite linear}.loader,.loader:after{border-radius:50%;width:70px;height:70px}@keyframes loader-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.wheel-chooser-wrapper{position:absolute;top:0;width:100%;height:100%;opacity:1;transition:opacity .2s ease-out;z-index:2}.wheel-chooser{position:absolute;bottom:-604px;left:50%;width:754px;height:754px;border-radius:50%;background:linear-gradient(white, #8f8f8f);transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0)}.wheel-chooser__item{width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;border-radius:45%;background-color:#f4f4f4;overflow:hidden;transition:transform .1s ease-out;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);background-repeat:no-repeat;background-image:inherit;background-size:100px auto}.wheel-chooser__item:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:45%;border:3px solid #fff}.wheel-chooser__item.is-selected .wheel-chooser__icon{transform:translate(0, -33%);transform:translate3d(0, 0, -33%)}.wheel-chooser__icon{position:absolute;width:80%;height:80%;left:12%;bottom:-80%;border-radius:50%;background-color:#fff;text-align:center;transition:transform .2s ease-out;transform:translate(0, 0);transform:translate3d(0, 0, 0);box-shadow:0 0 2px 0 rgba(0,0,0,.5);will-change:transform}.wheel-chooser__icon svg{width:16px;height:12px;fill:#ac2a96;position:relative;top:6px}.color-picker{width:85px;height:85px;display:inline-block;border-radius:45%;overflow:hidden;position:relative;margin:2%;transition:transform .3s ease-out;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.color-picker:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border-radius:45%;border:4px solid #fff}.color-picker__icon{position:absolute;width:80%;height:80%;left:12%;bottom:-80%;border-radius:50%;background-color:#fff;text-align:center;transition:transform .2s ease-out;transform:translate(0, 0);transform:translate3d(0, 0, 0);box-shadow:0 0 2px 0 rgba(0,0,0,.5)}.color-picker__icon svg{width:16px;height:12px;fill:#ac2a96;position:relative;top:6px}.color-picker.is-selected{transform:scale(1.08)}.color-picker.is-selected .color-picker__icon{transform:translate(0, -40%);transform:translate3d(0, 0, -40%)}.color-picker--0{background-image:linear-gradient(#E3BBB6, #C9A6A1)}.color-picker--1{background-image:linear-gradient(#F2D4B6, #D9BEA3)}.color-picker--2{background-image:linear-gradient(#B57C64, #9C6B56)}.color-picker--3{background-image:linear-gradient(#99674D, #805640)}.color-picker--4{background-image:linear-gradient(#6B4837, #52372A)}@media(min-height: 550px){.color-picker{width:100px;height:100px}.color-picker.is-selected .color-picker__icon{transform:translate(0, -35%);transform:translate3d(0, 0, -35%)}}@media(min-height: 640px){.color-picker{width:120px;height:120px}.color-picker.is-selected .color-picker__icon{transform:translate(0, -30%);transform:translate3d(0, 0, -30%)}}.image{width:260px;height:220px;margin:0 auto 25px auto;position:relative}.image--cut{border-radius:300px;overflow:hidden;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.image--intro{width:280px;height:240px}.image--intro-small{width:280px;height:200px}.image--intro-large{width:280px;height:290px}.image--intro,.image--intro-small,.image--intro-large{opacity:0;transform:scale(0.5);transition:opacity .3s .3s ease-out,transform .2s .3s ease-out}.is-active .image--intro,.is-active .image--intro-small,.is-active .image--intro-large{opacity:1;transform:scale(1)}.image--no-scale{transform:scale(1)}.image--medium{height:190px}.image--large{height:260px}.image>img,.image>canvas{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.image>canvas{max-height:130%;max-width:130%;position:relative;top:-25%;border-radius:300px}@media(max-height: 540px){.image{width:260px;height:170px;margin-bottom:15px}.image--intro-small{width:260px;height:170px}.image--intro{width:260px;height:200px}.image--intro-large{width:260px;height:220px}.image--large{height:200px}}@media(min-width: 600px){.image{width:375px;height:300px;margin-bottom:40px}.image--intro-small{height:270px}.image>canvas{top:0}}.video{max-width:700px;padding:0 40px;margin:0 auto 15px auto}.video__inner{width:100%;padding-top:56.25%;position:relative;backface-visibility:hidden;perspective:1000;background-color:#000}.video__inner>iframe{position:absolute;left:0;top:0;width:100%;height:100%}@media(min-width: 375px){.video{margin-bottom:30px}}.modal-bg{position:absolute;left:0;top:0;width:0;height:0;z-index:2000;background-color:#000;opacity:0;transition:opacity .3s ease-out}.modal-visible .modal-bg{opacity:.35;width:100%;height:100%}.modal{width:100%;color:#333;position:absolute;bottom:0;height:100%;z-index:2001;background-color:#fff;transition:transform .3s ease-out;transform:translate(0, 100%);transform:translate3d(0, 100%, 0)}.modal.show-targetted{transform:translate(-100%, 0);transform:translate3d(-100%, 0, 0)}.modal-visible .modal{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.modal-visible .modal.show-targetted{transform:translate(-100%, 0);transform:translate3d(-100%, 0, 0)}.modal-visible .modal.show-targetted.targetted{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.modal-visible .modal .icon--arrow-up-helper{animation:arrow-jump-inverted .8s infinite ease-out}.modal__images{white-space:nowrap;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.modal__images>img{height:100%;max-width:none}.modal__panel{padding:25px;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal__panel-inner{max-width:400px;margin:0 auto}.modal__close{position:absolute;top:12px;right:12px;z-index:10;min-width:0;opacity:0;transition:opacity .2s ease-out}.modal-visible .modal__close{opacity:1}.modal__heading{color:#9d1b83;margin:0 0 15px 0;padding-right:100px}.modal__text{font-size:18px}.modal__text>a{font-weight:bold;color:#9d1b83;text-decoration:underline}.modal__text>img{margin:15px 0}.modal__helper{position:absolute;right:28px;top:50%;z-index:10;margin-left:0;transform:rotate(90deg);transition:opacity .3s ease-out}.interacted-with .modal__helper{opacity:0}.modal .video{padding:0}.word-explanation{display:inline-block;font-family:Pinup;color:#9d1b83;font-size:24px;line-height:1;padding:12px 28px;border-radius:50px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);min-width:200px;position:relative;background-color:#fff;background-image:linear-gradient(white, #EDEDED);margin-bottom:18px;cursor:pointer}[data-color=red] .word-explanation{color:#8f0050}[data-color=green] .word-explanation{color:#03695d}[data-color=blue] .word-explanation{color:#045370}@media(max-height: 540px){.word-explanation{padding:8px 28px;margin-bottom:12px}}.word-explanation-popup-bg{position:absolute;left:0;top:0;background-color:#000;opacity:0;z-index:100;transition:opacity .3s ease-out;cursor:pointer}.word-explanation-visible .word-explanation-popup-bg{opacity:.35;width:100%;height:100%}.word-explanation-popup{display:none;position:absolute;left:0;top:0;z-index:101;background-color:#fff;border-radius:30px;padding:12px 22px 0 22px;transition:transform .3s ease-out,width .3s ease-out,height .3s ease-out}.word-explanation-popup:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.word-explanation-popup__heading{color:#9d1b83;margin:0;font-size:24px;position:relative;left:50%;display:inline-block;line-height:1;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0);transition:transform .3s ease-out,left .3s ease-out,font-size .3s ease-out;transform-origin:top left}[data-color=red] .word-explanation-popup__heading{color:#8f0050}[data-color=green] .word-explanation-popup__heading{color:#03695d}[data-color=blue] .word-explanation-popup__heading{color:#045370}.word-explanation-visible .word-explanation-popup__heading{left:0;transform:translate(0, 8px) scale(1.1);transform:translate3d(0, 8px, 0) scale(1.1)}.word-explanation-popup__text{opacity:0;color:#333;font-size:22px;line-height:1.333333;margin:20px 0 0 0;transition:opacity .2s ease-out .4s}.word-explanation-visible .word-explanation-popup__text{opacity:1}@media(min-width: 600px){.word-explanation-popup__text{font-size:28px}}.word-explanation-popup>.button{position:absolute;right:-16px;top:-16px;opacity:0;transition:opacity .15s ease-out .4s}.word-explanation-visible .word-explanation-popup>.button{opacity:1}.nav-bubble{position:relative;cursor:pointer;width:160px;display:inline-block;margin-bottom:14px;line-height:1.5;z-index:1;vertical-align:top}.nav-bubble:before{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.nav-bubble__img{width:118px;height:118px;display:inline-block;border-radius:45%;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);background-image:linear-gradient(white, #EDEDED);overflow:hidden;position:relative}.nav-bubble__img>canvas{width:100%;height:100%}.nav-bubble__img>img{position:absolute;left:0;top:0}.nav-bubble__text{-webkit-font-smoothing:antialiased;font-family:Pinup,sans-serif;font-size:21px;line-height:1.2;text-shadow:0 0 2px #000,1px 1px 1px rgba(0,0,0,.2)}.nav-bubble--small{width:134px}.nav-bubble--small .nav-bubble__img{width:112px;height:112px}.nav-bubble--small .nav-bubble__text{color:#b736a5;text-shadow:none;text-transform:uppercase}.nav-bubble--large{width:170px}.nav-bubble--large .nav-bubble__img{width:145px;height:145px}.nav-bubble--purple .icon--speaker,.nav-bubble--purple .icon--speaker-off{position:absolute;left:56px;top:56px;margin:-28px 0 0 -27px}.nav-bubble--purple .nav-bubble__img{background-image:linear-gradient(#BC3BAB, #9D1B83)}.nav-bubble--green .nav-bubble__img{background-image:linear-gradient(#00AF9A, #046B5F)}.nav-bubble--red .nav-bubble__img{background-image:linear-gradient(#D40E73, #8A0046)}.nav-bubble--blue .nav-bubble__img{background-image:linear-gradient(#07A8D8, #02617E)}@media(max-width: 374px){.nav-bubble{width:136px}.nav-bubble--small{width:126px}.nav-bubble--large{width:136px}.nav-bubble--large .nav-bubble__img{width:118px;height:118px}.nav-bubble__text{font-size:18px}}@media(min-height: 540px){.nav-bubble--large{margin-bottom:30px}}@media(min-width: 600px){.nav-bubble{width:200px;margin:30px 0}.nav-bubble__img{width:145px;height:145px}.nav-bubble--small{width:134px}}.animate-nav-bubbles .nav-bubble{opacity:0;transform:scale(0.5);transition:opacity .3s .3s ease-out,transform .2s .3s ease-out}.animate-nav-bubbles .nav-bubble__img{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.animate-nav-bubbles .nav-bubble--2{transition-delay:.4s}.animate-nav-bubbles .nav-bubble--3{transition-delay:.5s}.animate-nav-bubbles .nav-bubble--4{transition-delay:.6s}.animate-nav-bubbles.is-active .nav-bubble{opacity:1;transform:scale(1)}.slides{position:absolute;z-index:2001;width:87%;height:90%;left:50%;top:50%;background:#fff;border-radius:20px;color:#333;max-width:350px;max-height:600px;display:none;opacity:0;transition:opacity .3s ease-out;transform:translate(-50%, -50%);transform:translate3d(-50%, -50%, 0)}.slides__images-bg{border-radius:20px 20px 0 0;height:48%;background-image:radial-gradient(circle, #A547BD, #530867)}.slides__panels{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .25s ease-out;transform:translate(0, 0);transform:translate(0, 0) translateZ(0)}.slides__panels-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.slides__panel{width:100%;height:100%;position:absolute;top:0;left:0}.slides__panel:nth-child(2){left:100%}.slides__panel:nth-child(3){left:200%}.slides__panel:nth-child(4){left:300%}.slides__panel:nth-child(5){left:400%}.slides__panel:nth-child(6){left:500%}.slides__panel:nth-child(7){left:600%}.slides__panel:nth-child(8){left:700%}.slides__panel:nth-child(9){left:800%}.slides__panel:nth-child(10){left:900%}.slides__image{width:100%;height:48%;margin:0 auto;position:relative;padding:30px}.slides__image-inner{height:100%}.slides__image-holder{height:100%;position:relative}.slides__image-holder>img{max-height:100%;max-width:100%;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.slides__image.is-cut .slides__image-inner{border-radius:100px;overflow:hidden;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.slides__text{margin:20px 20px 0 20px;line-height:1.4}.slides__prev,.slides__next{position:absolute;bottom:28px;left:50%;margin-left:-28px}.slides__prev{margin-left:-88px}.slides__next{margin-left:32px}.slides__close{position:absolute;top:-15px;right:-15px;padding:9px 24px 7px}.slides__close>.icon--x{position:relative;top:-1px}@media(max-height: 540px){.slides__text{font-size:19px}.slides__images-bg,.slides__image{height:44%}}@keyframes arrow-jump{0%{transform:translate(0, 0);transform:translate3d(0, 0, 0);animation-timing-function:ease-out}50%{transform:translate(0, -10px);transform:translate3d(0, -10px, 0);animation-timing-function:ease-in}}@keyframes arrow-jump-inverted{0%{transform:translate(0, 0);transform:translate3d(0, 0, 0);animation-timing-function:ease-out}50%{transform:translate(0, 10px);transform:translate3d(0, 10px, 0);animation-timing-function:ease-in}}.intro{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:1001;background-color:rgba(0,0,0,.6);font-size:22px;line-height:1.454545;display:none;opacity:0;transition:opacity .5s ease-out;cursor:pointer}.intro-shown .intro{transition:opacity .3s ease-out}.intro .start__heading{line-height:1.2}.intro .icon--arrow-down-helper{position:absolute;z-index:10;left:50%;bottom:18px;margin-left:-7px;display:none;animation:arrow-jump .8s infinite ease-out}.intro.iphone .icon--arrow-down-helper{display:block}.intro .icon--arrow-up-helper{position:absolute;right:16px;top:16px;z-index:10;margin-left:-7px;display:none;animation:arrow-jump-inverted .8s infinite ease-out}.intro.ipad .icon--arrow-up-helper,.intro.android .icon--arrow-up-helper{display:block}.intro.ipad .icon--arrow-up-helper{right:132px}.intro__headings{transition:opacity .5s ease-out}.intro__heading{font-size:22px;width:255px;margin:0 auto}.intro__add-to-home{color:#333;position:absolute;bottom:0;left:-50px;right:-50px;padding:50px 0 46px;z-index:3;transition:transform .3s ease-out;transform:translate(0, 120%);transform:translate3d(0, 120%, 0)}.intro__add-to-home.is-visible{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.intro__add-to-home:after{content:"";position:absolute;top:0;left:50%;background-color:#fff;width:1070px;height:1070px;margin-left:-535px;border-radius:50%;z-index:-1}.intro__add-to-home p{max-width:360px;padding:0 20px;margin:0 auto 25px}.intro__add-to-home .icon--add-to-home-ios{display:inline-block;margin:0 5px}.intro__add-to-home .icon--add-to-home-android{display:inline-block;margin:0 5px}.intro__add-to-home .button{position:absolute;top:0;left:50%;margin:-28px 0 0 -28px}.intro__mobile-app{color:#333;background:#fff;border-radius:20px;width:300px;position:absolute;z-index:2;left:50%;top:50%;margin-left:-150px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease-out;transform:translate(0, 0);transform:translate3d(0, -50%, 0)}@media(min-width: 375px){.intro__mobile-app{width:316px;margin-left:-158px}}.intro__audio-choice{color:#333;background:#fff;border-radius:20px;width:300px;position:absolute;z-index:2;left:50%;top:50%;margin-left:-150px;padding:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease-out;transform:translate(0, 0);transform:translate3d(0, -50%, 0)}@media(min-width: 375px){.intro__audio-choice{width:316px;margin-left:-158px}}.intro__audio-indicator{position:absolute;top:55px;right:37px;color:#333;background:#fff;border-radius:20px;width:280px;z-index:3;padding:18px 20px 15px 20px;display:none;opacity:0;transition:opacity .3s ease-out}.intro__audio-indicator>.icon--speaker-small{position:absolute;right:-25px;top:-41px}.intro__audio-indicator>.icon--arrow-right-helper{position:absolute;right:7px;top:-24px}.intro__audio-indicator>.button{position:absolute;right:20px;bottom:-25px}.audio-control{display:block;width:48px;height:48px;position:absolute;z-index:202;right:2px;top:2px;text-align:center;line-height:50px;cursor:pointer;padding-left:6px}.intro-visible .audio-control{display:none}.audio-control:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%}.modal-visible .audio-control{z-index:0}.audio-control>.icon--speaker-off-small{display:none;position:relative;left:-3px}.audio-control.audio-disabled>.icon--speaker-small{display:none}.audio-control.audio-disabled>.icon--speaker-off-small{display:inline-block}.sound-illustration{position:relative;appearance:none;border:0;outline:0;padding:0;margin:15px 0 74px 0;background:rgba(0,0,0,0)}.sound-illustration__inner{position:relative;width:144px;height:144px;border-radius:50%;background-image:linear-gradient(#BC3BAB, #9D1B83);box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}[data-color=red] .sound-illustration__inner{background-image:linear-gradient(#FF4EA3, #F0137E)}[data-color=green] .sound-illustration__inner{background-image:linear-gradient(#07D7C6, #00857A)}[data-color=blue] .sound-illustration__inner{background-image:linear-gradient(#0BB9EC, #00799D)}.sound-illustration:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sound-illustration .icon--play,.sound-illustration .icon--pause{position:absolute;left:50%;top:50%;width:48px;height:60px;fill:#fff}.sound-illustration .icon--play{margin:-30px 0 0 -16px}.sound-illustration .icon--pause{margin:-30px 0 0 -24px;display:none}.sound-illustration .icon--bubble{position:absolute;z-index:0;left:-40px;top:-30px}.sound-illustration.pulse .icon--bubble{animation:pulse-small .7s alternate ease-out 2}.sound-illustration.is-playing .icon--play{display:none}.sound-illustration.is-playing .icon--pause{display:block}.sound-illustration.is-playing .icon--bubble{animation:pulse-small .7s infinite alternate ease-out}@media(max-height: 500px){.sound-illustration{margin-bottom:60px}.sound-illustration__inner{width:110px;height:110px}.sound-illustration .icon--bubble{width:192px;height:190px}}.main-menu{position:absolute;left:0;top:0;bottom:0;width:100%;z-index:200;font-family:Pinup;font-style:normal;font-weight:normal;font-size:24px;text-align:center;background-color:rgba(0,0,0,0);display:none;opacity:0;transform:translate(0, 0);transform:translate3d(0, 0, 0);transition:background-color .3s ease-out,opacity .3s ease-out}.main-menu:before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;right:0;height:90px;background-image:linear-gradient(#33023C 55%, rgba(51, 2, 60, 0))}.main-menu.is-visible{opacity:1;background-color:rgba(0,0,0,.3)}.main-menu__logo{position:absolute;z-index:2;left:50%;transform:translate(-50%, 0);transform:translate3d(-50%, 0, 0);transform-origin:50% 0;transition:transform .2s ease-out}.is-scrolled>.main-menu__logo{transform:translate(-50%, -20px) scale(0.5);transform:translate3d(-50%, -20px, 0) scale(0.5)}.main-menu__inner{padding-top:160px;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.main-menu__list{list-style-type:none;margin:0 32px 32px;padding:0 0 1px;color:#fff;max-width:400px;border-bottom:1px solid hsla(0,0%,100%,.1)}.main-menu__list:last-child{border:0;margin-bottom:0}@media(max-width: 350px){.main-menu__list{margin:0 10px 32px}}.main-menu__item{position:relative;border-radius:50px;cursor:pointer;height:48px;padding:9px 0 8px 60px;margin:0 0 32px;background-image:linear-gradient(#BC3BAB, #9D1B83);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);white-space:nowrap;transform:translate(-110%, 0);transform:translate3d(-110%, 0, 0);transition:transform .3s ease-out}.main-menu__item:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.main-menu__item:nth-child(2){transition-delay:35ms}.main-menu__item:nth-child(3){transition-delay:70ms}.main-menu__item:nth-child(4){transition-delay:105ms}.main-menu__item:nth-child(5){transition-delay:140ms}.main-menu__list--blue>.main-menu__item{background-image:linear-gradient(#00B9EF, #0084AA)}.main-menu__list--red>.main-menu__item{background-image:linear-gradient(#ED3F92, #AA125F)}.main-menu__list--green>.main-menu__item{background-image:linear-gradient(#0FB5A1, #036A5E)}.main-menu__list--white>.main-menu__item{color:#630a7a;background-image:linear-gradient(#fff, #EDEDED)}.main-menu__item>img{position:absolute;left:0;top:-11px;width:70px;height:70px;border-radius:45%;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.5)}.is-visible .main-menu__item{transform:translate(0, 0);transform:translate3d(0, 0, 0)}@media(min-width: 464px){.main-menu__list{margin-left:auto;margin-right:auto}}@media(min-width: 600px){.main-menu__item{transition:transform .3s ease-out,opacity .3s ease-out;transform:translate(0, -20px);transform:translate3d(0, -20px, 0);opacity:0}.is-visible .main-menu__item{opacity:1}}.hamburger{width:48px;height:48px;position:absolute;left:2px;top:2px;cursor:pointer;z-index:201}.hamburger:before{content:"";display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.hamburger__inner{position:absolute;top:22px;left:12px;width:25px;height:3px;background-color:#fff;border-radius:10px;transition:background-color .3s ease-out}.main-menu-open .hamburger__inner{background-color:rgba(0,0,0,0)}.hamburger__inner:before,.hamburger__inner:after{content:"";display:block;position:absolute;left:0;width:25px;height:3px;background-color:#fff;border-radius:10px;transition:transform .3s ease-out}.hamburger__inner:before{top:-8px;transform-origin:top left}.main-menu-open .hamburger__inner:before{transform:rotate(43deg)}.hamburger__inner:after{bottom:-8px;transform-origin:bottom left}.main-menu-open .hamburger__inner:after{transform:rotate(-43deg)}.lights{position:absolute;left:0;top:-60px;width:100%;height:100%;position:absolute;top:-50px;left:50%;margin-left:-99px;width:198px;height:632px;background:url(../img/lights.png);background-size:396px 632px;transform-origin:top center;opacity:.75}.lights__1{transform:translate(-100px, 0) rotate(-5deg) scale(1.5);transform:translate3d(-100px, 0, 0) rotate(-5deg) scale(1.5);background-position:100% 100%;animation:lights-1 3s infinite ease-in-out alternate}.lights__2{transform:translate(100px, 0) rotate(5deg) scale(1.5);transform:translate3d(100px, 0, 0) rotate(5deg) scale(1.5);background-position:100% 100%;animation:lights-2 3s .4s infinite ease-in-out alternate}@media(min-height: 700px){.lights__1{transform:translate(-120px, 0) rotate(-5deg) scale(2);transform:translate3d(-120px, 0, 0) rotate(-5deg) scale(2);background-position:100% 100%}.lights__2{transform:translate(120px, 0) rotate(5deg) scale(2);transform:translate3d(120px, 0, 0) rotate(5deg) scale(2)}}.main-menu-open .lights{display:none}.android .lights--build-body .lights__1{animation:none}.android .lights--build-body .lights__2{animation:none}.beatbox{position:relative;z-index:10;height:280px;margin-bottom:30px}.beatbox__button{position:relative;z-index:2;appearance:none;border:3px solid #b736a5;background:#5f0d65;border-radius:50px;width:74px;height:74px;cursor:pointer;outline:0;color:#fff;font-size:14px;box-shadow:0 0 8px 0 #b736a5;padding:6px 0 0 0;font-family:Pinup,sans-serif;transition:background-color .5s ease-out}.beatbox__button.is-active{transition:none;background-color:#b837a6}[data-color=red] .beatbox__button{border:3px solid #f0137e;background-color:#8f0050;box-shadow:0 0 8px 0 #f0137e}.beatbox__button-holder{position:absolute;z-index:3;left:50%;top:50%;margin:-37px 0 0 -37px;opacity:1;transition:transform .3s .3s ease-out,opacity .3s .3s ease-out}.beatbox__button-holder--1{transform:translate(55px, -100px);transform:translate3d(55px, -100px, 0)}.beatbox__button-holder--2{transform:translate(110px, 0);transform:translate3d(110px, 0, 0)}.beatbox__button-holder--3{transform:translate(55px, 100px);transform:translate3d(55px, 100px, 0)}.beatbox__button-holder--4{transform:translate(-55px, 100px);transform:translate3d(-55px, 100px, 0)}.beatbox__button-holder--5{transform:translate(-110px, 0);transform:translate3d(-110px, 0, 0)}.beatbox__button-holder--6{transform:translate(-55px, -100px);transform:translate3d(-55px, -100px, 0)}.beatbox__button-holder--1{transform:translate(0, -110px);transform:translate3d(0, -110px, 0)}.beatbox__button-holder--2{transform:translate(95px, -55px);transform:translate3d(95px, -55px, 0)}.beatbox__button-holder--3{transform:translate(95px, 55px);transform:translate3d(95px, 55px, 0)}.beatbox__button-holder--4{transform:translate(0, 110px);transform:translate3d(0, 110px, 0)}.beatbox__button-holder--5{transform:translate(-95px, 55px);transform:translate3d(-95px, 55px, 0)}.beatbox__button-holder--6{transform:translate(-95px, -55px);transform:translate3d(-95px, -55px, 0)}.is-disabled .beatbox__button-holder{opacity:0;transform:translate(0, 0);transform:translate3d(0, 0, 0);transition-delay:0s}.beatbox__back{position:absolute;left:50%;top:50%;margin-left:-78px;margin-top:-27px;transform:scale(0.7);z-index:20;transition:opacity .3s .3s ease-out}.beatbox__back[disabled]{opacity:0;transition-delay:0s}.beatbox__ring{position:absolute;top:0;z-index:1;width:74px;height:74px;box-shadow:0 0 8px 2px #b736a5;border-radius:50%;transition:opacity .7s ease-out,transform .7s ease-out}[data-color=red] .beatbox__ring{box-shadow:0 0 8px 0 #f0137e}.beatbox__ring.is-active{transform:scale(2);opacity:0}.beatbox__bubble{appearance:none;padding:0;border:0;background:rgba(0,0,0,0);position:absolute;z-index:10;top:84px;left:50%;margin:0 0 0 -56px;width:112px;outline:0;transition:opacity .3s .3s ease-out,transform .3s .3s ease-out;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.beatbox__bubble[disabled]{z-index:0;opacity:0;transition-delay:0s}.beatbox__bubble .nav-bubble__img{width:112px;height:112px;border-radius:50%;box-shadow:0 0 8px 0 #b736a5;transform:translate(0, 0);transform:translate3d(0, 0, 0)}.is-active .beatbox__bubble .nav-bubble__img{animation:pulse-smallest .6s infinite alternate ease-out}[data-color=red] .beatbox__bubble .nav-bubble__img{box-shadow:0 0 8px 0 #f0137e}.is-active .beatbox__bubble--2 .nav-bubble__img{animation-delay:-0.2s}.is-active .beatbox__bubble--3 .nav-bubble__img{animation-delay:-0.4s}.is-active .beatbox__bubble--4 .nav-bubble__img{animation-delay:-0.6s}.is-active .beatbox__bubble--5 .nav-bubble__img{animation-delay:-0.8s}.beatbox__bubble--1{transform:translate(-70px, -70px);transform:translate3d(-70px, -70px, 0)}.beatbox__bubble--2{transform:translate(70px, -70px);transform:translate3d(70px, -70px, 0)}.beatbox__bubble--3{transform:translate(-70px, 70px);transform:translate3d(-70px, 70px, 0)}.beatbox__bubble--4{transform:translate(70px, 70px);transform:translate3d(70px, 70px, 0)}.beatbox__bubble.is-active{transform:translate(0, 0);transform:translate3d(0, 0, 0);transition-delay:0s}@media(min-width: 370px){.beatbox__bubble--1{transform:translate(-90px, -90px);transform:translate3d(-90px, -90px, 0)}.beatbox__bubble--2{transform:translate(90px, -90px);transform:translate3d(90px, -90px, 0)}.beatbox__bubble--3{transform:translate(-90px, 90px);transform:translate3d(-90px, 90px, 0)}.beatbox__bubble--4{transform:translate(90px, 90px);transform:translate3d(90px, 90px, 0)}}@media(min-height: 800px){.beatbox{height:380px}.beatbox__bubble{top:132px}.beatbox__bubble--1{transform:translate(-110px, -110px);transform:translate3d(-110px, -110px, 0)}.beatbox__bubble--2{transform:translate(110px, -110px);transform:translate3d(110px, -110px, 0)}.beatbox__bubble--3{transform:translate(-110px, 110px);transform:translate3d(-110px, 110px, 0)}.beatbox__bubble--4{transform:translate(110px, 110px);transform:translate3d(110px, 110px, 0)}}.waves{width:100%;height:151px;position:relative;overflow:hidden}.waves__wave{position:absolute;width:calc(100% + 375px);height:151px;background:url(../img/waves.png) repeat-x;background-size:375px 604px;margin-left:-375px}.waves__wave--1{animation:wave .8s infinite linear}.waves__wave--2{background-position:0 -151px;animation:wave .9s infinite linear}.waves__wave--3{background-position:0 -302px;animation:wave 1.1s infinite linear}.waves__wave--4{background-position:0 -453px;animation:wave 1.3s infinite linear}.is-disabled .waves__wave{animation-play-state:paused}@media(max-height: 530px){.waves{display:none}}@media(max-height: 610px){.waves{height:76px}.waves__wave{width:calc(100% + 188px);height:76px;background-size:188px 302px;margin-left:-188px}.waves__wave--1{animation-duration:.4s}.waves__wave--2{background-position:0 -76px;animation-duration:.45s}.waves__wave--3{background-position:0 -151px;animation-duration:.55s}.waves__wave--4{background-position:0 -227px;animation-duration:.65s}}@keyframes wave{0%{transform:translate(375px, 0);transform:translate3d(375px, 0, 0)}}@media(max-height: 610px){@keyframes wave{0%{transform:translate(188px, 0);transform:translate3d(188px, 0, 0)}}}/*# sourceMappingURL=main.css.map */