.m31crop[hidden],.m31crop [hidden]{display:none!important}.m31crop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100010;display:grid;place-items:center;padding:15px;color:#f6f4f0}.m31crop__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.m31crop__panel{position:relative;z-index:1;width:min(100%,490px);max-height:min(94dvh,940px);overflow:auto;background:linear-gradient(155deg,#23242a,#0c0d12);border:1px solid #696a73;box-shadow:0 28px 85px #000b;padding:22px 24px 19px;overscroll-behavior:contain}.m31crop__header{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}.m31crop__eyebrow{font:800 10px Oxanium,sans-serif;letter-spacing:.11em;color:#afafba}.m31crop__header h3{margin:8px 0 0;font:850 clamp(25px,5vw,37px)/.98 "Barlow Condensed",Impact,sans-serif}.m31crop__close{flex:none;font:28px/1 Arial,sans-serif;color:#fff;border:1px solid #61616b;background:transparent;width:38px;height:38px;cursor:pointer}.m31crop__help,.m31crop__note{font:500 13px/1.5 Barlow Condensed,Arial,sans-serif;color:#c5c5ce}.m31crop__help{margin:14px 0}.m31crop__note{margin:12px 0 0;color:#9f9fa9}.m31crop__canvas-wrap{position:relative;margin:0 auto;width:min(100%,280px);aspect-ratio:4/5;border:2px solid #b5b6bd;background:#0b0b0f;box-shadow:0 10px 28px #0009,0 0 15px #d7d7e824}.m31crop__canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.m31crop__canvas.is-dragging{cursor:grabbing}.m31crop__frame-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:12px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #ffffff40}.m31crop__controls{display:grid;gap:10px;margin:17px 0}.m31crop__controls label{display:flex;justify-content:space-between;font:750 11px Oxanium,sans-serif;letter-spacing:.1em}.m31crop__controls output{color:#e7e7ef}.m31crop__controls input{width:100%;accent-color:#e5e5ec;min-height:34px;cursor:pointer}.m31crop__actions{display:flex;gap:8px;flex-wrap:wrap}.m31crop__actions button{flex:1 1 auto;min-height:43px;padding:10px 12px;background:#222329;border:1px solid #696974;color:#f2f2f4;font:800 10px Oxanium,sans-serif;letter-spacing:.03em;cursor:pointer}.m31crop__actions .m31crop__save{background:#f3f1ec;color:#0d0d10;border-color:#f3f1ec;flex:1.4 1 auto}.m31crop__actions button:disabled{opacity:.4;cursor:wait}.m31crop__actions button:not(:disabled):hover{background:#454650}.m31crop__actions .m31crop__save:not(:disabled):hover{background:#d7d5d2}.m31crop__error{color:#ffbabf;margin:8px 0;font-size:13px}.m31crop :is(button,canvas,input):focus-visible{outline:2px solid #f2f2f2;outline-offset:3px}body.m31-crop-active{overflow:hidden}@media(max-width:480px){.m31crop{padding:8px}.m31crop__panel{padding:14px 15px 13px;max-height:97dvh}.m31crop__canvas-wrap{width:min(100%,225px)}.m31crop__help,.m31crop__note{font-size:12px}.m31crop__controls{margin:10px 0}}@media(prefers-reduced-motion:reduce){.m31crop *{animation:none!important;transition:none!important}}.m31crop__quality{font:600 12px/1.5 Barlow Condensed,Arial,sans-serif;margin:6px 0 10px;color:#c8d9e2}.m31crop__quality[data-level=excellent]{color:#c4f5dd}.m31crop__quality[data-level=good]{color:#d6e6f4}.m31crop__quality[data-level=warning]{color:#ffe2b7}
/*# sourceMappingURL=/cdn/shop/t/15/assets/m31-avatar-crop.css.map */