/* Annotate highlights and pens for Imbuer cells (typed as #R#text## and friends). Same styles as Writeout, drawn on any element instead of only <mark>! */
/* Bitbook's highlight strip (.an-hl), Gel Underline (.an-s-ul) and Gel Strikethrough (.an-s-st), with every Bitbook highlight color, shared with Writeout's Annotator! */
/* Annotate highlights: a gel highlighter strip, inspired by the Gel Bubble Chips (not a copy)!
   Highlighter part: one continuous strip (crisp edges along the top + bottom only, no box
   around each word), and your text keeps its own color + weight.
   Gel part: the chips' colors, their color-to-clear gel running down the strip, their
   crisp 2px deeper edge and their soft drop + inset shine. */
.an-hl {
    --hl-c: #ead708;
    --hl-edge: #caa604;
    color: inherit;
    padding: 0 3px;
    margin: 0 -3px; /* the strip grows outward: text never shifts! */
    border-top: 2px solid var(--hl-edge);
    border-bottom: 2px solid var(--hl-edge);
    border-radius: 3px;
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--hl-c) 80%, transparent) 0%,
        color-mix(in srgb, var(--hl-c) 10%, transparent) 100%);
    box-shadow: 0 3px 6px rgba(0,0,0,0.06), inset 0 1px 1px rgba(255,255,255,0.45);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.an-hl-red { --hl-c: #ef4444; --hl-edge: #dc2626; }
.an-hl-orange { --hl-c: #f97316; --hl-edge: #ea580c; }
.an-hl-gold { --hl-c: #ea9f08; --hl-edge: #ca8a04; }
.an-hl-lime { --hl-c: #84cc16; --hl-edge: #65a30d; }
.an-hl-green { --hl-c: #10b981; --hl-edge: #059669; }
.an-hl-turquoise { --hl-c: #30e5cd; --hl-edge: #26b1a5; }
.an-hl-teal { --hl-c: #06b6d4; --hl-edge: #0891b2; }
.an-hl-cyan { --hl-c: #30d3e5; --hl-edge: #26a3b1; }
.an-hl-blue { --hl-c: #3b82f6; --hl-edge: #2563eb; }
.an-hl-purple { --hl-c: #a855f7; --hl-edge: #9333ea; }
.an-hl-pink { --hl-c: #ec4899; --hl-edge: #db2777; }
.an-hl-slate { --hl-c: #b4b4b4; --hl-edge: #6f6f6f; }
/* Gel Underline + Gel Strikethrough: the Custom Chips' Underline Bar, made into markup!
   Its glossy pill bar: light-to-color fill, the same shine on the top half, a thin deeper
   edge and round ends. The bar is painted with background layers (so a mark that wraps
   gets its own pill on every line), and the round ends are tiny SVGs with EXACTLY the
   bar's gradient, shine and edge (one pair per color, below), so the pill is seamless! */
.an-hl.an-s-ul,
.an-hl.an-s-st {
    --bh: 0.32em;                                       /* bar height */
    --be: 0.06em;                                       /* edge thickness (18.75% of the bar, like the SVG ends) */
    --bl: color-mix(in srgb, var(--hl-c) 40%, #ffffff); /* the bar's light top */
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    padding: 0 2px;
    margin: 0 -2px;
    box-shadow: none;
    background-repeat: no-repeat;
    background-image:
        var(--capL),
        var(--capR),
        linear-gradient(180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.14) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, var(--hl-edge) 0 var(--be), var(--bl) var(--be), var(--hl-c) calc(100% - var(--be)), var(--hl-edge) calc(100% - var(--be)));
    /* the middle tucks 0.5px under each end, so they can never show a hairline gap */
    background-size:
        calc(var(--bh) / 2) var(--bh),
        calc(var(--bh) / 2) var(--bh),
        calc(100% - var(--bh) + 1px) var(--bh),
        calc(100% - var(--bh) + 1px) var(--bh);
}
/* Underline: the bar sits just under the baseline (the box reaches down a little for it)! */
.an-hl.an-s-ul {
    padding-bottom: 0.12em;
    background-position: left bottom, right bottom, center bottom, center bottom;
}
/* Strikethrough: the bar is centered on the font's own strike line (0.675em down in
   JetBrains Mono), and a see-through band of the color crosses OVER the letters, so it
   reads as struck out, not highlighted! */
.an-hl.an-s-st {
    --sy: calc(0.675em - var(--bh) / 2);
    text-decoration: line-through calc(var(--bh) - 2 * var(--be)) color-mix(in srgb, var(--hl-c) 55%, transparent);
    background-position: left var(--sy), right var(--sy), center var(--sy), center var(--sy);
}
.an-hl-red.an-s-ul, .an-hl-red.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f9b4b4'/%3E%3Cstop offset='0.8125' stop-color='%23ef4444'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23dc2626'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f9b4b4'/%3E%3Cstop offset='0.8125' stop-color='%23ef4444'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23dc2626'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-ul, .an-hl-orange.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23fdc7a2'/%3E%3Cstop offset='0.8125' stop-color='%23f97316'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23ea580c'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23fdc7a2'/%3E%3Cstop offset='0.8125' stop-color='%23f97316'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23ea580c'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-ul, .an-hl-gold.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7d99c'/%3E%3Cstop offset='0.8125' stop-color='%23ea9f08'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23ca8a04'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7d99c'/%3E%3Cstop offset='0.8125' stop-color='%23ea9f08'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23ca8a04'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-ul, .an-hl-yellow.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7ef9c'/%3E%3Cstop offset='0.8125' stop-color='%23ead708'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23caa604'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7ef9c'/%3E%3Cstop offset='0.8125' stop-color='%23ead708'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23caa604'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-ul, .an-hl-lime.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23ceeba2'/%3E%3Cstop offset='0.8125' stop-color='%2384cc16'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2365a30d'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23ceeba2'/%3E%3Cstop offset='0.8125' stop-color='%2384cc16'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2365a30d'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-green.an-s-ul, .an-hl-green.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239fe3cd'/%3E%3Cstop offset='0.8125' stop-color='%2310b981'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23059669'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239fe3cd'/%3E%3Cstop offset='0.8125' stop-color='%2310b981'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23059669'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-ul, .an-hl-turquoise.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acf5eb'/%3E%3Cstop offset='0.8125' stop-color='%2330e5cd'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2326b1a5'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acf5eb'/%3E%3Cstop offset='0.8125' stop-color='%2330e5cd'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2326b1a5'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-ul, .an-hl-teal.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239be2ee'/%3E%3Cstop offset='0.8125' stop-color='%2306b6d4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%230891b2'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%239be2ee'/%3E%3Cstop offset='0.8125' stop-color='%2306b6d4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%230891b2'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-ul, .an-hl-cyan.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acedf5'/%3E%3Cstop offset='0.8125' stop-color='%2330d3e5'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%2326a3b1'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23acedf5'/%3E%3Cstop offset='0.8125' stop-color='%2330d3e5'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%2326a3b1'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-ul, .an-hl-blue.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23b1cdfb'/%3E%3Cstop offset='0.8125' stop-color='%233b82f6'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%232563eb'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23b1cdfb'/%3E%3Cstop offset='0.8125' stop-color='%233b82f6'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%232563eb'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-ul, .an-hl-purple.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23dcbbfc'/%3E%3Cstop offset='0.8125' stop-color='%23a855f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%239333ea'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23dcbbfc'/%3E%3Cstop offset='0.8125' stop-color='%23a855f7'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%239333ea'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-ul, .an-hl-pink.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7b6d6'/%3E%3Cstop offset='0.8125' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%23db2777'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23f7b6d6'/%3E%3Cstop offset='0.8125' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%23db2777'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-ul, .an-hl-slate.an-s-st { --capL: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23e1e1e1'/%3E%3Cstop offset='0.8125' stop-color='%23b4b4b4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='%236f6f6f'/%3E%3Cpath d='M50 18.75A31.25 31.25 0 0 0 50 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M50 0A50 50 0 0 0 50 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); --capR: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.1875' stop-color='%23e1e1e1'/%3E%3Cstop offset='0.8125' stop-color='%23b4b4b4'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='100' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.48' stop-color='%23fff' stop-opacity='.14'/%3E%3Cstop offset='.52' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='%236f6f6f'/%3E%3Cpath d='M0 18.75A31.25 31.25 0 0 1 0 81.25Z' fill='url(%23f)'/%3E%3Cpath d='M0 0A50 50 0 0 1 0 100Z' fill='url(%23g)'/%3E%3C/svg%3E"); }
.an-hl-yellow { --hl-c: #ead708; --hl-edge: #caa604; }

/* More Annotate styles that Keydown can write too: #R#text#= (Gel Box), #R#text#] (Corner Brackets) and #R#text#- (Gel Select)! */
/* Gel Box: a glossy outlined rounded box around the words! */
.an-hl.an-s-bx {
    padding: 0 5px;
    margin: 0 -5px;
    border: 2px solid var(--hl-edge);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.12) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 34%, #ffffff) 0%, color-mix(in srgb, var(--hl-c) 12%, transparent) 100%);
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.85), 0 2px 6px color-mix(in srgb, var(--hl-c) 35%, transparent);
}
/* Corner Brackets: viewfinder corners around the words with a faint tint inside! */
.an-hl.an-s-cb {
    --cl: 0.55em;   /* corner arm length */
    --ct: 2.5px;    /* corner arm thickness */
    padding: 0 7px;
    margin: 0 -7px;
    border: 0;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(var(--hl-edge), var(--hl-edge)), linear-gradient(var(--hl-edge), var(--hl-edge)),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 20%, transparent), color-mix(in srgb, var(--hl-c) 6%, transparent));
    background-size:
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        var(--cl) var(--ct), var(--ct) var(--cl),
        100% 100%;
    background-position:
        left top, left top,
        right top, right top,
        left bottom, left bottom,
        right bottom, right bottom,
        0 0;
    box-shadow: none;
}
/* Gel Select: a bold, deep-inked word with gel poured down behind it, like a selection! */
.an-hl.an-s-sl {
    padding: 0.05em 0.2em;
    margin: 0 -0.2em;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    font-weight: 800;
    color: color-mix(in srgb, var(--hl-c) 30%, #000);
    background: linear-gradient(180deg, var(--hl-c) 0%, transparent 100%);
    background: linear-gradient(180deg, var(--hl-c) 0%, rgb(from var(--hl-c) r g b / 0) 100%);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Color Ink: no strip, no box, just the words written in the color (deep shade, bold)! #R(text) */
.an-hl.an-s-ink {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-weight: 700;
    color: var(--hl-edge);
}
/* The Writeout Annotator's own pens, as Annotate styles Keydown can write: #Y.marker(text), #C.glow(text), #R.lasso(text)! */
/* Marker: a translucent fill with soft rounded ends, a touch darker at the bottom like real ink */
.an-hl.an-s-mk {
    padding: 0 .12em;
    margin: 0 -.12em;
    border: 0;
    border-radius: .25em .45em .3em .5em;
    box-shadow: none;
    background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent) 0%, color-mix(in srgb, var(--hl-c) 62%, transparent) 100%);
}
/* Glow Pen: the words light up in the color (no fill, no line) */
.an-hl.an-s-gl {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    text-shadow: 0 0 .25em var(--hl-c), 0 0 .6em color-mix(in srgb, var(--hl-c) 70%, transparent);
}
/* Lasso: a hand-drawn dashed loop around the words */
.an-hl.an-s-ls {
    padding: 0 .35em;
    margin: 0 -.35em;
    border: 2px dashed var(--hl-edge);
    border-radius: 999px;
    background: none;
    box-shadow: none;
}
/* Bitbook Annotate's other styles, so Keydown can write them anywhere: #B.halo(text), #PK.neon(text), #Y.washi(text)... */
/* Halo: a soft glowing aura behind the words, no border and no line (just light)! */
.an-hl.an-s-ha {
    padding: 0 9px;
    margin: 0 -9px;
    border: 0;
    border-radius: 999px;
    background:
        radial-gradient(ellipse 72% 105% at 50% 50%,
            color-mix(in srgb, var(--hl-c) 60%, transparent) 0%,
            color-mix(in srgb, var(--hl-c) 26%, transparent) 55%,
            transparent 100%);
    box-shadow: 0 0 14px 2px color-mix(in srgb, var(--hl-c) 38%, transparent);
}
/* Spotlight: a soft glowing pool of light behind the words, fading out at the edges. No lines, no borders! */
.an-hl.an-s-gf {
    padding: 0.05em 0.4em;
    margin: 0 -0.4em;
    border: 0;
    border-radius: 50%;
    background: radial-gradient(ellipse 100% 120% at 50% 50%,
        color-mix(in srgb, var(--hl-c) 78%, transparent) 0%,
        color-mix(in srgb, var(--hl-c) 46%, transparent) 45%,
        color-mix(in srgb, var(--hl-c) 14%, transparent) 78%,
        transparent 100%);
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Accent: a glossy gel bar down the left edge, with a tint that fades out to the right! */
.an-hl.an-s-ga {
    padding: 0.06em 0.35em 0.06em 0.55em;
    margin: 0 -0.35em 0 -0.55em;
    border: 0;
    border-radius: 3px 9px 9px 3px;
    background-repeat: no-repeat;
    background-position: left top, left top, 0 0;
    background-size: 5px 100%, 5px 100%, 100% 100%;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,0.7) 0, rgba(255,255,255,0) 2px),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 60%, #fff) 0%, var(--hl-edge) 100%),
        linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 40%, transparent) 0%, color-mix(in srgb, var(--hl-c) 14%, transparent) 65%, transparent 100%);
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Bubble: a glass bead with a little shine in the corner! */
.an-hl.an-s-gb {
    padding: 0.08em 0.4em;
    margin: 0 -0.4em;
    border: 1.5px solid color-mix(in srgb, var(--hl-edge) 75%, transparent);
    border-radius: 999px;
    background-repeat: no-repeat;
    background-image:
        radial-gradient(ellipse 22% 24% at 13% 26%, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 14%, transparent) 0%, color-mix(in srgb, var(--hl-c) 48%, transparent) 100%);
    box-shadow: inset 0 -3px 5px color-mix(in srgb, var(--hl-c) 30%, transparent), 0 2px 5px color-mix(in srgb, var(--hl-c) 28%, transparent);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* More highlighters: each one plays with a second color (a slight or a big hue shift)! */
.an-hl.an-s-dk {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 7px;
    background: color-mix(in srgb, var(--hl-c) 45%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 58%, transparent), color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 40)) 58%, transparent));
}
.an-hl.an-s-pr {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 4px;
    background: color-mix(in srgb, var(--hl-c) 45%, transparent);
    background: linear-gradient(90deg, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + -50)) 55%, transparent), color-mix(in srgb, var(--hl-c) 55%, transparent) 50%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 50)) 55%, transparent));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(0,0,0,0.08);
}
.an-hl.an-s-cm {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 5px;
    background: color-mix(in srgb, var(--hl-c) 36%, transparent);
    box-shadow: 0 0 0 2px var(--hl-edge);
    box-shadow: 0 0 0 2px oklch(from var(--hl-edge) l c calc(h + 180));
}
.an-hl.an-s-tk {
    padding: 0.05em 0.5em; margin: 0 -0.5em; border: 0; border-radius: 3px;
    border-top: 1.5px dashed var(--hl-edge); border-bottom: 1.5px dashed var(--hl-edge);
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    -webkit-mask: radial-gradient(circle 0.34em at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 0.34em at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
    mask: radial-gradient(circle 0.34em at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 0.34em at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
}
.an-hl.an-s-nn {
    padding: 0.05em 0.4em; margin: 0 -0.4em; border: 1.5px solid var(--hl-edge); border-radius: 6px;
    background: color-mix(in srgb, var(--hl-c) 9%, transparent);
    box-shadow: 0 0 5px var(--hl-c), 0 0 14px color-mix(in srgb, var(--hl-c) 60%, transparent), inset 0 0 8px color-mix(in srgb, var(--hl-c) 35%, transparent);
    text-shadow: 0 0 6px color-mix(in srgb, var(--hl-c) 80%, transparent);
}
.an-hl.an-s-sm {
    padding: 0.04em 0.4em; margin: 0 -0.4em; border: 2px solid var(--hl-edge); border-radius: 3px;
    outline: 1.5px solid var(--hl-edge); outline-offset: 2px;
    background: color-mix(in srgb, var(--hl-c) 10%, transparent);
    letter-spacing: 0.03em;
}
.an-hl.an-s-tp {
    padding: 0.05em 0.4em; margin: 0 -0.4em; border: 0; border-radius: 2px;
    border-left: 3px dotted var(--hl-edge); border-right: 3px dotted var(--hl-edge);
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 55%, transparent) 0 0.3em, color-mix(in srgb, var(--hl-c) 22%, transparent) 0.3em 0.6em);
    background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 55%, transparent) 0 0.3em, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 25)) 30%, transparent) 0.3em 0.6em);
}
.an-hl.an-s-ck {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 3px;
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    background: conic-gradient(color-mix(in srgb, var(--hl-c) 48%, transparent) 25%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 90)) 48%, transparent) 0 50%, color-mix(in srgb, var(--hl-c) 48%, transparent) 0 75%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 90)) 48%, transparent) 0) 0 0 / 0.55em 0.55em;
}
.an-hl.an-s-ht {
    padding: 0.05em 0.35em; margin: 0 -0.35em; border: 0; border-radius: 3px;
    background: radial-gradient(circle, color-mix(in srgb, var(--hl-c) 75%, transparent) 0 0.085em, transparent 0.095em) 0 0 / 0.27em 0.27em, color-mix(in srgb, var(--hl-c) 14%, transparent);
}
.an-hl.an-s-au {
    padding: 0.05em 0.45em; margin: 0 -0.45em; border: 0; border-radius: 999px;
    background: color-mix(in srgb, var(--hl-c) 40%, transparent);
    background: radial-gradient(ellipse 70% 130% at 12% 50%, color-mix(in srgb, var(--hl-c) 70%, transparent), transparent 70%), radial-gradient(ellipse 70% 130% at 88% 45%, color-mix(in srgb, oklch(from var(--hl-c) l c calc(h + 120)) 65%, transparent), transparent 70%), color-mix(in srgb, var(--hl-c) 12%, transparent);
}
/* Mild: pale, soft versions of every color. Gel Wrap: a glossy capsule wrapped with two seam lines near the ends! */
.an-hl.an-s-ml {
    padding: 0.04em 0.22em; margin: 0 -0.22em; border: 0; border-radius: 3px;
    background: color-mix(in srgb, var(--hl-c) 22%, transparent);
    background: oklch(from var(--hl-c) calc(l + 0.12) calc(c * 0.4) h / 0.5);
    box-shadow: none;
}
.an-hl.an-s-gw {
    padding: 0.06em 0.5em; margin: 0 -0.5em; border: 1.5px solid color-mix(in srgb, var(--hl-edge) 70%, transparent); border-radius: 999px;
    background-repeat: no-repeat;
    background-image:
        linear-gradient(color-mix(in srgb, var(--hl-edge) 55%, transparent), color-mix(in srgb, var(--hl-edge) 55%, transparent)),
        linear-gradient(color-mix(in srgb, var(--hl-edge) 55%, transparent), color-mix(in srgb, var(--hl-edge) 55%, transparent)),
        linear-gradient(90deg, rgba(255,255,255,0.5), rgba(255,255,255,0) 0.55em, rgba(255,255,255,0) calc(100% - 0.55em), rgba(255,255,255,0.5)),
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.08) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent), color-mix(in srgb, var(--hl-c) 62%, transparent));
    background-size: 2px 70%, 2px 70%, 100% 100%, 100% 100%, 100% 100%;
    background-position: 0.5em 50%, calc(100% - 0.5em) 50%, 0 0, 0 0, 0 0;
    box-shadow: inset 0 -3px 5px color-mix(in srgb, var(--hl-c) 30%, transparent), 0 2px 5px color-mix(in srgb, var(--hl-c) 28%, transparent);
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Highlight Belt: a see-through color band with two glossy gray rails laid over it (above the band, under the text)! */
.an-hl.an-s-bt {
    padding: 0.12em 0.45em;
    margin: 0 -0.45em;
    border: 0;
    border-radius: 0.65em;
    background-repeat: no-repeat;
    background-origin: border-box;
    background-image:
        linear-gradient(180deg, #ececec 0%, #dcdcdc 100%),
        linear-gradient(180deg, #ececec 0%, #dcdcdc 100%),
        linear-gradient(180deg, #c6c6c6 0%, #b3b3b3 100%),
        linear-gradient(180deg, #c6c6c6 0%, #b3b3b3 100%),
        linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0%, color-mix(in srgb, var(--hl-c) 26%, transparent) 100%);
    background-size:
        calc(100% - 3px) calc(0.3em - 1.5px),
        calc(100% - 3px) calc(0.3em - 1.5px),
        100% 0.3em,
        100% 0.3em,
        100% 100%;
    background-position:
        1.5px 1.5px,
        1.5px calc(100% - 1.5px),
        0 0,
        0 100%,
        0 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Bucket: a bucket-shaped gel (wider on top, rounded, with a bold outline and a gel gradient fading to white) that sits right in the text! */
.an-hl.an-s-bk {
    padding: 0.05em 0.35em;
    margin: 0 calc(-0.35em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 26 34 26 34 fill;
    border-image-width: 0.26em 0.34em 0.26em 0.34em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.an-hl-yellow.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ebd914%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fcfae1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%238d7403%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-red.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f04d4d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fde9e9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%239a1b1b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f97a22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23feeee3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23a43e08%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eba414%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fcf3e1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%238d6103%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%238acf22%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f0f9e3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23477209%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%231cbc87%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e2f7f0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304694a%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%233ae6d0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e6fcf9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231b7c74%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2312bad6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e1f6fa%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%2306667d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%233ad5e6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e6fafc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231b727c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234588f6%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e7f0fe%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%231a45a4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ac5ef7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f5ebfe%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%236724a4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ed519e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fde9f3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%23991b53%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-bk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b8b8b8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f6f6f6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M30 4H140Q166 4 166 28L156 52Q154 76 130 76H40Q16 76 14 52L4 28Q4 4 30 4Z%22 fill=%22url(%23g)%22 stroke=%22%234e4e4e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Torpedo: a gel capsule with a big round nose on the right and a deep wavy notch in the tail on the left, sitting right in the text! */
.an-hl.an-s-tr {
    padding: 0.05em 0.36em;
    margin: 0 calc(-0.36em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.an-hl-red.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f15a5a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbcece%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c22121%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8432%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fddbc2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23ce4d0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23edab26%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fae6bf%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b27904%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2393d232%22/%3E%3Cstop offset=%221%22 stop-color=%22%23dff2c2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23598f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%232dc190%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1edde%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304845c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2349e8d3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c9f8f2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23219c91%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2324bfd9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23beecf4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%2307809d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2349d8e8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c9f4f8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23218f9c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235391f7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ccdefd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%232157cf%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b269f8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e8d3fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23812dce%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ee5ea5%22/%3E%3Cstop offset=%221%22 stop-color=%22%23facfe4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c12269%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23bdbdbd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ececec%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23626262%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-tr { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eddc26%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf5bf%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H128C150 4 166 14 166 40L166 104C166 130 150 140 128 140H44C22 140 6 130 6 110C6 92 36 88 36 72C36 56 6 52 6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b29204%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Bottle: a gel capsule lying on its side, with a little bottle neck on the left! */
.an-hl.an-s-bo {
    padding: 0.05em 0.3em 0.05em 0.42em;
    margin: 0 calc(-0.3em - 1px) 0 calc(-0.42em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 50 40 50 40 fill;
    border-image-width: 0.5em 0.4em 0.5em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Packet: a slanted gray gel packet with a bright seal stripe along the top (the stripe takes the chosen color)! */
.an-hl.an-s-pk {
    padding: 0.05em 0.34em;
    margin: 0 calc(-0.34em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 30 34 30 34 fill;
    border-image-width: 0.3em 0.34em 0.3em 0.34em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.an-hl-red.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f58585%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd6d6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c62222%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-red.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f47c7c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ef4444%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fba468%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fee0cc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23d34f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23fb9d5c%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f97316%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1c15e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faeac9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b67c04%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f0bc52%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ea9f08%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23afde68%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e4f4cc%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%235b930c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23a9db5c%22/%3E%3Cstop offset=%221%22 stop-color=%22%2384cc16%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2364d2ad%22/%3E%3Cstop offset=%221%22 stop-color=%22%23caf0e3%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%2304875e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2358cea7%22/%3E%3Cstop offset=%221%22 stop-color=%22%2310b981%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2378eede%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d1f9f4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23229f94%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236eeddc%22/%3E%3Cstop offset=%221%22 stop-color=%22%2330e5cd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235dd0e3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c8eff6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%230782a0%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2351cce1%22/%3E%3Cstop offset=%221%22 stop-color=%22%2306b6d4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2378e2ee%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d1f5f9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%2322939f%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%236ee0ed%22/%3E%3Cstop offset=%221%22 stop-color=%22%2330d3e5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2380aef9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23d4e4fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%232159d4%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%2376a8f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%233b82f6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c690fa%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ecdafd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23842ed3%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23c288f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23a855f7%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f388bd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd7e9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23c5236b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f27fb8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ec4899%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23cecece%22/%3E%3Cstop offset=%221%22 stop-color=%22%23eeeeee%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23646464%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23cacaca%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b4b4b4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-bo { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22110%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 110%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22106%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1e55e%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf6c9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M52 4H128Q166 4 166 40L166 70Q166 106 128 106H52Q24 106 24 80L24 66H10Q6 66 6 62L6 52Q6 48 10 48H24L24 30Q24 4 52 4Z%22 fill=%22url(%23g)%22 stroke=%22%23b69504%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-pk { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%2280%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 80%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%2276%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f1f1f1%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b9b9b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22s%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%220%22%3E%3Cstop offset=%220%22 stop-color=%22%23f0e352%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ead708%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M9 23Q8 8 32 8H138Q162 8 161 23Z%22 fill=%22url(%23s)%22/%3E%3Cpath d=%22M32 4H138Q164 4 164 28L156 52Q154 76 130 76H40Q16 76 14 52L6 28Q6 4 32 4Z%22 fill=%22none%22 stroke=%22%23585858%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Capsule: a two-tone glossy pill (half the color, half a pale version), like a medicine capsule! */
.an-hl.an-s-cs {
    padding: 0.04em 0.4em;
    margin: 0 -0.4em;
    border: 1.5px solid var(--hl-edge);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.1) 48%, rgba(255,255,255,0) 52%),
        linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 85%, #fff) 0 50%, color-mix(in srgb, var(--hl-c) 22%, #fff) 50% 100%);
    box-shadow: 0 1px 3px color-mix(in srgb, var(--hl-c) 30%, transparent);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Frost: frosted glass with a hint of the color, a bright rim and a soft drop shadow! */
.an-hl.an-s-fr {
    padding: 0.05em 0.3em;
    margin: 0 -0.3em;
    border: 1px solid rgba(255,255,255,0.95);
    border-radius: 0.35em;
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, color-mix(in srgb, var(--hl-c) 24%, rgba(255,255,255,0.55)) 100%);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--hl-c) 35%, transparent), inset 0 1px 0 #fff, 0 2px 6px color-mix(in srgb, var(--hl-c) 22%, transparent);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Pixel: an 8-bit block with notched pixel corners! */
.an-hl.an-s-px {
    padding: 0.02em 0.25em;
    margin: 0 -0.25em;
    border: 0;
    border-radius: 0;
    background: color-mix(in srgb, var(--hl-c) 45%, #fff);
    box-shadow: 0 -2px 0 0 var(--hl-edge), 0 2px 0 0 var(--hl-edge), -2px 0 0 0 var(--hl-edge), 2px 0 0 0 var(--hl-edge), inset 0 -2px 0 0 color-mix(in srgb, var(--hl-c) 70%, #000), inset 0 2px 0 0 rgba(255,255,255,0.7);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Flag: a glossy ribbon flag with a rounded end on the left and a swallowtail notch on the right! */
.an-hl.an-s-fl {
    padding: 0.05em 0.42em 0.05em 0.32em;
    margin: 0 calc(-0.42em - 1px) 0 calc(-0.32em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Gel Gem: a cut-gem shape with pointed ends and shiny facets! */
.an-hl.an-s-gm {
    padding: 0.05em 0.4em;
    margin: 0 calc(-0.4em - 1px);
    background: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    border-radius: 0;
    border-image-slice: 62 40 62 40 fill;
    border-image-width: 0.62em 0.4em 0.62em 0.4em;
    border-image-repeat: stretch;
    box-shadow: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.an-hl-red.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f16060%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fac7c7%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23c22121%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-red.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f26969%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fbd0d0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23bb2020%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8839%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fdd5b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23ce4d0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-orange.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23fa8f45%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fedcc5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23c74b0a%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23edad2d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9e2b5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23b27904%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-gold.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eeb239%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fae7c1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ac7503%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2396d439%22/%3E%3Cstop offset=%221%22 stop-color=%22%23daf0b9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23598f0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-lime.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%239dd645%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e0f2c5%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23568b0b%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2334c494%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b7ead9%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%2304845c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-green.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2340c79a%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c3eee0%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23048059%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234fe9d4%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1f7f0%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23219c91%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2359ead7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cbf8f2%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%2320968c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%232bc1da%22/%3E%3Cstop offset=%221%22 stop-color=%22%23b4e9f2%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%2307809d%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-teal.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2338c5dd%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1edf4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23077b97%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%234fdae9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c1f2f7%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23218f9c%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%2359dcea%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cbf4f8%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23208b96%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%235895f7%22/%3E%3Cstop offset=%221%22 stop-color=%22%23c4dafc%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%232157cf%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-blue.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23629bf8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23cee0fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%231f54c8%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b56ef8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e5ccfd%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23812dce%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-purple.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23b977f9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e9d4fd%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%237d2bc7%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23ef63a8%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9c8e0%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23c12269%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-pink.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23f06dad%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fad1e6%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ba2165%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23bfbfbf%22/%3E%3Cstop offset=%221%22 stop-color=%22%23e8e8e8%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23626262%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-slate.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23c3c3c3%22/%3E%3Cstop offset=%221%22 stop-color=%22%23ececec%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%235e5e5e%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-fl { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eddd2d%22/%3E%3Cstop offset=%221%22 stop-color=%22%23f9f3b5%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22h%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.6%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23fff%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M44 4H166L150 44H6V34C6 14 22 4 44 4Z%22 fill=%22url(%23h)%22/%3E%3Cpath d=%22M44 4H166L138 72L166 140H44C22 140 6 130 6 110L6 34C6 14 22 4 44 4Z%22 fill=%22none%22 stroke=%22%23b29204%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-gm { border-image-source: url("data:image/svg+xml,%3Csvg width=%22170%22 height=%22144%22 xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 170 144%22 preserveAspectRatio=%22none%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%224%22 x2=%220%22 y2=%22140%22 gradientUnits=%22userSpaceOnUse%22%3E%3Cstop offset=%220%22 stop-color=%22%23eedf39%22/%3E%3Cstop offset=%221%22 stop-color=%22%23faf5c1%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22url(%23g)%22/%3E%3Cpath d=%22M34 4H136L150 36H20Z%22 fill=%22%23fff%22 fill-opacity=%22.55%22/%3E%3Cpath d=%22M4 72L20 36M166 72L150 36M20 36H150%22 stroke=%22%23fff%22 stroke-opacity=%22.7%22 stroke-width=%223%22 fill=%22none%22/%3E%3Cpath d=%22M34 4H136L166 72L136 140H34L4 72Z%22 fill=%22none%22 stroke=%22%23ac8d03%22 stroke-width=%228%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E"); }
/* Gel Bracket (#C#text#[), Gel Guillemets (#C#text#>) and Gel Double Brackets (#C#text#[[): the Gel Underline's glossy tube (a deeper edge, a light-to-color core, a white shine and round ends),
   bent into [ ], « » and ⟦ ⟧. The brackets are tiny SVGs (one per color), drawn left and right of the words; the right one is the left one mirrored! */
.an-hl.an-s-br, .an-hl.an-s-gu, .an-hl.an-s-db { --bw: 0.5em; padding: 0 0.12em; margin: 0 0.04em; border: 0; border-radius: 0; background: none; box-shadow: none; }
.an-hl.an-s-gu { --bw: 0.72em; } .an-hl.an-s-db { --bw: 0.78em; }
.an-hl.an-s-br::before, .an-hl.an-s-br::after, .an-hl.an-s-gu::before, .an-hl.an-s-gu::after, .an-hl.an-s-db::before, .an-hl.an-s-db::after { content: ""; display: inline-block; width: var(--bw); height: 1.3em; vertical-align: -0.34em; margin: 0 0.1em; background: var(--brg) center / 100% 100% no-repeat; }
.an-hl.an-s-br::after, .an-hl.an-s-gu::after, .an-hl.an-s-db::after { transform: scaleX(-1); }
.an-hl-red.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-orange.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-gold.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-lime.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-green.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-teal.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-blue.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-purple.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-pink.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-slate.an-s-br { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M9.6 2.8H5a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h4.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-red.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-orange.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-gold.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-lime.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-green.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-teal.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-blue.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-purple.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-pink.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-slate.an-s-gu { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M8.6 6.4L3.4 14l5.2 7.6M15.2 6.4L10 14l5.2 7.6' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-red.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23dc2626' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ef4444' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f7a2a2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-orange.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ea580c' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f97316' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23fcb98a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-gold.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ca8a04' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ea9f08' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f4cf84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-yellow.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23caa604' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ead708' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f4eb84' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-lime.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2365a30d' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2384cc16' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23c2e68a' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-green.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23059669' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2310b981' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2388dcc0' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-turquoise.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2326b1a5' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2330e5cd' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2398f2e6' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-teal.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%230891b2' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2306b6d4' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2382daea' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-cyan.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2326a3b1' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2330d3e5' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2398e9f2' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-blue.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%232563eb' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%233b82f6' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%239dc0fa' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-purple.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%239333ea' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23a855f7' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23d4aafb' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-pink.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23db2777' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23ec4899' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23f6a4cc' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }
.an-hl-slate.an-s-db { --brg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 28'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%236f6f6f' stroke-width='5.6'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23b4b4b4' stroke-width='4.3'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%23dadada' stroke-width='2.7' transform='translate(-.25 -.45)'/%3E%3Cpath d='M16.4 2.8H5.4a2 2 0 0 0-2 2v18.4a2 2 0 0 0 2 2h11M11 2.8v22.4' stroke='%2523fff' stroke-opacity='.85' stroke-width='1.05' transform='translate(-.75 -1)'/%3E%3C/g%3E%3C/svg%3E"); }

/* ========================================================
   TWELVE MORE ANNOTATE HIGHLIGHT STYLES, written by name: #R.half(words), #B.sweep(words) ... in every highlight color (var --hl-c / --hl-edge)!
   half, sweep, pop, tick, hatch, grid, dashbox, stitch, squiggle, double, spot, leaf
   ======================================================== */
.an-hl.an-s-hf, .an-hl.an-s-sw, .an-hl.an-s-po, .an-hl.an-s-tc, .an-hl.an-s-hc, .an-hl.an-s-gr,
.an-hl.an-s-dx, .an-hl.an-s-sh, .an-hl.an-s-sq, .an-hl.an-s-dl, .an-hl.an-s-sp, .an-hl.an-s-lf {
    border: 0; box-shadow: none; border-radius: 3px; padding: 0.05em 0.3em; margin: 0 -0.3em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Half: the marker only covers the lower half of the words */
.an-hl.an-s-hf { background: linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--hl-c) 72%, transparent) 50%); border-radius: 1px; }
/* Sweep: a stroke that starts strong and fades away to the right */
.an-hl.an-s-sw { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 78%, transparent) 0%, color-mix(in srgb, var(--hl-c) 4%, transparent) 100%); border-radius: 0.4em 0 0 0.4em; }
/* Pop: a tinted block with a hard offset shadow behind it, like a sticker */
.an-hl.an-s-po { background: color-mix(in srgb, var(--hl-c) 38%, transparent); border: 2px solid var(--hl-edge); box-shadow: 0.14em 0.14em 0 var(--hl-edge); margin-right: calc(-0.3em + 0.14em); }
/* Tick: a thick bar on the left, like a quote or a bookmark */
.an-hl.an-s-tc { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 52%, transparent), color-mix(in srgb, var(--hl-c) 10%, transparent)); border-left: 0.28em solid var(--hl-edge); border-radius: 0 3px 3px 0; padding-left: 0.4em; margin-left: -0.4em; }
/* Hatch: fine diagonal pen lines over a pale tint */
.an-hl.an-s-hc { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--hl-c) 60%, transparent) 0 1.5px, transparent 1.5px 5px), color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Grid: graph paper */
.an-hl.an-s-gr { background: linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 50%, transparent) 1px, transparent 1px) 0 0 / 0.5em 0.5em, linear-gradient(0deg, color-mix(in srgb, var(--hl-c) 50%, transparent) 1px, transparent 1px) 0 0 / 0.5em 0.5em, color-mix(in srgb, var(--hl-c) 10%, transparent); border: 1px solid color-mix(in srgb, var(--hl-edge) 55%, transparent); border-radius: 2px; }
/* Dashbox: a tinted box with a dashed outline */
.an-hl.an-s-dx { background: color-mix(in srgb, var(--hl-c) 14%, transparent); border: 2px dashed var(--hl-edge); border-radius: 0.3em; }
/* Stitch: a tinted strip with a stitched line above and below */
.an-hl.an-s-sh { background: color-mix(in srgb, var(--hl-c) 24%, transparent); border-top: 2px dashed var(--hl-edge); border-bottom: 2px dashed var(--hl-edge); border-radius: 2px; }
/* Squiggle: a faint tint with a wavy line underneath */
.an-hl.an-s-sq { background: color-mix(in srgb, var(--hl-c) 16%, transparent); text-decoration: underline wavy var(--hl-edge) 1px; text-underline-offset: 0.16em; text-decoration-skip-ink: none; }
/* Double: a faint tint with a double underline */
.an-hl.an-s-dl { background: color-mix(in srgb, var(--hl-c) 14%, transparent); text-decoration: underline double var(--hl-edge); text-decoration-thickness: 1.5px; text-underline-offset: 0.12em; }
/* Spot: a soft glowing blob behind the words, with no edges */
.an-hl.an-s-sp { background: radial-gradient(ellipse 62% 105% at 50% 55%, color-mix(in srgb, var(--hl-c) 80%, transparent) 0%, color-mix(in srgb, var(--hl-c) 36%, transparent) 55%, color-mix(in srgb, var(--hl-c) 0%, transparent) 100%); padding: 0.1em 0.6em; margin: 0 -0.6em; border-radius: 999px; }
/* Leaf: opposite corners rounded wide, like a leaf */
.an-hl.an-s-lf { background: color-mix(in srgb, var(--hl-c) 42%, transparent); border: 2px solid var(--hl-edge); border-radius: 0.9em 0 0.9em 0; padding: 0.05em 0.55em; margin: 0 -0.55em; }

/* ========================================================
   TWELVE EVEN MORE ANNOTATE HIGHLIGHT STYLES, written by name: #R.underbar(words) ... in every highlight color (var --hl-c / --hl-edge)!
   underbar, overbar, zigzag, dotted, sunken, glass, pinstripe, band, misprint, ring, dashline, weave
   ======================================================== */
.an-hl.an-s-ub, .an-hl.an-s-ob, .an-hl.an-s-zz, .an-hl.an-s-dt, .an-hl.an-s-sk, .an-hl.an-s-gs,
.an-hl.an-s-pn, .an-hl.an-s-bn, .an-hl.an-s-mp, .an-hl.an-s-rg, .an-hl.an-s-dn, .an-hl.an-s-wv {
    border: 0; box-shadow: none; background: none; border-radius: 3px; padding: 0.05em 0.3em; margin: 0 -0.3em;
    -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
/* Underbar: just a thick colored bar under the words */
.an-hl.an-s-ub { border-bottom: 0.24em solid var(--hl-c); border-radius: 0; padding: 0 0.15em; margin: 0 -0.15em; }
/* Overbar: a thick bar over the words, with a faint tint */
.an-hl.an-s-ob { border-top: 0.24em solid var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Zigzag: a sawtooth line along the bottom */
.an-hl.an-s-zz { padding-bottom: 0.2em; background: linear-gradient(135deg, var(--hl-edge) 25%, transparent 25%) 0 100% / 0.4em 0.2em repeat-x, linear-gradient(225deg, var(--hl-edge) 25%, transparent 25%) 0 100% / 0.4em 0.2em repeat-x, color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Dotted: round dots under the words, with a faint tint */
.an-hl.an-s-dt { border-bottom: 0.2em dotted var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 12%, transparent); }
/* Sunken: pressed into the page, like a slot */
.an-hl.an-s-sk { background: color-mix(in srgb, var(--hl-c) 22%, transparent); box-shadow: inset 0 0.12em 0.22em color-mix(in srgb, var(--hl-edge) 60%, transparent), 0 1px 0 rgba(255, 255, 255, 0.8); }
/* Glass: two tones with a sharp horizon, like a glossy button */
.an-hl.an-s-gs { background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 38%, transparent) 0 50%, color-mix(in srgb, var(--hl-c) 70%, transparent) 50% 100%); border: 1px solid color-mix(in srgb, var(--hl-edge) 75%, transparent); border-radius: 0.3em; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); }
/* Pinstripe: fine vertical stripes between two edge lines */
.an-hl.an-s-pn { background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--hl-c) 46%, transparent) 0 2px, color-mix(in srgb, var(--hl-c) 12%, transparent) 2px 4px); border-top: 2px solid var(--hl-edge); border-bottom: 2px solid var(--hl-edge); border-radius: 0; }
/* Band: a soft glowing band that fades away above and below */
.an-hl.an-s-bn { background: linear-gradient(180deg, color-mix(in srgb, var(--hl-c) 0%, transparent) 0%, color-mix(in srgb, var(--hl-c) 70%, transparent) 50%, color-mix(in srgb, var(--hl-c) 0%, transparent) 100%); border-radius: 0; padding: 0.15em 0.3em; }
/* Misprint: two colored copies slightly off to the side, like a badly lined-up print */
.an-hl.an-s-mp { box-shadow: 0.16em 0.12em 0 color-mix(in srgb, var(--hl-c) 62%, transparent), -0.12em -0.08em 0 color-mix(in srgb, var(--hl-edge) 30%, transparent); }
/* Ring: just a round outline, no fill */
.an-hl.an-s-rg { border: 2px solid var(--hl-edge); border-radius: 999px; padding: 0.02em 0.5em; margin: 0 -0.5em; }
/* Dashline: a dashed line under the words, with a faint tint */
.an-hl.an-s-dn { border-bottom: 2px dashed var(--hl-edge); border-radius: 0; background: color-mix(in srgb, var(--hl-c) 16%, transparent); }
/* Weave: crossing diagonal lines, like fabric */
.an-hl.an-s-wv { background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--hl-c) 52%, transparent) 0 1px, transparent 1px 4px), color-mix(in srgb, var(--hl-c) 10%, transparent); }