/* Brand motifs lifted from the Messaging Guide deck. */
:root{
/* Chamfer: the top-left corner of a panel is cut at 45 degrees.
   Set --chamfer-size on the element; the polygon lives in the class so the
   override resolves per element (a polygon stored on :root would bake 44px in). */
--chamfer-size:44px; /* @kind spacing */
/* Pearl: a radial gradient standing in for a freeze-dried reagent sphere. */
--pearl-violet:radial-gradient(circle at 38% 34%,var(--nova-pearl-core) 0%,var(--nova-pearl-mid) 52%,var(--nova-pearl-edge) 100%); /* @kind other */
--pearl-graphite:radial-gradient(circle at 38% 34%,#8982a9 0%,#3a3a44 55%,#111116 100%); /* @kind other */
/* Dot grid used on deck covers. */
--dot-grid:radial-gradient(var(--nova-lavender-300) 1.4px,transparent 1.4px); /* @kind other */
--dot-grid-size:26px; /* @kind spacing */
}
.nova-chamfer{clip-path:polygon(var(--chamfer-size) 0,100% 0,100% 100%,0 100%,0 var(--chamfer-size))}
.nova-chamfer-tr{clip-path:polygon(0 0,calc(100% - var(--chamfer-size)) 0,100% var(--chamfer-size),100% 100%,0 100%)}
.nova-pearl{border-radius:50%;background:var(--pearl-violet)}
.nova-dotgrid{background-image:var(--dot-grid);background-size:var(--dot-grid-size) var(--dot-grid-size)}