.profile-form{background-color:var(--foreground-color)}.profile-form form{padding-bottom:.5rem}.profile-form form .form-buttons-container .submit-profile{position:relative}@media screen and (min-width:640px){.profile-form form .form-buttons-container{width:50%;margin-left:auto}}.profile-form form .gird-container{padding:1rem}.profile-form form .profile-image-uploader{margin-bottom:1rem;display:flex;align-items:center;column-gap:1rem}.profile-form form .profile-image-uploader .image-name{width:96px;height:96px;font-size:2rem}.profile-form form .profile-image-uploader .upload span{display:block;text-transform:uppercase;font-size:.8rem;font-weight:600;color:var(--thin-main);margin-bottom:.5rem}.profile-form form .profile-image-uploader .upload .upload-buttons{display:flex;column-gap:.5rem}.profile-form form .profile-image-uploader .upload .upload-buttons button,.profile-form form .profile-image-uploader .upload .upload-buttons label{font-size:.8rem;display:inline-block;padding:.25rem 1rem;font-weight:500;border:1px solid var(--light-gray);border-radius:1rem;transition:.3s}.profile-form form .profile-image-uploader .upload .upload-buttons label{cursor:pointer;color:var(--lighter-main)}.profile-form form .profile-image-uploader .upload .upload-buttons label:hover{color:var(--primary-color);border-color:transparent;background-color:var(--thin-primary)}.profile-form form .profile-image-uploader .upload .upload-buttons button{color:var(--red-color)}.profile-form form .profile-image-uploader .upload .upload-buttons button:hover{border-color:transparent;background-color:var(--thin-red)}.profile-form form .interests-selection{margin-bottom:1rem}.profile-form form .interests-selection span.label{display:block;text-transform:uppercase;font-weight:600;font-size:.8rem;color:var(--thin-main);margin-bottom:.75rem}.profile-form form .interests-selection .selection-list{display:flex;gap:.5rem;flex-wrap:wrap}.profile-form form .interests-selection .selection-list li.interest{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;padding:.5rem 1rem;font-size:.8rem;border:1px solid var(--light-gray);color:var(--thin-main);border-radius:1rem;letter-spacing:.5px;font-weight:500;transition:.15s}.profile-form form .interests-selection .selection-list li.interest-selected,.profile-form form .interests-selection .selection-list li.interest:hover{border-color:transparent;background-color:var(--secondary-gray);color:var(--main-color)}@media screen and (min-width:640px){.profile-form form .gird-container{display:grid;grid-template-columns:repeat(2,auto);grid-column-gap:.5rem;column-gap:.5rem}.profile-form form .gird-container .profile-image-uploader{grid-column:1/3}.profile-form form .gird-container .custom-input:nth-child(2){grid-column:1/2}.profile-form form .gird-container input:nth-child(3){grid-column:2/3}.profile-form form .gird-container .custom-input:nth-child(5),.profile-form form .gird-container .custom-textarea,.profile-form form .gird-container .interests-selection{grid-column:1/3}}.profile-card{padding:1rem;background-color:var(--foreground-color)}.profile-card .profile-image-bg{position:absolute;left:1rem;top:155px;background-color:var(--foreground-color);width:100px;height:100px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:-4px 9px 25px -6px rgba(0,0,0,.1)}.profile-card .profile-image-bg span.image-name{font-size:2rem;width:96px;height:96px}@media screen and (min-width:1024px){.profile-card .profile-image-bg{top:197px;width:116px;height:116px}.profile-card .profile-image-bg img,.profile-card .profile-image-bg span.image-name{width:112px;height:112px}}.profile-card .edit-profile-btn,.profile-card .follow-btn{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-bottom:.5rem}@media screen and (min-width:1024px){.profile-card .edit-profile-btn,.profile-card .follow-btn{margin-bottom:1rem}}.profile-card .profile-content .name-container{margin-bottom:1rem}.profile-card .profile-content .name-container span{display:block}.profile-card .profile-content .name-container span.username{font-size:1.25rem;font-weight:600}.profile-card .profile-content .name-container span.occupation{font-size:.9rem;color:var(--lighter-main);font-weight:500}.profile-card .profile-content .profile-stats{display:flex;margin-bottom:1rem}.profile-card .profile-content .profile-stats:last-child{margin-bottom:unset}.profile-card .profile-content .profile-stats svg{width:14px;height:14px;margin-right:.5rem}.profile-card .profile-content .profile-stats span{margin-right:1rem;font-size:.8rem;color:var(--lighter-main);font-weight:500}.profile-card .profile-content .bio-container,.profile-card .profile-content .interests-container,.profile-card .profile-content .link-container{margin-bottom:1rem}.profile-card .profile-content .bio-container:last-child,.profile-card .profile-content .interests-container:last-child,.profile-card .profile-content .link-container:last-child{margin-bottom:unset}.profile-card .profile-content .bio-container span.label,.profile-card .profile-content .interests-container span.label,.profile-card .profile-content .link-container span.label{display:block;font-weight:600;font-size:.8rem;color:var(--thin-main);margin-bottom:.5rem}.profile-card .profile-content p.bio{display:block;line-height:1.3rem;font-size:.9rem}.profile-card .profile-content a.user-link{font-size:.9rem;color:var(--primary-color);transition:.15s}@media screen and (min-width:1024px){.profile-card .profile-content a.user-link:hover{text-decoration:underline}}.profile-card .profile-content .interests-container:last-child{margin-bottom:unset}.profile-card .profile-content .interests-container ul.interests{display:flex;gap:.5rem;flex-wrap:wrap}.profile-card .profile-content .interests-container ul.interests li{display:inline-block;padding:.5rem 1rem;font-size:.8rem;border:1px solid var(--light-gray);border-radius:1rem;letter-spacing:.5px;font-weight:400}