@font-face{font-family:Montserrat Alternates;src:url(/assets/MontserratAlternates-Medium-BNt--Oyw.otf) format("opentype")}@font-face{font-family:Montserrat Alternates;font-weight:300;src:url(/assets/MontserratAlternates-Light-Bod-rINx.otf) format("opentype")}@font-face{font-family:Josefin Sans;src:url(/assets/JosefinSans-Regular-TWyIlGKu.ttf) format("truetype")}@font-face{font-family:Josefin Sans;font-weight:300;src:url(/assets/JosefinSans-Light-BYQ831G6.ttf) format("truetype")}@font-face{font-family:Outfit;src:url(./Outfit-Regular.otf) format("opentype")}@font-face{font-family:Inter;src:url(/assets/InterVariable-H_M6nIbt.ttf)}body{margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-east-asian:proportional-width;word-break:keep-all;cursor:default}.font-inter{font-family:Inter}.font-outfit{font-family:Outfit}.font-josefin{font-family:Josefin Sans}.font-montserrat{font-family:Montserrat Alternates}.gap-20{height:20px;width:20px}#block-hero{display:flex;position:relative;background-color:var(--primary-1-light)}.block-hero-frame{z-index:1;display:flex;flex-direction:column;height:100%;width:100%}.hero-text-frame{flex:1 1 0;display:flex;align-items:center;color:var(--text-mid-dark)}.hero-text-area{display:flex;flex-direction:column;align-items:center;width:100%;z-index:1}.hero-text-area h1{display:flex;flex-wrap:wrap;justify-content:center;max-width:1000px}.hero-bg{position:absolute;z-index:-1;min-width:100%;height:calc(100% + 5px);left:0;top:0;transform:translateY(-5px)}.hero-paragraph{font-size:20px;margin:30px 0 40px;line-height:30px;max-width:800px;text-align:center}.hero-call-to-action{display:flex}.get-started-button{display:none;align-items:center;justify-content:center;width:320px;height:62px;background:var(--button-default);cursor:pointer;border-radius:30px}.create-button{display:flex;align-items:center;justify-content:center;width:270px;height:50px;background:var(--button-default);cursor:pointer;border-radius:10px;transition:transform .4s cubic-bezier(.28,-1.13,.21,2.24)}.create-button:hover{transform:scaleX(1.05) scaleY(.95);transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}.create-button p,.get-started-button p{color:#fff;font-size:20px;font-weight:600}.main-illu{max-height:100%;max-width:100%;padding-top:65px}.mantine-Modal-modal{width:unset;height:unset}.hero-bg-left{position:absolute;bottom:0;left:5%;z-index:-1}.hero-bg-right{position:absolute;right:5%;bottom:0;z-index:-1}.hero-forward-sign{margin:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}@media (max-width: 1200px){.hero-bg-left,.hero-bg-right{opacity:.3}}@media (max-width: 768px){.hero-bg-left{display:none;bottom:0;opacity:.1}.hero-bg-right{display:none;opacity:.1}.hero-text-area h1,.hero-paragraph{text-align:left}.hero-paragraph{line-height:25px}.hero-text-frame{align-items:unset;flex-direction:column;justify-content:center}}@media (max-width: 615px){.hero-call-to-action{flex-direction:column}}@media (max-width:534px){.hero-text-area h1{justify-content:inherit}}@media (max-device-aspect-ratio: 1/1) and (orientation: portrait){.create-button.desktop-only{display:none!important}}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}:root{--navbar-height: 65px}.mantine-Drawer-drawer{margin-top:60px;height:unset;padding-bottom:20px}body{max-width:100vw;overflow-x:hidden}.landing-page{display:flex;align-items:center;flex-direction:column;max-width:100%;gap:50px;overflow:hidden;background-color:var(--primary-1-light)}.landing-page>div:first-of-type{margin-top:-50px}.landing-page a{text-decoration:none;width:fit-content}.copyrights{display:flex;flex-direction:column;text-align:center;padding:20px;height:90px;width:100%;background-color:#1f1f1f}.copyrights span{line-height:24px;color:#c8c8c8}.copyrights a{color:#fff}.landing-page #explanation-block,.landing-page #block-hero,.landing-page #card-block,.landing-page #mission-block,.landing-page #room-guide-block,.landing-page #faq-block,.landing-page #cta-block,.landing-page #pricing-block{max-width:1920px;width:100%;padding-left:5%;padding-right:5%}.landing-page #card-block{margin-top:30px}.landing-page #block-hero{height:100vh;max-height:100dvh;transition:height 1s,max-height 1s}.landing-page .block-hero-frame{padding-top:var(--navbar-height)}.button{display:flex;align-items:center;justify-content:center;height:50px;background:var(--button-default);cursor:pointer;border-radius:10px}.button span{padding:5px 10px 2px}@media (max-width: 1024px){.landing-page #explanation-block,.landing-page #mission-block,.landing-page #pricing-block,.landing-page #faq-block,.block{padding:0 10px}.landing-page{gap:20px}}@media (max-width: 1200px){.landing-page .navbar{padding:0 5%}}@media (max-width: 768px){.login-button p,.register-button p{color:#fff!important}.landing-page #block-hero{height:100vh}}:root{--logo-default: "255, 73, 158";--blue: #49B6FF;--pink: #ff499e;--white: #ffffff;--primary-1-deep: #49B6FF;--primary-1-medium: #bfe1fc;--primary-1-light: #f2f9fe;--primary-2-deep: #779BE7;--primary-2-medium: #ccd7f2;--primary-2-light: #f5f7fc;--gradient: linear-gradient(134.08deg, #A480CF 5.7%, #779BE7 52.47%, #49B6FF 94.16%);--button-default: #ff499e;--button-hover: #D264B6;--button-pressed: #A480CF;--button-disabled: #FF499E66;--text-dark: black;--text-mid-dark: #091e42;--bg-neutral: white}h1{font-size:60px;font-weight:800;line-height:75px;text-align:center;color:var(--text-mid-dark)}h2{font-size:24px;font-weight:600;line-height:1.5;color:var(--text-mid-dark)}h3{font-size:23px;font-weight:500;line-height:1.4em}h4{font-size:16px;font-weight:500}h5{font-size:16px;color:var(--pink);font-weight:500}.button-span{font-size:15px;line-height:30px;white-space:pre}p{color:var(--text-mid-dark);font-size:16px;font-weight:400;line-height:1.4}.box-shadow-strong{box-shadow:#00000026 0 .706592px .706592px -.625px,#00000025 0 1.806562px 1.806562px -1.25px,#00000023 0 3.621759px 3.621759px -1.875px,#00000020 0 6.8656px 6.8656px -2.5px,#0000001b 0 13.646761px 13.646761px -3.125px,#0000000d 0 30px 30px -3.75px}.box-shadow-soft{box-shadow:#0000000d 0 .796192px 2.388576px -.625px,#0000000d 0 2.414506px 7.243518px -1.25px,#0000000d 0 6.382654px 19.147961px -1.875px,#0000000d 0 20px 60px -2.5px}.button-1{width:270px;height:50px;background:var(--button-default);cursor:pointer;border-radius:10px;border:none;color:#fff;font-size:20px;font-weight:600;transition:transform .4s cubic-bezier(.28,-1.13,.21,2.24)}.button-1:hover{transform:scaleX(1.05) scaleY(.95);transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}@media (max-width:768px){h1{font-size:52px;font-weight:800;line-height:60px}h2{font-size:20px}}@media (max-width:400px){h1{font-size:46px;font-weight:700;line-height:55px}}#mission-block{background-color:var(--primary-1-light)}.mission-block-frame{display:flex;position:relative;flex-direction:column;text-align:center;justify-content:flex-start;background-color:var(--white);padding:30px 30px 55px;gap:60px;border-radius:20px;border:2px solid var(--text-mid-dark);overflow:hidden;margin:auto;min-height:400px;max-width:1280px}.corner-bg{position:absolute;border:solid 360px transparent}.left-corner{border-left-color:var(--blue)}.right-corner{border-right-color:var(--pink)}.corner-bg.right-corner{bottom:0;right:0;transform:translateY(50%)}.corner-bg.left-corner{bottom:0;left:0;transform:translateY(50%)}.mission-block-frame .nate-img,.mission-block-frame .jan-img{position:absolute;bottom:0}.nate-img{width:min(300px,25vw);right:30px}.jan-img{width:min(200px,17vw);left:30px}.sss-icon-frame{display:flex;align-items:center;justify-content:center}.sss-icon{height:50px}.sss-icon-label{height:25px;margin-left:15px}@media (max-width: 768px){.mission-block-frame{min-height:unset;padding-bottom:30px}.mission-block-frame .nate-img,.mission-block-frame .jan-img,.corner-bg{display:none}.sss-icon{height:40px}.sss-icon-label{height:19px}}.faq-block-frame{max-width:1280px;margin:auto;padding:30px;border-radius:20px;border:2px solid var(--text-mid-dark);background-color:var(--white)}.faq-header-frame{display:flex;position:relative;flex-direction:column;text-align:left;overflow:hidden;gap:15px;margin-bottom:20px}.faq-list-frame{display:flex;flex-direction:column;gap:20px}.cta-content{display:flex;flex-direction:column;text-align:center;align-items:center;max-width:500px;margin:auto;gap:15px;padding:0 60px;box-sizing:content-box}.cta-button{margin:auto;border-style:unset;color:var(--white);background-color:var(--button-default);border-radius:5px;transition:background-color .4s;cursor:pointer;padding:5px 10px 2px}.cta-button:hover{background-color:var(--button-hover);transition:background-color .4s}.cta-button.alternative{background-color:#fff;border-color:var(--button-default);border-width:2px;border-style:solid;color:var(--button-default)}.cta-block-frame{display:flex;max-width:1280px;margin:auto}.cta-block-frame .card-button-frame{display:none}.cta-block-frame .card{box-shadow:#00000026 0 .706592px .706592px -.625px,#00000025 0 1.806562px 1.806562px -1.25px,#00000023 0 3.621759px 3.621759px -1.875px,#00000020 0 6.8656px 6.8656px -2.5px,#0000001b 0 13.646761px 13.646761px -3.125px,#0000000d 0 30px 30px -3.75px}.cta-left,.cta-right{position:relative}.cta-left .card:nth-child(2){position:absolute;top:100px;left:50px}.cta-right .card:nth-child(2){position:absolute;top:100px;right:50px}@media (max-width: 1064px){.cta-left,.cta-right{display:none}.cta-content{padding:unset}}#card-block{display:flex;justify-content:space-between;overflow-y:scroll;background-color:var(--primary-1-light);padding:30px 30px 55px;gap:30px}.card{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1;width:260px;min-height:390px;min-width:260px;height:auto;overflow:hidden;background-color:var(--white);border-radius:20px;border:2px solid var(--text-mid-dark)}.card-text-frame{display:flex;flex-direction:column;color:var(--text-dark);padding:20px;gap:15px}.card-audience-span{width:fit-content;border:solid 1px black;padding:5px 10px 3px;border-radius:20px;font-size:15px}.card-header-span{font-size:21px;font-weight:500;line-height:1.4em}.card-descr-span{color:#666}.card-descr-span{font-size:16px;line-height:1.5em}.card-image-frame{max-height:240px}.card-image-frame img{width:100%;max-height:240px;padding:0 20px;flex-basis:fit-content;object-fit:cover;object-position:top}.card button{padding:5px 10px 2px;border-radius:8px;border-style:unset;background-color:var(--bg-neutral);color:var(--text-dark)}.card-triangle-bg{position:absolute;bottom:0;height:0px;width:0px;border-style:solid;z-index:-1;border-width:275px;border-color:transparent;transform:translateY(48%)}.triangle-left-pink{left:0;border-left-color:var(--pink)}.triangle-right-blue{right:0;border-right-color:var(--blue)}.card-button-frame{display:flex;justify-content:center;align-items:center;padding:20px}.card-button-frame button{border-style:solid;border-color:var(--white);border-width:1px;cursor:pointer}.card-button-frame button a{color:var(--text-dark)}.card-button-frame a:active button{color:var(--pink)}@media (max-width:611px){#card-block{flex-direction:column}.card{width:100%}}@media (max-width:768px){#card-block{flex-wrap:wrap}.card-image-frame{margin:auto}.card-image-frame img{max-height:200px}.card-triangle-bg{transform:translateY(50%)}}.footer-block{width:100%}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:330px;width:100%;background-color:#494949}.footer span,.footer a{text-align:center;line-height:26px;color:var(--white)}.explanation{max-width:1280px;padding:30px;border:2px solid var(--text-mid-dark);border-radius:20px;background-color:var(--white)}.explanation-divider{margin-top:60px}@media (max-width: 1024px){.explanation{width:100%}.explanation-text-video-frame{flex-direction:column}.explanation-video-placeholder{margin-left:auto;margin-right:auto;padding:10px}.explanation-text{margin:20px 20px 0;padding-bottom:10px}.explanation-paragraph,.explanation-2 .explanation-paragraph{padding:10px 0 0}.explanation-video{--width: min(100vw, 770px)}}#explanation-block{display:flex;flex-direction:column;align-items:center;gap:50px}.explanation{width:100%;max-width:1280px;padding:30px;border:2px solid var(--text-mid-dark);border-radius:20px;background-color:var(--white)}.explanation-text-video-frame{display:flex;justify-content:space-between;flex-direction:row;width:100%}.explanation-2 .explanation-text-video-frame{flex-direction:row-reverse}.explanation-text{display:flex;flex-direction:column}.explanation-title{padding-bottom:14px}.explanation-paragraph{padding:10px 25px 0 0}.explanation-video{align-self:center;--width: min(711px, 48vw );min-width:var(--width);width:var(--width);height:calc(var(--width) * 9 / 16)}.explanation-video video{width:100%;border-radius:15px;border:1px solid rgb(189,201,231);background-color:#e0e5f2}.explanation-video-placeholder{display:flex;align-items:flex-start;justify-content:center;height:100%;width:100%;border-radius:15px}.explanation-video-placeholder img{width:100%;max-width:480px}.explanation-legend{display:flex;align-items:center;justify-content:center;width:100%;border-radius:15px}.legend-list{display:grid;justify-content:flex-start;padding-top:12px;flex-wrap:wrap}.legend-item{display:flex;flex-direction:column;align-items:center;width:120px;padding-top:10px;padding-bottom:10px}.legend-item.video .legend-icon{cursor:pointer;transition:background-color .2s}.legend-item.video .legend-icon:hover{background-color:var(--primary-1-medium);transition:background-color .2s}.legend-icon{display:flex;justify-content:center;height:58px;width:58px;padding:15px;border-radius:50%;background-color:var(--primary-1-light)}.legend-icon.playing,.legend-item.video .legend-icon.playing:hover{background-color:var(--primary-1-deep);transition:background-color .2s}.legend-name{padding-top:10px}.legend-name span{display:flex;text-align:center;font-size:14px}@media (max-width: 1024px){#explanation-block{gap:20px}.explanation{width:100%}.explanation-text-video-frame{flex-direction:column}.explanation-video-placeholder{margin-left:auto;margin-right:auto;padding:10px}.explanation-text{margin:20px 20px 0;padding-bottom:10px}.explanation-paragraph,.explanation-2 .explanation-paragraph{padding:10px 0 0}.explanation-video{--width: min(100vw, 770px)}}@media (max-width: 768px){.explanation{padding:10px}}@media (max-aspect-ratio:1/1){.explanation-video-placeholder{max-width:calc(100% - 30px)}}nav{position:fixed;width:100%;z-index:1;flex-direction:row}.navbar{display:flex;z-index:201;flex-direction:row;justify-content:space-between;height:var(--navbar-height);background-color:rgba(255,255,255,var(--scroll-position));border-bottom:1px solid rgba(189,201,231,var(--scroll-position));padding:0 5%;user-select:none;-webkit-user-select:none}.navbar-content{display:flex;width:100%;max-width:1920px;margin:auto}.navbar-inner-frame{display:flex;width:100%}.navbar .logo-img{padding:5px 10px 5px 0;height:45px}.burger-frame{display:none;align-items:center;padding-left:10px}.burger-frame .mantine-Burger-root{margin-top:3px}@media (max-width: 905px){.burger-frame{display:flex}}.language-setting-frame{align-items:center;height:100%;width:100%;background-color:#0000005e;cursor:pointer}.language-setting-frame:hover{background-color:#0000009a}.language-setting-frame img{padding-right:7px}.language-setting-frame span{color:#fff;font-family:Arial,Helvetica,sans-serif}.settings-menu .language-setting-frame{cursor:pointer;background-color:var(--button-default);padding:3px 0;border-radius:3px}.settings-menu .language-setting-frame img{display:none}.settings-menu .language-setting-frame span{color:var(--tab-default-text);font-family:inherit}.account-frame .language-setting-frame{display:flex;justify-content:center;align-items:center;background-color:#fff;border-style:solid;border-width:1px;border-color:#bdc9e7;padding:5px 10px 2px;border-radius:5px}.account-frame .language-setting-frame img{display:none}.account-frame .language-setting-frame span{color:#091e42;font-family:inherit}header{width:100%}.nav-content{display:flex;justify-content:flex-end;width:100%;gap:10px}.nav-content.drawer{flex-direction:column}.nav-content span{text-wrap:nowrap}.information-frame{display:none;align-items:center;padding-top:5px;width:fit-content}.drawer .information-frame{flex-direction:column;align-items:normal}.nav-button{padding:5px 10px 2px;line-height:30px;border-radius:5px;margin:0 10px}.drawer .nav-button{margin:5px 0 5px 10px}.account-frame{display:flex;align-items:center}.drawer .account-frame{flex-direction:column}.drawer .account-frame>div{width:calc(100% - 20px)}.account-frame p,.account-frame a{font-size:15px;line-height:30px;white-space:pre}.account-button{margin:0 10px}.drawer .account-button{margin:5px 0}.account-frame .login-button{align-items:center;border-radius:5px;transition:background-color .4s;cursor:pointer}.account-frame .login-button:hover{background-color:var(--primary-1-medium);transition:background-color .4s}.account-frame .login-button a{color:#091e42;text-decoration:none}.account-frame .register-button{background-color:var(--button-default);border-radius:5px;transition:background-color .4s;cursor:pointer}.account-frame .register-button:hover{background-color:var(--button-hover);transition:background-color .4s}.account-frame .register-button a{color:#fff}.account-frame .language-button{height:37px}.account-frame .register-button a,.account-frame .login-button a{text-decoration:none;display:flex;justify-content:center;width:100%;padding:5px 10px 2px;border-radius:5px}.mantine-Drawer-header{display:none}@media (max-width: 905px){.nav-content:not(.drawer) .account-frame{display:none}.nav-content.drawer .information-frame{display:none}}@media (max-width: 615px){.nav-content:not(.drawer) .account-frame,.nav-content:not(.drawer) .information-frame{display:none}.nav-content.drawer .information-frame{display:none}}.language-lesson-frame{display:flex;flex-direction:row;width:fit-content;background:#fff;border-radius:15px;border:2px solid black;padding:30px;max-width:1280px;margin:30px auto auto;gap:20px}.language-lesson-text-frame{display:flex;flex-direction:column;gap:20px;max-width:600px}@media (max-width: 1024px){#language-lesson-block{padding:0 10px}}@media (max-width: 612px){.language-lesson-frame{flex-direction:column}}#pricing-block{background-color:var(--primary-1-light)}.pricing-block-frame{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:1280px;margin:auto;background-color:var(--white);padding:30px;border-radius:20px;border:2px solid var(--text-mid-dark);gap:30px}.pricing-header{display:flex;flex-direction:column;text-align:center}.pricing-section-frame{display:flex;justify-content:space-evenly;gap:30px;overflow:scroll}.pricing-section{display:flex;flex-direction:column;justify-content:space-between;flex:15px;background-color:var(--primary-1-light);padding:30px;gap:20px;border-radius:20px;max-width:420px;min-width:360px}.pricing-upper-section{display:flex;flex-direction:column;gap:20px}.pricing-section-header{display:flex;flex-direction:column;gap:12px}.pricing-section-title{display:flex;justify-content:space-between}.pricing-section-title img{height:30px;margin-right:5px}.pricing-price{display:flex;align-items:baseline;font-weight:700}.pricing-price h2,.pricing-price p{font-weight:700}.pricing-benefit-list{display:flex;flex-direction:column;gap:8px}.pricing-benefit-item{display:flex;align-items:center;gap:6px}.pricing-section .cta-button{width:100%}@media (max-width: 1000px){.pricing-section-frame{overflow:unset;flex-wrap:wrap}}@media (max-width: 768px){.pricing-section{min-width:unset}}.google-login{display:flex;align-items:center;justify-content:center;width:100%;max-height:40px;min-height:40px}.google-login iframe{background-color:unset}.join-bg *:not(input){user-select:none;-webkit-user-select:none}.join-nav{height:65px}.join-nav img{padding:10px 15px 0 0;height:55px}.join-bg{height:100vh;width:100vw;background-color:var(--primary-1-light);display:flex;justify-content:center;overflow:hidden}.join-left-img{position:absolute;left:20px;top:85px;height:calc(100vh - 105px)}.join-right-img{position:absolute;right:20px;top:85px;height:calc(100vh - 105px)}.join-frame{position:relative;z-index:0;width:380px;align-self:center}.join-tabs{z-index:-1;position:relative;display:flex;flex-direction:row;justify-content:space-between}.join-tab{position:absolute;top:-35px;display:flex;align-items:center;justify-content:center;height:55px;padding-top:4px;padding-bottom:20px;border-top-left-radius:15px;border-top-right-radius:15px;width:calc(50% - 5px);background-color:var(--primary-1-deep);color:#fff;border-style:solid;border-width:1px;border-color:#000}.register-tab{left:0}.register .register-tab{background-color:#fff;color:#434343}.login-tab{right:0}.login .login-tab{background-color:#fff;color:#434343}.join-content{min-height:300px;height:100%;width:100%;border-radius:15px;background-color:#fff;padding:30px 0;border-style:solid;border-top-style:none;border-width:1px;border-color:#000;box-shadow:#00000026 0 .706592px .706592px -.625px,#00000025 0 1.806562px 1.806562px -1.25px,#00000023 0 3.621759px 3.621759px -1.875px,#00000020 0 6.8656px 6.8656px -2.5px,#0000001b 0 13.646761px 13.646761px -3.125px,#0000000d 0 30px 30px -3.75px}.register .join-content{height:fit-content;border-top-left-radius:unset}.login .join-content{height:fit-content;border-top-right-radius:unset}.form-register,.form-login{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center}.form-section-frame{width:100%;position:relative;padding:15px}.form-register input,.form-login input{height:35px;width:100%;border-style:none;outline:none;border-radius:5px;background-color:#efefef;padding:5px 7px;font-size:17px}.join-content .mantine-Input-input,.join-content .mantine-PasswordInput-input{border-color:#c2c8d0}.join-content .mantine-Input-input:focus,.join-content .mantine-PasswordInput-input:focus-within{border-color:var(--primary-1-deep)}.join-content .mantine-Button-root{height:44px;background-color:var(--button-default);border-radius:6px}.login .join-content .mantine-Button-root{margin-top:8px}.join-content .mantine-Button-root:hover{background-color:var(--button-hover)}.mail-input-label,.name-input-label,.pw-input-label{position:absolute;color:#434343;left:25px;top:24px;font-size:16px;transition:all .4s}.mail-input:focus+.mail-input-label,.mail-input.populated+.mail-input-label,.name-input:focus+.name-input-label,.name-input.populated+.name-input-label,.pw-input:focus+.pw-input-label,.pw-input.populated+.pw-input-label{left:15px;top:0;font-size:14px;transition:all .4s}input[type=submit]{cursor:pointer;background-color:#fda600;color:#fff;font-size:18px;border-radius:50px;transition:transform .4s cubic-bezier(.28,-1.13,.21,2.24)}input[type=submit]:hover{transform:scaleX(1.05) scaleY(.95);transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.mantine-TextInput-input,.mantine-PasswordInput-input,.mantine-PasswordInput-innerInput{height:44px}.info-frame{opacity:1;height:34px;width:calc(100% - 30px);padding:7px;margin-top:15px;transition:height .4s,opacity .4s;border-radius:5px;text-align:center}.info-frame.failure{height:fit-content;transition:height .4s,opacity .4s;background-color:#ff5136}.info-frame.success{background-color:#31e091}.info-frame span{overflow-wrap:break-word;color:#fff}.join-footer{padding:30px 20px 0;text-align:center}.join-footer a{text-decoration:none;color:var(--primary-1-deep)}.join-footer a:hover{text-decoration:underline;text-decoration-color:var(--button-default)}.join-footer span{font-size:13px;color:#2d333a}.join-footer-link span{text-decoration:none;color:var(--button-default)}.divider{display:flex;align-items:center;width:300px;margin:16px auto}.divider:before{display:flex;content:"";border-top:1px solid #c2c8d0;flex:1;margin-right:10px}.divider:after{display:flex;content:"";border-top:1px solid #c2c8d0;width:100%;flex:1;margin-left:10px}@media (min-width: 1920px){.join-nav{display:flex;justify-content:center}.join-nav div{width:100vw;max-width:1920px;padding:0 320px}}@media (max-width: 1000px){.join-left-img,.join-right-img{display:none}}@media (max-width: 375px){.login-tab{border-top-right-radius:unset;border-right:unset}.register-tab{border-top-left-radius:unset;border-left:unset}.join-content{border-bottom-left-radius:unset;border-bottom-right-radius:unset;border-right:unset;border-left:unset}}.login-form-mail .mantine-Button-root{background-color:var(--button-default)}body{overflow:overlay}.home-main{--nav-height: 60px;max-width:100vw;min-height:100vh;background-color:#eee}.home-main nav{display:flex;flex-direction:row;top:0;height:var(--nav-height);box-sizing:border-box;padding:10px 30px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#bdc9e7;background-color:#fff;background:linear-gradient(#ffffffe6,#f2f2f2e6) repeat-x #fafafae6;border-bottom:1px solid rgb(213,213,213);box-shadow:#0000000d 0 1px 10px}.home-nav-inner-frame{display:flex;align-content:center;justify-content:space-between;align-items:center;width:100%}.home-nav-inner-frame img{height:32px}.nav-profile-frame{display:flex;align-items:center;padding:4px 4px 4px 15px;border-radius:30px}.nav-profile-frame>span{margin-right:15px}.profile-button{height:32px;width:32px;margin-left:5px;margin-right:15px;border-radius:50%;background-position:top}.nav-buffer{width:100%;height:var(--nav-height)}.home-main-container{padding:0 30px 120px;background-color:#eee}.rooms-home-frame{height:100vh;max-height:100%;margin:0 100px;padding-top:var(--nav-height)}@media (max-width:720px){.home-main nav{padding:10px 50px}.rooms-home-frame{margin:0 50px}}@media (max-width:480px){.home-main nav{padding:10px}.rooms-home-frame{margin:0}}.svg-image-border{display:none}.svg-image:hover .svg-image-border{display:block}.whiteboard-view-svg-frame{position:relative}.whiteboard-view-svg-frame .whiteboard-view-svg{position:absolute}.whiteboard-view-svg-frame canvas{position:absolute}.room-label{font-size:16px;height:32px}.room-label-span-frame:hover,.room-label svg:hover{cursor:pointer;background-color:var(--icon-hover-bg);transition:background-color .2s}.room-label-span-frame{align-items:center;box-sizing:border-box;height:32px;max-width:20vw;padding:0 5px;margin-left:15px;font-family:Outfit,sans-serif;color:var(--text-header);border-radius:8px;background-color:#fff0;transition:background-color .2s}.room-label-span-frame span{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-label svg,.room-label img{align-self:center;margin-left:8px;height:32px;width:32px;border-radius:5px;background-color:#fff0;transition:background-color .2s}.room-label #default #right-big,.room-label #default #left-big{opacity:1;transition:all .5s}.room-label #review #right-big,.room-label #review #left-big,.room-label #default #eye{opacity:0;transition:all .5s}.room-label #review #eye{opacity:1;transition:all .5s}.room-label #review{transform:scale(1.5);transition:all .5s}.room-label #default #right-small-ani-1,.room-label #default #right-small-ani-2{transform-box:view-box;transform-origin:center center;transform:rotate(0);transition:all .5s}.room-label #review #right-small-ani-1{transform-box:view-box;transform-origin:center center;transform:rotate(90deg);transition:all .7s}.room-label #review #right-small-ani-2{transform-box:view-box;transform-origin:center center;transform:rotate(-90deg);transition:all .7s}@media (max-width: 768px){.room-label{display:none!important}}.mantine-Modal-modal{background-color:unset;box-shadow:unset;-webkit-box-shadow:unset}.room-label-editor-frame input,.room-label-editor textarea{border:unset}.room-label-editor-frame .mantine-Group-root{display:flex}.room-label-editor-frame{position:relative;flex-direction:column}.room-label-editor span{color:var(--login-button-text);overflow:unset}.room-label-editor-tab{z-index:-1;display:flex!important;position:absolute;top:-32px;height:60px;align-items:flex-start;justify-content:center;width:50%;border-top-right-radius:10px;border-top-left-radius:10px;background-color:var(--tab-default-bg);color:var(--tab-default-text);font-family:Outfit,sans-serif}.room-label-editor-tab span{display:flex;height:36px;align-items:center}.room-label-editor{z-index:1;flex-direction:column;padding:25px;background-color:var(--modal-bg);border-radius:15px}.room-label-editor label{color:var(--text-primary)}.room-label-editor button:first-of-type span{color:var(--theme-main)}.data-edit-button-frame button:first-of-type span{color:#ff499e}.data-edit-button-frame button:last-of-type{max-width:100px;padding:12px 25px;border-radius:3px;color:var(--login-button-text);background-color:var(--theme-main)}.room-label-header{color:var(--user-menu-text)!important;font-family:Outfit,sans-serif;font-size:18px;letter-spacing:1px;padding:15px 0 7px}.duration{align-items:center;justify-content:center;height:24px;width:45px;background:#f1f1f1;border-radius:5px}.duration span{color:var(--user-menu-text)}.selected.duration{background:var(--theme-main)}.selected.duration span{color:#fff}.room-label-limit-frame{flex-direction:row;justify-content:space-between}.room-label-limit-start,.room-label-limit-end{flex-direction:column}.room-label-limit-frame input[type=date]{width:125px;border-radius:5px;border-style:unset;background:#f1f1f1;padding:2px 5px;margin-bottom:5px}.room-label-limit-frame input[type=time]{width:125px;border-radius:5px;border-style:unset;background:#f1f1f1;padding:2px 5px}.room-label-confirm{justify-content:space-between;align-self:flex-end;padding-top:20px}.room-label-confirm .room-label-cancel span{padding-right:40px;color:var(--user-menu-text);cursor:pointer}.room-label-confirm .room-label-accept span{color:var(--theme-main);cursor:pointer}.room-label-editor .mantine-Calendar-calendarBase{margin-left:auto;margin-right:auto}.mantine-Calendar-day[data-selected]{background-color:var(--theme-main)}.schedule-row{display:flex;justify-content:space-between;width:100%}.schedule-row-item{display:flex;align-items:center;gap:10px}.room-schedule-label{font-size:14px;font-weight:500}.schedule-date{align-self:flex-start;padding-top:8px}.schedule-date span{color:#555;font-size:14px}.schedule-join{height:50px;width:100%;padding-top:10px}.home-rooms-frame{height:100%;width:100%}.home-rooms-frame *{user-select:none;-webkit-user-select:none}.create-room{display:flex;flex-direction:column;align-items:flex-start;padding:20px 10px;justify-content:space-between}.create-room-title{font-size:32px;margin-bottom:25px}.room-frame{display:flex;flex-wrap:wrap;align-items:flex-start}.rooms-list{display:grid;flex:2;padding-bottom:10px;background-color:#f4f4f4;border-radius:12px;max-width:calc(100% - 400px)}.room-schedule{position:relative;display:flex;flex-direction:column;flex:1;max-width:400px;padding:15px;background-color:#f4f4f4;border-radius:12px;margin-left:15px}.room-schedule .schedule-tab-frame{position:absolute;display:flex;justify-content:center;align-items:flex-start;padding-top:10px;top:-35px;left:0;width:calc(50% - 5px);height:65px;background-color:#3692ff;border-top-left-radius:10px;border-top-right-radius:10px;z-index:-1}.room-schedule .schedule-tab-frame span{color:#fff;font-size:16px}.schedule-item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:5px;padding:10px;border-radius:3px;cursor:pointer;background-color:#fff;transition:transform .2s}.schedule-item.live{margin-bottom:15px}.schedule-item .mantine-Badge-root{border-color:#bdc9e7;color:#091e42}.create-room-action-frame{display:flex}.create-room-action-frame *{font-weight:400;border-color:#bdc9e7;color:#091e42}.room-item-frame{padding:2px 0;display:flex;flex-direction:column;align-items:center}.room-item-visual{position:relative;height:100px;width:160px;border-style:solid;border-width:1px;border-radius:5px;margin:10px 10px 5px;background-color:#fff;border-color:#d5d5d5;overflow:hidden;cursor:pointer;transition:transform .2s}.room-preview-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.room-item-info-frame{display:flex;justify-content:space-between;align-items:center;position:relative}.room-item-info{display:flex;flex-direction:column;max-width:180px}.room-item-info{padding-top:2px}.room-item-info-span{display:inline-block;color:#091e42;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;font-size:13px;line-height:22px;padding:0 5px 0 0}.room-item-info-icon-frame{display:flex;flex:1;min-width:160px;justify-content:space-between;margin-left:10px;margin-top:5px}.room-item-info-icon-frame .icon-frame{display:flex;align-items:center;justify-content:center;height:24px;width:24px;cursor:pointer}.room-item-info-icon-frame .icon-frame img{transition:transform .2s}.room-item-more{display:flex;justify-content:center;align-items:center;height:24px;width:24px;cursor:pointer;border-radius:3px;transition:transform .2s}.room-item-more img{height:18px;width:18px}.room-item-info .room-item-more-frame span{display:flex;cursor:pointer}.room-item-frame .mantine-Button-root{width:100%;padding-right:5px;padding-left:5px}.room-item-frame .mantine-Popover-dropdown{padding:4px}.room-item-frame .mantine-Button-root{font-weight:400}.room-item-frame .mantine-Button-root{color:#091e42;border:unset}.room-item-more-frame .delete-room-button .mantine-Button-label{background-color:initial}.room-item-more-frame .mantine-Button-inner{justify-content:flex-start}.create-room-button{border:unset;padding:5px 10px 2px;border-radius:5px;margin-right:15px;background-color:var(--button-default);color:var(--white);font-size:15px;line-height:30px;white-space:pre;cursor:pointer}.filter-room-button,.sort-room-button{border:unset;padding:5px 10px 2px;border-radius:5px 0 0 5px/5px 0px 0px 5px;background-color:var(--blue);color:var(--white);font-size:15px;white-space:pre;cursor:pointer}.create-room-action-frame .mantine-Input-input.mantine-NativeSelect-input{height:37px;border-top-left-radius:0;border-bottom-left-radius:0;border-left:unset;border-color:var(--blue);color:var(--text-mid-dark)}.room-badge{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;padding:2px 10px 3px;border-radius:50px;border:1px solid white;font-size:14px;opacity:0}.room-item-visual:hover .room-badge{opacity:1}.message-frame{width:calc(100% + 60px);margin-left:-30px}.dismissable-message{display:flex;justify-content:center;background-color:#fda600;padding:10px 5px;column-gap:5px;line-height:1.4}.dismissable-message span,.dismissable-message a,.dismissable-message p{color:#fff}.room-limit-exceeded-error-message,.generic-error-message{display:flex;flex-wrap:wrap;column-gap:10px;color:#fff}.dismissable-message .dismiss-span{cursor:pointer;text-decoration:underline;text-decoration-skip-ink:none;color:#fff}@media (max-width: 900px){.room-schedule{display:none}.rooms-list{max-width:100%}}:root{--theme-main: #49B6FF;--theme-main-hover: #bfe1fc;--element-bg: rgba(255, 255, 255, 1);--text-header: #49B6FF;--text-primary: "#091e42";--main-bg: #ececec;--main-bg-img: none;--modal-bg: #f1f2f4;--logo: url(./icons/logo-new2.svg);--text-room-name: var(--text-header);--text-library: var(--text-header);--text-room: var(--text-header);--hover-avatar: var(--theme-main);--header-bg: rgba(0, 0, 0, .45);--underline-hover: var(--theme-main);--add-user: var(--theme-main);--add-user-hover: var(--theme-main-hover);--user-area-bg: var(--element-bg);--av-start: var(--theme-main);--av-start-hover: var(--theme-main-hover);--av-start-active: rgba(255 0 0 / 70%);--av-start-active-hover: rgba(255 0 0 / 100%);--av-start-bg: var(--element-bg);--new-page: var(--theme-main);--new-page-hover: var(--theme-main-hover);--page-select: none;--tool-search: var(--theme-main);--tool-search-hover: var(--theme-main-hover);--canvas-bg: #f1f1f1;--canvas-shadow: rgb(0 0 0 / 28%);--whiteboard-bg: var(--element-bg);--timeline-bg: var(--element-bg);--timeline-focus-bg: white;--icons-bg: #FFFFFF;--icons-button-bg: var(--icons-bg);--icons-button-active-bg: var(--theme-main);--dropzone-bg: rgba(223,223,223, .6);--tab-default-bg: var(--theme-main);--tab-default-text: white;--tab-active-bg: var(--theme-main);--tab-active-text: #1e2846;--chat-bg: var(--element-bg);--notes-bg: var(--theme-main);--chat-input: #f1f1f1;--input-text: #1e2846;--input-ph-text: "#47546d";--chat-input-area-bg: var(--element-bg);--mic-bg: var(--theme-main);--mic-icon: none;--mic-bg-hover: var(--theme-main-hover);--mig-bg-active: #ff499e;--send-icon: var(--theme-main);--send-icon-hover: none;--send-icon-active: none;--chat-message-self: #f1f1f1;--chat-message-self-text: #1e2846;--chat-audio-self: #f1f1f1;--chat-message-other: var(--theme-main);--chat-message-other-text: white;--chat-audio-other: var(--theme-main);--send-to-line-bg: #00b900;--send-to-line-text: white;--chat-msg-bg: white;--chat-msg-text: #1e2846;--chat-msg-tr: #f5f5f5;--chat-msg-tr-text: #1e2846;--vote-answer: white;--vote-answer-selected: #d4e3f7;--vote-answer-text-selected: #2662BA;--vote-answer-correct: rgb(211, 237, 209);--vote-answer-border-correct: #416D54;--vote-answer-false: #f8d8da;--vote-answer-border-false: #f86d6f;--vote-answer-corrected: rgb(211, 237, 209);--vote-answer-border-corrected: #416D54;--vote-answer-count: white;--vote-answer-count-text: #1e2846;--vote-submit-submitted: white;--vote-submit-border-submitted: #808080;--total-count: #F7F7F7;--total-count-selected: #E4EDFA;--total-count-text: #5E5E5E;--total-count-text-selected: #2662BA;--upload-file: #f1f1f1;--upload-file-hover: #dddddd;--upload-file-text:#1e2846;--upload-submit: var(--theme-main);--upload-submit-hover: var(--theme-main-hover);--upload-submit-text: white;--search-input: #f1f1f1;--search-input-pre: #1e2846;--lib-bg: #f7f7f8;--lib-overview-bg: var(--theme-main);--lib-overview-text: white;--lib-vocab-item-bc: var(--theme-main);--lib-vocab-item: white;--vocab-bg: white;--vocab-vocab-text: #1e2846;--vocab-meta: #f4f4f4;--vocab-meta-text: #555;--login-button: #fda600;--login-button-hover: #ffb833;--login-button-text: white;--user-menu-bg: white;--user-menu-text: #1e2846;--user-menu-input: #f1f1f1;--generic-pre: #555;--tutorial-strokes: "black";--border-color: #1e2846;--rooms-bg: #f7f7f8;--rooms-text: #1e2846;--rooms-overview-bg: var(--theme-main);--rooms-overview-text: white;--rooms-room-hover: black;--rooms-meta-hover: black;--tooltip: #959595;--tooltip-text: white}.user-avatar{display:flex;align-items:center;justify-content:center;position:relative;min-width:30px;min-height:30px;width:30px;height:30px;border-radius:50%;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:4px;font-family:Outfit,sans-serif;font-weight:700;-webkit-user-select:none;user-select:none;cursor:default}#chat .user-avatar{left:-5px;min-width:24px;min-height:24px;width:24px;height:24px}#users-room-area .user-avatar{position:inherit;align-items:center;justify-content:center;margin-left:2px;margin-right:2px;margin-bottom:0}.streaming .user-avatar{margin-top:2px}#header-top .user-avatar{margin-right:5px;align-self:center;margin-bottom:unset;min-width:28px;min-height:28px;width:28px;height:28px}@media (hover: hover){.user-avatar:hover .tooltip{-webkit-user-select:none;user-select:none;opacity:1;top:-13px;left:13px;font-weight:400!important}}