@kelvininc/ui-components/dist/collection/illustrations/illustrations.css

Kelvin UI Components

/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** CODE/CONSOLE **/
@property --rotation {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotate-border {
  to {
    --rotation: 360deg;
  }
}
.illustration {
  --illustration-color: var(--kv-illustrations-color, #005cc7);
  --illustration-color-light-90: var(--kv-illustrations-color-light-90, rgb(228.225, 237.885, 249.12));
  --illustration-color-light-80: var(--kv-illustrations-color-light-80, rgb(200.175, 219.955, 242.96));
  --illustration-color-dark-55: var(--kv-illustrations-color-dark-55, rgb(0, 41.86, 90.545));
  --illustration-color-dark-35: var(--kv-illustrations-color-dark-35, rgb(0, 58.88, 127.36));
  --illustration-success-color: var(--kv-illustrations-success-color, #05a357);
  width: var(--illustration-width);
  height: var(--illustration-height);
  display: flex;
}
.illustration-full-size {
  width: 100%;
  height: 100%;
}