html,body,h1,h2,h3,h4,h5,h6,div,span,p,a,input,button,ul,ol,li,image,video,canvas,button,input{font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;background:0 0;margin:0;padding:0;text-decoration:none}ul,ol,li{list-style:none}button{cursor:pointer;border:none;outline:none}image,video,canvas{display:block}body{letter-spacing:-.02em;color:#fcfcfc;background-color:#161616;font-family:IBM Plex Mono,monospace;font-size:16px;font-style:normal;font-weight:300}.wrapper{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.header{z-index:2;width:200px;height:4vh;position:absolute;top:6vh;left:calc(50% - 100px)}.header_logo{width:100%;height:100%}.header_logo>path{fill:#fcfcfc}.enter{background:radial-gradient(#16161655 0%,#161616 50%);border-radius:50%;justify-content:center;align-items:center;width:110%;height:110%;display:flex;position:absolute;top:-5%;left:-5%}.wrapper-active .enter{display:none}.enter_button{text-transform:uppercase;border:1px solid #fcfcfc;border-radius:50%;width:140px;height:140px;font-size:14px;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease}.enter_button:hover{border-color:#fcfcfc44}.info{text-align:center;color:#fcfcfcdd;width:100%;font-size:16px;font-style:italic;display:none;position:absolute;bottom:7vh;left:0}.wrapper-active .info{display:block}.info_key{cursor:pointer;text-transform:uppercase;box-sizing:border-box;background-color:#fcfcfc11;border:1px solid #fcfcfcee;border-radius:3px;padding:.1em .3em;font-size:.8em;font-style:normal;transition-property:background-color;transition-duration:.1s;transition-timing-function:ease}.info_key:hover{background-color:#fcfcfc22}.wrapper-recording .info_on,.info_off{display:initial}.wrapper-recording .info_off,.info_on{display:none}.view{position:relative}.view_loader{opacity:0;width:100%;height:100%;transition-property:opacity;transition-duration:.2s;transition-timing-function:ease;animation-name:rotate;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;position:absolute;top:0;left:0}.wrapper-recording .view_loader{opacity:1}.wrapper-recording .view_canvas{transform:scale(-.95,.95)}.view_loader>circle{stroke:#fcfcfcaa;stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:50 400;stroke-linecap:round;fill:#0000}.view_canvas{border-radius:50%;width:70vmin;max-width:650px;height:70vmin;max-height:650px;transition-property:transform;transition-duration:.2s;transition-timing-function:ease;transform:scaleX(-1)}.footer{text-transform:uppercase;text-align:center;color:#fcfcfcaa;width:100%;font-size:11px;position:absolute;bottom:2vh;left:0}.footer>*+:before{content:"-"}.footer_link{opacity:1;transition-property:opacity;transition-duration:.1s;transition-timing-function:ease}.footer_link:hover{opacity:.7}.warning{z-index:999;text-align:center;background-color:#161616;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.5em;display:none;position:absolute;top:0;left:0}@media only screen and (width<=600px){.warning{font-size:3vw}}@media only screen and (width>=600px){.warning{font-size:18px}}.wrapper-incompatible .warning{display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=app.67bae613.css.map */