@layer reset, base, libraries, components, utilities;
:root {
  --twentyone--font-family--system: 'Laski Sans', sans-serif;
  --twentyone--font-family--accent: 'Laski Sans', sans-serif;
  --twentyone--color--white-rgb: 255, 255, 255;
  --twentyone--color--white: rgb(var(--twentyone--color--white-rgb));
  --twentyone--color--lightgrey-rgb: 245, 245, 245;
  --twentyone--color--lightgrey: rgb(var(--twentyone--color--lightgrey-rgb));
  --twentyone--color--grey-rgb: 102, 102, 102;
  --twentyone--color--grey: rgb(var(--twentyone--color--grey-rgb));
  --twentyone--color--black-rgb: 0, 0, 0;
  --twentyone--color--black: rgb(var(--twentyone--color--black-rgb));
  --twentyone--color--red-rgb: 216, 15, 15;
  --twentyone--color--red: rgb(var(--twentyone--color--red-rgb));
  --twentyone--color--yellow-rgb: 238, 216, 14;
  --twentyone--color--yellow: rgb(var(--twentyone--color--yellow-rgb));
  --twentyone--color--green-rgb: 107, 184, 9;
  --twentyone--color--green: rgb(var(--twentyone--color--green-rgb));
  --twentyone--color--primary-rgb: 0, 159, 227;
  --twentyone--color--primary: rgb(var(--twentyone--color--primary-rgb));
  --twentyone--spacing--2: clamp(0.0625rem, 0.227vw + 0.03rem, 0.125rem);
  --twentyone--spacing--4: clamp(0.125rem, 0.227vw + 0.08rem, 0.25rem);
  --twentyone--spacing--6: clamp(0.25rem, 0.227vw + 0.13rem, 0.375rem);
  --twentyone--spacing--8: clamp(0.25rem, 0.455vw + 0.159rem, 0.5rem);
  --twentyone--spacing--10: clamp(0.375rem, 0.455vw + 0.204rem, 0.625rem);
  --twentyone--spacing--12: clamp(0.5rem, 0.455vw + 0.409rem, 0.75rem);
  --twentyone--spacing--14: clamp(0.625rem, 0.455vw + 0.559rem, 0.875rem);
  --twentyone--spacing--16: clamp(0.75rem, 0.455vw + 0.659rem, 1rem);
  --twentyone--spacing--18: clamp(0.875rem, 0.455vw + 0.809rem, 1.125rem);
  --twentyone--spacing--20: clamp(1rem, 0.455vw + 0.909rem, 1.25rem);
  --twentyone--spacing--24: clamp(1.25rem, 0.455vw + 1.159rem, 1.5rem);
  --twentyone--spacing--28: clamp(1.375rem, 0.682vw + 1.284rem, 1.75rem);
  --twentyone--spacing--32: clamp(1.5rem, 0.909vw + 1.318rem, 2rem);
  --twentyone--spacing--40: clamp(2rem, 1.364vw + 1.636rem, 2.5rem);
  --twentyone--spacing--48: clamp(2rem, 1.818vw + 1.636rem, 3rem);
  --twentyone--spacing--56: clamp(2.5rem, 1.818vw + 2.136rem, 3.5rem);
  --twentyone--spacing--64: clamp(3rem, 1.818vw + 2.636rem, 4rem);
  --twentyone--spacing--72: clamp(3.5rem, 2.273vw + 3.136rem, 4.5rem);
  --twentyone--spacing--80: clamp(4rem, 3.6364rem + 1.8182vw, 5rem);
  --twentyone--spacing--88: clamp(4.5rem, 4.6364rem + 1.8182vw, 5.5rem);
  --twentyone--spacing--96: clamp(5rem, 4.6364rem + 1.8182vw, 6rem);
  --twentyone--spacing--112: clamp(5.5rem, 5.6364rem + 1.8182vw, 7rem);
  --twentyone--spacing--128: clamp(6rem, 6.6364rem + 1.8182vw, 8rem);
  --twentyone--spacing--160: clamp(8rem, 8.6364rem + 1.8182vw, 10rem);
  --twentyone--spacing--192: clamp(10rem, 10.6364rem + 1.8182vw, 12rem);
  --twentyone--spacing--256: clamp(12rem, 14.6364rem + 1.8182vw, 16rem);
  --twentyone--font-size--level-1: clamp(2rem, 1.818vw + 1.636rem, 3rem);
  --twentyone--font-size--level-2: clamp(1.5rem, 0.909vw + 1.318rem, 2rem);
  --twentyone--font-size--level-3: clamp(1.25rem, 0.455vw + 1.159rem, 1.5rem);
  --twentyone--font-size--level-4: clamp(1rem, 0.455vw + 0.909rem, 1.25rem);
  --twentyone--font-size--level-5: clamp(0.875rem, 0.227vw + 0.83rem, 1rem);
  --twentyone--font-size--level-6: clamp(0.75rem, 0.227vw + 0.705rem, 0.875rem);
  --twentyone--font-size--level-7: clamp(0.625rem, 0.227vw + 0.58rem, 0.75rem);
  --twentyone--shadow--small: 0 var(--twentyone--spacing--8) var(--twentyone--spacing--24) rgba(var(--twentyone--color--black-rgb), .1);
  --twentyone--shadow--medium: 0 var(--twentyone--spacing--12) var(--twentyone--spacing--48) rgba(var(--twentyone--color--black-rgb), .1);
  --twentyone--shadow--large: 0 var(--twentyone--spacing--24) var(--twentyone--spacing--64) rgba(var(--twentyone--color--black-rgb), .1);
  --twentyone--selection--color: var(--twentyone--color--white);
  --twentyone--selection--background: var(--twentyone--color--primary);
  --twentyone--element--disabled-opacity: .25;
  --twentyone--element--font-size: var(--twentyone--font-size--level-5);
  --twentyone--element--line-height: 1.5;
  --twentyone--element--letter-spacing: 0;
  --twentyone--element--text-transform: none;
  --twentyone--element--color: var(--twentyone--color--grey);
  --twentyone--element--margin: 1em 0;
  --twentyone--element--outline-width: 2px;
  --twentyone--element--outline-color: transparent;
  --twentyone--element--outline-offset: 0;
  --twentyone--element--outline-offset-focus: .25em;
  --twentyone--element--outline-color-focus: var(--twentyone--color--primary);
  --twentyone--element--outline-color-focus-inverted: var(--twentyone--color--white);
  --twentyone--element--transition: all 500ms cubic-bezier(.23, 1, .32, 1);
  --twentyone--headline--line-height: 1.25;
  --twentyone--headline--letter-spacing: 0;
  --twentyone--headline--text-transform: none;
  --twentyone--headline--margin: 1em 0 .5em 0;
  --twentyone--headline--color: var(--twentyone--color--black);
  --twentyone--headline-1--font-size: var(--twentyone--font-size--level-1);
  --twentyone--headline-1--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-1--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-1--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-1--margin: var(--twentyone--headline--margin);
  --twentyone--headline-1--color: var(--twentyone--headline--color);
  --twentyone--headline-2--font-size: var(--twentyone--font-size--level-2);
  --twentyone--headline-2--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-2--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-2--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-2--margin: var(--twentyone--headline--margin);
  --twentyone--headline-2--color: var(--twentyone--headline--color);
  --twentyone--headline-3--font-size: var(--twentyone--font-size--level-3);
  --twentyone--headline-3--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-3--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-3--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-3--margin: var(--twentyone--headline--margin);
  --twentyone--headline-3--color: var(--twentyone--headline--color);
  --twentyone--headline-4--font-size: var(--twentyone--font-size--level-4);
  --twentyone--headline-4--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-4--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-4--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-4--margin: var(--twentyone--headline--margin);
  --twentyone--headline-4--color: var(--twentyone--headline--color);
  --twentyone--headline-5--font-size: var(--twentyone--font-size--level-5);
  --twentyone--headline-5--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-5--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-5--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-5--margin: var(--twentyone--headline--margin);
  --twentyone--headline-5--color: var(--twentyone--headline--color);
  --twentyone--headline-6--font-size: var(--twentyone--font-size--level-6);
  --twentyone--headline-6--line-height: var(--twentyone--headline--line-height);
  --twentyone--headline-6--letter-spacing: var(--twentyone--headline--letter-spacing);
  --twentyone--headline-6--text-transform: var(--twentyone--headline--text-transform);
  --twentyone--headline-6--margin: var(--twentyone--headline--margin);
  --twentyone--headline-6--color: var(--twentyone--headline--color);
  --twentyone--paragraph--font-size: var(--twentyone--element--font-size);
  --twentyone--paragraph--line-height: var(--twentyone--element--line-height);
  --twentyone--paragraph--letter-spacing: var(--twentyone--element--letter-spacing);
  --twentyone--paragraph--text-transform: var(--twentyone--element--text-transform);
  --twentyone--paragraph--margin: var(--twentyone--element--margin);
  --twentyone--paragraph--color: var(--twentyone--element--color);
  --twentyone--list--font-size: var(--twentyone--element--font-size);
  --twentyone--list--line-height: var(--twentyone--element--line-height);
  --twentyone--list--letter-spacing: var(--twentyone--element--letter-spacing);
  --twentyone--list--text-transform: var(--twentyone--element--text-transform);
  --twentyone--list--margin: var(--twentyone--element--margin);
  --twentyone--list--padding: 0 0 0 1.5em;
  --twentyone--list--color: var(--twentyone--element--color);
  --twentyone--table--font-size: var(--twentyone--element--font-size);
  --twentyone--table--line-height: var(--twentyone--element--line-height);
  --twentyone--table--letter-spacing: var(--twentyone--element--letter-spacing);
  --twentyone--table--text-transform: var(--twentyone--element--text-transform);
  --twentyone--table--margin: var(--twentyone--element--margin);
  --twentyone--table--color: var(--twentyone--element--color);
  --twentyone--table--row-odd-background: var(--twentyone--color--lightgrey);
  --twentyone--table--row-hover: rgba(var(--twentyone--color--black-rgb), .1);
  --twentyone--table--cell-padding: var(--twentyone--spacing--8) var(--twentyone--spacing--16);
  --twentyone--table--headline-color: var(--twentyone--color--black);
  --twentyone--table--seperator-border-width: 2px;
  --twentyone--table--seperator-border-color: var(--twentyone--color--grey);
  --twentyone--link--color: var(--twentyone--color--primary);
  --twentyone--header--background: var(--twentyone--color--white);
  --twentyone--header--box-shadow: var(--twentyone--shadow--small);
  --twentyone--header--padding-block: var(--twentyone--spacing--16);
  --twentyone--wrapper--width: 90%;
  --twentyone--wrapper--max-width: 75em;
  --twentyone--wrapper--padding-block: var(--twentyone--spacing--96);
  --twentyone--footer--background: var(--twentyone--color--lightgrey);
}