#profile-images-page-container{padding:64px 32px 96px;overflow-y:auto;height:100%;width:100%;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;font-weight:300}#profile-images-header{width:560px;margin:0 auto}#profile-images-page-container::-webkit-scrollbar{width:8px}#profile-images-page-container::-webkit-scrollbar-track{background:var(--bg-medium)}#profile-images-page-container::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:4px}#profile-images-page-container::-webkit-scrollbar-thumb:hover{background:#aeaeae}#profile-images-container{display:grid;grid-gap:16px;width:560px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-images-full-message{width:560px;margin:24px auto;text-align:center;color:var(--text-secondary)}#profile-bio-container{width:560px;margin:24px auto 0}#profile-bio{position:relative;margin-bottom:24px;width:100%;height:130px;padding-bottom:48px;background:var(--user-bg)}#profile-bio textarea{color:#fff;color:var(--text-primary);padding:16px;border:none;outline:none;width:100%;height:100%;resize:none;background:transparent}#profile-bio .profile-bio-buttons{position:absolute;bottom:8px;right:8px;display:flex}#profile-bio .profile-bio-buttons button{margin-left:8px}#profile-critique-container{width:560px;margin:24px auto 0}#profiles-page-loader,#uploading-profile-image-loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#uploading-profile-image-loader{flex-direction:column}.uploading-profile-image-loader-text{margin-top:7px}.profile-images-title{display:inline-block;background:-webkit-linear-gradient(45deg,#ff4087,#ffc056);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}.uploaded-profile-image-container{position:relative;width:172px;height:172px;background:var(--user-bg);border-radius:6px;transition:all .3s}.uploaded-profile-image-container:hover{background:var(--bot-bg)}.profile-image-page-loader{width:100%;height:calc(100% - 56px)}.profile-image-loader,.profile-image-page-loader{display:flex;justify-content:center;align-items:center}.profile-image-loader{text-align:center;height:72px;flex-direction:column;margin-top:60px}.profile-image-loader-text{margin-top:7px}.uploaded-profile-image-delete{position:absolute;bottom:3px;right:3px;cursor:pointer;background:transparent;border:1px solid var(--upload-light);background:var(--upload-dark);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:4px;transition:all .3s ease-in-out;z-index:10}.uploaded-profile-image-delete:hover{background:var(--upload-medium)}.uploaded-profile-image-delete svg{font-size:18px;color:var(--upload-light)}.uploaded-profile-image-rating{height:26px;width:48px;position:absolute;bottom:4px;left:4px;padding:4px 8px;border-radius:4px;color:#151515;background:-webkit-linear-gradient(45deg,#ff4087,#ffc056);text-align:center;font-weight:500;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}.uploaded-profile-image{height:100%;width:100%;object-fit:cover;border-radius:6px;cursor:pointer;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.3)}.uploaded-profile-image img{transition:all .3s}.uploaded-profile-image img:hover{transform:scale(1.1)}.profile-container h1{margin-bottom:24px}#profile-page-container{width:100%;margin:0 auto;overflow-y:auto;height:100%;height:calc(100dvh - 180px);scrollbar-width:thin;scrollbar-color:#888 #f1f1f1;font-weight:300}#profile-page-container::-webkit-scrollbar{width:8px}#profile-page-container::-webkit-scrollbar-track{background:var(--bg-medium)}#profile-page-container::-webkit-scrollbar-thumb{background:#7a7a7a;border-radius:4px}#profile-page-container::-webkit-scrollbar-thumb:hover{background:#aeaeae}#profile-page-header{display:flex;justify-content:space-between;width:100%;margin:0 auto 16px}#profile-page-header button svg{margin-right:8px}#profile-image-container{text-align:center;margin-bottom:24px}#profile-image{max-width:240px;max-height:240px;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.suggestion-button{display:flex;justify-content:center;align-items:center;margin-bottom:24px}.profile-suggestion-border{background:linear-gradient(45deg,#ff4087,#ffc056);padding:1px;border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:0 auto;width:100%}.profile-suggestion-container{width:100%;background:#000;background:var(--bg-full);border-radius:6px;padding:16px}.suggestion-container{background:var(--user-bg);padding:16px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:720px;width:100%}.rating-section{margin:0 auto 24px;width:360px}.rating-label{display:flex;justify-content:space-between;margin-bottom:8px}.rating-label-number{font-weight:700}.rating-label-numerator{color:var(--color-red)}.rating-outer-container{width:360px;border-radius:10px;height:20px;background:linear-gradient(45deg,#ff4087,#ffc056);display:flex;align-items:center}.rating-inner-container{background:#2c1812;border-radius:10px;height:18px;margin:1px;width:100%;overflow:hidden}.rating-bar-container{height:18px;border-top-left-radius:10px;border-bottom-left-radius:10px}.rating-bar{background:linear-gradient(45deg,#ff4087,#ffc056);animation:growWidth 1s ease-in-out forwards;height:18px;width:0}@keyframes growWidth{0%{width:0}to{width:100%}}.suggestion-text{width:100%}.suggestion-text p:not(:last-child){margin-bottom:20px}.suggestion-text li:not(:last-child){margin-bottom:12px}.suggestion-text ol,.suggestion-text ul{margin-bottom:24px;margin-left:24px}.suggestion-text h3{font-size:16px;margin-bottom:4px}.suggestion-copy-button{background:var(--bot-bg);color:var(--text-primary);width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center}@media (max-width:720px){#profile-page-container{height:calc(100dvh - 137px)}#profiles-page-loader,#uploading-profile-image-loader{height:calc(100% - 52px)}#profile-images-header{width:100%;margin:0 auto}#profile-images-container{display:grid;grid-gap:10px;width:100%}#profile-images-page-container{width:100%;padding:24px 24px 96px}.uploaded-profile-image-container{position:relative;width:100%;aspect-ratio:18/25;aspect-ratio:1;height:auto}#profile-bio-container,#profile-critique-container,#profile-page-header,.profile-images-full-message,.profile-suggestion-container,.rating-outer-container,.rating-section,.suggestion-container{width:100%}}.button{cursor:pointer;border:none;border-radius:4px;background:#4c4d4f;background:var(--button-color);color:#fff;padding:8px 12px;display:flex;justify-content:center;align-items:center;outline:none;box-shadow:0 4px 5.5px 0 rgba(0,0,0,.07);transition:all .3s ease-in-out}.button.selected,.button:hover{background:var(--button-hover)}.button.info{background:var(--color-blue)}.button.info:hover{background:#2a679b}.button.confirm{background:#10a37f;background:var(--color-green)}.button.delete{background:#991b1b;background:var(--color-red)}.button.chat,.button.chat:hover{background:linear-gradient(45deg,#04bde4,#0253b9)}.button.chat:hover{filter:brightness(115%)}.button.profile,.button.profile:hover{background:linear-gradient(45deg,#ff4087,#ffc056)}.button.profile:hover{filter:brightness(115%)}.button.convo,.button.convo:hover{background:linear-gradient(90deg,#fc5c7d,#6a82fb)}.button.convo:hover{filter:brightness(115%)}.button.disabled:hover,.button:disabled{opacity:.5;background:var(
    --button-color
  );cursor:not-allowed;box-shadow:none}.image-upload{border:2px dashed var(--upload-light);border-radius:6px;width:172px;height:240px;height:172px;position:relative;cursor:pointer}.image-upload button{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;border:none;cursor:pointer}.custom-file-upload{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:100%;height:100%;background:var(--user-bg);transition:all .2s;padding:4px}.custom-file-upload:hover{background:var(--bot-bg)}.custom-file-upload svg{margin-bottom:8px;font-size:24px}.convo-upload-plus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px;display:flex;justify-content:center;align-items:center}@media (max-width:720px){.image-upload{text-align:center;position:relative;width:100%;aspect-ratio:18/25;aspect-ratio:1;height:auto}}#loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}#loading-container .spinner{border:5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.page-loader{width:400px;height:213px}@media (max-width:720px){.page-loader{width:267px;height:142px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{width:18px;height:18px;border:2px solid var(--sidebar-text-secondary);border-bottom:2px solid transparent;border-radius:50%}.blue-loader,.loader{display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.blue-loader{width:32px;height:32px;border:3px solid var(--color-blue);border-bottom:3px solid transparent;border-radius:50%}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);background-color:rgba(40,40,40,.8);opacity:0;visibility:hidden;transition:opacity .3s;z-index:2000}.modal-backdrop.show{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-bg);color:var(--text-primary);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:opacity .3s;z-index:2000;animation:fadeIn .2s}.modal-medium{width:500px}.modal-large{width:680px}.modal.show{opacity:1;visibility:visible}.mobile-close-icon{display:none;color:var(--text-primary);background:none;border:none;margin-right:10px;height:24px}.mobile-close-icon svg{font-size:24px}#modal-header{padding:20px;border-bottom:1px solid var(--modal-divider);display:flex;align-items:center}.multi-image-convo-buttons{display:flex;align-self:flex-end;margin-top:20px}.multi-image-convo-buttons button{margin-left:12px}@media (max-width:720px){.modal{width:100%}.mobile-close-icon{display:inline-block}}#profile-page-container{padding:24px 20px 0}.profile-suggestion-buttons{display:flex;justify-content:flex-end;justify-content:space-between;margin:20px 20px 20px 12px}.profile-suggestion-buttons button{margin-left:10px}.profile-suggestion-feedback{display:flex;justify-content:flex-start;align-items:center;height:30px;width:100%}.profile-suggestion-feedback button{margin-left:10px}.profile-image-response-buttons{display:flex;justify-content:flex-end;align-items:center;height:30px;width:100%}.profile-image-response-buttons .feedback{cursor:pointer;border-radius:50%;border:none;width:32px;height:32px;margin-left:8px;background:var(--user-bg);color:var(--text-primary);display:flex;justify-content:center;align-items:center;transition:all .2s;animation:fadeIn .1s both}.profile-image-response-buttons .feedback.selected{background:var(--bg-lightest);background:var(--bot-bg);color:#fff}.profile-image-response-buttons .feedback svg{font-size:14px}.profile-image-response-buttons .profile svg{margin-left:6px}.profile-bio-text{font-weight:500;max-width:360px;margin:0 auto;text-align:left}.bio-suggestion-text{display:flex;justify-content:space-between;align-items:center}.bio-suggestion-text:not(:last-child){margin-bottom:24px}.bio-suggestion-copy-button{margin-left:16px}.bio-suggestion-content h3{font-size:16px;margin-bottom:4px}.profile-bio-suggestion-buttons{display:flex;justify-content:flex-end;justify-content:space-between;margin:20px 20px 20px 12px}.profile-bio-suggestion-buttons button{margin-left:10px}.profile-bio-suggestion-feedback{display:flex}.profile-bio-suggestion-buttons-right{display:flex;justify-content:flex-end;width:100%}.profile-bio-suggestion-buttons-right button.profile svg{margin-left:6px}.profile-summary-preview-images{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.profile-summary-preview-images img{width:80px;height:80px;border-radius:4px;object-fit:cover;margin:0 8px 24px}.profile-critique-suggestion-feedback{display:flex}.profile-critique-suggestion-buttons{display:flex;justify-content:flex-end;justify-content:space-between;margin:20px 20px 20px 12px}.profile-critique-suggestion-buttons button{margin-left:10px}.profile-critique-suggestion-buttons-right{display:flex;justify-content:flex-end;width:100%}.profile-critique-suggestion-buttons-right button.profile svg{margin-left:6px}.skeleton-shimmer{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#eff1f3 8%,#e2e2e2 18%,#eff1f3 33%);background:linear-gradient(90deg,#2c2c2e 8%,#3a3a3c 18%,#2c2c2e 33%);background-size:800px 104px;height:100%;position:relative}.skeleton-image{width:100%;height:100%;border-radius:8px}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}