@import url(https://fonts.cdnfonts.com/css/rubik);@import url(https://fonts.cdnfonts.com/css/gotham-rounded);.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;display:block;font:19px/normal sans-serif;font-weight:700;line-height:1.5;margin:0;position:relative}.driver-popover-close-btn{all:unset;color:#d2d2d2;cursor:pointer;font-size:18px;font-weight:500;height:28px;position:absolute;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;font:14px/normal sans-serif;line-height:1.5;margin-bottom:0}.driver-popover-footer{zoom:1;align-items:center;display:flex;justify-content:space-between;margin-top:15px;text-align:right}.driver-popover-progress-text{zoom:1;color:#727272;font-size:13px;font-weight:400}.driver-popover-footer button{zoom:1;all:unset;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;line-height:1.3;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:#0000;border-right-color:#0000;border-top-color:#0000;left:100%}.driver-popover-arrow-side-right{border-bottom-color:#0000;border-left-color:#0000;border-top-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-left-color:#0000;border-right-color:#0000;border-top-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}body{align-items:center;background-color:#f4f4f7;color:#333;display:flex;font-family:Rubik,sans-serif;font-weight:500;justify-content:center;margin:0;min-height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}#root{height:100vh;width:100%}#root,.app-container{align-items:center;background-color:initial;display:flex;justify-content:center}.app-container{border-radius:24px;flex-direction:column;height:90vh;max-height:750px;max-width:900px;overflow:visible;padding:24px;position:relative;width:90vw}.custom-cursor{aspect-ratio:1/1;background-color:#fff0;border:2px solid #636363;border-radius:50%;display:block;pointer-events:none;position:fixed;transition:width .2s cubic-bezier(.33,1,.68,1),height .2s cubic-bezier(.33,1,.68,1);width:80px;z-index:1000}.custom-cursor.clicked{width:50px}.ui-box{align-items:center;animation:fadeInFrame .3s cubic-bezier(.83,0,.17,1);aspect-ratio:16/10;background-color:#fff;border-radius:16px;box-shadow:0 6px 12px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:32px;position:relative;scale:1;transition:all .25s cubic-bezier(.33,1,.68,1),opacity .25s cubic-bezier(.33,1,.68,1);width:100%}.ui-box.square{aspect-ratio:1/1;border-radius:40px;width:70%}.top-container{height:80%;position:relative;transition:all .25s cubic-bezier(.33,1,.68,1),opacity .25s cubic-bezier(.33,1,.68,1);width:100%}.top-container,.top-container.center-full{align-items:center;display:flex;justify-content:center}.top-container.center-full{height:95%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:95%}.top-container.fade-out{opacity:0;pointer-events:none}.canvas-wrapper{align-items:center;display:flex;justify-content:center;transition:width .35s cubic-bezier(.33,1,.68,1);width:0}.canvas-wrapper.animate{animation:popInCanvas .35s cubic-bezier(.33,1,.68,1)}.text-container{text-align:center;transition:.3s cubic-bezier(.37,0,.63,1);width:50%}.text-container.fade-out{opacity:0;pointer-events:none}.text-container.centered{text-align:center;transform:translateX(0);width:100%}.text-container.shift-left{opacity:1;text-align:center;transform:translateX(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px) scale(1.05)}to{transform:translateY(0)}}.video-canvas{aspect-ratio:1;background-color:#fff;object-fit:cover;opacity:1;overflow:hidden;transition:all .35s cubic-bezier(.33,1,.68,1),border-radius .35s cubic-bezier(.33,1,.68,1);width:350px}.video-canvas.circle{animation:popIn .35s cubic-bezier(.33,1,.68,1),float 3s ease-in-out infinite;border-radius:50%;opacity:1}.video-canvas.circle:hover{scale:1.1}.video-canvas.circle:active{scale:.9}.video-canvas.full{aspect-ratio:1;border-radius:30px;left:0;pointer-events:all;position:absolute;top:0;transition:all .35s cubic-bezier(.33,1,.68,1),border-radius .35s cubic-bezier(.33,1,.68,1);width:100%}.bottom-container{align-items:center;display:flex;flex-direction:column;height:20%;width:100%}.bottom-container.fade-out{opacity:0;pointer-events:none}.label{color:#555;font-size:28px;margin:8px 0;text-align:center}.label.black{color:#000}.label.black.rounded{font-family:Rubik;font-weight:350}.label.white{color:#fff}.label.loading{animation:float 3s ease-in-out infinite;font-weight:400;margin-top:40px}.label.loading,.label.loading.small{color:#fff;font-family:Rubik;opacity:.9}.label.loading.small{animation:float 2s ease-in-out infinite;font-weight:100;margin-top:10px;scale:.8}.label.alt{animation:float 3s ease-in-out infinite;font-weight:400;margin-top:40px}.label.alt,.label.alt.small{color:#fff;font-family:Rubik;opacity:.9}.label.alt.small{animation:float 2s ease-in-out infinite;font-weight:100;margin-top:10px;scale:.8}.live-label{align-items:center;display:flex;gap:5px;left:30px;opacity:0;position:absolute;top:30px;transition:1s cubic-bezier(.22,1,.36,1);z-index:500}.live-label.show{opacity:0}.red-dot{animation:pulse 1.5s infinite;background-color:red;border-radius:50%;height:30px;margin-left:2px;width:30px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.dropdown{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ccc;border-radius:12px;font-family:Rubik;font-size:22px;font-weight:500;height:50px;margin-bottom:30px;margin-top:5px;padding:10px;text-align:center;transition:.3s cubic-bezier(.22,1,.36,1),opacity .5s ease;width:80%}.dropdown:hover{scale:1.05}.dropdown:active,.dropdown:hover{background-color:#f1f1f1;outline:none}.dropdown:active{scale:.9}.dropdown:focus{border-color:#888;box-shadow:none;outline:none}.dropdown:disabled{background-color:#f1f1f1;cursor:not-allowed}.help_button{animation:float 3s ease-in-out infinite;background-color:#fff;border-radius:100px;display:block;font-size:22px;height:30px;margin-top:20px;padding:10px;text-align:center;transition:.1s ease-out,opacity .5s ease;width:150px}.help_button:hover{background-color:#f1f1f1;outline:none;scale:1.1}.help_button:active{background-color:#f1f1f1;outline:none;scale:.8}.help_button:focus{border-color:#888;box-shadow:none;outline:none}.error{color:#838383;font-weight:200;transition:opacity .5s ease}.permission-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-size:18px;font-weight:500;margin-top:20px;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.permission-button:hover{background-color:#0056b3;transform:scale(1.05)}.permission-button:active{background-color:#004085;transform:scale(.95)}.key-value-button{align-items:center;animation:fadeInText 1.25s cubic-bezier(.83,0,.17,1);background:none;border:none;color:#000;display:inline-flex;font-family:Rubik;font-size:80px;font-weight:700;margin:-5px 0;padding:0;position:relative;transition:.3s cubic-bezier(.22,1,.36,1),opacity .5s ease}.key-value-button.huge{color:#494949}.key-value-button:hover{scale:1.05}.key-value-button:active{scale:.9}.eye-toggle{color:grey;filter:contrast(0);filter:brightness(0);filter:grayscale(100%);font-size:30px;margin-left:8px;vertical-align:middle}.site-footer{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:1001}.discord-icon{align-items:center;background-color:#5865f2;border:none;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .3s ease,transform .2s ease;width:40px}.discord-icon:hover{background-color:#4752c4;transform:scale(1.1)}.discord-icon:active{background-color:#3a4276;transform:scale(.95)}.discord-icon svg{color:#fff;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes popInCanvas{0%{height:0;transform:scale(0);width:0}to{height:50%;transform:scale(1);width:50%}}@keyframes fadeInFrame{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes fadeInText{0%{color:#f1f1f1;opacity:0;transform:scale(3)}to{color:#000;opacity:1;transform:scale(1)}}.title{color:#222;font-family:Gotham Rounded;font-size:38px;font-weight:500;margin-bottom:30px}.key-text,.title{transition:opacity .5s ease}.key-text{color:#555;font-size:28px;margin:8px 0;text-align:center}.spinner{display:flex;opacity:1;transition:.5s cubic-bezier(.33,1,.68,1)}.spinner.corner{bottom:20px;display:flex;left:20px;opacity:0;opacity:1;position:fixed;z-index:1000}.spinner.corner.show{opacity:1}.spinner.corner.hide{opacity:0}@media (max-width:768px){.app-container{height:85vh;max-height:600px;max-width:600px;width:85vw}.ui-box{aspect-ratio:16/10;width:100%}.ui-box.square{aspect-ratio:1/1;width:80%}.canvas-wrapper{margin-left:0}.video-canvas{width:250px}.dropdown{font-size:18px;height:40px;padding:8px;width:80%}.label{font-size:22px}.label.loading{margin-top:40px}.key-value-button{align-content:center;font-size:60px}.permission-button{font-size:16px;padding:8px 16px}.eye-toggle{font-size:18px}.discord-icon{height:35px;width:35px}.discord-icon svg{height:20px;width:20px}}@media (max-width:480px){.app-container{height:80vh;max-height:400px;max-width:400px;width:80vw}.ui-box{aspect-ratio:16/10;width:90%}.ui-box.square{aspect-ratio:1/1;border-radius:25px;width:85%}.canvas-wrapper{margin-left:20px}.video-canvas{width:150px}.dropdown{font-size:16px;height:36px;margin-bottom:20px;padding:6px;width:80%}.title{font-size:20px}.label{font-size:18px}.label.loading{margin-top:50vh}.key-text{font-size:20px}.key-value-button{font-size:35px}.permission-button{font-size:14px;padding:6px 12px}.eye-toggle{font-size:16px}.discord-icon{height:30px;width:30px}.discord-icon svg{height:18px;width:18px}.spinner{display:none;opacity:1}.help_button{height:20px;width:100px}}ol[dir=ltr] .headlessClose{--headless-close-start:unset;--headless-close-end:6px}ol[dir=rtl] .headlessClose{--headless-close-start:6px;--headless-close-end:unset}.headless{background:var(--gray1);border:1px solid var(--gray4);border-radius:8px;box-sizing:border-box;padding:16px;position:relative;width:356px}.headless .headlessDescription{color:var(--gray10);font-size:14px;line-height:1;margin:0}.headless .headlessTitle{color:var(--gray12);font-size:14px;font-weight:500;line-height:1;margin:0 0 8px}.loading-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.3s cubic-bezier(.33,1,.68,1);width:100%;z-index:1000}@keyframes blur-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}.loading-overlay.show{animation:blur-in .3s forwards;opacity:100%;pointer-events:all}.loading-overlay.hide{animation:blur-in .3s backwards;opacity:0;pointer-events:none}.hide_alt{display:none}.camera-required-icon{animation:popup .3s cubic-bezier(.33,1,.68,1) forwards,float 2s ease-in-out infinite;height:200px;pointer-events:none;width:200px}@keyframes popup{0%{height:0;opacity:0;width:0}to{height:200px;opacity:1;width:200px}}.pip-button{align-items:center;aspect-ratio:1;background:#0009;border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:30px;top:30px;transition:.2s cubic-bezier(.22,1,.36,1),opacity .5s ease;width:80px;z-index:100}.pip-button:hover{scale:1.05}.pip-button:active{scale:.75}.pip-button img{aspect-ratio:1;filter:invert(1);pointer-events:none;width:60%}.exit-button{align-items:center;aspect-ratio:1;background:#0009;border:none;border-radius:25%;color:#fff;cursor:pointer;display:flex;justify-content:center;left:30px;padding:0;position:absolute;top:30px;transition:.2s cubic-bezier(.22,1,.36,1),opacity .5s ease;width:80px;z-index:100}.exit-button:hover{scale:1.05}.exit-button:active{scale:.75}.exit-button img{aspect-ratio:1;filter:invert(1);pointer-events:none;width:60%}.driver-popover-title{color:#fff;font-family:Rubik,sans-serif;font-size:20px;font-weight:600}.driver-popover-description{color:#fff;font-family:Rubik,sans-serif;font-size:15px;font-weight:400}.driver-popover{background-color:rgba(0,0,0,.338);border-radius:12px;box-shadow:none}.driver-popover-arrow{opacity:0}
/*# sourceMappingURL=main.9e87477e.css.map*/