/* supervision2 artwork — generated by tools/generate-tokens.mjs from
   clients/supervision2/artwork.tokens.json. DO NOT EDIT. Graphic values only:
   outside the contract and its contrast checks, so nothing here may colour
   text. Load it beside tokens.css. */

:root {
  --graphic-banner-wash: radial-gradient(60% 50% at 80% 10%, rgba(147, 197, 253, 0.175) 0, transparent 60%), radial-gradient(50% 50% at 10% 90%, rgba(191, 219, 254, 0.245) 0, transparent 60%);
  --graphic-home-wash:  radial-gradient(60% 50% at 80% 10%, rgba(147, 197, 253, 0.25) 0, transparent 60%), radial-gradient(50% 50% at 10% 90%, rgba(191, 219, 254, 0.35) 0, transparent 60%), radial-gradient(80% 60% at 50% 0, transparent 40%, #fff 100%), repeating-linear-gradient(90deg, rgba(15, 23, 42, 0.04) 0 1px, transparent 1px 56px), repeating-linear-gradient(0deg, rgba(15, 23, 42, 0.04) 0 1px, transparent 1px 56px);
  --graphic-banner-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='cyanWave' x1='0%25' y1='100%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2348CAE4'/%3E%3Cstop offset='100%25' stop-color='%2300B4D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(74, 65)'%3E%3Cg id='logo-icon' fill='url(%23cyanWave)'%3E%3Crect x='0' y='45' width='6' height='30' rx='3' opacity='0.3'/%3E%3Crect x='12' y='35' width='6' height='50' rx='3' opacity='0.5'/%3E%3Crect x='24' y='25' width='6' height='70' rx='3' opacity='0.7'/%3E%3Crect x='36' y='20' width='6' height='40' rx='3'/%3E%3Crect x='48' y='10' width='8' height='100' rx='4'/%3E%3Crect x='60' y='10' width='8' height='100' rx='4'/%3E%3Crect x='72' y='30' width='6' height='60' rx='3' opacity='0.7'/%3E%3Crect x='84' y='40' width='6' height='40' rx='3' opacity='0.5'/%3E%3Crect x='96' y='50' width='6' height='20' rx='3' opacity='0.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --graphic-banner-ornament-size: 40rem;
  --graphic-banner-ornament-opacity: 0.055;
  --graphic-banner-ornament-block: 8%;
  --graphic-banner-ornament-inline: -5rem;
  --graphic-home-ornament-size: min(97vw, 87.5rem);
  --graphic-home-ornament-opacity: 0.14;
  --graphic-home-ornament-block: 50%;
  --graphic-home-ornament-inline: 0px;
  --graphic-home-ornament-shift: -50%;
  --graphic-section-watermark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cdefs%3E%3ClinearGradient id='cyanWave' x1='0%25' y1='100%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2348CAE4'/%3E%3Cstop offset='100%25' stop-color='%2300B4D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='translate(74, 65)'%3E%3Cg id='logo-icon' fill='url(%23cyanWave)'%3E%3Crect x='0' y='45' width='6' height='30' rx='3' opacity='0.3'/%3E%3Crect x='12' y='35' width='6' height='50' rx='3' opacity='0.5'/%3E%3Crect x='24' y='25' width='6' height='70' rx='3' opacity='0.7'/%3E%3Crect x='36' y='20' width='6' height='40' rx='3'/%3E%3Crect x='48' y='10' width='8' height='100' rx='4'/%3E%3Crect x='60' y='10' width='8' height='100' rx='4'/%3E%3Crect x='72' y='30' width='6' height='60' rx='3' opacity='0.7'/%3E%3Crect x='84' y='40' width='6' height='40' rx='3' opacity='0.5'/%3E%3Crect x='96' y='50' width='6' height='20' rx='3' opacity='0.3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --graphic-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z'/%3E%3Cpath d='M20 3v4'/%3E%3Cpath d='M22 5h-4'/%3E%3Cpath d='M4 17v2'/%3E%3Cpath d='M5 18H3'/%3E%3C/svg%3E");
}