/* Palette variables and the .frame, .square and .circ frames of the home and site visuals. Copied by extract_sources.py from page mockups/visuals/home-and-site-visuals.html, lines 16 to 47. Edits: lines 16 to 18 are wrapped in :root{}; lines 43, 44 and 47 are copied as they are (line 46, which also defines a .small class, is left out because the shared stylesheet already uses that name). Do not edit by hand; rerun extract_sources.py. */
:root{
  --k-blue:#2F6BFF; --k-violet:#7A3CFF; --k-magenta:#FF2E9A; --k-orange:#FF6A2B; --k-cyan:#2FE6FF;
  --k-ink:#F0F0F0; --k-paper:#ECE9E3;
  --frame:#0D0D0D;
}
.frame{position:relative;background:var(--frame);border:1px solid var(--color-line-black);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.03)}
.frame canvas,.frame svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.circ{aspect-ratio:1/1;border-radius:50%}