/* MotoPed 0.1.73: editor de fotos responsivo para celular, tablet, notebook e desktop. */
.mp-body .wb-avatar-stage{
  width:min(350px,86vw)!important;height:auto!important;aspect-ratio:1!important;
  max-width:100%!important;overflow:hidden;position:relative;background:#1b2734;
  border-radius:10px;touch-action:none;user-select:none;
}
.mp-body .wb-crop-source{
  position:absolute;inset:auto!important;max-width:none!important;max-height:none!important;
  object-fit:fill!important;pointer-events:none;user-select:none;-webkit-user-select:none;
}
.mp-body .wb-crop-frame{
  outline:0!important;border:1.5px solid #fff!important;
  box-shadow:0 0 0 600px rgba(0,9,20,.53),0 0 0 1px rgba(4,20,34,.6) inset;
  border-radius:0;touch-action:none;
}
.mp-body .wb-crop-frame:focus-visible{outline:2px solid #30a4da!important;outline-offset:2px!important}
.mp-body .wb-crop-frame.wb-crop-circle{border-radius:50%}
.mp-body .wb-crop-handle{
  position:absolute;display:block;width:28px!important;height:28px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  border-radius:0!important;touch-action:none;
}
.mp-body .wb-crop-handle::before{
  content:'';position:absolute;width:13px;height:13px;
  border:0 solid #fff;border-radius:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35));
}
.mp-body .wb-crop-nw{top:-12px;left:-12px}.mp-body .wb-crop-ne{top:-12px;right:-12px}
.mp-body .wb-crop-sw{bottom:-12px;left:-12px}.mp-body .wb-crop-se{bottom:-12px;right:-12px}
.mp-body .wb-crop-nw::before{top:11px;left:11px;border-top-width:3px;border-left-width:3px}
.mp-body .wb-crop-ne::before{top:11px;right:11px;border-top-width:3px;border-right-width:3px}
.mp-body .wb-crop-sw::before{bottom:11px;left:11px;border-bottom-width:3px;border-left-width:3px}
.mp-body .wb-crop-se::before{bottom:11px;right:11px;border-bottom-width:3px;border-right-width:3px}
.mp-body .wb-crop-n{top:-13px;left:calc(50% - 14px)}
.mp-body .wb-crop-s{bottom:-13px;left:calc(50% - 14px)}
.mp-body .wb-crop-e{right:-13px;top:calc(50% - 14px)}
.mp-body .wb-crop-w{left:-13px;top:calc(50% - 14px)}
.mp-body .wb-crop-n::before,.mp-body .wb-crop-s::before{
  width:15px;height:3px;background:#fff;left:7px;top:12px;border:0;
}
.mp-body .wb-crop-e::before,.mp-body .wb-crop-w::before{
  height:15px;width:3px;background:#fff;top:7px;left:12px;border:0;
}
.mp-body .wb-crop-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:100%;max-width:350px}
.mp-body .wb-crop-zoom{display:flex;align-items:center;gap:8px;min-width:180px;flex:1 1 180px;max-width:240px;font-size:12px;color:var(--mp-ink)}
.mp-body .wb-crop-zoom input{min-width:0;width:100%;accent-color:var(--mp-accent);cursor:pointer;touch-action:auto}
.mp-body .wb-crop-move-toggle{border:0;background:var(--mp-raised);padding:8px 10px;border-radius:9px;color:var(--mp-ink);font-size:12px;min-height:36px}
.mp-body .wb-crop-move-toggle[aria-pressed=true]{background:var(--mp-accent);color:#fff}
.mp-body .wb-avatar-buttons{max-width:350px}
.mp-body .wb-crop-style button{min-height:36px}
@media(max-width:480px){
 .mp-body .wb-avatar-inline-editor{padding-left:0;padding-right:0}
 .mp-body .wb-crop-controls{gap:8px}
 .mp-body .wb-crop-zoom{max-width:none}
 .mp-body .wb-avatar-stage{width:min(350px,calc(100vw - 66px))!important}
}
@media(prefers-reduced-motion:reduce){.mp-body .wb-crop-frame,.mp-body .wb-crop-source{transition:none!important}}