@charset "UTF-8";@import"https://use.typekit.net/ubq3pae.css";.fade-enter-active,.fade-leave-active{transition:opacity .6s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .6s ease-in-out}.slide-enter-from,.slide-leave-to{transform:translateY(calc(100% + 60px))}.bold{font-weight:700}.pointer-none{pointer-events:none}*{margin:0;padding:0;box-sizing:inherit}*:before,*:after{box-sizing:inherit}html,body{overflow:hidden}html{-webkit-user-select:none;-webkit-touch-callout:none}body{color:#000;font-family:acumin-pro,sans-serif;font-weight:400;font-style:normal;font-size:13px;line-height:24px}.experience{position:fixed;top:0;left:0;width:100vw;height:var(--vh)}.webgl{position:absolute;top:0;left:0;outline:none}[data-v-45f4133d]:root{--main-bg-color: #bcbcbc;--main-text-color: #000000;--secondary-text-color: #00000099;--color-green: #4ef18b}[data-v-45f4133d]:root{--sidebar-width: 25vw;--experience-width: 65vw;--selector-width: 10vw}.title[data-v-45f4133d]{position:fixed;top:40px;left:40px;pointer-events:none;z-index:30;font-size:24px}.title h1[data-v-45f4133d]{font-weight:400}[data-v-021a3b13]:root{--main-bg-color: #bcbcbc;--main-text-color: #000000;--secondary-text-color: #00000099;--color-green: #4ef18b}[data-v-021a3b13]:root{--sidebar-width: 25vw;--experience-width: 65vw;--selector-width: 10vw}.hotspots[data-v-021a3b13]{position:fixed;width:100vw;height:var(--vh);top:0;pointer-events:none;z-index:30}.hotspots .hotspot[data-v-021a3b13]{position:absolute;top:50%;left:50%;pointer-events:all}.hotspots .hotspot__label[data-v-021a3b13]{opacity:0}.hotspots .hotspot.active .hotspot__label[data-v-021a3b13]{top:-29px;left:-29px;width:58px;height:58px;background:#8fb69f33}.hotspots .hotspot.active .hotspot__label[data-v-021a3b13]:after{width:36px;height:36px;background:var(--color-green)}.hotspots .hotspot.active .hotspot__label[data-v-021a3b13]:before{opacity:1}.hotspots .hotspot.visible .hotspot__label[data-v-021a3b13]{transform:scale(1);opacity:1}.hotspots .hotspot.hidden[data-v-021a3b13]{pointer-events:none}.hotspots .hotspot.hidden .hotspot__label[data-v-021a3b13]{opacity:0}.hotspots .hotspot__label[data-v-021a3b13]{position:absolute;top:-17px;left:-17px;width:34px;height:34px;border-radius:50%;background:#fff3;font-size:0;text-align:center;cursor:pointer;transform:scale(0);transition:all .3s ease-in-out;will-change:transform}.hotspots .hotspot__label[data-v-021a3b13]:after{content:"";position:absolute;display:block;width:20px;height:20px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;background:#000}.hotspots .hotspot__label[data-v-021a3b13]:before{content:"";position:absolute;display:block;width:71px;height:71px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:#8fb69f1a;transition:all .3s ease-in-out;opacity:0}[data-v-ecd7a467]:root{--main-bg-color: #bcbcbc;--main-text-color: #000000;--secondary-text-color: #00000099;--color-green: #4ef18b}[data-v-ecd7a467]:root{--sidebar-width: 25vw;--experience-width: 65vw;--selector-width: 10vw}.info[data-v-ecd7a467]{position:fixed;width:40vw;max-width:460px;bottom:60px;left:60px;pointer-events:all;background:#fff;z-index:30;padding:50px 40px 30px 50px;box-shadow:0 2px 12px #0000001a}.info[data-v-ecd7a467]:before{content:"+";color:var(--color-green);font-size:50px;top:20px;left:20px;display:block;position:absolute;font-weight:lighter}.info h2[data-v-ecd7a467]{margin-bottom:10px;font-weight:400}.info h3[data-v-ecd7a467]{font-weight:400}.info p[data-v-ecd7a467]{font-size:14px;margin-bottom:20px;line-height:1.5}.info a[data-v-ecd7a467]{display:inline-block;color:#000;border:1px solid var(--color-green);padding:8px 13px}:root{--main-bg-color: #bcbcbc;--main-text-color: #000000;--secondary-text-color: #00000099;--color-green: #4ef18b}:root{--sidebar-width: 25vw;--experience-width: 65vw;--selector-width: 10vw}#app{position:relative;width:100vw;height:var(--vh);pointer-events:none}#app:before,#app:after{pointer-events:none;display:none;content:"";position:absolute;z-index:90}@media only screen and (max-width:1000px){#app:before,#app:after{display:block}}#app:before{inset:0;background:var(--main-bg-color)}#app:after{bottom:0;left:0;font-weight:500;line-height:1.2;font-size:15vw;content:"This is a Desktop Experiment. (for now)"}.container{position:relative;display:flex;flex-direction:row;width:100vw;height:var(--vh)}