.ink-mark-label {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
[data-ink-mark] {
    --ink-color: #ad9aee;
    --ink-width: 3.5px;
    --ink-pad-x: 14px;
    --ink-pad-y: 12px;
    isolation: isolate;
}
[data-ink-mark] > .ink-mark__svg {
    position: absolute;
    z-index: -1;
    display: block;
    left: calc(0px - var(--ink-pad-x));
    top: calc(0px - var(--ink-pad-y));
    width: calc(100% + var(--ink-pad-x) + var(--ink-pad-x));
    height: calc(100% + var(--ink-pad-y) + var(--ink-pad-y));
    overflow: visible;
    pointer-events: none;
}
[data-ink-mark="double"] {
    --ink-pad-x: 18px;
    --ink-pad-y: 22px;
}
[data-ink-mark="underline"] > .ink-mark__svg,
[data-ink-mark="strike"] > .ink-mark__svg {
    height: var(--ink-height, 16px);
    top: calc(100% + 2px);
}
[data-ink-mark="strike"] > .ink-mark__svg {
    top: calc(50% - 8px);
}
.ink-mark__svg > .ink-mark__stroke {
    fill: none;
    stroke: var(--ink-color);
    stroke-width: var(--ink-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0;
}