/* wire-smooth-profile-settings-303f1h724 */

[data-profile-crop-form].wire-profile-editor-h724{
  display:grid !important;
  gap:16px !important;
}

.wire-profile-upload-preview-h724{
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  overflow:hidden !important;
  border:1px solid rgba(77,124,157,.52) !important;
  border-radius:14px !important;
  background:#07111c !important;
}

.wire-profile-upload-preview-h724.avatar{
  width:132px !important;
  height:132px !important;
  border-radius:50% !important;
}

.wire-profile-upload-preview-h724.banner{
  aspect-ratio:3/1 !important;
  min-height:150px !important;
}

.wire-profile-upload-preview-h724 img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
}

.wire-profile-file-note-h724{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-top:7px !important;
  color:#91a6b8 !important;
  font-size:12px !important;
}

.wire-profile-file-note-h724.is-error{
  color:#ff9eaa !important;
}

.wire-profile-handle-note-h724{
  display:block !important;
  margin-top:6px !important;
  color:#91a6b8 !important;
  font-size:12px !important;
  line-height:1.4 !important;
}

.wire-profile-handle-note-h724.is-warning{
  color:#ffd08a !important;
}

.wire-profile-progress-h724{
  display:grid !important;
  gap:7px !important;
  padding:11px 12px !important;
  border:1px solid rgba(63,137,180,.48) !important;
  border-radius:12px !important;
  background:rgba(17,53,77,.35) !important;
}

.wire-profile-progress-h724[hidden]{
  display:none !important;
}

.wire-profile-progress-h724>div{
  height:8px !important;
  overflow:hidden !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.09) !important;
}

.wire-profile-progress-h724>div>span{
  display:block !important;
  width:0;
  height:100% !important;
  background:currentColor !important;
  transition:width .15s ease !important;
}

.wire-profile-progress-h724 small{
  color:#b8cedd !important;
}

[data-profile-crop-form].is-saving-h724{
  opacity:.72 !important;
  pointer-events:none !important;
}

.wire-profile-error-h724{
  padding:11px 13px !important;
  border:1px solid rgba(255,104,118,.5) !important;
  border-radius:12px !important;
  background:rgba(92,18,27,.34) !important;
  color:#ffb5bd !important;
  font-weight:750 !important;
}

.wire-avatar,
.avatar-sm,
.avatar-md,
.avatar-lg,
.profile-avatar{
  flex:0 0 auto !important;
  overflow:hidden !important;
}

.wire-avatar img,
.avatar-sm img,
.avatar-md img,
.avatar-lg img,
.profile-avatar img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
}

@media(max-width:799px){
  [data-profile-crop-form]{
    margin:12px !important;
    padding:14px !important;
    padding-bottom:calc(94px + env(safe-area-inset-bottom)) !important;
  }

  [data-profile-crop-form] input,
  [data-profile-crop-form] textarea,
  [data-profile-crop-form] select{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    font-size:16px !important;
  }

  [data-profile-crop-form] .form-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  [data-profile-crop-form] .form-actions a,
  [data-profile-crop-form] .form-actions button{
    width:100% !important;
    min-height:44px !important;
  }

  .wire-profile-upload-preview-h724.avatar{
    width:116px !important;
    height:116px !important;
  }

  .wire-profile-upload-preview-h724.banner{
    min-height:110px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .wire-profile-progress-h724>div>span{
    transition:none !important;
  }
}