.modal[data-v-8abd3a23]{width:100vw;height:100vh;position:fixed;z-index:9999;top:0;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.modal__title[data-v-8abd3a23]{font-family:AppSemi;font-size:22px;text-align:center;margin-bottom:20px}.modal__content[data-v-8abd3a23]{padding:40px;position:relative;width:600px;background:#fff;border-radius:8px}.modal__close[data-v-8abd3a23]{position:absolute;cursor:pointer;right:15px;top:10px;color:red;font-size:30px;font-family:AppBold}.modal__pin[data-v-8abd3a23],.modal__settings[data-v-8abd3a23]{display:flex;flex-direction:column;justify-content:center}.modal__pin label[data-v-8abd3a23],.modal__settings label[data-v-8abd3a23]{margin-top:20px;font-size:16px;margin-bottom:4px}.modal__pin .button[data-v-8abd3a23],.modal__settings .button[data-v-8abd3a23]{margin-top:20px}.red[data-v-8abd3a23]{background:red;width:200px;margin:auto}.socket-status{position:absolute;right:10px;width:5px;height:5px;top:10px;background:red;border-radius:10px}.socket-status.connected{background:green}@font-face{font-family:AppBold;src:url(/assets/Montserrat-Bold-189aeb28.ttf)}@font-face{font-family:AppBlack;src:url(/assets/Jost-Black-62b1592d.ttf)}@font-face{font-family:AppRegular;src:url(/assets/Jost-Regular-a8d13373.ttf)}@font-face{font-family:AppSemi;src:url(/assets/Montserrat-SemiBold-1418bd4d.ttf)}*{font-family:AppRegular,sans-serif}.brand-logo{width:500px;text-align:center;margin:0 auto;display:block}.title{font-family:AppBold;font-size:28px;text-align:center}.subtitle{font-size:20px;text-align:center}.wrapper{padding:60px 80px;height:calc(100% - 120px)}body{height:100vh}#app{height:100%}.bar{height:200px;width:100%;position:fixed;z-index:999;top:0}.button{background:#0077bb;padding:20px;color:#fff;text-align:center;border-radius:8px;cursor:pointer;font-size:16px;border:unset;font-family:AppSemi}.button[disabled]{opacity:.4}.input{font-size:14px;border-radius:6px;line-height:1.5;padding:5px 10px;transition:box-shadow .1s ease-in,border .1s ease-in,background-color .1s ease-in;border:2px solid #dee1e2;color:#0e0e10;background:#dee1e2;display:block;height:36px}.input:hover{border-color:#ccc}.input:focus{border-color:#07b;background:#fff}.input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}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,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,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}