/* FRACTAL OVERRIDES */
.Header {
  background-color: #3957AA;
  color: #fff; }

/* CUSTOM STYLES */
/* Palette container */
.palette {
  margin: 0 -0.25em;
  display: flex;
  flex-wrap: wrap; }

/* Colour swatch */
.color {
  flex: 1 1 4em;
  margin: 0 0.25em 1.5em; }
  .color svg {
    width: 100%;
    height: 5em;
    border-radius: 3px; }
  .color code {
    display: inline-block;
    color: #333; }
  .color text {
    font: 0.75em/1em 'Hack', 'Consolas', 'Monaco', monospace;
    font-style: normal;
    text-shadow: 0 0 2px #333; }

.color--base {
  order: -1;
  margin-right: 1em; }