







#stacks_in_5 {
}

#stacks_in_9 {
}
            .df-demo{font-family:"Trebuchet MS" }
            .df-demo h1, .df-demo h2, .df-hero-stage .dotmatrix-board-inner{font-family:Georgia }
            .df-texture .dotmatrix-board-inner{font-family:"Courier New" }
            .df-hero .df-hero-stage .dotmatrix-wrapper .dotmatrix-board-inner{font-size:calc(52rem/16) ;font-weight:400 ;line-height:1.12 ;}@media only screen and (min-width:40em) {            .df-hero .df-hero-stage .dotmatrix-wrapper .dotmatrix-board-inner{font-size:calc(84rem/16) ;line-height:1.12 }}@media only screen and (min-width:64em) {            .df-hero .df-hero-stage .dotmatrix-wrapper .dotmatrix-board-inner{font-size:calc(112rem/16) ;line-height:1.12 }}
            .df-section-title, .df-closing-title{font-size:calc(36rem/16) ;font-weight:400 ;line-height:1.12 ;}@media only screen and (min-width:40em) {            .df-section-title, .df-closing-title{font-size:calc(45rem/16) ;line-height:1.10 }}@media only screen and (min-width:64em) {            .df-section-title, .df-closing-title{font-size:calc(50rem/16) ;line-height:1.10 }}
.df-space{padding-top:48px ;padding-bottom:48px ;} @media only screen and (min-width:40em){.df-space{padding-top:64px ;padding-bottom:64px ;}}@media only screen and (min-width:64em){.df-space{padding-top:80px ;padding-bottom:80px ;}} 
.df-shell{padding-right:22px ;padding-left:22px ;} @media only screen and (min-width:40em){.df-shell{padding-right:36px ;padding-left:36px ;}}@media only screen and (min-width:64em){.df-shell{padding-right:64px ;padding-left:64px ;}} 
body{background-color:rgba(241, 239, 228, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){body{background-attachment:scroll!important}}

#stacks_in_88 {
}
.df-spectrum-scene{background-image:url('/site-assets/images/dotflow-vegas-night.png') ;background-repeat:no-repeat    ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ; background-size:  cover ; }@media (hover:none) and (pointer:coarse){.df-spectrum-scene{background-attachment:scroll!important}}

#stacks_in_102 {
}

#stacks_in_286 {
}

#stacks_in_104 {
}

#stacks_in_287 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_106 {
}

#stacks_in_288 {
}

#stacks_in_118 {
}

#stacks_in_289 {
}

#stacks_in_329 {
}

#stacks_in_336 {
}

#stacks_in_331 {
}

#stacks_in_337 {
}

#stacks_in_333 {
}

#stacks_in_338 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_348 {
}

#stacks_in_349 {
}

#stacks_in_120 {
}

#stacks_in_290 {
}

#stacks_in_122 {
}

#stacks_in_291 {
}

#stacks_in_124 {
}

#stacks_in_292 {
}
.stacks_in_91 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


#stacks_in_129 {
}

#stacks_in_293 {
}

#stacks_in_131 {
}

#stacks_in_294 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_140 {
}

#stacks_in_295 {
}


#stacks_in_144 {
}

#stacks_in_296 {
}

#stacks_in_146 {
}

#stacks_in_297 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_155 {
}

#stacks_in_298 {
}

#stacks_in_159 {
}

#stacks_in_299 {
}

#stacks_in_161 {
}

#stacks_in_300 {
}

#stacks_in_163 {
}

#stacks_in_301 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_169 {
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_174 {
}

#stacks_in_302 {
}

#stacks_in_180 {
}

#stacks_in_303 {
}

#stacks_in_182 {
}

#stacks_in_304 {
}

#stacks_in_184 {
}

#stacks_in_305 {
}
.stacks_in_185 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


#stacks_in_192 {
}

#stacks_in_306 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_201 {
}

#stacks_in_307 {
}


#stacks_in_205 {
}

#stacks_in_308 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_214 {
}

#stacks_in_309 {
}

#stacks_in_218 {
}

#stacks_in_310 {
}

#stacks_in_220 {
}

#stacks_in_311 {
}

#stacks_in_222 {
}

#stacks_in_312 {
}
.stacks_in_223 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)}


#stacks_in_230 {
}

#stacks_in_313 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_239 {
}

#stacks_in_314 {
}


#stacks_in_243 {
}

#stacks_in_315 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_252 {
}

#stacks_in_316 {
}


#stacks_in_256 {
}

#stacks_in_317 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_264 {
}

#stacks_in_318 {
}

#stacks_in_268 {
}

#stacks_in_319 {
}

#stacks_in_270 {
}

#stacks_in_320 {
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
}

.dotmatrix-source { display: none !important; }
.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: visible;
}
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-frame { display: none; }
.dotmatrix-is-edit:is([data-edit-preview="0"], [data-edit-preview="false"]) .dotmatrix-source-edit { margin-top: 0; }

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  padding: 0;
  background: none;
}
.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(from var(--dot-led-color) h s 4%);
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-board::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle at 0 0, hsl(from var(--dot-led-color) h s 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(from var(--dot-led-color) h s 20% / var(--dot-bg-lightness)), hsl(from var(--dot-led-color) h s 4%));
}
.dotmatrix-board-inner {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  font-size: clamp(var(--dot-font-min), var(--dot-font-fluid), var(--dot-font-max));
  font-weight: var(--dot-font-weight);
  letter-spacing: var(--dot-letter-spacing);
  line-height: var(--dot-line-height);
  text-transform: var(--dot-text-transform);
}
.dotmatrix-board-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--dot-glare-opacity);
  background-image: linear-gradient(120deg, transparent, hsl(0 0% 100% / 0.18) 20%, transparent 40%, transparent 60%, hsl(0 0% 100% / 0.18) 80%, transparent);
}
.dotmatrix-track {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  color: var(--dot-led-color);
  min-height: calc(1em * var(--dot-line-height) + var(--dot-safe-y) * 2);
  -webkit-font-smoothing: antialiased;
}
.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track { visibility: hidden; }
.dotmatrix-entry,
.dotmatrix-motion,
.dotmatrix-cycle {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: max-content;
}
.dotmatrix-motion { will-change: transform; }
.dotmatrix-cycle { padding-block: var(--dot-safe-y); }
.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.dotmatrix-content {
  display: inline-flex;
  align-items: center;
  padding-inline: var(--dot-text-padding);
}
.dotmatrix-text {
  display: inline-block;
  white-space: pre;
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.95);
}
.dotmatrix-separator {
  display: inline-block;
  flex: 0 0 auto;
  margin-inline: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  line-height: var(--dot-line-height);
  opacity: 0.9;
  text-shadow: 0 0 calc(6px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 3) / 0.9);
}
.dotmatrix-text,
.dotmatrix-separator,
.dotmatrix-wrapper:is([data-image-pixelate="true"], [data-image-pixelate="1"]) .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(min(var(--dot-dot-softness), 66) * 1%), transparent calc((min(var(--dot-dot-softness), 66) + 4) * 1%));
  -webkit-mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  mask-size: calc(var(--dot-dot-size) + var(--dot-dot-gap)) calc(var(--dot-dot-size) + var(--dot-dot-gap));
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
}
.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin: 0 0.38em 0 0;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter: drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(from var(--dot-led-color) h s calc(l + 5) / 0.42));
}
.dotmatrix-wrapper .dotmatrix-link,
.dotmatrix-wrapper .dotmatrix-link:link,
.dotmatrix-wrapper .dotmatrix-link:visited,
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:active,
.dotmatrix-wrapper .dotmatrix-link:focus {
  display: inline-flex;
  align-items: center;
  color: inherit;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
}
.dotmatrix-wrapper .dotmatrix-link:hover,
.dotmatrix-wrapper .dotmatrix-link:focus-visible { text-decoration-line: underline; text-decoration-color: currentColor; }
.dotmatrix-wrapper .dotmatrix-link:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

.dotmatrix-wrapper:is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board {
  background: hsl(0 0% 96%);
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-board::before {
  background-image: radial-gradient(circle at 0 0, white, hsl(0 0% 96%));
}
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]) .dotmatrix-track { color: hsl(0 0% 8%); }
.dotmatrix-wrapper:is([data-light-mode="true"], [data-light-mode="1"]):is([data-bw-mode="true"], [data-bw-mode="1"]) .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board {
  background: var(--dot-flat-bg);
  filter: none;
}
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-track { color: var(--dot-flat-text); }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner { font-size: var(--dot-font-max); }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-track { overflow-x: auto; }
.dotmatrix-wrapper[data-dot-static="true"] .dotmatrix-motion { will-change: auto; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board::before,
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"]) .dotmatrix-board-inner::before,
.dotmatrix-wrapper:is([data-crisp-mode="true"], [data-crisp-mode="1"]) .dotmatrix-board-inner::before { display: none; }
.dotmatrix-wrapper:is([data-flat-color-mode="true"], [data-flat-color-mode="1"], [data-crisp-mode="true"], [data-crisp-mode="1"]) :is(.dotmatrix-text, .dotmatrix-separator, .dotmatrix-inline-image) {
  -webkit-mask-image: none;
  mask-image: none;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper:is([data-edge-fade="true"], [data-edge-fade="1"]) > .dotmatrix-frame {
  --dot-fade-edge: min(var(--dot-fade-width), 50%);
  /* Sampled smootherstep alpha avoids abrupt transitions at either end. */
  --dot-fade-mask: linear-gradient(to right,
    transparent 0,
    rgba(0, 0, 0, 0.00856) calc(var(--dot-fade-edge) * 0.1),
    rgba(0, 0, 0, 0.05792) calc(var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.16308) calc(var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.31744) calc(var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.5) calc(var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.68256) calc(var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.83692) calc(var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.94208) calc(var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.99144) calc(var(--dot-fade-edge) * 0.9),
    black var(--dot-fade-edge),
    black calc(100% - var(--dot-fade-edge)),
    rgba(0, 0, 0, 0.99144) calc(100% - var(--dot-fade-edge) * 0.9),
    rgba(0, 0, 0, 0.94208) calc(100% - var(--dot-fade-edge) * 0.8),
    rgba(0, 0, 0, 0.83692) calc(100% - var(--dot-fade-edge) * 0.7),
    rgba(0, 0, 0, 0.68256) calc(100% - var(--dot-fade-edge) * 0.6),
    rgba(0, 0, 0, 0.5) calc(100% - var(--dot-fade-edge) * 0.5),
    rgba(0, 0, 0, 0.31744) calc(100% - var(--dot-fade-edge) * 0.4),
    rgba(0, 0, 0, 0.16308) calc(100% - var(--dot-fade-edge) * 0.3),
    rgba(0, 0, 0, 0.05792) calc(100% - var(--dot-fade-edge) * 0.2),
    rgba(0, 0, 0, 0.00856) calc(100% - var(--dot-fade-edge) * 0.1),
    transparent 100%);
  -webkit-mask-image: var(--dot-fade-mask);
  mask-image: var(--dot-fade-mask);
}

/* Animate isolated color layers; never update an inherited variable every frame. */
.dotmatrix-wrapper[data-dot-hue-active="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-hue-active="true"] :is(.dotmatrix-text, .dotmatrix-separator) {
  animation: dotflow-hue var(--dot-hue-duration) ease-in-out infinite;
}
.dotmatrix-wrapper[data-dot-paused="true"] .dotmatrix-board::before,
.dotmatrix-wrapper[data-dot-paused="true"] :is(.dotmatrix-text, .dotmatrix-separator) { animation-play-state: paused; }
@keyframes dotflow-hue {
  0%, 50%, 100% { filter: hue-rotate(0deg); }
  25% { filter: hue-rotate(var(--dot-hue-range)); }
  75% { filter: hue-rotate(calc(var(--dot-hue-range) * -1)); }
}
@media (prefers-reduced-motion: reduce) {
  .dotmatrix-wrapper :is(.dotmatrix-text, .dotmatrix-separator) { animation: none !important; }
  .dotmatrix-wrapper .dotmatrix-board::before { animation: none !important; }
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}
.dotmatrix-item-preview {
  display: inline-block;
  max-width: 100%;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}

.dotmatrix-item-preview-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.92rem;
}

.dotmatrix-item-source {
  display: none;
}

#stacks_in_281 {
}

#stacks_in_321 {
}

#stacks_in_283 {
}

#stacks_in_322 {
}

#stacks_in_285 {
}

#stacks_in_323 {
}
