button[data-v-d8042dfa]{width:5em;aspect-ratio:1;border-radius:50%;border:none;cursor:pointer;background:var(--btn-clr);color:var(--light-clr);transition:var(--transition);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1000}button[data-v-d8042dfa]:focus,button[data-v-d8042dfa]:hover{box-shadow:var(--box-shadow-focus)}button[data-v-d8042dfa]:before{content:"";position:absolute;background:hsla(0,0%,100%,.3);width:0;aspect-ratio:1;transition:var(--transition);border-radius:50%}button[data-v-d8042dfa]:hover:before{width:110%}#circular-btn-icon[data-v-d8042dfa]{width:40%;height:40%;color:var(--icon-clr)}.form-container[data-v-e24acfe4]{overflow:initial;color:var(--dark-clr);width:90%;max-width:50rem;height:80%;margin:1rem;padding:2rem;position:relative;background:#fff;box-shadow:0 .1rem 1rem .2rem hsla(0,0%,49.4%,.3);border-radius:1rem;margin:auto;margin-block-start:7em}.form-container[data-v-e24acfe4],form[data-v-e24acfe4]{display:flex;flex-direction:column;justify-content:center;align-items:center}form[data-v-e24acfe4]{padding-block:2em;gap:var(--gap);z-index:100;width:100%;overflow:visible}#form-logo[data-v-e24acfe4]{width:50%;aspect-ratio:1}p[data-v-e24acfe4]{color:var(--dark-clr)}a[data-v-e24acfe4]{text-decoration:none}h2[data-v-e24acfe4]{margin-block:1em}.form-link[data-v-e24acfe4]{color:var(--primary-clr);transition:.5s ease}.form-link[data-v-e24acfe4]:focus,.form-link[data-v-e24acfe4]:hover{color:var(--dark-clr)}.input-field[data-v-e24acfe4]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:visible;width:70%;position:relative}.input-field>input[data-v-e24acfe4]{height:2rem;min-width:15em;width:70%;max-width:20em;background:#fff;color:var(--dark-clr);border-radius:2rem;padding:.2rem 1rem;margin:.2rem;border:none;box-shadow:var(--box-shadow);font-weight:700;transition:.5s ease}.input-field>input[data-v-e24acfe4]::-moz-placeholder{color:var(--mid-dark-clr)}.input-field>input[data-v-e24acfe4]::placeholder{color:var(--mid-dark-clr)}.input-field>input[data-v-e24acfe4]:focus{border:none;box-shadow:var(--box-shadow-focus)}.input-field>.icon[data-v-e24acfe4]{color:var(--primary-clr);margin:0 .5rem}.input-field>input[data-v-e24acfe4]:disabled{background:#dcdcdc;box-shadow:none}.message[data-v-e24acfe4]{position:absolute;right:0;top:-80%;height:2em;padding-inline:.5em;border-radius:15em;display:flex;justify-content:center;align-items:center;box-shadow:var(--light-box-shadow);opacity:0;transition:var(--transition)}input:disabled:hover+.message[data-v-e24acfe4]{opacity:1}.profile-image[data-v-e24acfe4]{background:transparent;border-radius:50%;min-width:10em;width:10%;max-width:30em;aspect-ratio:1;position:relative;overflow:hidden;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-direction:column;top:15%;z-index:1000;box-shadow:var(--light-box-shadow)}input[type=file][data-v-e24acfe4]{display:block;width:100%;opacity:0;position:absolute;height:100%;cursor:pointer}.photo-uploader[data-v-e24acfe4]:focus,.photo-uploader[data-v-e24acfe4]:hover{opacity:1}.profile-image[data-v-e24acfe4]:hover{box-shadow:var(--box-shadow-focus)}#upload-icon[data-v-e24acfe4]{width:30%;height:30%;color:var(--light-clr)}.del-account-cont[data-v-e24acfe4]{display:flex;align-items:center;gap:var(--gap);overflow:visible;margin-block:2em;width:70%}.back-btn[data-v-e24acfe4]{position:absolute;left:2em;top:3em;animation-name:playfullCallToAction;animation-duration:5s;animation-iteration-count:infinite;transition:var(--transition)}.header-cont[data-v-e24acfe4]{display:flex;flex-direction:column;justify-content:center;align-items:center}.show-pass[data-v-e24acfe4]{position:absolute;right:1em;cursor:pointer}.show-pass>.icon[data-v-e24acfe4]{color:var(--primary-clr)}.show-pass:hover>.icon[data-v-e24acfe4]{color:var(--mid-dark-clr)}@media screen and (max-width:30rem){.form-container[data-v-e24acfe4]{margin:1rem}.back-btn[data-v-e24acfe4]{position:relative;left:0;top:0}}@media screen and (max-width:54rem){.input-field[data-v-e24acfe4]{justify-content:center}.input-field label[data-v-e24acfe4]{display:none}.del-account-cont[data-v-e24acfe4]{width:100%}.back-btn[data-v-e24acfe4]{margin-block-start:3em}}