@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";.light-box[data-v-596025b1]{background:#141417;transition:opacity .3s ease;position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh}.close-opacity[data-v-596025b1]{pointer-events:none;opacity:0}.open-opacity[data-v-596025b1]{opacity:.3}.sidebar-wrap[data-v-596025b1]{transition:transform .5s ease-in-out;display:flex;justify-content:right;position:absolute;top:0;right:0;z-index:99999}.sidebar-wrap ul[data-v-596025b1],.sidebar-wrap li[data-v-596025b1]{margin-top:0;margin-left:0;padding:0;-webkit-user-select:none;user-select:none}.sidebar-wrap .sidebar[data-v-596025b1]{overflow-x:hidden;background:#1d1d21;border-left:#ffffff 1px solid;z-index:10000;position:fixed;width:23.28vw;height:100vh;transform:translate(23.28vw);transition:transform 1.5s linear(0,-.00624,.0254,.0642,.103,.14,.176,.211,.243,.274,.305,.334,.361,.387,.413,.438,.461,.483,.505,.526,.545,.564,.582,.6,.617,.633,.648,.662,.676,.69,.703,.715,.727,.738,.749,.76,.769,.779,.788,.797,.805,.814,.821,.829,.836,.843,.849,.856,.861,.867,.873,.878,.883,.888,.893,.897,.901,.905,.909,.913,.917,.92,.924,.927,.93,.933,.936,.938,.941,.943,.946,.948,.95,.952,.954,.956,.958,.96,.961,.963,.964,.966,.967,.969,.97,.971,.972,.974,.975,.976,.977,.978,.979,.979,.98,.981,.982,.983,.983,.984,.985,.985,.986,.987,.987,.988,.988,.989,.989,.99,.99,.99,.991,.991,.992,.992,.992,.993,.993,.993,.993,.994,.994,.994,.995,.995,.995,.995,.995,.996,.996,.996,.996,.996,.996,.997,.997,.997,.997,.997,.997,.997,.997,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.999,.999,.999,.999,.999,.999,.999,.999,.999,.999,.999,1);display:flex;flex-direction:column}.sidebar-wrap .sidebar li[data-v-596025b1]{list-style:none;color:#fff;font-family:Montserrat,sans-serif;font-weight:600;font-size:1.5rem;padding:1vw;transition:.3s}.sidebar-wrap .sidebar li a[data-v-596025b1]{color:#000;text-decoration:none}.sidebar-wrap .sidebar .slice .sliceCont[data-v-596025b1]{display:flex;flex-direction:row}.sidebar-wrap .sidebar .oneSlice[data-v-596025b1]{cursor:pointer}.sidebar-wrap .sidebar .oneSlice div p[data-v-596025b1]{margin:0;transition:.3s}.sidebar-wrap .sidebar .oneSlice div p[data-v-596025b1]:hover{color:#9e04da}.sidebar-wrap .sidebar .bottomSlice[data-v-596025b1]{margin-top:auto}.sidebar-wrap .sidebar .bottomSlice div p[data-v-596025b1]{-webkit-user-select:text;user-select:text}.sidebar-wrap .sidebar .crossSlice[data-v-596025b1]{display:flex;padding:4%;height:3vh}.sidebar-wrap .sidebar .crossSlice svg[data-v-596025b1]{cursor:pointer}.sidebar-wrap .sidebar .sideSlice[data-v-596025b1]{border-bottom:3px solid black;display:flex;align-items:center;height:10.81vh}.sidebar-wrap .sidebar .sideSlice a[data-v-596025b1]{margin-left:2vw}.sidebar-wrap .show-up[data-v-596025b1]{margin-right:0}.checkbox[data-v-596025b1]{display:flex;justify-content:center;align-items:center;margin-top:-.5vw;padding-right:.4vw;aspect-ratio:1;width:3vw;height:3vw;background:#1d1d21}.checkbox .checkboxImg[data-v-596025b1]{width:100%;height:100%;object-fit:cover}body,html{overflow-x:hidden;overflow-y:hidden;margin:0;background-color:#1d1d21}::selection{background:#8a02b5}.dNone[data-v-c046c2cf]{display:none}main[data-v-c046c2cf]{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-top:3vw}main .successTxt[data-v-c046c2cf]{margin-top:4vh}main .successTransition[data-v-c046c2cf]{transition:transform 1146ms 1s linear(0,-.00624,.0254,.0642,.103,.14,.176,.211,.243,.274,.305,.334,.361,.387,.413,.438,.461,.483,.505,.526,.545,.564,.582,.6,.617,.633,.648,.662,.676,.69,.703,.715,.727,.738,.749,.76,.769,.779,.788,.797,.805,.814,.821,.829,.836,.843,.849,.856,.861,.867,.873,.878,.883,.888,.893,.897,.901,.905,.909,.913,.917,.92,.924,.927,.93,.933,.936,.938,.941,.943,.946,.948,.95,.952,.954,.956,.958,.96,.961,.963,.964,.966,.967,.969,.97,.971,.972,.974,.975,.976,.977,.978,.979,.979,.98,.981,.982,.983,.983,.984,.985,.985,.986,.987,.987,.988,.988,.989,.989,.99,.99,.99,.991,.991,.992,.992,.992,.993,.993,.993,.993,.994,.994,.994,.995,.995,.995,.995,.995,.996,.996,.996,.996,.996,.996,.997,.997,.997,.997,.997,.997,.997,.997,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.998,.999,.999,.999,.999,.999,.999,.999,.999,.999,.999,.999,1)}main h3[data-v-c046c2cf],main p[data-v-c046c2cf]{font-size:1rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:400;text-align:center;-webkit-hyphens:auto;hyphens:auto;line-height:2rem}main .videoView[data-v-c046c2cf]{cursor:initial}main .webCamBtn[data-v-c046c2cf]{cursor:pointer}main .canvasCont[data-v-c046c2cf]{display:flex;justify-content:left;position:relative;flex-wrap:wrap;margin-top:4vw}main .canvasCont .rightWebcamCont[data-v-c046c2cf]{display:flex;flex-direction:column;align-items:center}main .canvasCont .rightWebcamCont p[data-v-c046c2cf]{width:480px}main .canvasCont .rightWebcamCont .rightConnectionTxt[data-v-c046c2cf]{margin-top:11vw}.frontButtonWrap[data-v-c046c2cf]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;gap:5vw}button[data-v-c046c2cf]{position:relative;margin-top:2vh;z-index:999;padding:.6vw 1vw;color:#fff;font-family:Comfortaa,sans-serif;font-size:1rem;border:3px solid #000000;transition:all .2s ease-in-out}button[data-v-c046c2cf]:after{content:"";pointer-events:none;opacity:.8;position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.buttonActive[data-v-c046c2cf]:hover{transform:translate(3px,3px);box-shadow:1px 1px #000;background-color:#9e04da;color:#000}.buttonActive[data-v-c046c2cf]{background-color:#8a00bf;box-shadow:4px 4px #000,0 1px #000,1px 2px #000,2px 3px #000}.buttonGreyedOut[data-v-c046c2cf]{background-color:#717171;box-shadow:4px 4px #000,0 1px #000,1px 2px #000,2px 3px #000}.buttonGreyedOut[data-v-c046c2cf]:hover{background-color:#717171}.settings-button[data-v-c046c2cf]{all:unset;cursor:pointer;right:1.5vw;top:3vw;position:absolute;z-index:3}.settings-button[data-v-c046c2cf]:after{all:unset}.settings-svg[data-v-c046c2cf]{position:relative;width:2vw;height:2vw;z-index:1}.settings-svg[data-v-c046c2cf]:after{all:unset}body[data-v-c046c2cf]{font-family:roboto,serif;margin:2em;color:#3d3d3d}h1[data-v-c046c2cf]{color:#007f8b}h2[data-v-c046c2cf]{clear:both}video[data-v-c046c2cf]{clear:both;display:block;transform:rotateY(180deg);height:360px;width:480px}section[data-v-c046c2cf]{opacity:1;transition:opacity .5s ease-in-out}.removed[data-v-c046c2cf]{display:none}.invisible[data-v-c046c2cf]{opacity:.2}.detectOnClick[data-v-c046c2cf]{position:relative;float:left;width:48%;margin:2% 1%;cursor:pointer}.videoView[data-v-c046c2cf]{position:absolute;float:left;margin:2% 1%;cursor:pointer}.videoView p[data-v-c046c2cf],.detectOnClick p[data-v-c046c2cf]{padding-top:5px;padding-bottom:5px;background-color:#007f8b;color:#fff;border:1px dashed rgba(255,255,255,.7);z-index:2;margin:0}.highlighter[data-v-c046c2cf]{background:#00ff0040;border:1px dashed #fff;z-index:1;position:absolute}.canvas[data-v-c046c2cf]{z-index:1;position:absolute;pointer-events:none}.output_canvas[data-v-c046c2cf]{padding:0;margin:0;width:480px;height:360px;transform:rotateY(180deg)}.webcamShadow[data-v-c046c2cf]{border:3px solid #000000;box-shadow:-6px 4px #000,0 2px #000,-3px 2px #000,-2px 3px #000}.detectOnClick[data-v-c046c2cf]{z-index:0;font-size:calc(8px + 1.2vw)}.detectOnClick img[data-v-c046c2cf]{width:45vw}.output[data-v-c046c2cf]{display:none;width:100%;font-size:calc(8px + 1.2vw)}