/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.collapse{visibility:collapse}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-100,.scale-95{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.opacity-0{opacity:0}.opacity-100{opacity:1}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.duration-200{transition-duration:.2s}.duration-150{transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.bg{background:#000;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}button{cursor:pointer}.license-page{color:#fff;display:grid;min-height:100vh;place-items:center}.license-card{background:rgba(23,30,42,.96);border:1px solid hsla(0,0%,100%,.16);border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.45);box-sizing:border-box;padding:44px 38px;width:min(520px,calc(100vw - 48px))}.license-card h1{font-size:26px;margin:18px 0 12px}.license-card p{color:#d6dae1;line-height:1.7;margin:8px 0}.license-card .license-help{color:#9ea7b5;font-size:14px;margin-top:20px}.license-icon{background:#b42318;border-radius:50%;color:#fff;display:grid;font-size:34px;font-weight:700;height:54px;margin:0 auto;place-items:center;width:54px}.license-icon.loading{background:#245b9e}.license-retry{background:#2f79c8;border:0;border-radius:7px;color:#fff;font-size:15px;margin-top:24px;padding:10px 24px}::-webkit-scrollbar{background:#555;width:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#000}.App-logo{height:40vmin;pointer-events:none}#jitsiMeeting-1,div[id*=jitsiMeeting-]{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.container-iframe{align-items:center;display:flex;height:min(100vh,56.25vw);height:min(100dvh,56.25vw);inset:0;justify-content:center;margin:auto;overflow:hidden;position:fixed;width:min(100vw,177.77778vh);width:min(100vw,calc(100dvh*16/9))}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{align-items:center;background:rgba(0,0,0,.88);color:#fff;display:flex;flex-direction:column;font-size:18px;gap:18px;inset:0;justify-content:center;line-height:1.6;padding:24px;position:fixed;text-align:center;z-index:1000}.rotate-hint .rotate-icon{-webkit-animation:rotate-hint-turn 1.8s ease-in-out infinite;animation:rotate-hint-turn 1.8s ease-in-out infinite;font-size:56px}.rotate-hint button{background:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:6px;color:hsla(0,0%,100%,.8);font-size:14px;margin-top:8px;padding:8px 18px}}@-webkit-keyframes rotate-hint-turn{0%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,70%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes rotate-hint-turn{0%,20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,70%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.whiteboard-container{font-size:0;height:100%;left:0;position:absolute;top:0;width:100%}.app-detect{background:#000;height:100%;margin:80px 0 0}@media (max-width:768px){body,html{overflow-x:hidden}.container-iframe{max-width:100vw}}iframe.whiteboard-iframe{border:none;height:100%;width:100%}.room-container{display:flex;flex-wrap:wrap;margin:10px}.room-container a{color:#000;text-decoration:none}.room-box{background:#faebd7;height:150px;margin:10px;width:150px}.room-box,.whiteboard-btn{align-items:center;display:flex;justify-content:center}.whiteboard-btn{background:#000;border-radius:10px;bottom:25px;color:#fff;font-size:.6rem;height:50px;left:25px;position:absolute;width:50px;z-index:1}.video-container video[muted][autoplay][playsinline]{-webkit-transform:scaleX(1)!important;transform:scaleX(1)!important}.whiteboard-btn-container{bottom:10px;display:flex;flex-direction:column;gap:10px;position:absolute;right:10px;z-index:1}.control-btn{align-items:center;background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:40px;justify-content:center;width:120px}.control-btn:disabled{background:#666;cursor:not-allowed}.hangout-btn{right:25px}.connect-btn,.hangout-btn{align-items:center;background:#000;border-radius:10px;bottom:25px;color:#fff;cursor:pointer;display:flex;font-size:.6rem;height:50px;justify-content:center;position:absolute;width:50px;z-index:1}.connect-btn{right:85px}.cus{position:relative;z-index:88}.whiteBoard{height:100%;width:100%;z-index:9}.content,.whiteBoard{font-size:0;left:0;margin:0;position:absolute;top:0}.device-container{align-content:center;color:#fff;display:block;flex-direction:column;height:100%;justify-content:center;margin:135px auto 0;position:relative;width:80%}.device-container a{display:block;margin:50px 0}.device-container a span{background-color:#0052cc;display:inline-block;padding:15px}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#filmstrip{display:none!important}@media (max-width:768px){.whiteboard-btn{bottom:96px;height:44px;left:12px;width:44px}.whiteboard-btn-container{bottom:96px;right:12px}.control-btn{font-size:.72rem;height:36px;width:104px}}.menuPage{background:#000;height:100%;margin:80px 0 0}button{background:none;border:none;outline:none}.pointer{cursor:pointer}input:focus-visible{outline:none;outline-offset:none;padding:0}header{align-items:center;background-color:#000;display:flex;height:80px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@media (max-width:600px){header{top:20px;top:max(20px,env(safe-area-inset-top))}.menuPage{margin-top:calc(80px + max(20px, env(safe-area-inset-top)))}}header{gap:14px}header img{max-height:48px;max-width:45%;object-fit:contain}header .brand-name{color:#fff;font-size:28px;font-weight:600;letter-spacing:2px;white-space:nowrap}header.no-logo .brand-name{font-size:36px}@media (max-width:600px){header .brand-name{font-size:20px;letter-spacing:1px}header.no-logo .brand-name{font-size:26px}}.menu-container{background:#000;height:100%;padding:25px 0}.menu-box ul{margin:0}.menu-box{display:flex;flex-direction:column}.room-list-box{align-items:center;background-color:#282828;border-radius:3px;color:#fff;display:flex;font-weight:600;height:40px;justify-content:space-between;margin:5px auto;max-width:400px;padding:0 10px;text-align:left;width:90%}.icon-box button{margin:0;padding:0}.main-container{align-items:center;background-image:url(/static/media/welcome.083898777bb84fec9f3d.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:600px;padding:24px 16px;width:100%}@media (max-width:960px){.main-container{min-height:0;padding:24px 16px}}.main-box{max-width:320px;width:100%}.box-text{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:15px;text-align:left}input::-webkit-input-placeholder{color:#aeaeae}input::placeholder{color:#aeaeae}.main-wrapper{display:flex;width:100%}.main-wrapper input{border-radius:3px;padding:0 10px;width:100%}.main-wrapper span{align-items:center;background-color:#0f505f;border:1px solid #1ab1c8;border-radius:4px;color:#fff;display:flex;font-size:1rem;font-weight:500;justify-content:center;margin:0 0 0 20px;padding:5px 10px;width:90px}.list-box{cursor:pointer;width:100%}.icon-box{display:flex}.custom-bg-color{background-color:#282828}.custom-bg{background-color:rgba(0,0,0,.5)}.custom-width{margin:0 auto;max-width:360px}.custom-dialog-button{align-items:center;display:flex;justify-content:space-around;margin:10px 0}.custom-dialog-button button:first-child{background-color:#3c3c3c;outline:2px solid #787878}.custom-dialog-button button:first-child,.custom-dialog-button button:nth-child(2){border-radius:5px;color:#fff;font-size:1.2rem;font-weight:500;padding:5px 10px;width:45%}.custom-dialog-button button:nth-child(2){background-color:#0f505f;outline:2px solid #1ab1c8}.custom-box{margin:15px 0 35px;padding:0 5px}.custom-box input{background:#000;border:2px solid #3c3c3c;color:#fff;padding:10px;width:100%}.custom-marg{margin:5px 10px}.add-room{background-color:#0f505f;border-radius:5px;color:#fff;font-size:1rem;font-weight:500;margin-bottom:40px;outline:2px solid #1ab1c8;padding:5px 10px;width:80px}.form-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:15px}.form-label{color:#fff;font-size:1rem;font-weight:500;margin-bottom:5px}.form-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#000;max-width:300px;padding:8px 10px;width:100%}.form-start-btn{background-color:#0f505f;border:1px solid #1ab1c8;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 20px}.input-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px;width:100%}.input-group label{color:#fff;font-size:1rem;font-weight:500;margin-bottom:5px;padding-left:5px}.input-group input,.input-group select{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;font-size:1rem;padding:8px 10px;width:100%}.start-btn-wrapper{display:flex;justify-content:center;margin-top:10px}.start-btn{background-color:#0f505f;border:1px solid #1ab1c8;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px 20px}.room-dialog{position:relative;z-index:2000}.room-dialog-backdrop{background:rgba(0,0,0,.6);inset:0;position:fixed}.room-dialog-wrap{align-items:flex-start;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:max(12vh,calc(env(safe-area-inset-top) + 24px)) 16px 24px;position:fixed}.room-dialog-panel{background:#282828;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:360px;padding:18px 14px 8px;text-align:center;width:100%}.room-dialog-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 4px}@media (max-height:500px){.room-dialog-wrap{padding-top:16px}}header .lang-select{background:#1a1a1a;border:1px solid #444;border-radius:6px;color:#ddd;font-size:13px;padding:4px 6px;position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:600px){header .lang-select{font-size:12px;padding:3px 4px;right:8px}header{padding-right:84px}}
/*# sourceMappingURL=main.193fbca7.css.map*/