.change-details-form .user-avatar-description p{font-size:.8rem;margin:0}.change-details-form .cariera-avatar-uploader{align-items:center;background:transparent;border:2px dashed var(--cariera-border-color);cursor:pointer;display:flex;font-size:0;justify-content:center;min-height:180px;min-width:200px;padding:15px 0;position:relative;transition:all .3s;width:100%}.change-details-form .cariera-avatar-uploader:before{background:var(--cariera-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.change-details-form .cariera-avatar-uploader:hover{border-color:var(--cariera-primary)!important;color:var(--cariera-primary)}.change-details-form .cariera-avatar-uploader:hover:before{opacity:.03}.change-details-form .cariera-avatar-uploader:hover .upload-message i{color:var(--cariera-primary);opacity:1}.change-details-form .cariera-avatar-uploader.has-file{cursor:default;min-height:auto}.change-details-form .cariera-avatar-uploader.has-file:hover{border-color:var(--cariera-border-color)!important}.change-details-form .cariera-avatar-uploader.has-file:hover:before{opacity:0!important}.change-details-form .cariera-avatar-uploader.has-file:hover .remove-file{opacity:1}.change-details-form .cariera-avatar-uploader.has-file .drop-area{cursor:default;min-height:auto}.change-details-form .cariera-avatar-uploader.has-file .remove-file{display:flex}.change-details-form .cariera-avatar-uploader.uploading .remove-file{display:none}.change-details-form .cariera-avatar-uploader .drop-area{align-items:center;display:flex;justify-content:center;position:relative;text-align:center;transition:all .3s ease}.change-details-form .cariera-avatar-uploader .drop-area.drag-hover{border-color:var(--cariera-primary)!important;border-style:solid!important}.change-details-form .cariera-avatar-uploader .drop-area.drag-hover:before{opacity:.05!important}.change-details-form .cariera-avatar-uploader .upload-message{display:flex;flex-direction:column;gap:7px;transition:color .3s}.change-details-form .cariera-avatar-uploader .upload-message i{font-size:2.5rem;opacity:.5;transition:all .3s}.change-details-form .cariera-avatar-uploader .upload-message .file-limit{font-size:.8rem}.change-details-form .cariera-avatar-uploader .preview-container{max-width:200px;position:relative}.change-details-form .cariera-avatar-uploader .preview-container.uploading .progress{display:block}.change-details-form .cariera-avatar-uploader .preview-container.uploading .progress-bar{animation:progressPulse 1.5s ease-in-out infinite}.change-details-form .cariera-avatar-uploader .preview-container.upload-complete .preview-wrapper{animation:successPulse .5s ease}.change-details-form .cariera-avatar-uploader .preview-wrapper{border-radius:3px;box-shadow:0 10px 15px rgba(0,0,0,.1);height:150px;margin:0 auto;overflow:hidden;position:relative;width:150px}.change-details-form .cariera-avatar-uploader .preview-wrapper:hover .preview-image{transform:scale(1.05)}.change-details-form .cariera-avatar-uploader .preview-wrapper:hover .preview-overlay,.change-details-form .cariera-avatar-uploader .preview-wrapper:hover .remove-file{opacity:1}.change-details-form .cariera-avatar-uploader .preview-image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.change-details-form .cariera-avatar-uploader .preview-overlay{align-items:center;background-color:rgba(0,0,0,.35);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.change-details-form .cariera-avatar-uploader .preview-overlay .preview-details{color:var(--cariera-white-color);font-size:.8rem;padding:15px;text-align:center}.change-details-form .cariera-avatar-uploader .preview-overlay .preview-details .filename{background-color:hsla(0,0%,100%,.9);border-radius:3px;color:var(--cariera-dark-text-color);font-weight:600;margin-bottom:8px;padding:5px 10px;word-break:break-word}.change-details-form .cariera-avatar-uploader .preview-overlay .preview-details .filesize{background-color:hsla(0,0%,100%,.9);border-radius:3px;color:var(--cariera-grey-color);font-size:.7rem;padding:3px 8px}.change-details-form .cariera-avatar-uploader .progress{background:var(--cariera-white-color);border-radius:2px;bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:none;height:6px;left:50%;overflow:hidden;position:absolute;transform:translateX(-50%);width:90px;z-index:20}.change-details-form .cariera-avatar-uploader .progress .progress-bar{background-color:var(--cariera-success-color);height:100%;transition:width .3s;width:0}.change-details-form .cariera-avatar-uploader .remove-file{align-items:center;background-color:var(--cariera-primary);border:none;border-radius:50%;bottom:10px;box-shadow:0 3px 10px rgba(0,0,0,.2);color:var(--cariera-white-color);cursor:pointer;display:none;height:30px;justify-content:center;opacity:0;position:absolute;right:10px;transition:all .3s ease;width:30px;z-index:10}.change-details-form .cariera-avatar-uploader .remove-file:hover{background-color:var(--cariera-error-color);transform:scale(1.1)}.change-details-form .cariera-avatar-uploader .remove-file i{font-size:.9rem!important}.change-details-form .cariera-avatar-uploader .upload-error{animation:slideDown .3s ease;bottom:30px;font-size:.9rem;left:0;margin:0 auto;max-width:500px;position:fixed;right:0;z-index:100}.change-details-form .cariera-avatar-uploader .file-input{display:none!important}.change-details-form .cariera-avatar-uploader .uploading-indicator{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.6);color:var(--cariera-primary);display:flex;flex-direction:column;font-size:.9rem;inset:0;justify-content:center;position:absolute;z-index:20}.change-details-form .cariera-avatar-uploader .uploading-indicator .spinner{animation:spin .8s linear infinite;border:3px solid rgba(0,0,0,.2);border-radius:50%;border-top:3px solid var(--cariera-primary);height:28px;margin-bottom:8px;width:28px}.change-details-form .cariera-avatar-uploader .upload-complete-indicator{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.change-details-form .cariera-avatar-uploader .upload-complete-indicator i{color:var(--cariera-primary);font-size:2.8rem}.change-details-form .cariera-avatar-uploader .upload-complete-indicator.visible{opacity:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:1400px){.change-details-form .user-avatar-upload{flex-direction:column}}@media(max-width:768px){.change-details-form .cariera-avatar-uploader .upload-message i{font-size:2rem}.change-details-form .cariera-avatar-uploader .upload-message p{font-size:13px}.change-details-form .cariera-avatar-uploader .preview-wrapper{height:120px;width:120px}}#dashboard .user-avatar-upload{align-items:center;background-color:#f9f9f9;border:1px dashed var(--cariera-border-color);display:flex;gap:30px;margin-bottom:40px;padding:40px}#dashboard .change-details-form .form-fields{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}#dashboard .change-details-form button{margin-top:20px}#dashboard .user-roles-wrapper input.user-role-radio~label{margin-bottom:20px;padding:25px}#dashboard form.change-details-form.loading button,#dashboard form.change-pass-form.loading button,#dashboard form.delete-account-form.loading button{color:transparent!important}#dashboard form.change-details-form.loading button:before,#dashboard form.change-pass-form.loading button:before,#dashboard form.delete-account-form.loading button:before{animation:spin .8s linear infinite;border:3px solid var(--cariera-white-color);border-radius:50%;border-right-color:transparent!important;border-top-color:transparent!important;content:"";display:inline-block;height:20px;left:45%;position:absolute;top:13px;width:20px}#dashboard form.change-pass-form .password-handling,#dashboard form.delete-account-form .password-handling{position:relative}#dashboard form.change-pass-form .password-handling i,#dashboard form.delete-account-form .password-handling i{cursor:pointer;position:absolute;right:0;text-align:center;top:62%;transition:all .3s;width:50px}#dashboard form.change-pass-form .password-handling i:hover,#dashboard form.delete-account-form .password-handling i:hover{color:var(--cariera-primary)}#dashboard form.change-pass-form .password-handling i.active:before,#dashboard form.delete-account-form .password-handling i.active:before{content:""}@media(max-width:580px){#dashboard .change-details-form .form-fields{grid-template-columns:repeat(1,1fr)}}