, 0.8);
  box-sizing: border-box;

  position: relative;
  z-index: -1;

  pointer-events: none;
}

.mover-target {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: var(--mover-size);
  height: var(--mover-size);
  z-index: var(--profiles-high-layer);

  &.direction-topLeft {
    cursor: nwse-resize;
    top: var(--mover-offset);
    left: var(--mover-offset);
  }

  &.direction-topRight {
    cursor: nesw-resize;
    top: var(--mover-offset);
    right: var(--mover-offset);
  }

  &.direction-bottomLeft {
    cursor: nesw-resize;
    bottom: var(--mover-offset);
    left: var(--mover-offset);
  }

  &.direction-bottomRight {
    cursor: nwse-resize;
    bottom: var(--mover-offset);
    right: var(--mover-offset);
  }

  &:hover .mover {
    transform: scale(1.05);
  }

  .mover {
    background-color: white;
    border-radius: var(--border-radius-circle);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    transition: transform 125ms cubic-bezier(0.07, 0.95, 0, 1);
    position: relative;
    height: 8px;
    width: 8px;
    pointer-events: none;

    @media (forced-colors) {
      background-color: ButtonText;
    }
  }
}

#custom-avatar-image {
  position: absolute;
  inset: 0;

  &.width-full {
    width: 100%;
  }

  &.height-full {
    height: 100%;
  }
}

.custom-avatar-actions {
  justify-content: center;
}

moz-visual-picker-item {
  --visual-picker-item-border-color: transparent;
}
PK