.profilePage{display:flex;gap:1rem;width:100%;min-height:100vh;margin-left:4rem;padding:1rem;justify-content:center;align-content:center}.profileArea{flex-direction:column;background-color:var(--card-background);padding:3rem;height:fit-content;min-width:50%}.profileArea,.profileArea form{display:flex;gap:1rem;border-radius:.4rem;width:fit-content}.profileArea form{background-color:var(--background-color);padding:2rem;align-items:center}.profileArea input[type=text]{padding:.5rem}.profileArea input[type=submit],.profileArea input[type=text]{background-color:var(--background-color);border:1px solid var(--primary-color);border-radius:.4rem}.profileArea input[type=submit]{color:var(--primary-color);padding:.7rem 1rem;font-weight:bolder;font-size:1.2rem;transition:.2s}.profileArea input[type=submit]:hover{background-color:var(--primary-color);color:var(--background-color)}.profileArea .logoutBut{background-color:var(--background-color);color:var(--error-color);border:1px solid var(--error-color);padding:1rem;border-radius:.4rem;font-weight:bolder;font-size:1.2rem;transition:.2s;width:fit-content}.profileArea .logoutBut:hover{background-color:var(--error-color);color:var(--background-color)}.profileArea .logoutBut:active{background-color:var(--error-hover)}.loaderSpinner{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid var(--primary-color);animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite}.lazyLoad{background-color:var(--primary-color)}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}