.sv-avatar-crop-overlay,.sv-profile-publish-overlay{background:var(--app-modal-backdrop-background);-webkit-backdrop-filter:var(--app-modal-backdrop-filter);backdrop-filter:var(--app-modal-backdrop-filter);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sv-avatar-crop-overlay{z-index:80}.sv-avatar-crop-modal{color:#f3f3f4;background:#1c1e21;border:1px solid #ffffff1a;border-radius:20px;width:min(600px,100vw - 28px);max-width:calc(100vw - 28px);overflow:hidden;box-shadow:0 24px 80px #0000007a}.sv-avatar-crop-modal header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.sv-avatar-crop-modal h2{color:#f7fafa;margin:0;font-size:14px;font-weight:400;line-height:24px}.sv-avatar-crop-modal header>button,.sv-profile-publish-topbar>button{color:#f3f3f4;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;padding:0;display:grid}.sv-avatar-crop-modal header>button:hover,.sv-profile-publish-topbar>button:hover{color:#fff;background:#ffffff14}.sv-avatar-crop-content{background:#151515;max-width:calc(100% - 40px);margin:24px auto 0;overflow:visible}.sv-avatar-crop-stage{touch-action:none;width:100%;height:100%;position:relative;overflow:visible}.sv-avatar-crop-image-viewport{pointer-events:none;position:absolute;overflow:hidden}.sv-avatar-crop-image{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.sv-avatar-crop-selection-viewport{pointer-events:none;position:absolute;overflow:hidden}.sv-avatar-crop-selection,.sv-avatar-crop-frame{pointer-events:none;position:absolute}.sv-avatar-crop-selection{pointer-events:auto;cursor:grab;touch-action:none;border:2px solid #b6ff2e;box-shadow:0 0 0 999px #000c}.sv-avatar-crop-frame{pointer-events:auto;cursor:grab;touch-action:none;border:2px solid #b6ff2e;border-radius:999px}.sv-avatar-crop-stage.is-dragging .sv-avatar-crop-selection,.sv-avatar-crop-stage.is-dragging .sv-avatar-crop-frame{cursor:grabbing}.sv-avatar-crop-handle{z-index:1;cursor:nwse-resize;pointer-events:auto;touch-action:none;background:#fff;width:14px;height:14px;position:absolute}.sv-avatar-crop-handle.is-top-right,.sv-avatar-crop-handle.is-bottom-left{cursor:nesw-resize}.sv-avatar-crop-modal footer{justify-content:flex-end;align-items:flex-start;gap:12px;height:82px;padding:24px 20px;display:flex}.sv-avatar-crop-modal footer button{color:#f3f3f4;background:#ffffff1a;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:68px;height:34px;padding:0 12px;font-size:14px;line-height:18px;display:inline-flex}.sv-avatar-crop-modal footer button:hover:not(:disabled){color:#fff;background:#ffffff29}.sv-avatar-crop-modal footer button:disabled{cursor:wait;opacity:.62}.sv-profile-action.primary,.sv-avatar-crop-modal footer button.primary{color:#171717;background:#b6ff2e}
