:root{--bg-color:#f6f5f2;--blue-color:#4e7db7;--orange-color:#df6008;--indigo-color:#7c87b6;--grey-dark-color:#4a4a4a;--grey-medium-color:silver;--grey-light-color:#f0f0f0;--teal-color:#517e7b;--yellow-color:#df8f07;--bg-dark-color:#ecebe7;--menu-color:#151515}html{background-color:var(--bg-color);color:var(--grey-dark-color);font-family:Nunito,sans-serif;font-weight:400;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow:hidden;-webkit-overflow-scrolling:touch}body{margin:0;display:flex;width:100%;height:100%;flex-direction:column}h1{font-size:16px;letter-spacing:4px}h1,h2{font-family:Nunito,sans-serif;font-weight:700;text-transform:uppercase}h4{color:var(--grey-light-color);font-weight:400;text-transform:capitalize}label{color:gray;font-size:12px;letter-spacing:1px}a:link{cursor:default;text-decoration:none}a:link,a:visited{color:inherit}ul{list-style:none}li{margin-top:24px}.icon{height:48px;width:48px;transition:fill .3s;position:relative}.icon .tooltip{opacity:0;visibility:hidden;transition:opacity .3s .2s}.icon:hover .tooltip{visibility:visible;opacity:1;top:110%;display:inline-block;position:absolute}.icon.xsmall{height:24px;width:24px}.icon.small{height:48px;width:48px}.icon.medium{height:64px;width:64px}.icon.large{height:96px;width:96px}.icon.xlarge{height:128px;width:128px}.icon.xxlarge{height:192px;width:192px}.svg-icon-lib{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}body[category=sight] #global-back:after,body[category=sight] .arc{background-color:var(--blue-color)}body[category=action] #global-back:after,body[category=action] .arc{background-color:var(--teal-color)}body[category=body] #global-back:after,body[category=body] .arc{background-color:var(--indigo-color)}body[category=mind] #global-back:after,body[category=mind] .arc{background-color:var(--yellow-color)}body[category=imagination] #global-back:after,body[category=imagination] .arc{background-color:var(--orange-color)}.arc{position:absolute;background-position:100%;-webkit-mask-image:url(../images/arc.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%;-webkit-mask-position-x:50%;-webkit-mask-position-y:45%;width:100%;height:120px;bottom:0;background-color:var(--bg-dark-color);transition:background .2s ease}.arc.top{top:0}.arc.bottom{transform:rotate(180deg);margin:auto auto 0;bottom:0}#wrapper{margin:0 auto;max-width:500px;width:100%;left:0;right:0;transition:background 1s ease}button{outline:none;padding:12px;font-size:14px;border-radius:24px;background-color:var(--bg-dark-color);border:none;margin:0 8px;transition:background-color .2s ease,transform .2s ease}button:hover{opacity:.8;transform:scale(1.1)}#content{max-width:400px;min-height:300px;opacity:1;position:absolute;text-align:center;top:0;bottom:0;left:0;right:0;margin:auto;padding:110px 0;max-height:500px;transition:opacity .5s ease 1s}#app{height:100%;min-height:250px}#content.hidden{opacity:0}.hide{display:none}#global-back{position:fixed;bottom:20px;left:0;right:0;text-align:center;z-index:2;transform:scale(1.1);opacity:0;animation:.2s a .2s ease forwards;transform:translateY(8px);width:100px;margin:auto}#global-back:after{content:"";z-index:-2;width:50px;margin:auto;background:var(--bg-dark-color);height:50px;border-radius:100% 10% 130% 10%;transform:rotate(45deg);display:block;position:absolute;top:-50%;right:0;left:0;transition:border-radius .2s}#global-back.close:after{border-radius:200% 0 200% 0}body[category=""] #global-back a{padding:24px}body[category=""] #global-back svg,body[category=random] #global-back svg{fill:var(--grey-dark-color)}#global-back:hover:after{border-radius:100% 0 160% 0}#global-back:hover svg{transform:translateY(-2px)}#global-back svg{fill:var(--grey-light-color);position:relative;border-radius:50%;display:inline-block;margin:auto;transform:translateY(0);transition:transform .2s}#mode{position:fixed;bottom:0;left:0;margin:12px 24px;display:block;text-transform:capitalize}body:not([data-mode]) #mode .solo,body[data-mode="0"] #mode .solo,body[data-mode="1"] #mode .partner{opacity:1}#mode .partner,#mode .solo{margin-bottom:4px;opacity:.4;cursor:default;transition:transform .2s;text-shadow:0 0 16px #fff}#mode .partner:hover,#mode .solo:hover{transform:scale(1.05)}@keyframes a{0%{transform:translateY(8px);opacity:0}to{opacity:1;transform:translateY(0)}}#menu{z-index:10;height:100%;transition:transform .3s ease-out .5s;width:100%;transform:translateX(-100%);background:var(--menu-color);text-align:center;display:flex;flex-direction:column;justify-content:space-evenly;color:#fff;position:fixed}#menu.active{transform:translateX(0)}#menu .mode ul{padding:0}#menu .option{display:inline-block;font-size:16px;margin-right:24px;font-weight:400;opacity:.5;transition:color .2s}#menu .option.duo:before,#menu .option:after{content:"•";display:block}#menu .list-item{font-size:24px;white-space:nowrap;cursor:default;margin-bottom:56px}#menu .list-item a{display:inline-block;transition:letter-spacing .8s}#menu .list-item a:after{width:0;height:12px;top:2px;content:"";background:#fff;position:relative;display:block;transition:width .2s}#menu .list-item.active a:after,#menu .list-item:hover a:after{width:100%}body:not([data-mode="1"]) #menu .solo,body[data-mode="1"] #menu .duo{opacity:1}#menu .burger{border:unset;position:fixed;transform:translateX(72px);top:0;right:0;transition:transform .2s .5s;padding:24px}#menu.active .burger{transform:translateX(0)}#menu .burger::hover{background-color:unset;transform:unset;opacity:unset}#menu .burger .bar{height:4px;width:28px;margin-bottom:5px;box-shadow:2px 2px 20px 0 #00000033;transition:transform .3s,background .4s .5s;transform-origin:center center;background-color:var(--grey-dark-color);border-radius:4px}#menu.active .burger .bar{background-color:var(--bg-dark-color)}#menu.ready.active .top{animation:.5s b forwards}#menu.ready .top{animation:.5s c forwards}#menu.ready.active .mid{animation:.2s f ease-in forwards}#menu.ready .mid{animation:.2s g ease-in forwards}#menu.ready.active .bottom{animation:.5s d forwards}#menu.ready .bottom{animation:.5s e forwards}@keyframes b{0%{transform:translateY(0)}30%{transform:translateY(9px)}to{transform:translateY(9px) rotate(45deg)}}@keyframes c{0%{transform:translateY(9px) rotate(45deg)}30%{transform:translateY(9px)}to{transform:translateY(0)}}@keyframes d{0%{transform:translateY(0)}30%{transform:translateY(-9px)}to{transform:translateY(-9px) rotate(-45deg)}}@keyframes e{0%{transform:translateY(-9px) rotate(-45deg)}30%{transform:translateY(-9px)}to{transform:translateY(0)}}@keyframes f{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes g{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#landing{height:100%;width:100%}#landing.leave{animation:4s h forwards}#landing .center{margin:auto;position:absolute;left:0;right:0;height:200px;top:0;bottom:0}#landing .sub-section{margin-top:48px;margin-bottom:24px;opacity:0;animation:2s i forwards}#landing .title{font-size:20px;margin-bottom:12px}#landing .instruct{font-size:14px;font-style:italic}#landing .icon{animation:3s k infinite ease-in-out;fill:var(--grey-dark-color)}#landing .shadow{content:"";width:4px;height:4px;border-radius:50%;background-color:#000;opacity:.5;margin:0 auto;animation:3s j infinite ease-in-out}@keyframes h{0%{opacity:0}5%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes i{0%{opacity:0}to{opacity:1}}@keyframes j{0%{transform:scaleX(3.5)}50%{transform:scaleX(3)}to{transform:scaleX(3.5)}}@keyframes k{0%{transform:translateY(5px)}50%{transform:translateY(0)}to{transform:translateY(5px)}}#media.ended button .replay,#media.playing button .pause,#media:not(.playing):not(.ended) button .play{display:inline-block}#media:not(.ended) button .replay,#media:not(.playing) button .pause,#media button .play{display:none}#media .audio-controls button{border:none;border-radius:50%;background-color:unset}#media{position:relative;display:flex;margin:-24px 0;height:calc(100% - 24px);animation:.5s n ease forwards}#media,#media.play.expand{justify-content:center;flex-direction:column}#media.play.expand{height:100%;padding-right:0;width:100%}#media .time{display:flex;justify-content:center;margin-top:12px;font-size:12px}#media .currentTime:after{content:"/";margin:0 5px}#media .audio-controls{display:flex;justify-content:space-evenly;position:absolute;top:-4px;bottom:0;left:0;right:0}#media .description{font-size:14px;color:var(--grey-dark-color);opacity:.7}#media .progress{border-radius:50%;margin:32px auto;position:relative;height:96px;min-height:96px;width:96px;background-color:var(--bg-dark-color)}#media .progress:after{position:absolute;left:0;width:100%;height:24px;content:"";top:-12px}#media .title{font-size:20px;padding:8px}#onboarding button.active,body:not([data-mode="1"]) #onboarding button.solo,body[data-mode="1"] #onboarding button.duo{border:2px solid var(--orange-color)}#onboarding button{position:relative;border:2px solid var(--bg-color)}#onboarding .bar{position:absolute;padding:0 24px;background-color:var(--grey-medium-color);height:3px;border-radius:24px;top:100%;left:12px;right:12px;margin:12px}#onboarding .arrival-progress,#onboarding .intro-progress{position:absolute;left:0;top:0;height:3px;width:0;border-radius:24px;background:var(--orange-color)}#onboarding{height:100%}#onboarding p{margin:24px 0;font-size:24px;font-weight:400;padding:0 12px;font-family:Nunito,"Sans serif"}#onboarding button{font-size:14px;min-width:100px;margin:24px 12px}#onboarding button.arrival,#onboarding button.intro{padding-left:48px}#onboarding .icon{fill:var(--grey-dark-color)}#onboarding button .icon{position:absolute;top:0;left:0;padding:8px 16px}#onboarding :not(.active) .play,#onboarding button.active .pause{display:block}#onboarding :not(.active) .pause,#onboarding button.active .play,body[data-mode="1"] #nav .category.random{display:none}body[data-mode="0"] #nav .category.random{display:block}#nav{align-items:center;text-align:center;text-transform:capitalize;width:100%;bottom:56px;top:0;position:absolute;animation:.2s m forwards;display:flex;flex-direction:column;justify-content:space-evenly;padding:32px 0}#nav.hide{animation:1s l forwards;display:none}@keyframes l{0%{opacity:1}to{opacity:0;visibility:hidden;z-index:-1}}#nav .categories{display:flex;flex-direction:column;justify-content:space-evenly;height:100%;padding-bottom:24px}#nav .category{display:inline-block;height:8vh;pointer-events:auto;transition:transform .8s cubic-bezier(.68,-.35,.265,1.35),opacity .3s .2s;width:16vh;left:50%;opacity:1}#nav .toggler{padding:36px 0;position:absolute;bottom:8px}#nav .category .container{position:relative;left:-50%}#nav .category label{transition:opacity .2s .2s;font-family:Nunito,Helvetica,Sans Serif;font-size:14px}#nav.close .category label{opacity:0}#nav .category .icon{display:block;margin:auto;height:8vh}#nav .toggler .bar{height:4px;width:36px;border-radius:10px;background-color:gray}#nav:not(.close) .category:hover svg.icon{transform:scale(1.05);border-radius:5px;transition:transform .2s ease-in,background .2s}.category[data-category=random]{fill:var(--grey-medium-color)}.category[data-category=body]{fill:var(--indigo-color)}.category[data-category=action]{fill:var(--teal-color)}.category[data-category=sight]{fill:var(--blue-color)}.category[data-category=imagination]{fill:var(--orange-color)}.category[data-category=mind]{fill:var(--yellow-color)}@keyframes m{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}#audiobar.active.playing button .pause,#audiobar.active button .play,#audiobar.ended button .replay{display:inline-block}#audiobar.active.ended button .play,#audiobar.active.playing button .play,#audiobar:not(.ended) button .replay,#audiobar:not(.playing) button .pause{display:none}#audiobar .audio-controls button{border:none}#audiobar{position:fixed;bottom:0;padding-right:56px;width:calc(100% - 56px);transition:height .2s ease;background:linear-gradient(0deg,#fff,#ffffffeb);background:var(--bg-dark-color);align-items:center;display:flex;height:0;overflow:hidden;z-index:2}#audiobar .close{position:absolute;top:0;right:0;margin:8px;border:none;color:var(--grey-medium-color)}#audiobar.active{height:64px}#audiobar .time{display:flex;justify-content:center;margin-top:12px}#audiobar.active .currentTime:after{content:"/";margin:0 5px}#audiobar .audio-controls{display:flex;justify-content:space-evenly}#audiobar .description{font-size:14px;color:var(--grey-dark-color);opacity:.7}#audiobar .progress{width:50%;max-width:300px;min-width:100px;margin:0 auto;height:4px;background-color:var(--grey-medium-color);position:relative;border-radius:4px}#audiobar .progress .bar{width:0;content:"";position:absolute;background-color:var(--grey-dark-color);height:4px;left:0;border-radius:4px}#audiobar .progress:after{position:absolute;left:0;width:100%;height:24px;content:"";top:-12px}#audiobar .title{margin:24px 0;width:150px;font-weight:400;font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Nunito,Helvetica,Sans Serif}#audiobar .time{font-size:12px}#tracklist{position:relative;display:flex;flex-direction:column;margin:-24px 0;height:100%;animation:.5s n ease forwards}@keyframes n{0%{transform:translateX(12px);opacity:0}to{transform:translateX(0);opacity:1}}#tracklist.hide{display:none}#tracklist .category,#tracklist .category-blurb{margin:0 auto;text-transform:capitalize}#tracklist .category{font-size:20px;font-weight:500;letter-spacing:2;transition:transform .7s ease-out;padding:0 0 12px;font-family:Nunito,Helvetica,Sans Serif}#tracklist .header{transition:transform .7s ease-out;margin:24px 0}#tracklist.hide .header{transition:none;transform:translateY(4px) scale(.95)}.scroller{flex-grow:1;overflow-y:auto}.track{display:flex;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .3s}.track.active,.track:hover{background-color:var(--bg-dark-color)}.track .text{flex-grow:1;text-align:left;padding:0 12px}.track .description{font-weight:300}.track[disabled]{color:var(--grey-medium-color);cursor:default;font-weight:500}.track[disabled]:hover{background:unset}.track .text .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:8px}#tracklist .category-icon{height:96px;bottom:0;left:0;right:0;margin:0 auto;display:none}#tracklist .category-icon .icon{display:none;margin:0 auto;fill:var(--grey-dark-color);opacity:.9}body[category=action] #tracklist .category-icon .icon.action,body[category=body] #tracklist .category-icon .icon.body,body[category=imagination] #tracklist .category-icon .icon.imagination,body[category=mind] #tracklist .category-icon .icon.mind,body[category=sight] #tracklist .category-icon .icon.sight{display:block}#carousel{position:relative;margin:auto;height:100%}#carousel .carousel-item{overflow-x:hidden;padding:18px 0}#carousel p{white-space:pre-line}#carousel .window{position:relative;height:100%;min-height:300px;width:100%;overflow:hidden}#carousel .container{display:flex;width:300%;height:100%;transition:transform .2s ease-in .1s}#carousel .controls{display:flex;margin:24px 0;justify-content:space-between;fill:var(--grey-dark-color);display:none}#carousel .controls .icon.disabled{fill:var(--grey-medium-color)}.carousel-item{width:100%;margin:auto}.carousel-image{margin:-36px 0}#carousel .dots{justify-content:center;display:flex}#carousel .dot{border-radius:100%;background-color:var(--grey-medium-color);height:6px;width:6px;margin:0 8px;position:relative}#carousel .dot:after{position:absolute;left:-12px;padding:12px;width:100%;height:100%;top:-12px;content:""}#carousel .dot.active{background-color:var(--grey-dark-color)}#about{display:flex;height:100%;flex-direction:column;padding:12px 0;overflow-y:scroll}#about p{margin:6px auto 20px;padding:0 16px;max-width:350px;font-size:14px}#about h3{margin:12px auto}#about .rights{font-size:10px;margin-top:auto}