.h2s-avatar-crop[hidden]{display:none!important}.h2s-avatar-crop{--hp-accent:#ff4051;--hp-accent-2:#ff6a25;position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:20px;color:#f8fafc;font-family:inherit}.h2s-avatar-crop *{box-sizing:border-box}.h2s-avatar-crop__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.h2s-avatar-crop__dialog{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--hp-accent);border-radius:22px;background:linear-gradient(145deg,#111824,#080c13);box-shadow:0 30px 100px rgba(0,0,0,.7)}.h2s-avatar-crop__dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.h2s-avatar-crop__dialog header small{color:var(--hp-accent);font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.h2s-avatar-crop__dialog h2{margin:5px 0 0;color:#fff;font-size:28px}.h2s-avatar-crop__dialog header>button{display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#151c28;color:#fff;font-size:24px;cursor:pointer}.h2s-avatar-crop__dialog>p{margin:10px 0 18px;color:#9ca9bc;font-size:13px;line-height:1.55}.h2s-avatar-crop__viewport{position:relative;width:min(340px,100%);aspect-ratio:1;margin:auto;overflow:hidden;border:2px solid rgba(255,255,255,.82);border-radius:18px;background:#080b11;cursor:grab;touch-action:none;user-select:none}.h2s-avatar-crop__viewport.is-dragging{cursor:grabbing}.h2s-avatar-crop__viewport>img{position:absolute;max-width:none!important;pointer-events:none}.h2s-avatar-crop__viewport>span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 999px rgba(0,0,0,.04);pointer-events:none}.h2s-avatar-crop__dialog>label{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:18px;color:#cbd3df;font-size:11px;font-weight:900;text-transform:uppercase}.h2s-avatar-crop__dialog input[type=range]{width:100%;accent-color:var(--hp-accent)}.h2s-avatar-crop__dialog>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.h2s-avatar-crop__dialog>footer button{min-height:46px;padding:0 17px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#151c28;color:#fff;font:inherit;font-size:10px;font-weight:950;text-transform:uppercase;cursor:pointer}.h2s-avatar-crop__dialog>footer button.is-primary{border-color:var(--hp-accent);background:linear-gradient(135deg,var(--hp-accent),var(--hp-accent-2));box-shadow:0 12px 28px color-mix(in srgb,var(--hp-accent) 24%,transparent)}.h2s-avatar-crop__dialog button:disabled{cursor:wait;opacity:.55}.h2s-avatar-crop :focus-visible{outline:3px solid var(--hp-accent);outline-offset:3px}@media(max-width:560px){.h2s-avatar-crop{padding:10px}.h2s-avatar-crop__dialog{max-height:calc(100dvh - 20px);padding:18px;border-radius:18px}.h2s-avatar-crop__dialog h2{font-size:24px}.h2s-avatar-crop__viewport{width:min(300px,100%)}.h2s-avatar-crop__dialog>footer{display:grid;grid-template-columns:1fr 1.4fr}.h2s-avatar-crop__dialog>footer button{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.h2s-avatar-crop *{scroll-behavior:auto!important;transition:none!important}}