:root {
  --nav: #182757;
  --nav-light: #284796;
  --surface: #eff5ff;
  --panel: #fcfdff;
  --sky: #dbe9ff;
  --ink: #172953;
  --muted: #4c5e81;
  --accent: #234a99;
  --thread: #aecdff;
  --petal: #ef6688;
  --leaf: #56bcad;
  --line: #c6d8f4;
  --field: #e7effc;
  --sky-pattern: radial-gradient(ellipse at 35% 10%,#f5f9ff,transparent 65%);
  --pattern: radial-gradient(circle at 22% 24%,var(--petal) 0 7%,transparent 8%),radial-gradient(circle at 28% 34%,var(--petal) 0 8%,transparent 9%),radial-gradient(circle at 17% 36%,var(--petal) 0 7%,transparent 8%),radial-gradient(circle at 22% 33%,#ffd16c 0 4%,transparent 5%),radial-gradient(ellipse at 45% 64%,var(--leaf) 0 8%,transparent 9%),radial-gradient(ellipse at 62% 53%,var(--leaf) 0 6%,transparent 7%),radial-gradient(circle at 77% 70%,var(--thread) 0 9%,transparent 10%),radial-gradient(circle at 80% 70%,var(--leaf) 0 15%,transparent 16%);
  --repeat: 49px 41px;
  --ribbon: repeating-linear-gradient(90deg,#244b98 0 13px,#a5c8ff 13px 16px,#f8fcff 16px 25px,#df507d 25px 27px,#f8fcff 27px 36px);
}

html[data-country="pl"] .sidebar .brand-icon {
  background: url("/design/hero.webp") -451px -346px / 760px 507px no-repeat;
  clip-path: circle(47%);
}