.header .user-info,.note-header .user-info{opacity:1;flex-direction:row;justify-content:center;align-items:center;width:auto;min-width:50px;height:50px;display:flex;position:relative}.header .user-info.hide,.note-header .user-info.hide{opacity:0}.header .user-info .btn-log,.note-header .user-info .btn-log{cursor:pointer;background-color:#fff;border-radius:20px;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:120px;height:30px;padding:0 10px 0 30px;font-size:11pt;transition:all .3s ease-in-out;display:flex;position:relative;box-shadow:0 0 2px #004cff80}.header .user-info .btn-log:hover,.note-header .user-info .btn-log:hover,.header .user-info .btn-log:active,.note-header .user-info .btn-log:active{background-color:#fefefe}.header .user-info .btn-log:before,.note-header .user-info .btn-log:before{content:"";background-color:#fff;background-image:url(../media/user_avatar_check.0k._~wr3agu.f.svg);background-position:50%;background-repeat:no-repeat;background-size:22px;border-radius:50%;width:30px;height:30px;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.header .user-info .btn-log.in,.note-header .user-info .btn-log.in{min-width:120px}.header .user-info .btn-log.in.login-ing,.note-header .user-info .btn-log.in.login-ing{padding:0 30px 0 10px;animation:1s ease-in-out infinite alternate loading-fade}.header .user-info .btn-log.in.login-ing:before,.note-header .user-info .btn-log.in.login-ing:before{left:90px}.header .user-info .btn-log.in:before,.note-header .user-info .btn-log.in:before{background-color:#eee;background-image:url(../media/google_circle.15q3ubixw_19x.svg);background-size:contain}.header .user-info .btn-log.out,.note-header .user-info .btn-log.out{border-radius:50%;width:40px;min-width:3px;height:40px;padding:0}.header .user-info .btn-log.out:before,.note-header .user-info .btn-log.out:before{display:none}.header .user-info .btn-log.out,.note-header .user-info .btn-log.out{background-color:#afeeff;background-image:url(../media/user_avatar.0gwpotm7uu1f5.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;font-size:15pt;transition:all .3s ease-in-out;box-shadow:0 0 3px #70f9}.header .user-info .btn-log.out:hover,.note-header .user-info .btn-log.out:hover{box-shadow:0 0 6px #7700ffb3}.header .user-info .btn-log.out:active,.note-header .user-info .btn-log.out:active{box-shadow:0 0 3px #70f9}.header .user-info .btn-log .userinfo-container,.note-header .user-info .btn-log .userinfo-container{cursor:default;background-color:#fff;border-radius:15px;width:400px;height:auto;padding:0 30px;display:none;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 0 20px #0000004d}.header .user-info .btn-log .userinfo-container.active,.note-header .user-info .btn-log .userinfo-container.active{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;overflow:hidden auto}.header .user-info .btn-log .userinfo-container .profile-image-container,.note-header .user-info .btn-log .userinfo-container .profile-image-container{flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;padding:30px 0 20px;display:flex}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image{background-color:#fff;border:1px solid #d9d9d9;border-radius:50%;width:150px;height:150px;font-size:70pt;position:relative}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image img,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit{width:40px;min-width:40px;max-width:40px;height:40px;box-shadow:none;cursor:pointer;opacity:.8;border:0;border-radius:50%;padding:0;transition:all .2s ease-in-out;position:absolute;bottom:5px;right:5px;overflow:hidden}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit:hover,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit:hover{opacity:1;transform:scale(1.1)}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit:active,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit:active{opacity:1;transform:scale(1.05)}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit input[type=file],.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit label,.note-header .user-info .btn-log .userinfo-container .profile-image-container .profile-image .btn.edit label{cursor:pointer;opacity:1;background-color:#00f6c1;background-image:url(../media/btn_image.0thksy0_zev-1.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;width:100%;min-width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.header .user-info .btn-log .userinfo-container .list,.note-header .user-info .btn-log .userinfo-container .list{border-bottom:1px solid #d9d9d9;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;height:50px;padding:3px 10px;display:flex}.header .user-info .btn-log .userinfo-container .list.center,.note-header .user-info .btn-log .userinfo-container .list.center{border:0;justify-content:center;align-items:flex-end;display:none}.header .user-info .btn-log .userinfo-container .list.center.active,.note-header .user-info .btn-log .userinfo-container .list.center.active{display:flex}.header .user-info .btn-log .userinfo-container .list .field,.note-header .user-info .btn-log .userinfo-container .list .field{flex-direction:row;justify-content:flex-start;align-items:center;width:auto;display:flex}.header .user-info .btn-log .userinfo-container .list .field.name,.note-header .user-info .btn-log .userinfo-container .list .field.name{width:60px;height:100%}.header .user-info .btn-log .userinfo-container .list .field.value,.note-header .user-info .btn-log .userinfo-container .list .field.value{width:calc(100% - 65px);height:100%;padding:5px 10px;display:flex}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box{width:100%;height:100%;display:none}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box.active,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box.active,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box.active,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box.active{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box.active .btn-modify-name,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box.active .btn-modify-name,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box.active .btn-modify-name,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box.active .btn-modify-name{display:flex}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box .user_name_form,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box .user_name_form,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box .user_name_form,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box .user_name_form{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;height:40px;font-size:14pt;display:flex}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box .user_name_form:focus,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box .user_name_form:focus,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box .user_name_form:focus,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box .user_name_form:focus{outline:none}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-modify-name,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-modify-name,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-modify-name,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-modify-name{background-color:#f5f5f5;background-image:url(../media/btn_edit_line.14tvidgehs_gg.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border:1px solid #9d9d9d;border-radius:5px;width:30px;min-width:30px;height:30px;padding:0}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-ok,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-ok,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-ok,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-ok{background-color:#f5f5f5;background-image:url(../media/check.13zoq09j1.w~_.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border:1px solid #9d9d9d;border-radius:5px;width:40px;min-width:40px;height:40px;padding:0}.header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-modify-pages,.header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-modify-pages,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_name_box button.btn-modify-pages,.note-header .user-info .btn-log .userinfo-container .list .field.value .user_pages_box button.btn-modify-pages{background-color:#f5f5f5;background-image:url(../media/btn_edit_line.14tvidgehs_gg.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;border:1px solid #9d9d9d;border-radius:5px;width:30px;min-width:30px;height:30px;padding:0}.header .user-info .btn-log .userinfo-container .list .btn-logout,.note-header .user-info .btn-log .userinfo-container .list .btn-logout{cursor:pointer;background-color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:130px;height:40px;padding:5px 15px 5px 45px;transition:all .3s ease-in-out;display:flex;position:relative;box-shadow:0 0 2px #004cff80}.header .user-info .btn-log .userinfo-container .list .btn-logout:hover,.note-header .user-info .btn-log .userinfo-container .list .btn-logout:hover{box-shadow:0 0 3px #004cffb3}.header .user-info .btn-log .userinfo-container .list .btn-logout:active,.note-header .user-info .btn-log .userinfo-container .list .btn-logout:active{background-color:#f2f2f2;box-shadow:0 0 2px #004cff80}.header .user-info .btn-log .userinfo-container .list .btn-logout:before,.note-header .user-info .btn-log .userinfo-container .list .btn-logout:before{content:"";background-color:#eee;background-image:url(../media/google_circle.15q3ubixw_19x.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:40px;height:40px;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing,.note-header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing{padding:5px 45px 5px 15px}.header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing:before,.note-header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing:before{left:90px}.header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing,.note-header .user-info .btn-log .userinfo-container .list .btn-logout.login-ing{animation:1s ease-in-out infinite alternate loading-fade}.header .user-info .btn-log .userinfo-container .bottom-area,.note-header .user-info .btn-log .userinfo-container .bottom-area{flex-direction:row;justify-content:center;align-items:center;gap:5px;width:100%;height:80px;display:flex}.header .user-info .btn-log .userinfo-container .ver,.note-header .user-info .btn-log .userinfo-container .ver{color:gray;font-size:10pt;font-style:italic;position:absolute;bottom:10px;right:10px}
.header a,.note-header a{width:auto;min-width:auto}.header .logo,.note-header .logo{width:auto;min-width:auto;padding:0 15px;transition:transform .2s ease-in-out}.header .logo:hover,.note-header .logo:hover{transform:scale(1.15)}.header .logo:active,.note-header .logo:active{transform:scale(1.05)}.header .logo span,.note-header .logo span{cursor:pointer;text-shadow:4px 4px 4px #d9d9d9;width:auto;height:auto;font-family:blue;transition:all .2s ease-in-out;position:relative}.header .logo span.my,.note-header .logo span.my{color:#c2b800;font-size:17pt}.header .logo span.page,.note-header .logo span.page{color:#0a8fb4;font-size:20pt}