.su-photo-drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.su-photo-drag.is-dragging{cursor:grabbing}.su-photo-drag img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.su-photo-drag:focus-visible{outline:2px solid var(--ata-copper,#c98557);outline-offset:3px}.su-photo-pick{flex-direction:column;align-items:center;gap:10px;display:flex}.su-photo-zoom{justify-content:center;display:flex}.su-photo-pick .su-photo-face{--twin-face-size:152px}.pfp{z-index:80;box-sizing:border-box;color:#fff;background:#08192f;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:10px;width:min(380px,100vw - 24px);padding:20px 22px;display:flex;position:fixed;box-shadow:0 24px 48px -16px #030c1899}.pfp-heading{color:#fff;margin:0;font-size:19px;font-weight:700;line-height:1.3}.pfp-text{color:#e7ecf3;margin:0;font-size:16px;line-height:1.45}.pfp-zoom{align-items:center;gap:10px;margin-top:4px;display:flex}.pfp-zoom-name{color:#fff;font-size:15px;font-weight:700}.pfp-zoom input{accent-color:#c98557;cursor:pointer;flex:1;min-width:0}.pfp-error{color:#ffb4a2;margin:0;font-size:14px;line-height:1.4}.pfp-action{color:#17243a;cursor:pointer;background:#fff7eb;border:0;border-radius:12px;min-height:50px;margin-top:4px;padding:13px 28px;font-size:17px;font-weight:800}.pfp-action:hover{background:#fff}.pfp-action:focus-visible{outline-offset:3px;outline:3px solid #c98557}.pfp-action:disabled{opacity:.6;cursor:default}.pfp-alts{flex-wrap:wrap;justify-content:center;gap:6px 20px;display:flex}.pfp-alt{color:#e7ecf3;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:15px;font-weight:700;text-decoration:underline}.pfp-alt:hover{color:#fff}.pfp-alt:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #c98557}.pfp-alt:disabled{opacity:.6;cursor:default}@media (max-width:620px){.pfp{gap:8px;padding:16px 18px}.pfp-heading{font-size:17px}.pfp-text{font-size:15px}}.su-photo-change{color:#17243ad9;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.su-photo-change:hover:not(:disabled){color:#17243a}.su-photo-change:disabled{opacity:.6;cursor:default}