:root{font-family:Bariol Regular;background-color:#000;color:#fff}body{margin:0}.center_container{padding:16px;display:flex;align-items:center;justify-content:center;margin-top:100px}.center_container.welcome{margin-top:32px}.form_container{display:flex;flex-direction:column;align-items:center;width:40%}.form_container h1,.form_container p{text-align:center}.form_container h1{margin:0;font-weight:400}.form_container p{margin:8px 0 0;font-size:20px}.form{margin-top:50px;width:80%}.form form{display:flex;flex-direction:column;align-items:center}.form input,.form button{font-family:Bariol Regular;font-size:20px;width:100%}.form input{border:none;border-bottom:1px solid white;background-color:transparent;padding:10px 10px 10px 0;margin-bottom:16px;color:#fff}.form button{width:fit-content;border-radius:100px;background-color:#fff;padding:10px 32px;border:1px solid black;margin-top:50px;color:#000;font-size:20px;cursor:pointer}.form .error{margin-top:16px;margin-bottom:16px;padding:20px 30px;color:#fb3129;border-radius:14px;background-color:#2a2b30}.form .msg{margin-top:16px;margin-bottom:16px;padding:20px 30px;color:#2db473;border-radius:14px;background-color:#2a2b30}.form .msg p,.form .error p{font-size:18px;margin:0}.forgot{margin-top:0;width:100%;display:flex;justify-content:end;cursor:pointer}.forgot p{text-decoration:underline}.space{width:10px}@media screen and (max-width: 600px){.form_container{width:90%}.form_container p,.form button{font-size:16px}.form .msg p,.form .error p{font-size:14px}}nav{display:flex;justify-content:space-between;align-items:center;padding:16px}nav .user_icon{width:40px;height:40px;border-radius:50px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}nav .user_icon img{width:24px}nav .user_menu{position:absolute;background-color:#222327;color:#fff;top:55px;right:0;border-radius:14px;font-size:16px;padding:20px;width:275px;z-index:10}nav .user_menu p{margin:0}.user_info .label{font-size:16px;color:#ebefff;margin-bottom:16px}.user_info .input{font-size:20px;padding-bottom:8px;border-bottom:1px solid white}.user_info .user_box{margin-bottom:24px}.user_menu .change_psw{font-size:20px;padding:16px;border-radius:6px;background-color:#2a2b30;margin-top:32px}.user_menu .logout{font-size:20px;margin-top:32px;text-align:center;padding:10px 16px;border:1px solid white;border-radius:50px}.expand-enter-active,.expand-leave-active{transition:height .3s ease-in-out;overflow:hidden}@media screen and (max-width: 600px){.user_info .input,.user_menu .change_psw,.user_menu .logout{font-size:16px}}.welcome_container{position:relative}.form_container .profile_img{position:relative;margin-bottom:8px}.form_container .profile_img .camera_change{background-color:#fff;color:#000;font-size:16px;padding:8px;border-radius:50%;position:absolute;bottom:0;right:0;cursor:pointer}.form_container .file_input{background-color:#222327;padding:16px;border-radius:14px;margin-top:16px;margin-bottom:16px}.form_container .file_input p{color:red;text-align:left;margin:16px 0 0;cursor:pointer}.form_container input{font-family:Bariol Regular;border:none;border-bottom:1px solid white;background-color:transparent;color:#fff}.form_container .img_placeholder{font-size:60px;border:2px solid white;padding:21px 24px;border-radius:50%}.form_container .user_img{width:86px;height:86px;border:2px solid white;padding:8px;border-radius:50%;object-fit:cover}.form_container hr{width:70%;margin:24px 0 16px}.devices_list{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;margin-top:50px}.devices_list p{margin:0;padding:8px;font-weight:700}.popupCall{position:absolute;top:-50px;right:0;left:0;border:1px solid #46484c;background-color:#000;border-radius:34px;padding:30px 40px;display:flex;flex-direction:column;align-items:center}.popupCall h2{margin:0 0 16px;font-size:28px;font-weight:400}.popupCall p{font-size:18px;font-weight:400}.popupCall img,.iconsCall img{cursor:pointer}.popupCall .iconsCall{margin:24px 0 16px;width:35%;display:flex;align-items:center;justify-content:space-between}.iconsCall .phone{padding:20px;background-color:#2db473;border-radius:50%}.iconsCall .hangup_icon{padding:27px 17px;background-color:#fb3129;border-radius:50%}.popupCall .earlyCall{display:flex;align-items:center}.popupCall .earlyCall .video{border:1px solid white;padding:16px 13px;border-radius:50%}.eventRegisterMsg .eventSuccess{font-size:18px;padding:20px 30px;color:#2db473;border-radius:14px;background-color:#2a2b30}.eventRegisterMsg .eventFail{font-size:18px;padding:20px 30px;color:#fb3129;border-radius:14px;background-color:#2a2b30}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}@media screen and (max-width: 600px){.form_container hr{width:90%}.form_container input{font-size:16px}}.callme_container{position:absolute;top:0;bottom:0;right:0;left:0;z-index:100;display:grid;grid-template-columns:1fr 2fr;height:100vh}.callme_info{position:relative;padding:16px;background-color:#000}.callme_body{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 32px)}.callme_devices{margin-top:50px}.callme_devices p{margin:0 0 20px;font-size:20px;font-weight:700}.callme_gates{display:flex;justify-content:center}.callme_gates .open{display:flex;flex-direction:column;align-items:center;cursor:pointer}.callme_gates .open:first-child{margin-right:50px}.callme_gates .open .lock{background-color:#222327;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.callme_gates .open p{margin:8px 0 0}.callme_video{background-color:#222327;position:relative}.callme_video .iconsCall .phone{margin-right:50px}.callme_video .iconsCall{position:absolute;bottom:16px;right:16px;left:16px;display:flex;justify-content:center}@media screen and (max-width: 600px){.callme_container{grid-template-columns:1fr}.callme_info,.callme_video{height:90vh}}@font-face{font-family:Bariol Bold Italic;src:url(/assets/bariol_bold_italic-webfont-36gLafas.ttf)}@font-face{font-family:Bariol Bold;src:url(/assets/bariol_bold-webfont-BuidRxda.ttf)}@font-face{font-family:Bariol Light Italic;src:url(/assets/bariol_light_italic-webfont-CUKYaIVn.ttf)}@font-face{font-family:Bariol Light;src:url(/assets/bariol_light-webfont-C1vZ_itX.ttf)}@font-face{font-family:Bariol Regular Italic;src:url(/assets/bariol_regular_italic-webfont-CPD4Vp0v.ttf)}@font-face{font-family:Bariol Regular;src:url(/assets/bariol_regular-webfont-DXwtSDxq.ttf)}@font-face{font-family:Bariol Thin Italic;src:url(/assets/bariol_thin_italic-webfont-CbM3F_jC.ttf)}@font-face{font-family:Bariol Thin;src:url(/assets/bariol_thin-webfont-DrQfFS4b.ttf)}