dmg-led-matrix{--dmg-led-on: #f5b400;--dmg-led-off: #2c3137;--dmg-led-size: 4px;--dmg-led-gap: 1.5px;--dmg-led-glow: 3px;display:inline-flex;flex-direction:column;align-items:center;gap:calc(var(--dmg-led-size) * 1.8)}.dmg-led__grid{display:grid;grid-template-columns:repeat(17,var(--dmg-led-size));gap:var(--dmg-led-gap);transition:opacity 60ms linear}dmg-led-matrix[data-dim] .dmg-led__grid{opacity:.3}.dmg-led__dot{display:block;width:var(--dmg-led-size);height:var(--dmg-led-size);border-radius:50%;background:var(--dmg-led-on);box-shadow:0 0 var(--dmg-led-glow) color-mix(in srgb,var(--dmg-led-on) 75%,transparent);transition:background-color 40ms linear,box-shadow 40ms linear}.dmg-led__dot--off,dmg-led-matrix[data-state] .dmg-led__dot:not(.is-on){background:var(--dmg-led-off);box-shadow:none}.dmg-led__caption{font-family:var(--font-accent--family, ui-monospace),ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--dmg-led-on);transition:opacity .6s ease-out}dmg-led-matrix[data-state=animating] .dmg-led__caption{opacity:0}.dmg-led-header{display:inline-flex;align-items:center;gap:10px;color:var(--color-foreground)}.dmg-led-header__plate{display:block;background:#15181c;border-radius:8px;padding:8px 9px;line-height:0}.dmg-led-header dmg-led-matrix{--dmg-led-size: 3.4px;--dmg-led-gap: 1.3px}.dmg-led-header__label{font-family:var(--font-accent--family, ui-monospace),ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.875rem;font-weight:500;letter-spacing:.01em;transition:opacity .5s ease-out}.dmg-led-header:has(dmg-led-matrix[data-state=animating]) .dmg-led-header__label{opacity:0}.dmg-led-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (min-width:750px){.dmg-led-header dmg-led-matrix{--dmg-led-size: 4px;--dmg-led-gap: 1.5px}.dmg-led-header__plate{padding:9px 11px}}@media screen and (max-width:749px){.dmg-led-header__label{display:none}}.dmg-led--hero{--dmg-led-size: clamp(8px, 2.6vw, 14px);--dmg-led-gap: clamp(3px, .9vw, 5px);--dmg-led-glow: 10px;gap:22px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/dmg-led.css.map */