:root{--hb-ink: #00FFBC;--hb-shadow: #00B1FF;--hb-dot-pitch: 13px;--hb-dot-opacity: 0.16;--hb-plate-pitch: 11px}.hb-ground{position:relative}.hb-ground>*{position:relative;z-index:1}.hb-ground::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--hb-ink) 35%,transparent) 22%,transparent 26%);background-size:var(--hb-dot-pitch) var(--hb-dot-pitch);opacity:var(--hb-dot-opacity);-webkit-mask-image:radial-gradient(ellipse 55% 65% at 50% 45%,transparent 0 32%,#000 80%);mask-image:radial-gradient(ellipse 55% 65% at 50% 45%,transparent 0 32%,#000 80%)}.hb-ground--left::after{-webkit-mask-image:radial-gradient(ellipse 55% 65% at 28% 45%,transparent 0 32%,#000 80%);mask-image:radial-gradient(ellipse 55% 65% at 28% 45%,transparent 0 32%,#000 80%)}.hb-glow{position:relative}.hb-glow::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:800px;height:600px;max-width:100%;background:radial-gradient(circle,color-mix(in srgb,var(--hb-ink) 8%,transparent) 0%,transparent 70%);pointer-events:none;z-index:0}.hb-plate{background:radial-gradient(rgba(255,255,255,0.14) 22%,transparent 26%),rgba(255,255,255,0.06);background-size:var(--hb-plate-pitch) var(--hb-plate-pitch),auto;border:1px solid rgba(255,255,255,0.14);border-radius:14px;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hb-ghost{position:relative}.hb-ghost::before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--hb-shadow) 55%,transparent);transform:translate(2px,2px);z-index:-1;pointer-events:none}.hb-misregister{text-shadow:1.5px 1.5px 0 color-mix(in srgb,var(--hb-shadow) 35%,transparent)}.hb-misregister--heavy{text-shadow:2px 2px 0 color-mix(in srgb,var(--hb-shadow) 40%,transparent),-1px -1px 0 color-mix(in srgb,var(--hb-ink) 22%,transparent)}.hb-press{border-radius:8px;box-shadow:4px 4px 0 color-mix(in srgb,var(--hb-shadow) 65%,transparent)}.hb-press:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 color-mix(in srgb,var(--hb-shadow) 65%,transparent)}.hb-press:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 color-mix(in srgb,var(--hb-shadow) 65%,transparent)}.hb-press:disabled{box-shadow:none;transform:none}.hb-idx{font-family:var(--font-mono, Consolas, "Courier New", monospace);font-weight:700;color:var(--hb-shadow);margin-right:0.7ch}.hb-dots{display:flex;gap:11px}.hb-dots i{width:9px;height:9px;border-radius:50%;position:relative;flex:none}.hb-dots i::before{content:"";position:absolute;inset:0;border-radius:50%;background:color-mix(in srgb,var(--hb-shadow) 55%,transparent);transform:translate(2px,2px);z-index:-1}.hb-dots i:nth-child(1){background:#00FFBC}.hb-dots i:nth-child(2){background:#00B1FF}.hb-dots i:nth-child(3){background:#6161FF}.hb-dots i:nth-child(4){background:#17CE95}.hb-rule-dotted{border-left:2px dotted rgba(255,255,255,0.28)}.hb-rule-ink{border:0;border-top:2px solid color-mix(in srgb,var(--hb-ink) 55%,transparent)}@supports not (color: color-mix(in srgb,red 50%,transparent)){.hb-ground::after{background-image:radial-gradient(rgba(0,255,188,0.35) 22%,transparent 26%)}.hb-glow::before{background:radial-gradient(circle,rgba(0,255,188,0.08) 0%,transparent 70%)}.hb-ghost::before,.hb-dots i::before{background:rgba(0,177,255,0.55)}.hb-misregister{text-shadow:1.5px 1.5px 0 rgba(0,177,255,0.35)}.hb-press{box-shadow:4px 4px 0 rgba(0,177,255,0.65)}.hb-press:hover:not(:disabled),.hb-press:active:not(:disabled){box-shadow:1px 1px 0 rgba(0,177,255,0.65)}}
/*# sourceMappingURL=halftone-blend.css.map */