/* wire-profile-handle-dynamic-crop-style-303f1h9158a */

.wire-profile-handle-field-303f1h9158a{
  display:grid!important;
  gap:7px!important;
}

.wire-profile-handle-control-303f1h9158a{
  position:relative!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:44px!important;
  overflow:hidden!important;
  border:1px solid #38556c!important;
  border-radius:11px!important;
  background:#081722!important;
}

.wire-profile-handle-control-303f1h9158a:focus-within{
  border-color:#ed315a!important;
  box-shadow:0 0 0 2px rgba(237,49,90,.12)!important;
}

.wire-profile-handle-control-303f1h9158a>b{
  display:grid!important;
  place-items:center!important;
  height:100%!important;
  color:#7d98aa!important;
  font-size:14px!important;
}

.wire-profile-handle-control-303f1h9158a>input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f3f8fb!important;
  font-weight:800!important;
}

.wire-profile-handle-state-303f1h9158a{
  display:block!important;
  min-width:18px!important;
  margin-right:10px!important;
  color:#6f8b9d!important;
  font-size:11px!important;
  font-weight:900!important;
  text-align:right!important;
}

.wire-profile-handle-state-303f1h9158a.is-checking{
  color:#8aa6b8!important;
}

.wire-profile-handle-state-303f1h9158a.is-available{
  color:#56d795!important;
}

.wire-profile-handle-state-303f1h9158a.is-unavailable{
  color:#ff718a!important;
}

.wire-profile-handle-field-303f1h9158a>small{
  color:#728b9d!important;
  font-size:10px!important;
  line-height:1.35!important;
}

.wire-profile-handle-field-303f1h9158a>small.is-warning{
  color:#ffd085!important;
}

/*
 * The native c5 crop stages are the only crop previews. h724's old generic
 * upload enhancer may have created a second blank avatar/banner preview; hide
 * those duplicates when the native crop editor is present.
 */
[data-profile-crop-form]
.wire-profile-upload-preview-h724{
  display:none!important;
}

/* Enhanced hands-on crop stage. */
[data-profile-crop-form]
[data-crop-editor] [data-crop-stage]{
  cursor:grab!important;
  touch-action:none!important;
  overscroll-behavior:contain!important;
  isolation:isolate!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 10px 28px rgba(0,0,0,.22)!important;
}

[data-profile-crop-form]
[data-crop-editor] [data-crop-stage].is-wire-dragging-303f1h9158a{
  cursor:grabbing!important;
}

[data-profile-crop-form]
[data-crop-editor] [data-crop-stage] img{
  will-change:transform,object-position!important;
  transition:
    transform .08s linear,
    object-position .08s linear!important;
}

[data-profile-crop-form]
[data-crop-editor] [data-crop-stage].is-wire-dragging-303f1h9158a img,
[data-profile-crop-form]
[data-crop-editor] [data-crop-stage].is-wire-pinching-303f1h9158a img{
  transition:none!important;
}

.wire-crop-grid-overlay-303f1h9158a{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(
      to right,
      transparent 33.1%,
      rgba(255,255,255,.28) 33.3%,
      transparent 33.55%,
      transparent 66.1%,
      rgba(255,255,255,.28) 66.3%,
      transparent 66.55%
    ),
    linear-gradient(
      to bottom,
      transparent 33.1%,
      rgba(255,255,255,.28) 33.3%,
      transparent 33.55%,
      transparent 66.1%,
      rgba(255,255,255,.28) 66.3%,
      transparent 66.55%
    );
  transition:opacity .12s ease;
}

[data-crop-stage]:hover
.wire-crop-grid-overlay-303f1h9158a,
[data-crop-stage].is-wire-dragging-303f1h9158a
.wire-crop-grid-overlay-303f1h9158a,
[data-crop-stage].is-wire-pinching-303f1h9158a
.wire-crop-grid-overlay-303f1h9158a{
  opacity:1;
}

.wire-crop-gesture-hint-303f1h9158a{
  position:absolute;
  left:50%;
  bottom:9px;
  z-index:6;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:calc(100% - 18px);
  min-height:25px;
  padding:4px 9px;
  border:1px solid rgba(77,111,135,.58);
  border-radius:999px;
  background:rgba(2,8,13,.72);
  color:#dbe8ef;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  pointer-events:none;
  opacity:.82;
  transform:translateX(-50%);
  backdrop-filter:blur(7px);
}

[data-crop-stage].is-wire-dragging-303f1h9158a
.wire-crop-gesture-hint-303f1h9158a,
[data-crop-stage].is-wire-pinching-303f1h9158a
.wire-crop-gesture-hint-303f1h9158a{
  opacity:0;
}

.wire-crop-zoom-tools-303f1h9158a{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:7px!important;
}

.wire-crop-zoom-tools-303f1h9158a>button{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #35546a!important;
  border-radius:50%!important;
  background:#091b28!important;
  color:#eef7fb!important;
  font-size:18px!important;
  cursor:pointer!important;
}

.wire-crop-zoom-tools-303f1h9158a>button:hover,
.wire-crop-zoom-tools-303f1h9158a>button:focus-visible{
  border-color:#ed315a!important;
  outline:0!important;
}

.wire-crop-zoom-tools-303f1h9158a>span{
  color:#7f98aa!important;
  font-size:9px!important;
  text-align:center!important;
}

@media(max-width:760px){
  .wire-crop-gesture-hint-303f1h9158a{
    bottom:7px;
    font-size:8px;
  }

  .wire-profile-handle-control-303f1h9158a{
    grid-template-columns:28px minmax(0,1fr) auto!important;
  }
}