.tc-dot-matrix{--tc-dot-matrix-bg: #161718;--tc-dot-matrix-dot: rgba(255, 255, 255, .92);--tc-dot-matrix-label: rgba(255, 255, 255, .62);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:inherit;background:var(--tc-dot-matrix-bg);pointer-events:none}:root[data-mantine-color-scheme=light] .tc-dot-matrix{--tc-dot-matrix-bg: #f1f2f4;--tc-dot-matrix-dot: rgba(17, 18, 21, .78);--tc-dot-matrix-label: rgba(17, 18, 21, .58)}.tc-dot-matrix__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;color:var(--tc-dot-matrix-dot)}.tc-dot-matrix__label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2px 8px;border-radius:4px;background:var(--tc-dot-matrix-bg);color:var(--tc-dot-matrix-label);font-size:12px;line-height:1.4;letter-spacing:.06em;white-space:nowrap}.tc-dot-matrix__footer{position:absolute;left:12px;right:12px;bottom:10px}