/* colors */
/* logo icon colors */
/* color shades */
/* heatmap display */
/* categorical display */
.en-circle {
  overflow: hidden; }
  .en-circle.en-circle-xxxs {
    border-radius: 4px;
    max-height: 8px;
    max-width: 8px;
    width: 8px; }
  .en-circle.en-circle-xxs {
    border-radius: 6px;
    max-height: 12px;
    max-width: 12px;
    width: 12px; }
  .en-circle.en-circle-xs {
    border-radius: 8px;
    max-height: 16px;
    max-width: 16px;
    width: 16px; }
  .en-circle.en-circle-sm {
    border-radius: 12px;
    max-height: 24px;
    max-width: 24px;
    width: 24px; }
  .en-circle.en-circle-md {
    border-radius: 16px;
    max-height: 32px;
    max-width: 32px;
    width: 32px; }
  .en-circle.en-circle-lg {
    border-radius: 24px;
    max-height: 48px;
    max-width: 48px;
    width: 48px; }
  .en-circle.en-circle-xl {
    border-radius: 32px;
    max-height: 64px;
    max-width: 64px;
    width: 64px; }
  .en-circle.en-circle-xxl {
    border-radius: 48px;
    max-height: 96px;
    max-width: 96px;
    width: 96px; }
  .en-circle.en-circle-xxxl {
    border-radius: 64px;
    max-height: 128px;
    max-width: 128px;
    width: 128px; }
  .en-circle.en-circle-xxxxl {
    border-radius: 128px;
    max-height: 256px;
    max-width: 256px;
    width: 256px; }