@import 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap';
  

@font-face {
    font-family: Aventa;
    font-style: normal;
    font-weight: 800;
    src:
      local('/marketing/Aventa Extra Bold'),
      local('/marketing/Aventa-Extra-Bold'),
      url('../../../marketing/Aventa-ExtraBold.woff2') format('woff2'),
      url('../../../marketing/Aventa-ExtraBold.woff') format('woff'),
      url('../../../marketing/Aventa-ExtraBold.ttf') format('truetype');
  }

  /* (unused) html body {
    background: #f2f2ff;
    color: rgba(22, 21, 31, 1);
  }*/

  /* (unused) .text-gradient {
    --text-bg-size: 300%;
    --color-1: #5000d4;
    --color-2: #c463df;
    --color-3: #7d5eef;
    animation: gradient-shift 10s infinite linear;
    background: linear-gradient(90deg, var(--color-1), var(--color-2), var(--color-3));
    -webkit-background-clip: text;
    background-clip: text;
    background-size: var(--text-bg-size) var(--text-bg-size);
    color: transparent;
  }*/

  @keyframes svelte-rbin21-gradient-shift {
    0% {
      background-position: 0 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }

  .gradient.svelte-rbin21 {
    overflow: hidden;
    background: url('../../../marketing/auth-background.svg') no-repeat;
    background-position: top right 1px;
    background-size: cover;
  }

  @media (max-width: 767px) {
    .gradient.svelte-rbin21 {
      background: url('../../../marketing/auth-mobile-background.svg') no-repeat;
      background-position: top 0 left;
      background-size: cover;
    }
  }