:export{base-width--small:1600px;base-width--medium:1600px;base-width--large:1600px;base-font-size--small:16px;base-font-size--medium:16px;base-font-size--large:16px;max-width--small:none;max-width--medium:none;max-width--large:none}@media (min-width: 0){html:before{display:none;content:"small"}}@media (min-width: 500px){html:before{display:none;content:"medium"}}@media (min-width: 850px){html:before{display:none;content:"large"}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;height:100%;font-family:sans-serif;font-size:16px;color:#fff;background-color:#000;overflow:hidden}@media (min-width: 500px){html,body{font-size:16px}}@media (min-width: 850px){html,body{font-size:16px}}html *,body *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}.button{display:inline-block;padding:0;font-family:sans-serif;color:inherit;text-decoration:none;background:none;border:0;outline-color:#1d59f7;cursor:pointer;pointer-events:auto}.button-simple{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;background-color:#fff;box-shadow:0 0 20px #0000001a}@media (min-width: 500px){.button-simple{width:2.5rem;height:2.5rem}}@media (min-width: 850px){.button-simple{width:2.5rem;height:2.5rem}}.button-simple svg,.button-simple img{width:40%;height:auto}.button-simple svg path,.button-simple img path{fill:#000}.page{width:100%;height:100%}.canvas{position:absolute;left:0;top:0;width:100%;height:100%;cursor:grab}.canvas:active{cursor:grabbing}.preloader{opacity:0;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;color:#000;transition:opacity .5s cubic-bezier(.37,0,.63,1);pointer-events:none}.preloader.is-visible{opacity:1;pointer-events:auto}.preloader.is-visible .preloader__logo-container{opacity:1}.preloader__logo-container{opacity:0;position:relative;width:15.625rem;transition:opacity .2s cubic-bezier(.37,0,.63,1)}@media (min-width: 500px){.preloader__logo-container{width:15.625rem}}@media (min-width: 850px){.preloader__logo-container{width:15.625rem}}.preloader__logo-container svg,.preloader__logo-container img{width:100%;height:auto}.preloader__logo-background{position:relative;width:100%;opacity:.2}.preloader__logo-foreground{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:.4}.preloader.is-visible .preloader__logo-foreground{animation:loading-mask 2s none infinite}.preloader.is-visible .preloader__logo-foreground svg,.preloader.is-visible .preloader__logo-foreground img{animation:loading-content 2s none infinite}@keyframes loading-mask{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes loading-content{0%{transform:translate(100%)}50%{transform:translate(0)}to{transform:translate(-100%)}}.tutorial{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.tutorial__overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-color:#111}.tutorial__icon-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;width:100px;height:100px;margin:auto}.tutorial__icon{width:2.5rem;height:2.5rem}@media (min-width: 500px){.tutorial__icon{width:2.5rem;height:2.5rem}}@media (min-width: 850px){.tutorial__icon{width:2.5rem;height:2.5rem}}.tutorial__icon svg{width:100%;height:auto}.tutorial__hint{position:absolute;left:0;right:0;top:2rem;bottom:auto;text-align:center;font-weight:600;font-size:14px;line-height:100%}@media (min-width: 500px){.tutorial__hint{top:2rem}}@media (min-width: 850px){.tutorial__hint{top:auto;bottom:2rem}}.controls{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.controls__buttons-primary{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;gap:4px;padding:1.5rem}@media (min-width: 500px){.controls__buttons-primary{padding:1.5rem}}@media (min-width: 850px){.controls__buttons-primary{padding:1.5rem}}.controls__button{pointer-events:auto}.controls__button-fullscreen svg:nth-child(2){display:none}.controls__button-fullscreen.is-fullscreen svg:nth-child(1){display:none}.controls__button-fullscreen.is-fullscreen svg:nth-child(2){display:block}.controls__buttons-secondary{position:absolute;left:0;bottom:0;display:flex;flex-direction:column;padding:1.5rem}@media (min-width: 500px){.controls__buttons-secondary{padding:1.5rem}}@media (min-width: 850px){.controls__buttons-secondary{padding:1.5rem}}.controls__switch-dimensions{pointer-events:auto}.switch{position:relative;display:inline-flex;align-items:center;gap:.5rem;color:#000}@media (min-width: 500px){.switch{gap:.5rem}}@media (min-width: 850px){.switch{gap:.5rem}}.switch__track{position:relative;display:block;width:2.75rem;height:1.5rem;padding:2px;border-radius:2.5rem;background-color:#979797;color:#000;transition:background-color .4s cubic-bezier(.37,0,.63,1);pointer-events:none}@media (min-width: 500px){.switch__track{width:2.75rem;height:1.5rem;border-radius:2.5rem}}@media (min-width: 850px){.switch__track{width:2.75rem;height:1.5rem;border-radius:2.5rem}}.switch__slider{position:relative;display:block;width:50%;aspect-ratio:1;border-radius:50%;background-color:#fff;transition:transform .4s cubic-bezier(.45,0,.55,1)}.switch__input{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch__input:disabled{cursor:not-allowed}.switch__label{font-size:.875rem;font-weight:600;margin-top:1px}@media (min-width: 500px){.switch__label{font-size:.875rem}}@media (min-width: 850px){.switch__label{font-size:.875rem}}.switch__input:checked+.switch__track{background-color:#000}.switch__input:checked+.switch__track .switch__slider{transform:translate(100%)}.switch__input:focus-visible+.switch__track{outline:solid 2px #1D59F7;outline-offset:1px}