#paysnap-debug-wrap{background-color:rgba(0,0,0,0.30);padding:8px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:auto}#paysnap-debug{background-color:white;padding:20px;border-radius:5px;border:4px solid rgba(0,0,0.5);color:#333333}.ps-error{background:repeating-linear-gradient(45deg,#fee9ea,#fee9ea 10px,#fcd4d5 10px,#fcd4d5 20px);border:2px dashed #e6494a;border-radius:4px;color:#e6494a;text-align:center;text-transform:uppercase;margin:8px 0}.ps-error p{width:auto;padding:2px 6px;background:#E6494A;color:#ffffff;font-size:12px;font-weight:bold;border-radius:24px;border:solid 2px #E6494A;text-align:center;display:inline-block}.btn-paysnap{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn-paysnap:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-paysnap:hover,.btn-paysnap:focus{color:#333333;text-decoration:none}.btn-paysnap:active,.btn-paysnap.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-paysnap.disabled,.btn-paysnap[disabled]{pointer-events:none;cursor:not-allowed;opacity:0.65;box-shadow:none}.btn-paysnap.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-paysnap.btn-sm,.btn-paysnap.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-paysnap.btn-xs{padding:1px 5px}.btn-paysnap.btn-block{display:block;width:100%;padding-right:0;padding-left:0}/*.btn-paysnap.btn-danger{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}.btn-paysnap.btn-danger:hover,.btn-paysnap.btn-danger:focus,.btn-paysnap.btn-danger:active,.btn-paysnap.btn-danger.active,.open .dropdown-toggle.btn-paysnap.btn-danger{color:#ffffff;background-color:#d2322d;border-color:#ac2925}.btn-paysnap.btn-danger:active,.btn-paysnap.btn-danger.active,.open .dropdown-toggle.btn-paysnap.btn-danger{background-image:none}.btn-paysnap.btn-danger.disabled,.btn-paysnap.btn-danger[disabled],fieldset[disabled] .btn-paysnap.btn-danger,.btn-paysnap.btn-danger.disabled:hover,.btn-paysnap.btn-danger[disabled]:hover,fieldset[disabled] .btn-paysnap.btn-danger:hover,.btn-paysnap.btn-danger.disabled:focus,.btn-paysnap.btn-danger[disabled]:focus,fieldset[disabled] .btn-paysnap.btn-danger:focus,.btn-paysnap.btn-danger.disabled:active,.btn-paysnap.btn-danger[disabled]:active,fieldset[disabled] .btn-paysnap.btn-danger:active,.btn-paysnap.btn-danger.disabled.active,.btn-paysnap.btn-danger[disabled].active,fieldset[disabled] .btn-paysnap.btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-paysnap.btn-success{color:#ffffff;background-color:#5cb85c;border-color:#4cae4c}.btn-paysnap.btn-success:hover,.btn-paysnap.btn-success:focus,.btn-paysnap.btn-success:active,.btn-paysnap.btn-success.active{color:#ffffff;background-color:#47a447;border-color:#398439}.btn-paysnap.btn-success:active,.btn-paysnap.btn-success.active{background-image:none}.btn-paysnap.btn-success.disabled,.btn-paysnap.btn-success[disabled]{background-color:#5cb85c;border-color:#4cae4c}*/.btn-paysnap.paysnap-co-btn{display:block;padding:12px 24px;margin-bottom:0;font-size:18px;font-weight:normal;line-height:1.33;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;width:100%;padding-right:0;padding-left:0;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}#paysnap-cart-empty{padding:10px 10px;font-size:medium;margin-top:60px;color:#3C3C3C;text-align:center}#paysnap-contents{clear:left;position:relative;height:200px}div.paysnap-content{height:200px;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;overflow-x:hidden}#paysnap-cart{width:100%;height:200px;overflow:hidden}div.paysnap-content table{width:100%;border-spacing:0}#paysnap-cart-contents{width:100%;height:200px;max-height:200px;overflow:auto;overflow-x:hidden;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.paysnap-row-two{margin-top:6px}@media screen and (max-device-width:480px){#paysnap-container{left:10px}}label.paysnap-label{font-weight:bold;display:block}#stacks_in_1343 .ydps-debug{border-radius:5px;border:1px dashed silver;padding:20px;background:#fff}

.yd-left{text-align:left}.yd-center{text-align:center}.yd-right{text-align:right}#stacks_in_1344 .yd-btn{width:100%}#stacks_in_1344 .yd-btn{font-family:-apple-system,BlinkMacSystemFont,sans-serif;color:rgba(255, 255, 255, 1.00);background:rgba(15, 96, 205, 1.00);border-color:rgba(0, 0, 0, 0.25);font-size:14px;padding:10px;border-radius:4px;border-width:1px;}#stacks_in_1344 .yd-btn:disabled{opacity:.5;cursor:not-allowed}#stacks_in_1344 .paysnap-cart-result{color:rgba(255, 255, 255, 1.00)}#stacks_in_1344 .yd-btn .fa{font-size:14px}#stacks_in_1344 .paysnap-viewcart .paysnap-cart-qty{background-color:rgba(0, 0, 0, 0.25) !important;display:inline-block;min-width:10px;padding:3px 7px;line-height:1;color:rgba(255, 255, 255, 1.00);text-align:center;white-space:nowrap;vertical-align:middle;border-radius:6px;margin-top:-2px;font-family:helvetica;font-size:14px}

.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
  --dot-speed: 80;
  --dot-dir: -1;
  --dot-gap: 36px;
  --dot-hue: 35;
  --dot-hue-current: 35;
  --dot-bg-lightness: 0.6;
  --dot-saturation: 1.2;
  --dot-contrast: 1.35;
  --dot-brightness: 1.12;
  --dot-dot-size: 3px;
  --dot-dot-gap: 0px;
  --dot-dot-softness: 47;
  --dot-safe-y: 0.24rem;
  --dot-font-min: 2rem;
  --dot-font-fluid: 5vw;
  --dot-font-max: 4rem;
  --dot-font-weight: 700;
  --dot-letter-spacing: 0.08em;
  --dot-line-height: 1.2;
  --dot-padding-y: 0.24rem;
  --dot-padding-x: 0;
  --dot-text-padding: 1.4rem;
  --dot-glow: 1;
  --dot-glare-opacity: 0.16;
}

.dotmatrix-wrapper.dotmatrix-is-edit {
  width: 100%;
}

.dotmatrix-source {
  display: none !important;
}

.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  max-height: none;
  overflow: visible;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-frame {
  display: none;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-source-edit {
  margin-top: 0;
}

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  overflow: visible;
}

.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(30 100% 4%);
  background-image:
    radial-gradient(circle at 0 0, hsl(var(--dot-hue-current) 85% 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(var(--dot-hue-current) 85% 20% / var(--dot-bg-lightness)), hsl(25 90% 4%));
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-board-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  overflow: visible;
  contain: layout style;

  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, uppercase);
}

.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 0%,
    hsl(0 0% 100% / 0.18) 20%,
    transparent 40%,
    transparent 60%,
    hsl(0 0% 100% / 0.18) 80%,
    transparent 100%
  );
}

.dotmatrix-track {
  display: block;
  position: relative;
  align-items: center;
  width: 100%;
  transform: translateX(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style;
  padding-block: var(--dot-safe-y);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;

  color: hsl(var(--dot-hue-current) 100% 65%);
}

.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track {
  visibility: hidden;
}

.dotmatrix-track-dual {
  overflow: hidden;
}

.dotmatrix-lane {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.dotmatrix-cycle {
  display: inline-flex;
  align-items: center;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-board-inner::before {
  opacity: calc(var(--dot-glare-opacity) * 0.55);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-board {
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 80% / 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 28% / var(--dot-bg-lightness)), hsl(0 0% 6%));
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 82%);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-board {
  background-color: hsl(0 0% 96%);
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 100% / 0.78), transparent 62%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 88% / 0.95), hsl(0 0% 98%));
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="yes"] .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 8%);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board {
  background-color: var(--dot-flat-bg);
  background-image: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-track {
  color: var(--dot-flat-text);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-end: 0;
}

.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin-inline-end: 0.38em;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter:
    drop-shadow(0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.68))
    drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 70% / 0.42));
}

.dotmatrix-wrapper[data-image-pixelate="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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;
}

/* Keep spacing around separators visually consistent when a segment starts with an image. */
.dotmatrix-segment > .dotmatrix-inline-image:first-child,
.dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: var(--dot-text-padding);
}

/* For right-direction layout (leading separator), avoid extra one-sided space after separator. */
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-inline-image:first-child,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: 0;
}

.dotmatrix-text {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-inline: var(--dot-text-padding);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  text-align: center;
  line-height: var(--dot-line-height);
  min-height: calc(1em * 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(var(--dot-hue-current) 100% 70% / 0.95);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-segment.dotmatrix-separator-leading > .dotmatrix-text,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-text {
  padding-inline-start: 0;
}

.dotmatrix-separator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-start: calc(var(--dot-gap) * 0.5);
  margin-inline-end: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.45);
  line-height: var(--dot-line-height);
  vertical-align: middle;
  transform: translateY(-0.03em);
  opacity: 0.9;
  text-shadow:
    0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.7),
    0 0 calc(6px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 68% / 0.9);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-wrapper[data-bw-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(0 0% 100% / 0.55);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 1px hsl(0 0% 100% / 0.35),
    0 0 0 hsl(0 0% 0% / 0);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-separator {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  filter: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  transition: text-decoration-color 140ms linear, filter 140ms linear;
}

.dotmatrix-link:link,
.dotmatrix-link:visited,
.dotmatrix-link:hover,
.dotmatrix-link:active,
.dotmatrix-link:focus {
  color: inherit;
  text-decoration-line: underline;
}

.dotmatrix-link:hover,
.dotmatrix-link:focus-visible {
  text-decoration-color: currentColor;
  filter:
    drop-shadow(0 0 2px hsl(0 0% 100% / 0.45))
    drop-shadow(0 0 1px hsl(0 0% 0% / 0.6));
}

.dotmatrix-wrapper[data-pause-hover="1"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="true"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="yes"]:hover .dotmatrix-board {
  cursor: default;
}

@keyframes dotmatrix-scroll-motion {
  from {
    transform: translateX(var(--dot-motion-from, 0px));
  }
  to {
    transform: translateX(var(--dot-motion-to, -100px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .dotmatrix-track {
    transform: translateX(0) !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;
}
.lucide-wrap {
  display: inline;
}

.lucide-wrap.lucide-halign-center,
.lucide-wrap.lucide-halign-right {
  display: block;
  width: 100%;
}

.lucide-wrap.lucide-halign-center {
  text-align: center;
}

.lucide-wrap.lucide-halign-right {
  text-align: right;
}

.lucide-linkwrap {
  color: inherit;
  display: inline-flex;
  text-decoration: none;
}

.lucide-stack {
  --lucide-size: 1em;
  --lucide-stroke: currentColor;
  --lucide-hover-stroke: var(--lucide-stroke);
  --lucide-stroke-width: 2;
  --lucide-linecap: round;
  --lucide-linejoin: round;
  --lucide-rotate: 0deg;
  --lucide-nudge-y: 0px;
  --lucide-scale-x: 1;
  --lucide-scale-y: 1;
  --lucide-bullet-gap: .55em;
  --lucide-bullet-slot: 1.35em;
  display: inline-flex;
  line-height: 1;
  vertical-align: -0.125em;
}

.lucide-stack.is-flipx {
  --lucide-scale-x: -1;
}

.lucide-stack.is-flipy {
  --lucide-scale-y: -1;
}

.lucide-stack > svg {
  fill: none;
  height: var(--lucide-size);
  stroke: var(--lucide-stroke);
  stroke-linecap: var(--lucide-linecap);
  stroke-linejoin: var(--lucide-linejoin);
  stroke-width: var(--lucide-stroke-width);
  transform:
    translateY(var(--lucide-nudge-y))
    rotate(var(--lucide-rotate))
    scale(var(--lucide-scale-x), var(--lucide-scale-y));
  transform-origin: 50% 50%;
  width: var(--lucide-size);
}

.lucide-stack:hover > svg {
  stroke: var(--lucide-hover-stroke);
}

.lucide-loader-edit {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  color: #555;
  display: inline-flex;
  font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: .35rem .5rem;
}

.lucide-catalog {
  margin: .5rem 0;
}

.lc-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .5rem;
}

.lc-search,
.lc-copy-mode {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  font: inherit;
  min-height: 36px;
}

.lc-search {
  min-width: 220px;
  padding: .45rem .6rem;
}

.lc-copy-mode {
  background: #fff;
  padding: .4rem .55rem;
}

.lc-grid {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.lc-grid li {
  margin: 0;
  padding: 0;
}

.lc-item {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-height: 82px;
  padding: .55rem .4rem;
  width: 100%;
}

.lc-item:hover,
.lc-item:focus {
  border-color: rgba(0, 0, 0, .4);
}

.lc-item:focus {
  outline: 2px solid rgba(0, 0, 0, .35);
  outline-offset: 2px;
}

.lc-item > svg {
  fill: none;
  height: 28px;
  stroke: currentColor;
  stroke-width: 1.75;
  width: 28px;
}

.lc-label {
  font-size: .76rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-align: center;
}

.lc-toast {
  background: rgba(0, 0, 0, .86);
  border-radius: 6px;
  bottom: 1rem;
  color: #fff;
  font-size: .85rem;
  left: 50%;
  opacity: 0;
  padding: .5rem .7rem;
  pointer-events: none;
  position: fixed;
  transform: translateX(-50%);
  transition: opacity .18s ease;
}

.lc-toast.is-show {
  opacity: 1;
}


.lucide-macro-panel.stacks_in_1352 {
  align-items: start;
  display: grid;
  gap: .4rem;
  margin-top: .5rem;
}

.lucide-macro-code.stacks_in_1352 {
  background: #fafafa;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  font: 12px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow: auto;
  padding: .45rem .55rem;
  resize: vertical;
  white-space: pre;
}

.lucide-copy-macro.stacks_in_1352 {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  padding: .4rem .7rem;
}


.lucide-bullet-row,
li.lucide-has-bullet {
  align-items: baseline;
  display: flex;
  list-style: none;
  margin-inline-start: 0;
  padding-inline-start: 0;
}

.lucide-bullet-row > .lucide-stack.is-bullet,
li.lucide-has-bullet > .lucide-stack.is-bullet,
.lucide-bullet-row > .lucide-linkwrap,
li.lucide-has-bullet > .lucide-linkwrap {
  flex: 0 0 auto;
  inline-size: var(--lucide-bullet-slot);
  justify-content: center;
  margin-inline-end: var(--lucide-bullet-gap);
}

.lucide-content {
  min-width: 0;
}

ul.lucide-list,
ol.lucide-list {
  list-style: none;
  margin-inline-start: 0;
  padding-inline-start: 0;
}

.lucide-inline-row {
  align-items: baseline;
  display: inline-flex;
  gap: .5em;
}

.lucide-inline-row .lucide-stack.is-inline {
  flex: 0 0 auto;
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
  --dot-speed: 80;
  --dot-dir: -1;
  --dot-gap: 36px;
  --dot-hue: 35;
  --dot-hue-current: 35;
  --dot-bg-lightness: 0.6;
  --dot-saturation: 1.2;
  --dot-contrast: 1.35;
  --dot-brightness: 1.12;
  --dot-dot-size: 3px;
  --dot-dot-gap: 0px;
  --dot-dot-softness: 47;
  --dot-safe-y: 0.24rem;
  --dot-font-min: 2rem;
  --dot-font-fluid: 5vw;
  --dot-font-max: 4rem;
  --dot-font-weight: 700;
  --dot-letter-spacing: 0.08em;
  --dot-line-height: 1.2;
  --dot-padding-y: 0.24rem;
  --dot-padding-x: 0;
  --dot-text-padding: 1.4rem;
  --dot-glow: 1;
  --dot-glare-opacity: 0.16;
}

.dotmatrix-wrapper.dotmatrix-is-edit {
  width: 100%;
}

.dotmatrix-source {
  display: none !important;
}

.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  max-height: none;
  overflow: visible;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-frame {
  display: none;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-source-edit {
  margin-top: 0;
}

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  overflow: visible;
}

.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(30 100% 4%);
  background-image:
    radial-gradient(circle at 0 0, hsl(var(--dot-hue-current) 85% 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(var(--dot-hue-current) 85% 20% / var(--dot-bg-lightness)), hsl(25 90% 4%));
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-board-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  overflow: visible;
  contain: layout style;

  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, uppercase);
}

.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 0%,
    hsl(0 0% 100% / 0.18) 20%,
    transparent 40%,
    transparent 60%,
    hsl(0 0% 100% / 0.18) 80%,
    transparent 100%
  );
}

.dotmatrix-track {
  display: block;
  position: relative;
  align-items: center;
  width: 100%;
  transform: translateX(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style;
  padding-block: var(--dot-safe-y);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;

  color: hsl(var(--dot-hue-current) 100% 65%);
}

.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track {
  visibility: hidden;
}

.dotmatrix-track-dual {
  overflow: hidden;
}

.dotmatrix-lane {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.dotmatrix-cycle {
  display: inline-flex;
  align-items: center;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-board-inner::before {
  opacity: calc(var(--dot-glare-opacity) * 0.55);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-board {
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 80% / 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 28% / var(--dot-bg-lightness)), hsl(0 0% 6%));
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 82%);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-board {
  background-color: hsl(0 0% 96%);
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 100% / 0.78), transparent 62%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 88% / 0.95), hsl(0 0% 98%));
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="yes"] .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 8%);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board {
  background-color: var(--dot-flat-bg);
  background-image: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-track {
  color: var(--dot-flat-text);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-end: 0;
}

.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin-inline-end: 0.38em;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter:
    drop-shadow(0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.68))
    drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 70% / 0.42));
}

.dotmatrix-wrapper[data-image-pixelate="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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;
}

/* Keep spacing around separators visually consistent when a segment starts with an image. */
.dotmatrix-segment > .dotmatrix-inline-image:first-child,
.dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: var(--dot-text-padding);
}

/* For right-direction layout (leading separator), avoid extra one-sided space after separator. */
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-inline-image:first-child,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: 0;
}

.dotmatrix-text {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-inline: var(--dot-text-padding);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  text-align: center;
  line-height: var(--dot-line-height);
  min-height: calc(1em * 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(var(--dot-hue-current) 100% 70% / 0.95);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-segment.dotmatrix-separator-leading > .dotmatrix-text,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-text {
  padding-inline-start: 0;
}

.dotmatrix-separator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-start: calc(var(--dot-gap) * 0.5);
  margin-inline-end: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.45);
  line-height: var(--dot-line-height);
  vertical-align: middle;
  transform: translateY(-0.03em);
  opacity: 0.9;
  text-shadow:
    0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.7),
    0 0 calc(6px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 68% / 0.9);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-wrapper[data-bw-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(0 0% 100% / 0.55);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 1px hsl(0 0% 100% / 0.35),
    0 0 0 hsl(0 0% 0% / 0);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-separator {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  filter: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  transition: text-decoration-color 140ms linear, filter 140ms linear;
}

.dotmatrix-link:link,
.dotmatrix-link:visited,
.dotmatrix-link:hover,
.dotmatrix-link:active,
.dotmatrix-link:focus {
  color: inherit;
  text-decoration-line: underline;
}

.dotmatrix-link:hover,
.dotmatrix-link:focus-visible {
  text-decoration-color: currentColor;
  filter:
    drop-shadow(0 0 2px hsl(0 0% 100% / 0.45))
    drop-shadow(0 0 1px hsl(0 0% 0% / 0.6));
}

.dotmatrix-wrapper[data-pause-hover="1"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="true"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="yes"]:hover .dotmatrix-board {
  cursor: default;
}

@keyframes dotmatrix-scroll-motion {
  from {
    transform: translateX(var(--dot-motion-from, 0px));
  }
  to {
    transform: translateX(var(--dot-motion-to, -100px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .dotmatrix-track {
    transform: translateX(0) !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;
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
  --dot-speed: 80;
  --dot-dir: -1;
  --dot-gap: 36px;
  --dot-hue: 35;
  --dot-hue-current: 35;
  --dot-bg-lightness: 0.6;
  --dot-saturation: 1.2;
  --dot-contrast: 1.35;
  --dot-brightness: 1.12;
  --dot-dot-size: 3px;
  --dot-dot-gap: 0px;
  --dot-dot-softness: 47;
  --dot-safe-y: 0.24rem;
  --dot-font-min: 2rem;
  --dot-font-fluid: 5vw;
  --dot-font-max: 4rem;
  --dot-font-weight: 700;
  --dot-letter-spacing: 0.08em;
  --dot-line-height: 1.2;
  --dot-padding-y: 0.24rem;
  --dot-padding-x: 0;
  --dot-text-padding: 1.4rem;
  --dot-glow: 1;
  --dot-glare-opacity: 0.16;
}

.dotmatrix-wrapper.dotmatrix-is-edit {
  width: 100%;
}

.dotmatrix-source {
  display: none !important;
}

.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  max-height: none;
  overflow: visible;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-frame {
  display: none;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-source-edit {
  margin-top: 0;
}

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  overflow: visible;
}

.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(30 100% 4%);
  background-image:
    radial-gradient(circle at 0 0, hsl(var(--dot-hue-current) 85% 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(var(--dot-hue-current) 85% 20% / var(--dot-bg-lightness)), hsl(25 90% 4%));
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-board-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  overflow: visible;
  contain: layout style;

  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, uppercase);
}

.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 0%,
    hsl(0 0% 100% / 0.18) 20%,
    transparent 40%,
    transparent 60%,
    hsl(0 0% 100% / 0.18) 80%,
    transparent 100%
  );
}

.dotmatrix-track {
  display: block;
  position: relative;
  align-items: center;
  width: 100%;
  transform: translateX(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style;
  padding-block: var(--dot-safe-y);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;

  color: hsl(var(--dot-hue-current) 100% 65%);
}

.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track {
  visibility: hidden;
}

.dotmatrix-track-dual {
  overflow: hidden;
}

.dotmatrix-lane {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.dotmatrix-cycle {
  display: inline-flex;
  align-items: center;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-board-inner::before {
  opacity: calc(var(--dot-glare-opacity) * 0.55);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-board {
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 80% / 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 28% / var(--dot-bg-lightness)), hsl(0 0% 6%));
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 82%);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-board {
  background-color: hsl(0 0% 96%);
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 100% / 0.78), transparent 62%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 88% / 0.95), hsl(0 0% 98%));
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="yes"] .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 8%);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board {
  background-color: var(--dot-flat-bg);
  background-image: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-track {
  color: var(--dot-flat-text);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-end: 0;
}

.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin-inline-end: 0.38em;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter:
    drop-shadow(0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.68))
    drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 70% / 0.42));
}

.dotmatrix-wrapper[data-image-pixelate="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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;
}

/* Keep spacing around separators visually consistent when a segment starts with an image. */
.dotmatrix-segment > .dotmatrix-inline-image:first-child,
.dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: var(--dot-text-padding);
}

/* For right-direction layout (leading separator), avoid extra one-sided space after separator. */
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-inline-image:first-child,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: 0;
}

.dotmatrix-text {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-inline: var(--dot-text-padding);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  text-align: center;
  line-height: var(--dot-line-height);
  min-height: calc(1em * 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(var(--dot-hue-current) 100% 70% / 0.95);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-segment.dotmatrix-separator-leading > .dotmatrix-text,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-text {
  padding-inline-start: 0;
}

.dotmatrix-separator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-start: calc(var(--dot-gap) * 0.5);
  margin-inline-end: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.45);
  line-height: var(--dot-line-height);
  vertical-align: middle;
  transform: translateY(-0.03em);
  opacity: 0.9;
  text-shadow:
    0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.7),
    0 0 calc(6px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 68% / 0.9);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-wrapper[data-bw-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(0 0% 100% / 0.55);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 1px hsl(0 0% 100% / 0.35),
    0 0 0 hsl(0 0% 0% / 0);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-separator {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  filter: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  transition: text-decoration-color 140ms linear, filter 140ms linear;
}

.dotmatrix-link:link,
.dotmatrix-link:visited,
.dotmatrix-link:hover,
.dotmatrix-link:active,
.dotmatrix-link:focus {
  color: inherit;
  text-decoration-line: underline;
}

.dotmatrix-link:hover,
.dotmatrix-link:focus-visible {
  text-decoration-color: currentColor;
  filter:
    drop-shadow(0 0 2px hsl(0 0% 100% / 0.45))
    drop-shadow(0 0 1px hsl(0 0% 0% / 0.6));
}

.dotmatrix-wrapper[data-pause-hover="1"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="true"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="yes"]:hover .dotmatrix-board {
  cursor: default;
}

@keyframes dotmatrix-scroll-motion {
  from {
    transform: translateX(var(--dot-motion-from, 0px));
  }
  to {
    transform: translateX(var(--dot-motion-to, -100px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .dotmatrix-track {
    transform: translateX(0) !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;
}
.lucide-wrap {
  display: inline;
}

.lucide-wrap.lucide-halign-center,
.lucide-wrap.lucide-halign-right {
  display: block;
  width: 100%;
}

.lucide-wrap.lucide-halign-center {
  text-align: center;
}

.lucide-wrap.lucide-halign-right {
  text-align: right;
}

.lucide-linkwrap {
  color: inherit;
  display: inline-flex;
  text-decoration: none;
}

.lucide-stack {
  --lucide-size: 1em;
  --lucide-stroke: currentColor;
  --lucide-hover-stroke: var(--lucide-stroke);
  --lucide-stroke-width: 2;
  --lucide-linecap: round;
  --lucide-linejoin: round;
  --lucide-rotate: 0deg;
  --lucide-nudge-y: 0px;
  --lucide-scale-x: 1;
  --lucide-scale-y: 1;
  --lucide-bullet-gap: .55em;
  --lucide-bullet-slot: 1.35em;
  display: inline-flex;
  line-height: 1;
  vertical-align: -0.125em;
}

.lucide-stack.is-flipx {
  --lucide-scale-x: -1;
}

.lucide-stack.is-flipy {
  --lucide-scale-y: -1;
}

.lucide-stack > svg {
  fill: none;
  height: var(--lucide-size);
  stroke: var(--lucide-stroke);
  stroke-linecap: var(--lucide-linecap);
  stroke-linejoin: var(--lucide-linejoin);
  stroke-width: var(--lucide-stroke-width);
  transform:
    translateY(var(--lucide-nudge-y))
    rotate(var(--lucide-rotate))
    scale(var(--lucide-scale-x), var(--lucide-scale-y));
  transform-origin: 50% 50%;
  width: var(--lucide-size);
}

.lucide-stack:hover > svg {
  stroke: var(--lucide-hover-stroke);
}

.lucide-loader-edit {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  color: #555;
  display: inline-flex;
  font: 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: .35rem .5rem;
}

.lucide-catalog {
  margin: .5rem 0;
}

.lc-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .5rem;
}

.lc-search,
.lc-copy-mode {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  font: inherit;
  min-height: 36px;
}

.lc-search {
  min-width: 220px;
  padding: .45rem .6rem;
}

.lc-copy-mode {
  background: #fff;
  padding: .4rem .55rem;
}

.lc-grid {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.lc-grid li {
  margin: 0;
  padding: 0;
}

.lc-item {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  min-height: 82px;
  padding: .55rem .4rem;
  width: 100%;
}

.lc-item:hover,
.lc-item:focus {
  border-color: rgba(0, 0, 0, .4);
}

.lc-item:focus {
  outline: 2px solid rgba(0, 0, 0, .35);
  outline-offset: 2px;
}

.lc-item > svg {
  fill: none;
  height: 28px;
  stroke: currentColor;
  stroke-width: 1.75;
  width: 28px;
}

.lc-label {
  font-size: .76rem;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-align: center;
}

.lc-toast {
  background: rgba(0, 0, 0, .86);
  border-radius: 6px;
  bottom: 1rem;
  color: #fff;
  font-size: .85rem;
  left: 50%;
  opacity: 0;
  padding: .5rem .7rem;
  pointer-events: none;
  position: fixed;
  transform: translateX(-50%);
  transition: opacity .18s ease;
}

.lc-toast.is-show {
  opacity: 1;
}


.lucide-macro-panel.stacks_in_1353 {
  align-items: start;
  display: grid;
  gap: .4rem;
  margin-top: .5rem;
}

.lucide-macro-code.stacks_in_1353 {
  background: #fafafa;
  border: 1px solid #d0d0d0;
  border-radius: 6px;
  font: 12px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  overflow: auto;
  padding: .45rem .55rem;
  resize: vertical;
  white-space: pre;
}

.lucide-copy-macro.stacks_in_1353 {
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
  padding: .4rem .7rem;
}


.lucide-bullet-row,
li.lucide-has-bullet {
  align-items: baseline;
  display: flex;
  list-style: none;
  margin-inline-start: 0;
  padding-inline-start: 0;
}

.lucide-bullet-row > .lucide-stack.is-bullet,
li.lucide-has-bullet > .lucide-stack.is-bullet,
.lucide-bullet-row > .lucide-linkwrap,
li.lucide-has-bullet > .lucide-linkwrap {
  flex: 0 0 auto;
  inline-size: var(--lucide-bullet-slot);
  justify-content: center;
  margin-inline-end: var(--lucide-bullet-gap);
}

.lucide-content {
  min-width: 0;
}

ul.lucide-list,
ol.lucide-list {
  list-style: none;
  margin-inline-start: 0;
  padding-inline-start: 0;
}

.lucide-inline-row {
  align-items: baseline;
  display: inline-flex;
  gap: .5em;
}

.lucide-inline-row .lucide-stack.is-inline {
  flex: 0 0 auto;
}
.compare-stack.stacks_in_1347 {
	--compare-radius-tl: 14px;
	--compare-radius-tr: 14px;
	--compare-radius-br: 14px;
	--compare-radius-bl: 14px;
	--compare-radius: var(--compare-radius-tl) var(--compare-radius-tr) var(--compare-radius-br) var(--compare-radius-bl);
	--compare-cell-padding-top: 12px;
	--compare-cell-padding-right: 12px;
	--compare-cell-padding-bottom: 12px;
	--compare-cell-padding-left: 12px;
	--compare-cell-padding: var(--compare-cell-padding-top) var(--compare-cell-padding-right) var(--compare-cell-padding-bottom) var(--compare-cell-padding-left);
	--compare-cell-padding-compact: calc(var(--compare-cell-padding-top) * 0.75) calc(var(--compare-cell-padding-right) * 0.75) calc(var(--compare-cell-padding-bottom) * 0.75) calc(var(--compare-cell-padding-left) * 0.75);
	--compare-page-bg: transparent;
	--compare-border-color: #d8dee8;
	--compare-inner-border-color: #e7ebf2;
	--compare-border-width-setting: 1px;
	--compare-inner-border-width-setting: 1px;
	--compare-border-width: var(--compare-border-width-setting);
	--compare-inner-border-width: var(--compare-inner-border-width-setting);
	--compare-inner-border-width-x: var(--compare-inner-border-width-setting);
	--compare-inner-border-width-y: var(--compare-inner-border-width-setting);
	--compare-featured-overlap-size: 14px;
	--compare-featured-overlay-shadow: 0 0 28px rgba(23, 33, 49, 0.28);
	--compare-featured-overlay-shadow-space: 30px;
	--compare-stack-shadow: 0 10px 30px rgba(25, 34, 50, 0.06);
	--compare-table-shadow: var(--compare-stack-shadow);
	--compare-card-shadow: var(--compare-stack-shadow);
	--compare-featured-card-shadow: var(--compare-stack-shadow);
	--compare-default-column-accent: #2d76d6;
	--compare-column-accent: var(--compare-default-column-accent);
	--compare-column-fill-strength: 12%;
	--compare-column-fill-strength-zebra: calc((var(--compare-column-fill-strength) * 0.85) + 4%);
	--compare-column-fill-strength-featured: calc((var(--compare-column-fill-strength) * 0.9) + 8%);
	--compare-column-fill-strength-featured-zebra: calc((var(--compare-column-fill-strength) * 0.88) + 12%);
	--compare-text: #2b3442;
	--compare-muted: #6d7686;
	--compare-featured-text: #ffffff;
	--compare-button-text: #ffffff;
	--compare-feature-column-text: var(--compare-text);
	--compare-header-full-bg: #f4f6fa;
	--compare-header-full-text: var(--compare-text);
	--compare-header-title-bg: #f4f6fa;
	--compare-header-title-text: var(--compare-text);
	--compare-column-text: var(--compare-text);
	--compare-column-featured-text: var(--compare-featured-text);
	--compare-feature-strong: #2c78d9;
	--compare-feature-soft: color-mix(in srgb, var(--compare-feature-strong) 12%, #ffffff);
	--compare-surface: #ffffff;
	--compare-feature-column-bg: #f4f6fa;
	--compare-row-bg: #ffffff;
	--compare-zebra-feature-bg: #f2f5fa;
	--compare-zebra-row-bg: #f6f8fb;
	--compare-feature-column-width: 18%;
	--compare-positive-color: #2f8c4a;
	--compare-negative-color: #d24f4f;
	--compare-featured-border-color: #e16c62;
	--compare-featured-border-width: 0px;
	--compare-default-cta-color: #3c475c;
	--compare-card-padding-top: 16px;
	--compare-card-padding-right: 16px;
	--compare-card-padding-bottom: 16px;
	--compare-card-padding-left: 16px;
	--compare-card-head-padding-top: 14px;
	--compare-card-head-padding-right: 12px;
	--compare-card-head-padding-bottom: 12px;
	--compare-card-head-padding-left: 12px;
	--compare-card-row-gap: 8px;
	--compare-card-item-padding-top: 0px;
	--compare-card-item-padding-right: 0px;
	--compare-card-item-padding-bottom: 0px;
	--compare-card-item-padding-left: 0px;
	--compare-font-header-title: 16px;
	--compare-font-plan-title: 17px;
	--compare-font-price: 32px;
	--compare-font-feature-label: 15px;
	--compare-font-cell: 15px;
	--compare-font-button: 13px;
	--compare-slider-shadow-space: 24px;
	--compare-featured-card-shift: 0px;
	--compare-mobile-safe-space: 12px;
	--compare-mobile-card-gap: 12px;
	--compare-pagination-dot-size: 10px;
	--compare-pagination-dot-color: color-mix(in srgb, var(--compare-border-color) 70%, #ffffff);
	--compare-pagination-dot-active-color: color-mix(in srgb, var(--compare-text) 88%, var(--compare-feature-strong));
	position: relative;
	width: 100%;
	color: var(--compare-text);
	font-family: inherit;
	background: var(--compare-page-bg);
}

.compare-stack.stacks_in_1347[data-show-border-outer="false"] {
	--compare-border-width: 0px;
}

.compare-stack.stacks_in_1347[data-show-border-inner="false"] {
	--compare-inner-border-width: 0px;
	--compare-inner-border-width-x: 0px;
	--compare-inner-border-width-y: 0px;
}

.compare-stack.stacks_in_1347[data-show-border-inner-horizontal="false"] {
	--compare-inner-border-width-y: 0px;
}

.compare-stack.stacks_in_1347[data-show-border-inner-vertical="false"] {
	--compare-inner-border-width-x: 0px;
}

.compare-stack.stacks_in_1347[data-show-shadows="false"] {
	--compare-table-shadow: none;
	--compare-card-shadow: none;
	--compare-featured-card-shadow: none;
	--compare-featured-overlay-shadow: none;
	--compare-featured-overlay-shadow-space: 0px;
}

.compare-stack.stacks_in_1347 .compare-stack__error {
	display: none;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop {
	overflow: visible;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-slider-active {
	overflow-x: hidden;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-slider-active .compare-stack__desktop {
	overflow-x: hidden;
	overflow-y: visible;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-swiper {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-wrapper {
	display: flex;
	align-items: stretch;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-cards {
	display: grid;
	grid-template-columns: repeat(var(--compare-desktop-cards-columns, 1), minmax(0, 1fr));
	align-items: stretch;
	gap: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-cards > .compare-stack__card {
	border-radius: 0;
	border-left: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-cards > .compare-stack__card:first-child {
	border-top-left-radius: var(--compare-radius-tl);
	border-bottom-left-radius: var(--compare-radius-bl);
	border-left: var(--compare-border-width) solid var(--compare-border-color);
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-cards > .compare-stack__card:last-child {
	border-top-right-radius: var(--compare-radius-tr);
	border-bottom-right-radius: var(--compare-radius-br);
}

.compare-stack.stacks_in_1347.compare-stack--card-auto-height .compare-stack__desktop-cards {
	align-items: flex-start;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode[data-featured-overlay="true"] .compare-stack__desktop {
	padding-top: calc(var(--compare-featured-overlap-size) + var(--compare-featured-overlay-shadow-space) + var(--compare-featured-card-shift));
	padding-bottom: calc(var(--compare-featured-overlap-size) + var(--compare-featured-overlay-shadow-space) + var(--compare-featured-card-shift));
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode[data-featured-overlay="true"] .compare-stack__desktop-cards > .compare-stack__card.is-featured {
	position: relative;
	z-index: 3;
	margin-top: calc(-1 * var(--compare-featured-overlap-size));
	margin-bottom: calc(-1 * var(--compare-featured-overlap-size));
	transform: translateY(calc(-1 * var(--compare-featured-card-shift)));
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-slide {
	height: auto;
	flex: 0 0 100%;
	scroll-snap-align: start;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-swiper.swiper-initialized .compare-stack__desktop-slide {
	flex: 0 0 auto;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-slide .compare-stack__table {
	min-width: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__table {
	width: 100%;
	min-width: 640px;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	border: var(--compare-border-width) solid var(--compare-border-color);
	border-radius: var(--compare-radius);
	overflow: hidden;
	background: var(--compare-surface);
	box-shadow: var(--compare-table-shadow);
}

.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__table {
	table-layout: auto;
}

.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__plan-head,
.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__plan-head-content,
.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__plan-title {
	overflow-wrap: normal;
	word-break: normal;
}

.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__feature-head,
.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__feature-label {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.compare-stack.stacks_in_1347 .compare-stack__table thead tr:first-child > *:first-child {
	border-top-left-radius: var(--compare-radius-tl);
}

.compare-stack.stacks_in_1347 .compare-stack__table thead tr:first-child > *:last-child {
	border-top-right-radius: var(--compare-radius-tr);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr:last-child > *:first-child {
	border-bottom-left-radius: var(--compare-radius-bl);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr:last-child > *:last-child {
	border-bottom-right-radius: var(--compare-radius-br);
}

.compare-stack.stacks_in_1347.compare-stack--header-hidden .compare-stack__table tbody tr:first-child > *:first-child {
	border-top-left-radius: var(--compare-radius-tl);
}

.compare-stack.stacks_in_1347.compare-stack--header-hidden .compare-stack__table tbody tr:first-child > *:last-child {
	border-top-right-radius: var(--compare-radius-tr);
}

.compare-stack.stacks_in_1347 .compare-stack__table-title {
	padding: 14px 16px;
	background: var(--compare-header-title-bg);
	font-size: var(--compare-font-header-title);
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	color: var(--compare-header-title-text);
}

.compare-stack.stacks_in_1347 .compare-stack__table-title.compare-stack__table-title--left {
	text-align: left;
}

.compare-stack.stacks_in_1347 .compare-stack__table-title.compare-stack__table-title--center {
	text-align: center;
}

.compare-stack.stacks_in_1347 .compare-stack__table-title.compare-stack__table-title--right {
	text-align: right;
}

@media (min-width: 861px) {
	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__desktop {
		padding-top: calc(var(--compare-featured-overlap-size) + var(--compare-featured-overlay-shadow-space));
		padding-bottom: calc(var(--compare-featured-overlap-size) + var(--compare-featured-overlay-shadow-space));
		overflow-x: visible;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table {
		position: relative;
		overflow: visible;
	}

	.compare-stack.stacks_in_1347.compare-stack--overlay-ready[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table::after {
		content: "";
		position: absolute;
		left: var(--compare-featured-overlay-left);
		width: var(--compare-featured-overlay-width);
		top: calc(-1 * var(--compare-featured-overlap-size));
		bottom: calc(-1 * var(--compare-featured-overlap-size));
		border-radius: calc(var(--compare-radius-tl) * 0.78) calc(var(--compare-radius-tr) * 0.78) calc(var(--compare-radius-br) * 0.78) calc(var(--compare-radius-bl) * 0.78);
		box-shadow: var(--compare-featured-overlay-shadow);
		pointer-events: none;
		z-index: 2;
	}

	.compare-stack.stacks_in_1347.compare-stack--feature-head-empty.compare-stack--overlay-ready[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table::after {
		display: none;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__plan-head.is-featured,
	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__cell.is-featured {
		position: relative;
		isolation: isolate;
		z-index: 4;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__plan-head.is-featured {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__plan-head.is-featured::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: calc(-1 * var(--compare-featured-overlap-size));
		bottom: 0;
		background: inherit;
		border-top-left-radius: calc(var(--compare-radius-tl) * 0.78);
		border-top-right-radius: calc(var(--compare-radius-tr) * 0.78);
		pointer-events: none;
		z-index: 1;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table tbody tr:last-child .compare-stack__cell.is-featured {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table tbody tr:last-child .compare-stack__cell.is-featured::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: calc(-1 * var(--compare-featured-overlap-size));
		background: inherit;
		border-bottom-left-radius: calc(var(--compare-radius-bl) * 0.78);
		border-bottom-right-radius: calc(var(--compare-radius-br) * 0.78);
		pointer-events: none;
		z-index: 1;
	}

	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__plan-head.is-featured > *,
	.compare-stack.stacks_in_1347[data-featured-overlay="true"]:not(.compare-stack--overlay-disabled) .compare-stack__table tbody tr:last-child .compare-stack__cell.is-featured > * {
		position: relative;
		z-index: 3;
	}
}

.compare-stack.stacks_in_1347.compare-stack--feature-hidden .compare-stack__table {
	min-width: 520px;
}

.compare-stack.stacks_in_1347 .compare-stack__table th,
.compare-stack.stacks_in_1347 .compare-stack__table td {
	padding: var(--compare-cell-padding);
	border-right: var(--compare-inner-border-width-x) solid var(--compare-inner-border-color);
	border-bottom: var(--compare-inner-border-width-y) solid var(--compare-inner-border-color);
	vertical-align: middle;
	overflow-wrap: anywhere;
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr:last-child th,
.compare-stack.stacks_in_1347 .compare-stack__table tbody tr:last-child td {
	border-bottom: none;
}

.compare-stack.stacks_in_1347 .compare-stack__table th:last-child,
.compare-stack.stacks_in_1347 .compare-stack__table td:last-child {
	border-right: none;
}

.compare-stack.stacks_in_1347 .compare-stack__feature-head {
	width: var(--compare-feature-column-width, 18%);
	background: var(--compare-feature-column-bg);
	padding-top: var(--compare-plan-head-padding-y, 14px);
	padding-bottom: var(--compare-plan-head-padding-y, 14px);
	font-size: var(--compare-font-plan-title);
	line-height: 1.14;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
	color: var(--compare-feature-column-text);
	text-align: left;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head {
	width: auto;
	padding: 0;
	background: var(--compare-header-full-bg);
	color: var(--compare-header-full-text);
	text-align: center;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color {
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color.has-column-gradient {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--compare-column-accent) calc((var(--compare-column-fill-strength) * 0.65) + 22%), #ffffff) 0%,
		color-mix(in srgb, var(--compare-column-accent) calc((var(--compare-column-fill-strength) * 0.78) + 4%), #ffffff) 100%
	);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.is-featured {
	background: var(--compare-feature-strong);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color.is-featured {
	background: var(--compare-column-accent);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color.has-column-gradient.is-featured {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--compare-column-accent) 86%, #ffffff) 0%,
		color-mix(in srgb, var(--compare-column-accent) 64%, #000000) 100%
	);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__feature-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.has-column-color,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.has-column-color.has-column-gradient,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.is-featured,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.has-column-color.is-featured,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.has-column-color.has-column-gradient.is-featured {
	background: var(--compare-header-full-bg);
	color: var(--compare-header-full-text);
}

.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__plan-head.has-column-color.has-column-gradient.is-featured {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.18) 100%), var(--compare-column-accent);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__feature-head.is-empty {
	color: transparent;
	font-size: inherit;
	line-height: 1.14;
	text-shadow: none;
	user-select: none;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-text,
.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-text,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-text {
	color: var(--compare-column-text);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-text.is-featured,
.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-text.is-featured,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-text.is-featured,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-text.is-featured .compare-stack__card-head {
	color: var(--compare-column-featured-text);
}

.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__plan-head.has-column-color,
.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__cell.has-column-color {
	background: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__plan-head.has-column-color.has-column-gradient {
	background: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__table tbody tr.is-zebra .compare-stack__cell.has-column-color,
.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__table tbody tr.is-zebra .compare-stack__cell.has-column-color.is-featured {
	background: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347.compare-stack--featured-border.compare-stack--desktop-slider-active .compare-stack__plan-head.is-featured,
.compare-stack.stacks_in_1347.compare-stack--featured-border.compare-stack--desktop-slider-active .compare-stack__cell.is-featured {
	box-shadow: inset 0 0 0 var(--compare-featured-border-width) var(--compare-featured-border-color);
}

.compare-stack.stacks_in_1347.compare-stack--featured-border .compare-stack__card.is-featured {
	position: relative;
}

.compare-stack.stacks_in_1347.compare-stack--featured-border .compare-stack__card.is-featured::after {
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	border: var(--compare-featured-border-width) solid var(--compare-featured-border-color);
	border-radius: inherit;
	pointer-events: none;
	z-index: 8;
}

.compare-stack.stacks_in_1347.compare-stack--featured-border:not(.compare-stack--desktop-slider-active):not(.compare-stack--desktop-cards-mode) .compare-stack__table {
	position: relative;
}

.compare-stack.stacks_in_1347.compare-stack--featured-border.compare-stack--overlay-ready:not(.compare-stack--desktop-slider-active):not(.compare-stack--desktop-cards-mode) .compare-stack__table::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--compare-featured-overlay-left);
	width: var(--compare-featured-overlay-width);
	box-sizing: border-box;
	border: var(--compare-featured-border-width) solid var(--compare-featured-border-color);
	pointer-events: none;
	z-index: 6;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head-content {
	min-height: var(--compare-plan-head-min-height, 160px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	padding: var(--compare-plan-head-padding-y, 14px) 10px;
	text-align: center;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-badge-slot,
.compare-stack.stacks_in_1347 .compare-stack__card-badge-slot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
	width: 100%;
}

.compare-stack.stacks_in_1347.compare-stack--badge-fixed .compare-stack__plan-badge-slot,
.compare-stack.stacks_in_1347.compare-stack--badge-fixed .compare-stack__card-badge-slot {
	min-height: 22px;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.66rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	background: color-mix(in srgb, var(--compare-feature-strong) 18%, #ffffff);
	color: color-mix(in srgb, var(--compare-feature-strong) 90%, #1d2738);
}

.compare-stack.stacks_in_1347.compare-stack--badge-fixed .compare-stack__plan-badge--placeholder {
	visibility: hidden;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color .compare-stack__plan-badge,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-color .compare-stack__plan-badge {
	background: color-mix(in srgb, var(--compare-column-accent) 22%, #ffffff);
	color: color-mix(in srgb, var(--compare-column-accent) 88%, #1d2738);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.is-featured .compare-stack__plan-badge,
.compare-stack.stacks_in_1347 .compare-stack__card.is-featured .compare-stack__plan-badge {
	background: color-mix(in srgb, #ffffff 26%, transparent);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-image {
	margin: 0;
	display: flex;
	justify-content: center;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-image img {
	width: min(92px, 84%);
	height: auto;
	display: block;
	object-fit: contain;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-title {
	font-size: var(--compare-font-plan-title);
	line-height: 1.14;
	font-weight: 700;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-price {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 4px;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-price-main {
	font-size: var(--compare-font-price);
	font-weight: 700;
	line-height: 1;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-price-suffix {
	font-size: 0.9rem;
	line-height: 1;
	color: color-mix(in srgb, currentColor 74%, transparent);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-price.is-suffix-new-line {
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head-actions,
.compare-stack.stacks_in_1347 .compare-stack__card-head-actions {
	display: flex;
	justify-content: center;
	width: 100%;
}

.compare-stack.stacks_in_1347 .compare-stack__feature-label {
	width: var(--compare-feature-column-width, 18%);
	text-align: left;
	font-size: var(--compare-font-feature-label);
	font-weight: 620;
	background: color-mix(in srgb, var(--compare-feature-column-bg) 84%, var(--compare-surface));
	color: var(--compare-feature-column-text);
}

.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__feature-head,
.compare-stack.stacks_in_1347.compare-stack--feature-auto .compare-stack__feature-label {
	width: auto;
}

.compare-stack.stacks_in_1347 .compare-stack__feature-label--actions {
	background: var(--compare-surface);
}

.compare-stack.stacks_in_1347 .compare-stack__cell {
	font-size: var(--compare-font-cell);
	text-align: center;
	background: var(--compare-row-bg);
}

.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-color {
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__cell.is-featured {
	background: var(--compare-feature-soft);
}

.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-color.is-featured {
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength-featured), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr.is-zebra .compare-stack__feature-label {
	background: var(--compare-zebra-feature-bg);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr.is-zebra .compare-stack__cell {
	background: var(--compare-zebra-row-bg);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr.is-zebra .compare-stack__cell.has-column-color {
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength-zebra), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr.is-zebra .compare-stack__cell.is-featured {
	background: color-mix(in srgb, var(--compare-feature-strong) 18%, #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__table tbody tr.is-zebra .compare-stack__cell.has-column-color.is-featured {
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength-featured-zebra), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__cell--actions {
	padding-top: 10px;
	padding-bottom: 10px;
}

.compare-stack.stacks_in_1347 .compare-stack__group-row th {
	padding: 8px 12px;
	background: var(--compare-zebra-feature-bg);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--compare-muted);
	text-align: left;
}

.compare-stack.stacks_in_1347 .compare-stack__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	border-radius: 999px;
	border: var(--compare-inner-border-width) solid var(--compare-inner-border-color);
	font-size: 0.75rem;
	font-weight: 620;
	line-height: 1.15;
	background: var(--compare-surface);
}

.compare-stack.stacks_in_1347 .compare-stack__cell-image {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.compare-stack.stacks_in_1347 .compare-stack__cell-image img {
	display: block;
	width: min(82px, 100%);
	height: auto;
	object-fit: contain;
}

.compare-stack.stacks_in_1347 .compare-stack__cell-price {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 4px;
}

.compare-stack.stacks_in_1347 .compare-stack__cell-price-main {
	font-size: 1.02rem;
	font-weight: 700;
	line-height: 1;
}

.compare-stack.stacks_in_1347 .compare-stack__cell-price-suffix {
	font-size: 0.84rem;
	line-height: 1;
	color: var(--compare-muted);
}

.compare-stack.stacks_in_1347 .compare-stack__cell-price.is-suffix-new-line {
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.compare-stack.stacks_in_1347 .compare-stack__cell-button {
	display: flex;
	justify-content: center;
}

.compare-stack.stacks_in_1347 .compare-stack__text-cell {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	max-width: min(320px, 100%);
}

.compare-stack.stacks_in_1347 .compare-stack__text-main {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
}

.compare-stack.stacks_in_1347 .compare-stack__text-main-value {
	display: inline-block;
	max-width: 100%;
}

.compare-stack.stacks_in_1347 .compare-stack__text-detail {
	display: block;
	max-width: 100%;
	font-size: calc(var(--compare-font-cell) * 0.82);
	line-height: 1.35;
	white-space: pre-line;
	color: color-mix(in srgb, var(--compare-muted) 84%, var(--compare-text));
}

.compare-stack.stacks_in_1347 .compare-stack__text-info-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: color-mix(in srgb, currentColor 78%, #4b5f7f);
	cursor: pointer;
}

.compare-stack.stacks_in_1347 .compare-stack__text-info-icon {
	width: 14px;
	height: 14px;
	display: block;
}

.compare-stack.stacks_in_1347 .compare-stack__text-detail-popover {
	position: absolute;
	left: 50%;
	top: calc(100% + 8px);
	transform: translate(-50%, 4px);
	width: min(320px, 72vw);
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid color-mix(in srgb, var(--compare-border-color) 70%, #c4cedf);
	background: color-mix(in srgb, var(--compare-surface) 96%, #f6f9ff);
	box-shadow: 0 8px 20px rgba(19, 26, 40, 0.16);
	font-size: calc(var(--compare-font-cell) * 0.82);
	line-height: 1.4;
	white-space: pre-line;
	text-align: left;
	color: var(--compare-text);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
	z-index: 8;
}

.compare-stack.stacks_in_1347 .compare-stack__text-cell.has-popup-detail:is(:hover, :focus-within) .compare-stack__text-detail-popover {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, 0);
}

.compare-stack.stacks_in_1347 .compare-stack__card-value .compare-stack__text-cell {
	align-items: flex-end;
}

.compare-stack.stacks_in_1347 .compare-stack__card-value--full .compare-stack__text-cell {
	align-items: flex-start;
}

.compare-stack.stacks_in_1347 .compare-stack__card-value .compare-stack__text-detail-popover {
	left: auto;
	right: 0;
	transform: translate(0, 4px);
}

.compare-stack.stacks_in_1347 .compare-stack__card-value .compare-stack__text-cell.has-popup-detail:is(:hover, :focus-within) .compare-stack__text-detail-popover {
	transform: translate(0, 0);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 0;
	min-height: 0;
	line-height: 1;
	font-weight: 700;
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon.is-checked {
	color: var(--compare-positive-color);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon.is-unchecked {
	color: var(--compare-negative-color);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon.is-circle {
	color: inherit;
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon.is-circle.is-checked {
	color: var(--compare-positive-color);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon.is-circle.is-unchecked {
	color: color-mix(in srgb, var(--compare-muted) 65%, #d9dee6);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-icon-svg {
	display: block;
	width: 100%;
	height: 100%;
}

.compare-stack.stacks_in_1347 .compare-stack__bool-text {
	font-size: var(--compare-font-cell);
	font-weight: 620;
}

.compare-stack.stacks_in_1347 .compare-stack__bool-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 620;
	line-height: 1.1;
}

.compare-stack.stacks_in_1347 .compare-stack__bool-pill.is-checked {
	background: color-mix(in srgb, var(--compare-positive-color) 16%, #ffffff);
	color: color-mix(in srgb, var(--compare-positive-color) 92%, #1f2a39);
}

.compare-stack.stacks_in_1347 .compare-stack__bool-pill.is-unchecked {
	background: color-mix(in srgb, var(--compare-negative-color) 16%, #ffffff);
	color: color-mix(in srgb, var(--compare-negative-color) 92%, #1f2a39);
}

.compare-stack.stacks_in_1347 .compare-stack__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 16px;
	border-radius: 7px;
	border: 1px solid var(--compare-feature-strong);
	background: var(--compare-feature-strong);
	color: var(--compare-button-text);
	font-size: var(--compare-font-button);
	font-weight: 650;
	line-height: 1;
	text-decoration: none;
	transition: filter 140ms ease;
}

.compare-stack.stacks_in_1347 .compare-stack__cta--rounded {
	border-radius: 7px;
}

.compare-stack.stacks_in_1347 .compare-stack__cta--square {
	border-radius: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__cta--pill {
	border-radius: 999px;
}

.compare-stack.stacks_in_1347 .compare-stack__cta.is-full-width {
	width: 100%;
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-color .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-color .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-color .compare-stack__cta {
	background: var(--compare-column-accent);
	border-color: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head:not(.has-column-color):not(.is-featured) .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__card:not(.has-column-color):not(.is-featured) .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__cell:not(.has-column-color):not(.is-featured) .compare-stack__cta {
	background: var(--compare-default-cta-color);
	border-color: var(--compare-default-cta-color);
}

.compare-stack.stacks_in_1347 .compare-stack__plan-head.has-column-text.is-featured .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__card.has-column-text.is-featured .compare-stack__cta,
.compare-stack.stacks_in_1347 .compare-stack__cell.has-column-text.is-featured .compare-stack__cta {
	color: var(--compare-column-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__cta-custom {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.compare-stack.stacks_in_1347 .compare-stack__cta:hover,
.compare-stack.stacks_in_1347 .compare-stack__cta:focus-visible {
	filter: brightness(0.94);
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: grid;
	align-items: end;
	pointer-events: none;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal[hidden] {
	display: none;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	padding: 0;
	background: rgba(9, 14, 24, 0.48);
	opacity: 0;
	transition: opacity 160ms ease;
	pointer-events: auto;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-sheet {
	position: relative;
	margin: 12px;
	padding: 14px 14px 16px;
	border-radius: 14px;
	border: 1px solid color-mix(in srgb, var(--compare-border-color) 74%, #ced8ea);
	background: var(--compare-surface);
	color: var(--compare-text);
	box-shadow: 0 14px 34px rgba(17, 24, 36, 0.26);
	transform: translateY(12px);
	opacity: 0;
	transition: transform 180ms ease, opacity 180ms ease;
	pointer-events: auto;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal.is-open .compare-stack__detail-modal-backdrop {
	opacity: 1;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal.is-open .compare-stack__detail-modal-sheet {
	transform: translateY(0);
	opacity: 1;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--compare-border-color) 18%, var(--compare-surface));
	color: color-mix(in srgb, var(--compare-text) 82%, #2f3d57);
	font-size: 1.2rem;
	line-height: 1;
	cursor: pointer;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-title {
	margin: 0;
	padding-right: 30px;
	font-size: var(--compare-font-feature-label);
	line-height: 1.3;
	font-weight: 700;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-value {
	margin: 8px 0 0;
	font-size: var(--compare-font-cell);
	line-height: 1.35;
	font-weight: 620;
}

.compare-stack.stacks_in_1347 .compare-stack__detail-modal-detail {
	margin: 8px 0 0;
	font-size: calc(var(--compare-font-cell) * 0.9);
	line-height: 1.45;
	white-space: pre-line;
	color: color-mix(in srgb, var(--compare-text) 86%, var(--compare-muted));
}

.compare-stack.stacks_in_1347 .compare-stack__mobile {
	display: none;
	margin-top: 20px;
}

.compare-stack.stacks_in_1347 .compare-stack__mobile-title {
	margin: 0 0 12px;
	font-size: var(--compare-font-header-title);
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	color: var(--compare-header-title-text);
}

.compare-stack.stacks_in_1347 .compare-stack__mobile-title.compare-stack__mobile-title--left {
	text-align: left;
}

.compare-stack.stacks_in_1347 .compare-stack__mobile-title.compare-stack__mobile-title--center {
	text-align: center;
}

.compare-stack.stacks_in_1347 .compare-stack__mobile-title.compare-stack__mobile-title--right {
	text-align: right;
}

.compare-stack.stacks_in_1347 .compare-stack__swiper {
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.compare-stack.stacks_in_1347 .compare-stack__mobile-wrapper {
	display: flex;
	align-items: stretch;
}

.compare-stack.stacks_in_1347.compare-stack--layout-static .compare-stack__swiper {
	overflow: visible;
	scroll-snap-type: none;
}

.compare-stack.stacks_in_1347.compare-stack--layout-static .compare-stack__mobile-wrapper {
	display: grid;
	grid-template-columns: repeat(var(--compare-mobile-columns-per-view, 1), minmax(0, 1fr));
	gap: 12px;
}

.compare-stack.stacks_in_1347.compare-stack--layout-static .compare-stack__slide {
	flex: initial;
	opacity: 1;
	transform: none;
	scroll-snap-align: none;
}

.compare-stack.stacks_in_1347.compare-stack--layout-static .compare-stack__swiper-pagination {
	display: none;
}

.compare-stack.stacks_in_1347 .compare-stack__slide {
	height: auto;
	opacity: 0.45;
	transform: scale(0.93);
	transition: transform 220ms ease, opacity 220ms ease;
	flex: 0 0 100%;
	scroll-snap-align: start;
	min-width: 0;
	box-sizing: border-box;
	overflow: visible;
}

.compare-stack.stacks_in_1347 .compare-stack__swiper.swiper-initialized .compare-stack__slide {
	flex: 0 0 auto;
}

.compare-stack.stacks_in_1347 .compare-stack__slide.swiper-slide-active {
	opacity: 1;
	transform: scale(1);
}

.compare-stack.stacks_in_1347.compare-stack--mobile-peek-active .compare-stack__slide {
	opacity: 1;
	transform: none;
}

.compare-stack.stacks_in_1347 .compare-stack__swiper:not(.swiper-initialized) .compare-stack__slide,
.compare-stack.stacks_in_1347 .compare-stack__desktop-swiper:not(.swiper-initialized) .compare-stack__desktop-slide {
	opacity: 1;
	transform: none;
}

.compare-stack.stacks_in_1347 .compare-stack__swiper.swiper-initialized {
	overflow: visible;
	scroll-snap-type: none;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-swiper.swiper-initialized {
	overflow-x: hidden;
	overflow-y: visible;
	scroll-snap-type: none;
}

.compare-stack.stacks_in_1347 .compare-stack__card {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: var(--compare-card-padding-top) var(--compare-card-padding-right) var(--compare-card-padding-bottom) var(--compare-card-padding-left);
	border-radius: var(--compare-radius);
	border: var(--compare-border-width) solid var(--compare-border-color);
	background: var(--compare-surface);
	box-shadow: var(--compare-card-shadow);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	overflow: visible;
}

.compare-stack.stacks_in_1347 .compare-stack__card.has-column-color {
	border-color: color-mix(in srgb, var(--compare-column-accent) 36%, var(--compare-border-color));
	background: color-mix(in srgb, var(--compare-column-accent) var(--compare-column-fill-strength), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__card.is-featured {
	box-shadow: var(--compare-featured-card-shadow);
}

.compare-stack.stacks_in_1347 .compare-stack__card-head {
	display: grid;
	gap: 7px;
	text-align: center;
	padding: var(--compare-card-head-padding-top) var(--compare-card-head-padding-right) var(--compare-card-head-padding-bottom) var(--compare-card-head-padding-left);
	margin: calc(-1 * var(--compare-card-padding-top)) calc(-1 * var(--compare-card-padding-right)) 0 calc(-1 * var(--compare-card-padding-left));
	border-radius: var(--compare-radius-tl) var(--compare-radius-tr) 0 0;
	border-bottom: var(--compare-inner-border-width-y) solid var(--compare-inner-border-color);
	background: var(--compare-header-full-bg);
	color: var(--compare-header-full-text);
}

.compare-stack.stacks_in_1347 .compare-stack__card.has-column-color .compare-stack__card-head {
	background: color-mix(in srgb, var(--compare-column-accent) calc((var(--compare-column-fill-strength) * 0.78) + 4%), #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__card.has-column-color.has-column-gradient .compare-stack__card-head {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--compare-column-accent) calc((var(--compare-column-fill-strength) * 0.68) + 24%), #ffffff) 0%,
		color-mix(in srgb, var(--compare-column-accent) calc((var(--compare-column-fill-strength) * 0.78) + 4%), #ffffff) 100%
	);
}

.compare-stack.stacks_in_1347 .compare-stack__card.is-featured .compare-stack__card-head {
	background: var(--compare-feature-strong);
	border-bottom-color: color-mix(in srgb, var(--compare-feature-strong) 62%, #ffffff);
	color: var(--compare-featured-text);
}

.compare-stack.stacks_in_1347 .compare-stack__card.is-featured.has-column-color .compare-stack__card-head {
	background: var(--compare-column-accent);
	border-bottom-color: color-mix(in srgb, var(--compare-column-accent) 62%, #ffffff);
}

.compare-stack.stacks_in_1347 .compare-stack__card.is-featured.has-column-color.has-column-gradient .compare-stack__card-head {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--compare-column-accent) 86%, #ffffff) 0%,
		color-mix(in srgb, var(--compare-column-accent) 64%, #000000) 100%
	);
	border-bottom-color: color-mix(in srgb, var(--compare-column-accent) 62%, #ffffff);
}

.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-color .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-color.has-column-gradient .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.is-featured .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.is-featured.has-column-color .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.is-featured.has-column-color.has-column-gradient .compare-stack__card-head {
	background: var(--compare-header-full-bg);
	color: var(--compare-header-full-text);
	border-bottom-color: var(--compare-inner-border-color);
}

.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.is-featured.has-column-color.has-column-gradient .compare-stack__card-head {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(0, 0, 0, 0.18) 100%), var(--compare-column-accent);
	color: var(--compare-featured-text);
	border-bottom-color: color-mix(in srgb, var(--compare-column-accent) 62%, #ffffff);
}

.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__card.has-column-color {
	background: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__card.has-column-color .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--column-fill-solid .compare-stack__card.has-column-color.has-column-gradient .compare-stack__card-head {
	background: var(--compare-column-accent);
}

.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-text .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-text.is-featured .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-text.is-featured.has-column-color .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom .compare-stack__card.has-column-text.is-featured.has-column-color.has-column-gradient .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom.compare-stack--column-fill-solid .compare-stack__card.has-column-color .compare-stack__card-head,
.compare-stack.stacks_in_1347.compare-stack--header-full-custom.compare-stack--column-fill-solid .compare-stack__card.has-column-color.has-column-gradient .compare-stack__card-head {
	background: var(--compare-header-full-bg);
	color: var(--compare-header-full-text);
	border-bottom-color: var(--compare-inner-border-color);
}

.compare-stack.stacks_in_1347 .compare-stack__card-title {
	margin: 0;
	color: inherit;
	font-size: var(--compare-font-plan-title);
	font-weight: 700;
	line-height: 1.12;
	min-width: 0;
	overflow-wrap: anywhere;
}

.compare-stack.stacks_in_1347 .compare-stack__card-price {
	display: inline-flex;
	justify-content: center;
	align-items: baseline;
	gap: 4px;
	min-width: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__card-price-main {
	font-size: var(--compare-font-price);
	line-height: 1;
	font-weight: 700;
}

.compare-stack.stacks_in_1347 .compare-stack__card-price-suffix {
	font-size: 0.9rem;
	line-height: 1;
	color: color-mix(in srgb, currentColor 76%, transparent);
}

.compare-stack.stacks_in_1347 .compare-stack__card-price.is-suffix-new-line {
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.compare-stack.stacks_in_1347 .compare-stack__card-group {
	display: grid;
	gap: 0;
}

.compare-stack.stacks_in_1347 .compare-stack__card-group-label {
	margin: 2px 0 0;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--compare-muted);
}

.compare-stack.stacks_in_1347 .compare-stack__card-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, auto);
	gap: 8px;
	align-items: center;
	padding: var(--compare-card-item-padding-top) var(--compare-card-item-padding-right) calc(var(--compare-card-item-padding-bottom) + var(--compare-card-row-gap)) var(--compare-card-item-padding-left);
	border-bottom: var(--compare-inner-border-width-y) solid var(--compare-inner-border-color);
}

.compare-stack.stacks_in_1347 .compare-stack__card-row.compare-stack__card-row--value-only {
	grid-template-columns: minmax(0, 1fr);
}

.compare-stack.stacks_in_1347 .compare-stack__card-row:last-child {
	padding-bottom: var(--compare-card-item-padding-bottom);
	border-bottom: none;
}

.compare-stack.stacks_in_1347 .compare-stack__card-feature {
	font-size: var(--compare-font-feature-label);
	font-weight: 620;
	line-height: 1.35;
	text-align: left;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.compare-stack.stacks_in_1347 .compare-stack__card-value {
	font-size: var(--compare-font-cell);
	line-height: 1.35;
	justify-self: end;
	text-align: right;
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.compare-stack.stacks_in_1347 .compare-stack__card-value.compare-stack__card-value--full {
	justify-self: start;
	text-align: left;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode .compare-stack__desktop-cards .compare-stack__card-row.compare-stack__card-row--value-only {
	justify-items: center;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode .compare-stack__desktop-cards .compare-stack__card-row.compare-stack__card-row--value-only .compare-stack__card-value.compare-stack__card-value--full {
	justify-self: center;
	text-align: center;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode .compare-stack__desktop-cards .compare-stack__card-row.compare-stack__card-row--value-only .compare-stack__card-value.compare-stack__card-value--full .compare-stack__text-cell {
	align-items: center;
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode .compare-stack__desktop-cards .compare-stack__card-row.compare-stack__card-row--value-only .compare-stack__card-value.compare-stack__card-value--full .compare-stack__text-detail-popover {
	left: 50%;
	right: auto;
	transform: translate(-50%, 4px);
}

.compare-stack.stacks_in_1347.compare-stack--desktop-cards-mode .compare-stack__desktop-cards .compare-stack__card-row.compare-stack__card-row--value-only .compare-stack__card-value.compare-stack__card-value--full .compare-stack__text-cell.has-popup-detail:is(:hover, :focus-within) .compare-stack__text-detail-popover {
	transform: translate(-50%, 0);
}

.compare-stack.stacks_in_1347 .compare-stack__card-actions {
	display: flex;
	justify-content: center;
	padding-top: 6px;
}

.compare-stack.stacks_in_1347.compare-stack--card-pin-cta .compare-stack__card-group {
	flex: 1 1 auto;
}

.compare-stack.stacks_in_1347.compare-stack--card-pin-cta .compare-stack__card-actions {
	margin-top: auto;
}

.compare-stack.stacks_in_1347.compare-stack--card-auto-height .compare-stack__mobile-wrapper {
	align-items: flex-start;
}

.compare-stack.stacks_in_1347.compare-stack--card-auto-height .compare-stack__card {
	height: auto;
}

.compare-stack.stacks_in_1347 .compare-stack__swiper-pagination {
	position: static;
	margin-top: 12px;
}

.compare-stack.stacks_in_1347 .compare-stack__desktop-swiper-pagination {
	position: static;
	margin-top: 12px;
}

.compare-stack.stacks_in_1347 :is(.compare-stack__swiper-pagination, .compare-stack__desktop-swiper-pagination):empty {
	display: none;
}

.compare-stack.stacks_in_1347 :is(.compare-stack__swiper-pagination, .compare-stack__desktop-swiper-pagination).swiper-pagination-lock {
	display: block;
}

.compare-stack.stacks_in_1347 :is(.compare-stack__swiper-pagination, .compare-stack__desktop-swiper-pagination) .swiper-pagination-bullet {
	width: var(--compare-pagination-dot-size);
	height: var(--compare-pagination-dot-size);
	margin: 0 5px !important;
	background: var(--compare-pagination-dot-color);
	border: 1px solid color-mix(in srgb, var(--compare-border-color) 84%, var(--compare-surface));
	opacity: 1;
	transform: scale(1);
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.compare-stack.stacks_in_1347 :is(.compare-stack__swiper-pagination, .compare-stack__desktop-swiper-pagination) .swiper-pagination-bullet-active {
	background: var(--compare-pagination-dot-active-color);
	border-color: var(--compare-pagination-dot-active-color);
	transform: scale(1.2);
}

.compare-stack.stacks_in_1347 .compare-stack__source--hidden {
	display: none !important;
}

.compare-stack.stacks_in_1347 :is(a, button):focus-visible {
	outline: 2px solid var(--compare-feature-strong);
	outline-offset: 2px;
}

.compare-stack.compare-stack--edit.stacks_in_1347 {
	border: 1px solid color-mix(in srgb, var(--compare-border-color) 78%, #ccd6e8);
	border-radius: var(--compare-radius);
	padding: 12px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--compare-surface) 94%, #eef3fb), color-mix(in srgb, var(--compare-surface) 97%, #f4f7fc));
	box-shadow: 0 12px 28px rgba(30, 42, 70, 0.08), inset 0 1px 0 color-mix(in srgb, #ffffff 84%, transparent);
	box-sizing: border-box;
}

.compare-stack.compare-stack--edit.stacks_in_1347[data-collapse-main="true"] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	min-height: 44px;
	padding: 6px 16px;
	border: 0;
	border-radius: 0;
	background: color-mix(in srgb, var(--compare-feature-strong) 18%, #eaf2ff);
	box-shadow: none;
}

.compare-stack.compare-stack--edit.stacks_in_1347 .compare-stack__source-edit {
	margin-top: 10px;
}

.compare-stack.compare-stack--edit.stacks_in_1347 .compare-stack__collapsed-indicator {
	margin-top: 10px;
	display: none;
	align-items: center;
	gap: 9px;
	min-height: 32px;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 1rem;
	line-height: 1.1;
	color: color-mix(in srgb, var(--compare-text) 66%, #5c6f8d);
	background: transparent;
	box-shadow: none;
}

.compare-stack.compare-stack--edit.stacks_in_1347[data-collapse-main="true"] .compare-stack__collapsed-indicator {
	display: inline-flex;
	margin-top: 0;
}

.compare-stack.compare-stack--edit.stacks_in_1347[data-collapse-main="true"] .compare-stack__source-edit {
	display: none;
}

.compare-stack.compare-stack--edit.stacks_in_1347 .compare-stack__collapsed-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 0;
	background: transparent;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1;
	color: color-mix(in srgb, var(--compare-text) 58%, #58749d);
}

@media (max-width: 860px) {
	.compare-stack.stacks_in_1347 {
		--compare-mobile-viewport-width: calc(100vw - 24px);
		width: 100%;
		max-width: min(100%, var(--compare-mobile-viewport-width));
		min-width: 0;
		box-sizing: border-box;
		overflow-x: hidden;
		overflow-y: visible;
	}

	.compare-stack.stacks_in_1347 .compare-stack__desktop {
		display: none;
	}

	.compare-stack.stacks_in_1347 .compare-stack__mobile {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.compare-stack.stacks_in_1347 .compare-stack__text-detail-popover {
		display: none !important;
	}

	.compare-stack.stacks_in_1347 .compare-stack__text-info-btn {
		width: 22px;
		height: 22px;
	}

	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__mobile {
		padding-top: 2px;
		padding-left: var(--compare-mobile-safe-space);
		padding-right: var(--compare-mobile-safe-space);
		padding-bottom: var(--compare-mobile-safe-space);
		box-sizing: border-box;
	}

	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__swiper,
	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__swiper.swiper-initialized {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: hidden;
		overflow-y: visible;
		box-sizing: border-box;
		touch-action: pan-y;
	}

	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__mobile-wrapper {
		min-width: 0;
	}

	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__slide {
		max-width: 100%;
		padding-top: var(--compare-mobile-card-gap);
		padding-bottom: var(--compare-mobile-card-gap);
	}

	.compare-stack.stacks_in_1347.compare-stack--layout-slider .compare-stack__card {
		width: 100% !important;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.compare-stack.stacks_in_1347 .compare-stack__card-row {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.compare-stack.stacks_in_1347 .compare-stack__card-feature,
	.compare-stack.stacks_in_1347 .compare-stack__card-value,
	.compare-stack.stacks_in_1347 .compare-stack__text-cell,
	.compare-stack.stacks_in_1347 .compare-stack__text-main,
	.compare-stack.stacks_in_1347 .compare-stack__cta {
		min-width: 0;
		max-width: 100%;
	}

	.compare-stack.stacks_in_1347 .compare-stack__text-main {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.compare-stack.stacks_in_1347 .compare-stack__card-value--full .compare-stack__text-main {
		justify-content: flex-start;
	}

	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table .compare-stack__desktop {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
	}

	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table .compare-stack__mobile {
		display: none;
	}

	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table .compare-stack__table {
		width: 100%;
		min-width: 720px;
		table-layout: auto;
	}

	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table .compare-stack__table th,
	.compare-stack.stacks_in_1347.compare-stack--mobile-static-table .compare-stack__table td {
		white-space: nowrap;
		overflow-wrap: normal;
	}
}

@media (min-width: 861px) {
	.compare-stack.stacks_in_1347.compare-stack--width-content {
		display: block;
		width: fit-content;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		vertical-align: top;
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
	}

	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__desktop {
		overflow: visible;
	}

	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__table {
		width: max-content;
		min-width: 0;
		table-layout: auto;
	}

	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__feature-head,
	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__feature-label {
		width: auto;
	}

	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__table th,
	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__table td {
		white-space: nowrap;
		overflow-wrap: normal;
	}

	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__table th,
	.compare-stack.stacks_in_1347.compare-stack--width-content .compare-stack__table td {
		padding: var(--compare-cell-padding-compact);
	}

	.compare-stack.stacks_in_1347 .compare-stack__desktop {
		display: block;
	}

	.compare-stack.stacks_in_1347 .compare-stack__mobile {
		display: none;
	}
}
.compare-manual-preview {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	min-height: 28px;
	padding: 2px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(58, 70, 91, 0.74);
	font-size: 0.88rem;
	line-height: 1.2;
}

.compare-manual-preview-pill {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 72px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(58, 70, 91, 0.76);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.compare-manual-preview-value {
	font-weight: 500;
	color: rgba(34, 43, 58, 0.8);
}

.compare-manual-preview-tag {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(67, 78, 97, 0.74);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.compare-manual-preview-slice {
	margin-top: 6px;
	padding-left: 14px;
	border-left: 2px solid rgba(132, 147, 177, 0.18);
}

.compare-manual-preview-collapsed {
	margin-top: 8px;
	display: none;
	align-items: center;
	gap: 9px;
	min-height: 32px;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 0.95rem;
	line-height: 1.1;
	color: rgba(58, 70, 91, 0.74);
	background: transparent;
	box-shadow: none;
}

.compare-manual-preview-collapse-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border-radius: 0;
	background: transparent;
	color: rgba(52, 71, 99, 0.9);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
}

.compare-manual-column-edit[data-collapse-column="true"] .compare-manual-preview-collapsed {
	display: inline-flex;
}

.compare-manual-column-edit[data-collapse-column="true"] .compare-manual-preview-slice {
	display: none;
}
.compare-manual-preview {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	min-height: 28px;
	padding: 2px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(58, 70, 91, 0.74);
	font-size: 0.88rem;
	line-height: 1.2;
}

.compare-manual-preview-pill {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 72px;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(58, 70, 91, 0.76);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.compare-manual-preview-value {
	font-weight: 500;
	color: rgba(34, 43, 58, 0.8);
}

.compare-manual-preview-tag {
	display: inline-flex;
	align-items: center;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(67, 78, 97, 0.74);
	font-size: 0.72rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.dotmatrix-wrapper {
  position: relative;
  display: block;
  width: 100%;
  --dot-speed: 80;
  --dot-dir: -1;
  --dot-gap: 36px;
  --dot-hue: 35;
  --dot-hue-current: 35;
  --dot-bg-lightness: 0.6;
  --dot-saturation: 1.2;
  --dot-contrast: 1.35;
  --dot-brightness: 1.12;
  --dot-dot-size: 3px;
  --dot-dot-gap: 0px;
  --dot-dot-softness: 47;
  --dot-safe-y: 0.24rem;
  --dot-font-min: 2rem;
  --dot-font-fluid: 5vw;
  --dot-font-max: 4rem;
  --dot-font-weight: 700;
  --dot-letter-spacing: 0.08em;
  --dot-line-height: 1.2;
  --dot-padding-y: 0.24rem;
  --dot-padding-x: 0;
  --dot-text-padding: 1.4rem;
  --dot-glow: 1;
  --dot-glare-opacity: 0.16;
}

.dotmatrix-wrapper.dotmatrix-is-edit {
  width: 100%;
}

.dotmatrix-source {
  display: none !important;
}

.dotmatrix-source-edit {
  margin: 0.5rem 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  max-height: none;
  overflow: visible;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-frame,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-frame {
  display: none;
}

.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="0"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="false"] .dotmatrix-source-edit,
.dotmatrix-wrapper.dotmatrix-is-edit[data-edit-preview="no"] .dotmatrix-source-edit {
  margin-top: 0;
}

.dotmatrix-frame {
  position: relative;
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: none;
  overflow: visible;
}

.dotmatrix-board {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: hsl(30 100% 4%);
  background-image:
    radial-gradient(circle at 0 0, hsl(var(--dot-hue-current) 85% 55% / 0.2), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(var(--dot-hue-current) 85% 20% / var(--dot-bg-lightness)), hsl(25 90% 4%));
  filter: saturate(var(--dot-saturation)) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-board-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-block: calc(var(--dot-padding-y) + var(--dot-safe-y));
  padding-inline: var(--dot-padding-x);
  white-space: nowrap;
  isolation: isolate;
  overflow: visible;
  contain: layout style;

  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, uppercase);
}

.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 0%,
    hsl(0 0% 100% / 0.18) 20%,
    transparent 40%,
    transparent 60%,
    hsl(0 0% 100% / 0.18) 80%,
    transparent 100%
  );
}

.dotmatrix-track {
  display: block;
  position: relative;
  align-items: center;
  width: 100%;
  transform: translateX(0);
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout style;
  padding-block: var(--dot-safe-y);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;

  color: hsl(var(--dot-hue-current) 100% 65%);
}

.dotmatrix-wrapper:not(.dotmatrix-is-edit):not([data-dot-ready="1"]) .dotmatrix-track {
  visibility: hidden;
}

.dotmatrix-track-dual {
  overflow: hidden;
}

.dotmatrix-lane {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.dotmatrix-cycle {
  display: inline-flex;
  align-items: center;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-fast-mode="true"] .dotmatrix-board-inner::before {
  opacity: calc(var(--dot-glare-opacity) * 0.55);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-track {
  filter: none !important;
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-board {
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 80% / 0.18), transparent 60%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 28% / var(--dot-bg-lightness)), hsl(0 0% 6%));
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 82%);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-board {
  background-color: hsl(0 0% 96%);
  background-image:
    radial-gradient(circle at 0 0, hsl(0 0% 100% / 0.78), transparent 62%),
    radial-gradient(circle at 100% 100%, hsl(0 0% 88% / 0.95), hsl(0 0% 98%));
  filter: contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="1"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="true"][data-bw-mode="yes"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-light-mode="yes"][data-bw-mode="yes"] .dotmatrix-board {
  filter: grayscale(1) contrast(var(--dot-contrast)) brightness(var(--dot-brightness));
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-track {
  color: hsl(0 0% 8%);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board {
  background-color: var(--dot-flat-bg);
  background-image: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-board-inner::before,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-board-inner::before {
  opacity: 0;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-track,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-track {
  color: var(--dot-flat-text);
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-separator,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
  filter: none;
}

.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-flat-color-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-flat-color-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-segment {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-end: 0;
}

.dotmatrix-inline-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.05em;
  width: auto;
  max-width: 2.4em;
  margin-inline-end: 0.38em;
  object-fit: contain;
  border-radius: 0.12em;
  vertical-align: middle;
  filter:
    drop-shadow(0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.68))
    drop-shadow(0 0 calc(4px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 70% / 0.42));
}

.dotmatrix-wrapper[data-image-pixelate="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-image-pixelate="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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;
}

/* Keep spacing around separators visually consistent when a segment starts with an image. */
.dotmatrix-segment > .dotmatrix-inline-image:first-child,
.dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: var(--dot-text-padding);
}

/* For right-direction layout (leading separator), avoid extra one-sided space after separator. */
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-inline-image:first-child,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-inline-image:first-child {
  margin-inline-start: 0;
}

.dotmatrix-text {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-inline: var(--dot-text-padding);
  padding-block: calc(var(--dot-safe-y) * 0.55);
  text-align: center;
  line-height: var(--dot-line-height);
  min-height: calc(1em * 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(var(--dot-hue-current) 100% 70% / 0.95);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-segment.dotmatrix-separator-leading > .dotmatrix-text,
.dotmatrix-segment.dotmatrix-separator-leading > .dotmatrix-link > .dotmatrix-text {
  padding-inline-start: 0;
}

.dotmatrix-separator {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-inline-start: calc(var(--dot-gap) * 0.5);
  margin-inline-end: calc(var(--dot-gap) * 0.5);
  padding-inline: calc(var(--dot-text-padding) * 0.65);
  padding-block: calc(var(--dot-safe-y) * 0.45);
  line-height: var(--dot-line-height);
  vertical-align: middle;
  transform: translateY(-0.03em);
  opacity: 0.9;
  text-shadow:
    0 0 calc(2px * var(--dot-glow)) hsl(0 0% 0% / 0.7),
    0 0 calc(6px * var(--dot-glow)) hsl(var(--dot-hue-current) 100% 68% / 0.9);

  -webkit-mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 4) * 1%));
  mask-image: radial-gradient(circle, #000 calc(var(--dot-dot-softness) * 1%), transparent calc((var(--dot-dot-softness) + 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-wrapper[data-bw-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-bw-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-bw-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 calc(3px * var(--dot-glow)) hsl(0 0% 0% / 0.75),
    0 0 calc(8px * var(--dot-glow)) hsl(0 0% 100% / 0.55);
}

.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-light-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-light-mode="yes"] .dotmatrix-separator {
  text-shadow:
    0 0 1px hsl(0 0% 100% / 0.35),
    0 0 0 hsl(0 0% 0% / 0);
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-text,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-separator,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-separator {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  text-shadow: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-inline-image,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-inline-image {
  -webkit-mask-image: none;
  mask-image: none;
  -webkit-mask-size: auto;
  mask-size: auto;
  filter: none;
}

.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:hover,
.dotmatrix-wrapper[data-crisp-mode="1"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="true"] .dotmatrix-link:focus-visible,
.dotmatrix-wrapper[data-crisp-mode="yes"] .dotmatrix-link:focus-visible {
  filter: none;
}

.dotmatrix-link {
  display: inline-flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.16em;
  transition: text-decoration-color 140ms linear, filter 140ms linear;
}

.dotmatrix-link:link,
.dotmatrix-link:visited,
.dotmatrix-link:hover,
.dotmatrix-link:active,
.dotmatrix-link:focus {
  color: inherit;
  text-decoration-line: underline;
}

.dotmatrix-link:hover,
.dotmatrix-link:focus-visible {
  text-decoration-color: currentColor;
  filter:
    drop-shadow(0 0 2px hsl(0 0% 100% / 0.45))
    drop-shadow(0 0 1px hsl(0 0% 0% / 0.6));
}

.dotmatrix-wrapper[data-pause-hover="1"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="true"]:hover .dotmatrix-board,
.dotmatrix-wrapper[data-pause-hover="yes"]:hover .dotmatrix-board {
  cursor: default;
}

@keyframes dotmatrix-scroll-motion {
  from {
    transform: translateX(var(--dot-motion-from, 0px));
  }
  to {
    transform: translateX(var(--dot-motion-to, -100px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .dotmatrix-track {
    transform: translateX(0) !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;
}