.printPosition {
  --transitionDuration: 300ms;

  cursor: pointer;

  display: flex;
  flex-direction: column;
  gap: var(--gap--sm);
  align-items: center;
  justify-content: flex-end;

  min-width: 80px;
  height: 110px;
  padding: var(--padding--sm);

  color: rgb(var(--foreground--neutral-full-default--light));

  background-color: transparent;
  border-color: rgb(var(--border--neutral-high-default--light));
  border-style: solid;
  border-width: 1px;
  outline: none;

  transition-timing-function: ease-out;
  transition-duration: var(--transitionDuration);
  transition-property: border-color;

  &:focus-visible,
  &:hover:not(:disabled) {
    border-color: rgb(var(--border--neutral-full-hovered--light));
  }

  &:disabled {
    cursor: default;
    background-color: rgb(var(--background--neutral-high-default--light));
  }

  &__position {
    font-family: var(--fontFamily--controls);
    font-size: var(--fontSize--controls-large);
    font-weight: var(--fontWeight--controls-large);
    line-height: var(--lineHeight--controls-large);
    letter-spacing: var(--letterSpacing--controls-large);

    &:where(.printPosition:disabled > &) {
      color: rgb(var(--foreground--neutral-full-default--dark));
    }

    &:last-child {
      margin: auto 0;
    }
  }

  &__label {
    visibility: hidden;

    &:where(.printPosition:focus-visible > &),
    &:where(.printPosition:hover:not(:disabled) > &) {
      visibility: visible;
    }
  }
}