.soc-art-avatar{--avatar-size:76px;width:var(--avatar-size);height:var(--avatar-size);flex:0 0 var(--avatar-size);isolation:isolate;vertical-align:middle;place-items:center;display:inline-grid;position:relative}.soc-art-avatar img{object-fit:contain;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.soc-avatar-center{left:var(--frame-x,50%);top:var(--frame-y,50%);width:var(--frame-opening,58%);height:var(--frame-opening,58%);color:#eee1c1;background:radial-gradient(circle at 35% 25%,#304b58,#091922);border-radius:50%;place-items:center;font:1.4rem Georgia,serif;display:grid;position:absolute;transform:translate(-50%,-50%)}.soc-profile-preview .soc-author{text-align:center;flex-direction:column}.soc-profile-preview .soc-art-avatar{--avatar-size:180px}.soc-profile-preview .soc-avatar-center{font-size:3rem}.soc-art-options .soc-art-avatar{--avatar-size:96px}.soc-art-options .soc-avatar-center{font-size:1.8rem}.soc-profile-editor .soc-frame-option .soc-frame-name{font-family:Georgia,serif;font-size:16px;line-height:1.25}.soc-frame-description{color:#c2cccd;font-size:12px;line-height:1.4}.soc-frame-access{color:#dfc997;font-size:11px;line-height:1.4}.soc-profile-editor .soc-frame-locked{cursor:not-allowed;border-style:dashed}.soc-frame-locked .soc-art-avatar{opacity:.65}.soc-art-options{margin-top:14px}@media (min-width:851px){.soc-layout{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:400px){.soc-art-options .soc-art-avatar{--avatar-size:88px}}.soc-avatar-center{overflow:hidden}.soc-avatar-center .soc-avatar-photo{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.soc-avatar{color:#f2e8d6;vertical-align:middle;background:#213b44;border:2px solid #87979b;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;font:1.5rem Georgia,serif;display:inline-grid;overflow:hidden}.soc-avatar>.soc-avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.soc-avatar.frame-ink{border:4px double #bacce6;box-shadow:0 0 0 2px #192f43}.soc-avatar.frame-gold{background:linear-gradient(140deg,#544327,#1e2a2e);border:4px double #f3d58d;box-shadow:0 0 0 3px #aa854657}.soc-avatar.frame-constellation{background:#27253f;border:3px dotted #d2c5fa;box-shadow:0 0 0 3px #a08adb30}.soc-avatar.frame-seasonal{background:#3f2c26;border:4px double #e9ab7a;box-shadow:0 0 0 3px #a6714230}