@use '@inside-library/styles/mixins/partials/common-mixin' as *;

div.account-users__form > img,
div.account-users__header-mobile img {
  width: 180px;
  max-width: 90%;
}

p.account-users__title {
  text-transform: uppercase;
  font-family: var(--font-primary);
  font-weight: var(--font-weight-labor);
  font-size: var(--font-size-h1);
}

canvas.account-users__gradient {
  display: none;
}

.account-users {
  &::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100vh;
    background: var(--color-secondary);
    content: '';

    @include tablet {
      display: none;
    }
  }

  .default-submit-slot .btn {
    color: var(--color-light);
    background: var(--color-primary);

    &:hover {
      color: var(--color-primary);
      background: var(--color-light);
    }
  }
}

div.account-users__photo::after {
  background: var(--color-secondary);
}
