*{touch-action:manipulation}*,*:before,*:after{box-sizing:border-box}#c{width:100%;height:100%;display:block;top:0;left:0}.controls{position:absolute;bottom:0;width:100%;padding-left:5rem}.options{position:absolute;right:0}.option{background-size:cover;background-position:50%;background-color:var(--bg-primary);margin-bottom:3px;padding:10px;height:55px;width:55px;display:flex;justify-content:center;align-items:center;cursor:pointer}.option:hover{border-left:5px solid white;width:58px}.option.--is-active{border-right:3px solid red;width:58px;cursor:default}.option.--is-active:hover{border-left:none}.option img{height:100%;width:auto;pointer-events:none}.info{padding:0 1em;display:flex;justify-content:flex-end}.info p{margin-top:0}.tray{width:100%;height:50px;position:relative;overflow-x:hidden}.tray__slide{position:absolute;display:flex;left:0;transform:translateX(-100%);animation:wheelin 1s 2s ease-in-out forwards}.tray__swatch{transition:0.1s ease-in;height:50px;min-width:50px;flex:1;box-shadow:0px 4px 10px rgba(0,0,0,0.3);background-size:cover;background-position:center;cursor:pointer}.tray__swatch:nth-child(5n + 5){margin-right:20px}@media (max-width: 960px){.options{top:0}.info{padding:0 1em 1em 0}.info__message{display:flex;align-items:flex-end}.info__message p{margin:0;font-size:0.7em}}@media (max-width: 720px){.info{flex-direction:column;justify-content:center;align-items:center;padding:0 1em 1em}.info__message{margin-bottom:1em}}@media (max-width: 600px){.info{padding:1em 2em}.info__message{display:none}.options{bottom:50px}.option{margin-bottom:1px;padding:5px;height:45px;width:45px;display:flex}.option.--is-active{border-right:2px solid red;width:47px}.option img{height:100%;width:auto;pointer-events:none}.controls{bottom:5rem;padding-left:0}}body,html{height:100%;margin:0;padding:0;font-family:"Raleway", sans-serif;font-size:14px;color:#444444}*{touch-action:manipulation}*,*:before,*:after{box-sizing:border-box}body{display:flex;justify-content:center;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;background-color:#000}#main_canvas{width:100%;height:100%;display:block;top:0;left:0}#root{z-index:100;width:100%;height:100%;margin:0;padding:0}.canvas-container{top:0;left:0}.notice{display:flex;justify-content:center;align-items:center;padding:2em;width:100%;height:10em;box-sizing:border-box;font-size:1em;font-weight:800;color:#ffffff;text-align:center;position:absolute;top:75vh}.drag-notice{display:none;justify-content:center;align-items:center;padding:2em;width:100%;height:10em;box-sizing:border-box;font-size:1em;font-weight:800;color:#ffffff;text-align:center;position:absolute;bottom:5vh}.drag-notice.start{display:flex;animation:popup 0.7s, popout 0.25s 4s forwards}@keyframes popup{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes popout{to{transform:scale(0)}}@keyframes wheelin{to{transform:translateX(0)}}section{position:relative;width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;overflow:hidden}section h2{position:relative;font-size:8em;color:#fff;z-index:10000;mix-blend-mode:overlay}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:root{font-size:16px;font-family:open sans;--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e78;--bg-secondary: #14141861;--transition-speed: 600ms}body::-webkit-scrollbar{width:0.25rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}main{margin-left:5rem;padding:1rem}.navbar{position:fixed;background-color:var(--bg-primary);transition:width 600ms ease;z-index:1000}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.nav-link{display:flex;align-items:center;height:5rem;color:var(--text-primary);text-decoration:none;transition:var(--transition-speed)}.nav-link:hover{background:var(--bg-secondary);color:var(--text-secondary)}.link-text{display:inline;margin-left:1rem;transition:opacity 1s ease-out;opacity:0;height:0;overflow:hidden}.nav-link svg{width:2rem !important;min-width:2rem;height:5rem;margin:0 1.5rem}.nav-link svg path{color:var(--text-primary);transition:var(--transition-speed)}.nav-link:hover svg path{color:#8d0e05;transition:var(--transition-speed)}.logo{font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);font-size:1.5rem;letter-spacing:0.3ch;width:100%}.logo svg{transform:rotate(0deg);transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px;transition:var(--transition-speed)}.navbar:hover .logo svg{transform:rotate(-360deg)}@media only screen and (max-width: 600px){.navbar{bottom:0;width:100vw;height:5rem}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{justify-content:center;width:5rem}.drag-notice{bottom:5rem}main{margin:0}}@media only screen and (min-width: 600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .link-text{opacity:1;height:auto}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0}}.dark{--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418}.light{--text-primary: #1f1f1f;--text-secondary: #000000;--bg-primary: #ffffff;--bg-secondary: #e4e4e4}.solar{--text-primary: #576e75;--text-secondary: #35535c;--bg-primary: #fdf6e3;--bg-secondary: #f5e5b8}.theme-icon{display:none}.dark #darkIcon{display:block}.light #lightIcon{display:block}.solar #solarIcon{display:block}@media only screen and (min-width: 600px){.content{position:absolute;margin-left:5rem;padding:1rem}.content p{max-width:50vw;font-size:25px;margin:0;line-height:45px}.inner{padding:5rem 0 0 15rem}}@media only screen and (max-width: 600px){.content p{max-width:50vw;font-size:15px;margin:0;line-height:30px}.inner{padding:25px}}.content h1,h2,h3,h4,h5,p,li{font-weight:400;font-family:'Oswald', sans-serif;color:#ffffff}.content h2{font-size:45px;margin:0;line-height:45px}.title-divider{width:140px;height:5px;background-color:#ee6817;margin:2rem 0 2rem 0}.full-divider{width:100%;height:1px;background-color:#5f5f5f;margin:2rem 0 0 0;clear:both}.container-sub{width:100%;position:relative;margin:0 auto}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370DB;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#BA55D3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#FF00FF;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}