@charset "utf-8";

/*
  Radial Gradient
============================================================= */
.radial-gradient {
  --x-0: 0%;
  --y-0: 0%;
  --c-0: hsla(64, 82%, 77%, 0.35);
  --x-1: 20%;
  --y-1: 0%;
  --c-1: hsla(5, 38.5%, 74%, 0.125);
  /* --c-1: hsla(5, 77%, 74%, 0.35); */
  --x-2: 40%;
  --c-2: hsla(315, 38.5%, 74%, 0.125);
  /* --c-2: hsla(315, 77%, 74%, 0.35); */
  --y-2: 0%;
  --x-3: 60%;
  --c-3: hsla(320, 50%, 74%, 0.125);
  /* --c-3: hsla(320, 100%, 74%, 0.35); */
  --y-3: 0%;
  --y-4: 0%;
  --c-4: hsla(335, 50%, 88%, 0.125);
  /* --c-4: hsla(335, 100%, 88%, 0.35); */
  --x-4: 80%;
  --x-5: 100%;
  --c-5: hsla(327, 0%, 94%, 0.35);
  --y-5: 0%;
  background-color: hsla(333, 0%, 100%, 1);
  background-image:
  radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)),
  radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)),
  radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)),
  radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)),
  radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)),
  radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5));
  background-blend-mode: normal, normal, normal, normal, normal, normal;
  will-change: transform, opacity;
  contain: paint;
}

@property --s-start-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3.1210986267166043%
}

@property --s-end-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --x-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --y-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --c-0 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(64, 82%, 77%, 0.35)
}

@property --s-start-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3.1210986267166043%
}

@property --s-end-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --x-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 20%
}

@property --y-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --c-1 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(5, 77%, 74%, 0.35)
}

@property --x-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --s-start-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3.1210986267166043%
}

@property --s-end-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --c-2 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(315, 77%, 74%, 0.35)
}

@property --y-2 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --x-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 60%
}

@property --s-start-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3.1210986267166043%
}

@property --s-end-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --c-3 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(320, 100%, 74%, 0.35)
}

@property --y-3 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --y-4 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --c-4 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(335, 100%, 88%, 0.35)
}

@property --s-start-4 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3.1210986267166043%
}

@property --s-end-4 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --x-4 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 80%
}

@property --x-5 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 100%
}

@property --s-start-5 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3%
}

@property --s-end-5 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 40%
}

@property --c-5 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(327, 0%, 94%, 0.35)
}

@property --y-5 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}