#ver-messages{display:flex;flex-direction:column;gap:10px;margin:0 auto 1rem auto}#ver-messages .message{border-left:2px solid #007acc;padding:4px 10px;margin:0 auto;text-align:left}#ver-messages .message.error{border-color:#f20}#ver-messages .message.warning{border-color:#de0}.ver.styled{font-size:14px}.ver.styled footer{background-color:rgba(0,0,0,0);text-align:center}.ver.styled footer .buttons{margin:1.2em 0}.ver.styled footer .buttons button{padding:.5em 1em}.ver.styled footer .buttons button:hover{cursor:pointer}.ver.styled header h1,.ver.styled header h2,.ver.styled header h3,.ver.styled header h4,.ver.styled header h5{text-align:center}.ver.styled .fields .field{align-items:center;display:flex;margin:40px 0}.ver.styled .fields .field label{flex:1 1 auto}.ver.styled .fields .field label:hover{cursor:pointer}.ver.styled .fields .field label[for=rememberme]{margin-right:10px;text-align:right}.ver.styled .fields .field .control{border:1px solid #bbb;border-radius:4px;display:flex;flex:0 1 50%}.ver.styled .fields .field .control.full-width{width:100%}.ver.styled .fields .field .control.readonly,.ver.styled .fields .field .control [readonly]{background-color:#eee}.ver.styled .fields .field .control.readonly:hover,.ver.styled .fields .field .control [readonly]:hover{cursor:default}.ver.styled .fields .field .control>:where(button,input){flex:1 1 auto;padding:.6em}.ver.styled .fields .field .control button{background-color:#fff;border-left:1px solid #bbb;color:#000;display:flex;flex:0 1 auto;justify-content:center;padding:.8em;transition:background-color .3s,color .3s;width:40px}.ver.styled .fields .field .control button:hover{background-color:rgba(56,88,233,.8);color:#fff;transition:all .3s}.ver.styled .fields .field .control input{background-color:rgba(0,0,0,0);border:none}.ver .fields .field .control button{background:none;border:none;margin:0;padding:0}.ver .fields .field .control button:hover{cursor:pointer}.ver .fields .field .control button svg{pointer-events:none}.ver .fields .field .control :where(.edit-toggle,.visibility-toggle)[data-toggle="0"] .on{display:flex}.ver .fields .field .control :where(.edit-toggle,.visibility-toggle)[data-toggle="1"] .off{display:flex}.ver .fields .field .control :where(.edit-toggle,.visibility-toggle) span{display:none}.ver footer button[disabled]{border-style:dashed;cursor:not-allowed;opacity:.6}.ver #user-avatar{display:flex;flex-direction:column;justify-content:center;text-align:center}.ver #user-avatar figure{position:relative}.ver #user-avatar figure.unsaved::after{align-items:baseline;background:linear-gradient(rgba(230, 230, 230, 0.6), rgba(250, 250, 250, 0.8));border:1px solid rgba(0,0,0,.1);border-radius:50%;color:blue;content:"*";display:flex;filter:drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.4));font-size:3rem;height:2rem;justify-content:center;left:50%;line-height:1;position:absolute;top:0;transform:translateX(100%);width:2rem}.ver #user-avatar figure label{align-items:center;display:flex;justify-content:center}.ver #user-avatar img{max-width:unset}.ver #user-avatar svg{background-color:rgba(255,255,255,.5);border-radius:100%;box-shadow:0 0 6px rgba(0,0,0,.6);color:#000;display:block;font-size:32px;left:50%;padding:20px;position:absolute;top:50%;transform:translate(-50%, -50%)}.ver #user-avatar .image-container{align-items:center;border:2px solid rgba(0,0,0,.8);border-radius:50%;display:flex;height:128px;justify-content:center;overflow:hidden;position:relative;width:128px}.ver #user-avatar .image-container:hover{cursor:pointer}.ver #user-avatar .image-container:hover svg{opacity:1;transition:opacity .3s}.ver #user-avatar .image-container svg{opacity:0;transition:opacity .3s}.ver #user-avatar .username{font-size:1.2rem;font-weight:bold;margin:10px 0}html{overflow-y:auto !important}.hidden{display:none !important}
