.profile-listings-section{margin-bottom:24px}.profile-listings-section .profile-listings-title{color:var(--text-primary);margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.25}.profile-listings-section .profile-listings-empty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:768px){.profile-listings-section .profile-listings-empty-grid{grid-template-columns:1fr}}.profile-listings-section .profile-listings-empty-card{border:1px dashed var(--border);background:linear-gradient(135deg, #ffffff8c, transparent 42%),var(--card-background);min-height:190px;position:relative;overflow:hidden}.profile-listings-section .profile-listings-empty-card:before,.profile-listings-section .profile-listings-empty-card:after{content:"";background:var(--background-secondary);opacity:.65;height:12px;position:absolute;inset-inline:18px}.profile-listings-section .profile-listings-empty-card:before{bottom:50px}.profile-listings-section .profile-listings-empty-card:after{width:58%;bottom:28px}.profile-listings-section .profile-listings-empty-card.is-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex}.profile-listings-section .profile-listings-empty-card.is-center:before,.profile-listings-section .profile-listings-empty-card.is-center:after{display:none}.profile-listings-section .profile-listings-empty-card.is-center p{max-width:260px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.profile-listings-section .profile-listings-empty-cta{min-width:142px}.profile-listings-section .profile-listings-list .listings-list-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1100px){.profile-listings-section .profile-listings-list .listings-list-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.profile-listings-section .profile-listings-list .listings-list-cards-grid{grid-template-columns:1fr}}
.user-details-component{position:relative}.user-details-component .profile-view-tabs{max-width:320px;margin-bottom:24px}.user-details-component .profile-view-tabs .preview-tab-inner{align-items:center;gap:6px;display:inline-flex}.user-details-component .user-info-section{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex;position:relative}.user-details-component .user-info-section .user-info-inner{align-items:center;gap:24px;display:flex}.user-details-component .user-info-section .user-info-inner .avatar-container{width:fit-content;position:relative}.user-details-component .user-info-section .user-info-inner .avatar-container .edit-avatar-trigger{border:3px solid var(--background);position:absolute;bottom:0;right:0}.user-details-component .user-info-section .user-info-inner h1{margin-bottom:2px;font-size:22px}.user-details-component .user-info-section .user-info-inner .username{color:var(--link);text-align:right;direction:ltr;font-size:16px;display:block}.user-details-component .more-details-section{margin-bottom:24px}.user-details-component .more-details-section .more-details-boxes{gap:16px;display:flex}@media (max-width:768px){.user-details-component .more-details-section .more-details-boxes{flex-direction:column-reverse}}.user-details-component .more-details-section .more-details-box{border:1px solid var(--border);flex-direction:column;flex:1;gap:12px;min-height:80px;padding:16px;display:flex}.user-details-component .more-details-section .more-details-box.about-box{flex:1.2;position:relative}.user-details-component .more-details-section .more-details-box.about-box+.info-box{flex:.8}.user-details-component .more-details-section .more-details-box.about-box .edit-info-btn{margin:auto;position:absolute;top:0;bottom:0;left:-26px}@media (max-width:768px){.user-details-component .more-details-section .more-details-box.about-box .edit-info-btn{top:-23px;bottom:auto;left:4px}}.user-details-component .more-details-section .more-details-box.about-box .about-text{color:var(--text-secondary);white-space:pre-line;margin:0;font-size:16px;line-height:22px}.user-details-component .more-details-section .info-item.contact-display{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:4px;font-size:16px;display:flex}.user-details-component .more-details-section .info-item.contact-display .label{color:var(--text-secondary);white-space:nowrap;font-weight:400}.user-details-component .more-details-section .info-item.contact-display svg{flex:none}.user-details-component .more-details-section .info-item.contact-display .value{gap:4px;font-weight:700;display:flex}.user-details-component .more-details-section .ghost-action{border:1px dashed var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-style:italic;transition:all .15s;display:flex}.user-details-component .more-details-section .ghost-action .plus-badge{background-color:var(--primary);width:16px;height:16px;color:var(--background);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.user-details-component .more-details-section .ghost-action:hover{border-color:var(--primary);color:var(--link-hover)}.user-details-component .more-details-section .ghost-action:hover .plus-badge{background-color:var(--primary-hover)}.user-details-component .user-phone-and-social{flex-direction:column;justify-content:space-between;gap:16px;display:flex;position:relative}@media (max-width:768px){.user-details-component .user-phone-and-social{width:100%;position:unset}.user-details-component .user-phone-and-social .edit-info-btn{margin:auto;position:absolute;top:-4px;left:4px}}.user-details-component .user-phone-and-social .phone-contact-wrapper{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:768px){.user-details-component .user-phone-and-social .phone-contact-wrapper{justify-content:flex-start}}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item{color:var(--link);align-items:center;gap:4px;font-size:18px;font-weight:500;display:flex}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item svg{color:inherit}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.is-placeholder{color:var(--text-secondary);border:none;flex-direction:row;gap:6px;font-size:16px;font-style:italic;font-weight:400}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.is-placeholder .plus-badge{background-color:var(--primary);width:16px;height:16px;color:var(--background);border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.is-placeholder.clickable{cursor:pointer;transition:all .2s}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.is-placeholder.clickable:hover{color:var(--link-hover)}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.is-placeholder.clickable:hover .plus-badge{background-color:var(--primary-hover)}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-owner{cursor:pointer;color:var(--text-primary);font-weight:700}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-owner:hover{color:var(--primary)}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-public{cursor:pointer;gap:4px;font-weight:700}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-public .reveal-wrapper{align-items:center;display:flex}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-public .reveal-wrapper .obfuscated-number{color:var(--text-secondary);letter-spacing:1px;margin-left:4px;font-weight:700}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-public.clickable{color:var(--text-primary);font-weight:700}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.phone-public.clickable:hover{color:var(--link-hover)}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.contact-display{color:var(--text-primary);gap:4px;font-size:16px}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.contact-display .label{color:var(--text-secondary);font-weight:400}.user-details-component .user-phone-and-social .phone-contact-wrapper .info-item.contact-display .value{font-weight:700}.user-details-component .user-phone-and-social .user-social{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:768px){.user-details-component .user-phone-and-social .user-social{justify-content:space-between}}.user-details-component .user-phone-and-social .user-social .share-actions{align-items:center;gap:8px;display:flex}.user-details-component .user-phone-and-social .user-social:has(.social-placeholder){justify-content:end;align-items:end;display:flex}@media (max-width:768px){.user-details-component .user-phone-and-social .user-social:has(.social-placeholder){justify-content:space-between}}.user-details-component .user-phone-and-social .user-social .user-social-links{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}@media (max-width:768px){.user-details-component .user-phone-and-social .user-social .user-social-links{justify-content:start}}.user-details-component .user-phone-and-social .user-social .user-social-links .social-icon-link{background-color:var(--primary);color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.user-details-component .user-phone-and-social .user-social .user-social-links .social-icon-link svg{width:16px;height:16px}.user-details-component .user-phone-and-social .user-social .user-social-links .social-icon-link:hover{background-color:var(--primary-hover);color:var(--text-primary)}.user-details-component .user-phone-and-social .user-social .user-social-links .edit-social-btn{border:1px dashed var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.user-details-component .user-phone-and-social .user-social .user-social-links .edit-social-btn:hover{border-color:var(--link);color:var(--link);background-color:var(--background-secondary)}.user-details-component .user-phone-and-social .user-social .social-placeholder{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:8px;padding:0;transition:all .2s;display:flex}@media (max-width:768px){.user-details-component .user-phone-and-social .user-social .social-placeholder{align-items:flex-start}}.user-details-component .user-phone-and-social .user-social .social-placeholder .placeholder-header{align-items:center;gap:6px;display:flex}.user-details-component .user-phone-and-social .user-social .social-placeholder .placeholder-header .add-text{color:var(--text-secondary);font-size:16px;font-style:italic;transition:all .2s}.user-details-component .user-phone-and-social .user-social .social-placeholder .placeholder-header .plus-badge{background-color:var(--primary);width:16px;height:16px;color:var(--background);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.user-details-component .user-phone-and-social .user-social .social-placeholder .ghostly-icons{gap:8px;display:flex}.user-details-component .user-phone-and-social .user-social .social-placeholder .ghostly-icons .ghost-icon{background-color:var(--primary);color:var(--text-tertiary);opacity:.15;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex}.user-details-component .user-phone-and-social .user-social .social-placeholder .ghostly-icons .ghost-icon svg{width:16px;height:16px}.user-details-component .user-phone-and-social .user-social .social-placeholder:hover .placeholder-header .add-text{color:var(--link-hover)}.user-details-component .user-phone-and-social .user-social .social-placeholder:hover .placeholder-header .plus-badge{background-color:var(--primary-hover)}.user-details-component .user-phone-and-social .user-social .social-placeholder:hover .ghostly-icons .ghost-icon{opacity:.3}
