tape.css

/* opensuction s9a.page/tape */

:root {
  --tape-filter: none;
  --tape-bluv: #11dff1;
  --tape-play: #fbbfff;
  --tape-loud: #eee833;
  --tape-luvu: #44f477;
  --tape-blaq: #0e0e0e;
  --tape-watt: #e0e0e0;
  --tape-hex: #e0e0e0;
  --tape-mix: transparent;
}

.tape-watt { --tape-hex: var(--tape-watt) }
.tape-luvu { --tape-hex: var(--tape-luvu) }
.tape-loud { --tape-hex: var(--tape-loud) }
.tape-play { --tape-hex: var(--tape-play) }
.tape-bluv { --tape-hex: var(--tape-bluv) }
.tape-flat { border-color: transparent }
.tape-flap { border-color: currentColor }
.tape-flow { --tape-remix: none }
.tape-flow :not(.tape-skip) {
  background-color: transparent;
  color: inherit;
}

.tape-blaq,
.tape-bluv,
.tape-play,
.tape-loud,
.tape-luvu,
.tape-watt {
  --tape-mix: var(--tape-hex);
  --tape-remix: none;
  color: var(--tape-blaq) !important;
  background-color: var(--tape-mix) !important;
  background-image: var(--tape-remix);
  fill: var(--tape-mix);
  filter: var(--tape-filter);
}

.tape-blaq {
  --tape-mix: var(--tape-blaq);
  color: var(--tape-hex) !important;
}

.tape-erase *,
.tape-erase {
  color: transparent !important;
}