/* Format de caractère PagesLocales — rendu commun Gutenberg / front. */
.pl-character-reduction[data-pl-character-reduction="95"] {
    font-size: 95%;
}

.pl-character-reduction[data-pl-character-reduction="90"] {
    font-size: 90%;
}

.pl-character-reduction[data-pl-character-reduction="85"] {
    font-size: 85%;
}

.pl-character-reduction[data-pl-character-reduction="80"] {
    font-size: 80%;
}

.pl-stabilo {
    --pl-stabilo-ink: currentColor;
    --pl-stabilo-color: color-mix(in srgb, var(--pl-stabilo-ink) 24%, transparent);
    background-color: transparent;
    background-image:
        linear-gradient(177deg, transparent 8%, var(--pl-stabilo-color) 10%, var(--pl-stabilo-color) 83%, transparent 88%),
        linear-gradient(183deg, transparent 13%, color-mix(in srgb, var(--pl-stabilo-ink) 13%, transparent) 15%, color-mix(in srgb, var(--pl-stabilo-ink) 13%, transparent) 88%, transparent 91%);
    background-position: 0 52%, 0 48%;
    background-repeat: no-repeat;
    background-size: 100% 92%, 100% 88%;
    border-radius: 0.08em 0.18em 0.12em 0.06em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: inherit;
    padding: 0 0.04em;
}

.pl-stabilo[data-pl-stabilo-style="top"] {
    background-image: linear-gradient(177deg, var(--pl-stabilo-color) 9%, var(--pl-stabilo-color) 38%, transparent 42%);
    background-position: 0 0;
    background-size: 100% 100%;
}

.pl-stabilo[data-pl-stabilo-style="bottom"] {
    background-image: linear-gradient(177deg, transparent 58%, var(--pl-stabilo-color) 62%, var(--pl-stabilo-color) 91%, transparent 95%);
    background-position: 0 0;
    background-size: 100% 100%;
}

.pl-stabilo[data-pl-stabilo-style="underlined"] {
    background-image:
        linear-gradient(177deg, transparent 8%, var(--pl-stabilo-color) 10%, var(--pl-stabilo-color) 83%, transparent 88%),
        linear-gradient(177deg, transparent 86%, var(--pl-stabilo-ink) 88%, var(--pl-stabilo-ink) 96%, transparent 98%);
    background-position: 0 52%, 0 100%;
    background-size: 100% 92%, 100% 100%;
}

.pl-stabilo[data-pl-stabilo-style="strike"] {
    background-image: linear-gradient(176deg, transparent 45%, var(--pl-stabilo-ink) 47%, var(--pl-stabilo-ink) 53%, transparent 55%);
    background-position: 0 50%;
    background-size: 100% 100%;
}

.pl-stabilo[data-pl-stabilo-style="cross"] {
    background-image:
        linear-gradient(24deg, transparent 43%, var(--pl-stabilo-ink) 44%, var(--pl-stabilo-ink) 46%, transparent 48%),
        linear-gradient(28deg, transparent 47%, color-mix(in srgb, var(--pl-stabilo-ink) 70%, transparent) 48%, color-mix(in srgb, var(--pl-stabilo-ink) 70%, transparent) 50%, transparent 52%),
        linear-gradient(154deg, transparent 44%, var(--pl-stabilo-ink) 45%, var(--pl-stabilo-ink) 47%, transparent 49%),
        linear-gradient(149deg, transparent 48%, color-mix(in srgb, var(--pl-stabilo-ink) 68%, transparent) 49%, color-mix(in srgb, var(--pl-stabilo-ink) 68%, transparent) 51%, transparent 53%),
        linear-gradient(21deg, transparent 45%, color-mix(in srgb, var(--pl-stabilo-ink) 38%, transparent) 46%, color-mix(in srgb, var(--pl-stabilo-ink) 38%, transparent) 47%, transparent 49%),
        linear-gradient(157deg, transparent 46%, color-mix(in srgb, var(--pl-stabilo-ink) 38%, transparent) 47%, color-mix(in srgb, var(--pl-stabilo-ink) 38%, transparent) 48%, transparent 50%);
    background-position: 0 50%, 0.025em 49%, 0 50%, -0.02em 51%, 0.012em 48%, -0.015em 52%;
    background-size: 100% 100%;
}

.pl-soulignement-crayon {
    --pl-crayon-ink: var(--pl-color-primary, currentColor);
    --pl-crayon-color: var(--pl-crayon-ink);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: inherit;
    padding: 0 0.03em 0.08em;
}

.pl-soulignement-crayon[data-pl-crayon-style="simple"] {
    background-image:
        linear-gradient(177deg, transparent 53%, var(--pl-crayon-color) 54%, var(--pl-crayon-color) 66%, transparent 67%),
        linear-gradient(178deg, transparent 58%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 59%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 69%, transparent 70%);
    background-position: 0 calc(100% + 0.12em), 0.025em calc(100% + 0.14em);
    background-repeat: no-repeat;
    background-size: 100% 0.62em, 100% 0.62em;
}

.pl-soulignement-crayon[data-pl-crayon-style="double"] {
    background-image:
        linear-gradient(175deg, transparent 48%, var(--pl-crayon-color) 49%, var(--pl-crayon-color) 56%, transparent 57%),
        linear-gradient(183deg, transparent 68%, var(--pl-crayon-color) 69%, var(--pl-crayon-color) 76%, transparent 77%);
    background-position: 0 calc(100% + 0.08em), 0 calc(100% + 0.08em);
    background-repeat: no-repeat;
    background-size: 100% 0.78em, 100% 0.78em;
}

.pl-soulignement-crayon[data-pl-crayon-style="wavy"] {
    background-image:
        linear-gradient(164deg, transparent 45%, var(--pl-crayon-color) 48%, var(--pl-crayon-color) 52%, transparent 55%),
        linear-gradient(16deg, transparent 45%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 48%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 52%, transparent 55%);
    background-position: 0 calc(100% + 0.08em), 10% calc(100% + 0.1em);
    background-repeat: repeat-x;
    background-size: 24% 0.42em, 24% 0.42em;
}

.pl-soulignement-crayon[data-pl-crayon-style="oblique"] {
    background-image:
        linear-gradient(167deg, transparent 53%, var(--pl-crayon-color) 54%, var(--pl-crayon-color) 61%, transparent 62%),
        linear-gradient(171deg, transparent 58%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 59%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 66%, transparent 67%);
    background-position: 0 calc(100% + 0.02em), 0.035em calc(100% + 0.02em);
    background-repeat: no-repeat;
    background-size: 100% 0.82em, 100% 0.82em;
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-down"] {
    background-image:
        radial-gradient(ellipse 76% 0.62em at 50% 0%, transparent 58%, var(--pl-crayon-color) 61%, var(--pl-crayon-color) 73%, transparent 76%),
        radial-gradient(ellipse 76% 0.62em at 50% 0%, transparent 63%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 65%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 76%, transparent 79%);
    background-position: 0 calc(100% + 0.14em), 0.025em calc(100% + 0.17em);
    background-repeat: no-repeat;
    background-size: 100% 0.86em, 100% 0.86em;
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-up"] {
    background-image:
        radial-gradient(ellipse 76% 0.62em at 50% 100%, transparent 58%, var(--pl-crayon-color) 61%, var(--pl-crayon-color) 73%, transparent 76%),
        radial-gradient(ellipse 76% 0.62em at 50% 100%, transparent 63%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 65%, color-mix(in srgb, var(--pl-crayon-color) 58%, transparent) 76%, transparent 79%);
    background-position: 0 calc(100% + 0.14em), 0.025em calc(100% + 0.17em);
    background-repeat: no-repeat;
    background-size: 100% 0.86em, 100% 0.86em;
}

.pl-entoure-crayon {
    --pl-entoure-ink: var(--pl-color-primary, currentColor);
    --pl-entoure-color: var(--pl-entoure-ink);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    color: inherit;
    display: inline;
    padding: 0.05em 0.14em 0.08em;
}

.pl-entoure-crayon[data-pl-entoure-style="oval"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-radius: 50% 46% 54% 48% / 58% 48% 56% 44%;
    box-shadow: 0.025em 0.02em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="rounded"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-radius: 0.42em 0.58em 0.36em 0.5em;
    box-shadow: 0.035em -0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="incomplete"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-left-color: transparent;
    border-radius: 52% 44% 48% 58% / 46% 56% 44% 54%;
    box-shadow: -0.025em 0.03em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="irregular-circle"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-radius: 48% 55% 45% 52% / 52% 43% 57% 47%;
    box-shadow: 0.035em -0.02em 0 var(--pl-entoure-color), -0.02em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="frame"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-radius: 0.22em 0.34em 0.18em 0.28em;
    box-shadow: 0.035em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="cross"] {
    background-image:
        linear-gradient(24deg, transparent 43%, var(--pl-entoure-color) 44%, var(--pl-entoure-color) 46%, transparent 48%),
        linear-gradient(29deg, transparent 47%, color-mix(in srgb, var(--pl-entoure-color) 66%, transparent) 48%, color-mix(in srgb, var(--pl-entoure-color) 66%, transparent) 50%, transparent 52%),
        linear-gradient(154deg, transparent 44%, var(--pl-entoure-color) 45%, var(--pl-entoure-color) 47%, transparent 49%),
        linear-gradient(149deg, transparent 48%, color-mix(in srgb, var(--pl-entoure-color) 64%, transparent) 49%, color-mix(in srgb, var(--pl-entoure-color) 64%, transparent) 51%, transparent 53%),
        linear-gradient(21deg, transparent 45%, color-mix(in srgb, var(--pl-entoure-color) 34%, transparent) 46%, color-mix(in srgb, var(--pl-entoure-color) 34%, transparent) 47%, transparent 49%),
        linear-gradient(157deg, transparent 46%, color-mix(in srgb, var(--pl-entoure-color) 34%, transparent) 47%, color-mix(in srgb, var(--pl-entoure-color) 34%, transparent) 48%, transparent 50%);
    background-position: 0 50%, 0.025em 49%, 0 50%, -0.02em 51%, 0.012em 48%, -0.015em 52%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.pl-entoure-crayon[data-pl-entoure-style="badge"] {
    border: 0.12em solid var(--pl-entoure-color);
    border-radius: 0.7em 0.58em 0.76em 0.62em;
    box-shadow: 0.035em 0.025em 0 var(--pl-entoure-color);
    padding-left: 0.38em;
    padding-right: 0.38em;
}

.pl-entoure-crayon[data-pl-entoure-style="loop"],
.pl-entoure-crayon[data-pl-entoure-style="open-loop"] {
    position: relative;
    isolation: isolate;
    border: 0;
    padding: 0.05em 0.16em 0.08em;
}

.pl-entoure-crayon[data-pl-entoure-style="loop"]::after,
.pl-entoure-crayon[data-pl-entoure-style="open-loop"]::after {
    position: absolute;
    z-index: -1;
    content: '';
    pointer-events: none;
    inset: -0.18em -0.28em -0.16em -0.24em;
    border: 0.13em solid var(--pl-entoure-color);
    border-radius: 52% 46% 57% 43% / 48% 58% 44% 55%;
    box-shadow: 0.045em 0.035em 0 color-mix(in srgb, var(--pl-entoure-color) 76%, transparent);
    transform: rotate(-2deg);
}

.pl-entoure-crayon[data-pl-entoure-style="loop"]::before,
.pl-entoure-crayon[data-pl-entoure-style="open-loop"]::before {
    position: absolute;
    z-index: -1;
    content: '';
    pointer-events: none;
    inset: -0.22em -0.2em -0.12em -0.3em;
    border: 0.08em solid color-mix(in srgb, var(--pl-entoure-color) 66%, transparent);
    border-radius: 46% 58% 42% 55% / 56% 44% 58% 46%;
    transform: rotate(2deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"]::after {
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(-5deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"]::before {
    border-right-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(1deg);
}

/* Sous-variantes V2 : absentes, les effets conservent exactement le rendu historique. */
.pl-stabilo[data-pl-stabilo-style="solid"][data-pl-stroke="1"] {
    background-position: 0 50%, 0 46%;
    border-radius: 0.18em 0.06em 0.2em 0.1em;
}

.pl-stabilo[data-pl-stabilo-style="solid"][data-pl-stroke="2"] {
    background-position: 0 55%, 0 51%;
    border-radius: 0.04em 0.22em 0.08em 0.16em;
    box-shadow: 0 0.045em 0 color-mix(in srgb, var(--pl-stabilo-ink) 42%, transparent);
}

.pl-stabilo[data-pl-stabilo-style="solid"][data-pl-stroke="3"] {
    background-position: 0 47%, 0 54%;
    border-radius: 0.24em 0.1em 0.04em 0.2em;
    box-shadow: 0 -0.04em 0 color-mix(in srgb, var(--pl-stabilo-ink) 36%, transparent);
}

.pl-stabilo[data-pl-stabilo-style="top"][data-pl-stroke="1"] {
    background-image: linear-gradient(176deg, var(--pl-stabilo-color) 8%, var(--pl-stabilo-color) 36%, transparent 41%);
}

.pl-stabilo[data-pl-stabilo-style="top"][data-pl-stroke="2"] {
    background-image: linear-gradient(178deg, var(--pl-stabilo-color) 10%, var(--pl-stabilo-color) 39%, transparent 44%);
}

.pl-stabilo[data-pl-stabilo-style="top"][data-pl-stroke="3"] {
    background-image: linear-gradient(174deg, var(--pl-stabilo-color) 7%, var(--pl-stabilo-color) 34%, transparent 40%);
}

.pl-stabilo[data-pl-stabilo-style="bottom"][data-pl-stroke="1"] {
    background-image: linear-gradient(176deg, transparent 57%, var(--pl-stabilo-color) 61%, var(--pl-stabilo-color) 90%, transparent 95%);
}

.pl-stabilo[data-pl-stabilo-style="bottom"][data-pl-stroke="2"] {
    background-image: linear-gradient(179deg, transparent 60%, var(--pl-stabilo-color) 64%, var(--pl-stabilo-color) 92%, transparent 96%);
}

.pl-stabilo[data-pl-stabilo-style="bottom"][data-pl-stroke="3"] {
    background-image: linear-gradient(174deg, transparent 55%, var(--pl-stabilo-color) 59%, var(--pl-stabilo-color) 88%, transparent 94%);
}

.pl-stabilo[data-pl-stabilo-style="underlined"][data-pl-stroke="1"] {
    background-position: 0 52%, 0 99%;
    background-size: 100% 92%, 100% 100%;
}

.pl-stabilo[data-pl-stabilo-style="underlined"][data-pl-stroke="2"] {
    background-image: linear-gradient(179deg, transparent 9%, var(--pl-stabilo-color) 11%, var(--pl-stabilo-color) 82%, transparent 87%), linear-gradient(179deg, transparent 85%, var(--pl-stabilo-ink) 88%, var(--pl-stabilo-ink) 95%, transparent 98%);
    background-position: 0 50%, 0 100%;
}

.pl-stabilo[data-pl-stabilo-style="underlined"][data-pl-stroke="3"] {
    background-image: linear-gradient(175deg, transparent 7%, var(--pl-stabilo-color) 10%, var(--pl-stabilo-color) 84%, transparent 89%), linear-gradient(175deg, transparent 87%, var(--pl-stabilo-ink) 89%, var(--pl-stabilo-ink) 97%, transparent 99%);
    background-position: 0 54%, 0 100%;
}

.pl-stabilo[data-pl-stabilo-style="strike"][data-pl-stroke="1"] {
    background-image: linear-gradient(174deg, transparent 44%, var(--pl-stabilo-ink) 47%, var(--pl-stabilo-ink) 53%, transparent 56%);
}

.pl-stabilo[data-pl-stabilo-style="strike"][data-pl-stroke="2"] {
    background-image: linear-gradient(178deg, transparent 45%, var(--pl-stabilo-ink) 48%, var(--pl-stabilo-ink) 54%, transparent 57%);
}

.pl-stabilo[data-pl-stabilo-style="strike"][data-pl-stroke="3"] {
    background-image: linear-gradient(180deg, transparent 43%, var(--pl-stabilo-ink) 46%, var(--pl-stabilo-ink) 52%, transparent 55%);
}

.pl-stabilo[data-pl-stabilo-style="cross"][data-pl-stroke="1"] {
    background-position: 0 50%, 0.025em 49%, 0 50%, -0.02em 51%;
}

.pl-stabilo[data-pl-stabilo-style="cross"][data-pl-stroke="2"] {
    background-position: 0.02em 49%, 0.045em 48%, -0.015em 51%, -0.04em 52%;
}

.pl-stabilo[data-pl-stabilo-style="cross"][data-pl-stroke="3"] {
    background-position: -0.02em 51%, 0 52%, 0.02em 49%, -0.01em 50%;
}

.pl-soulignement-crayon[data-pl-crayon-style="simple"][data-pl-stroke="1"] {
    background-position: 0 calc(100% + 0.1em), 0.02em calc(100% + 0.13em);
}

.pl-soulignement-crayon[data-pl-crayon-style="simple"][data-pl-stroke="2"] {
    background-image: linear-gradient(175deg, transparent 52%, var(--pl-crayon-color) 54%, var(--pl-crayon-color) 65%, transparent 67%), linear-gradient(179deg, transparent 57%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 59%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 69%, transparent 71%);
    background-position: 0 calc(100% + 0.12em), 0.03em calc(100% + 0.15em);
}

.pl-soulignement-crayon[data-pl-crayon-style="simple"][data-pl-stroke="3"] {
    background-image: linear-gradient(179deg, transparent 54%, var(--pl-crayon-color) 55%, var(--pl-crayon-color) 67%, transparent 68%), linear-gradient(176deg, transparent 59%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 60%, color-mix(in srgb, var(--pl-crayon-color) 64%, transparent) 70%, transparent 71%);
    background-position: 0 calc(100% + 0.14em), 0.01em calc(100% + 0.12em);
}

.pl-soulignement-crayon[data-pl-crayon-style="double"][data-pl-stroke="1"] {
    background-position: 0 calc(100% + 0.1em), 0 calc(100% + 0.12em);
}

.pl-soulignement-crayon[data-pl-crayon-style="double"][data-pl-stroke="2"] {
    background-image: linear-gradient(173deg, transparent 48%, var(--pl-crayon-color) 49%, var(--pl-crayon-color) 56%, transparent 57%), linear-gradient(185deg, transparent 68%, var(--pl-crayon-color) 69%, var(--pl-crayon-color) 76%, transparent 77%);
    background-position: 0 calc(100% + 0.13em), 0 calc(100% + 0.09em);
}

.pl-soulignement-crayon[data-pl-crayon-style="double"][data-pl-stroke="3"] {
    background-image: linear-gradient(178deg, transparent 47%, var(--pl-crayon-color) 49%, var(--pl-crayon-color) 55%, transparent 57%), linear-gradient(180deg, transparent 67%, var(--pl-crayon-color) 69%, var(--pl-crayon-color) 75%, transparent 77%);
    background-position: 0 calc(100% + 0.08em), 0 calc(100% + 0.13em);
}

.pl-soulignement-crayon[data-pl-crayon-style="wavy"][data-pl-stroke="1"] {
    background-image: linear-gradient(161deg, transparent 44%, var(--pl-crayon-color) 47%, var(--pl-crayon-color) 51%, transparent 55%), linear-gradient(19deg, transparent 46%, color-mix(in srgb, var(--pl-crayon-color) 54%, transparent) 49%, color-mix(in srgb, var(--pl-crayon-color) 54%, transparent) 52%, transparent 56%);
    background-position: 0 calc(100% + 0.07em), 8% calc(100% + 0.1em);
    background-size: 23% 0.4em, 23% 0.4em;
    text-decoration-line: none;
}

.pl-soulignement-crayon[data-pl-crayon-style="wavy"][data-pl-stroke="2"] {
    background-image: linear-gradient(167deg, transparent 45%, var(--pl-crayon-color) 48%, var(--pl-crayon-color) 53%, transparent 56%), linear-gradient(13deg, transparent 44%, color-mix(in srgb, var(--pl-crayon-color) 62%, transparent) 47%, color-mix(in srgb, var(--pl-crayon-color) 62%, transparent) 52%, transparent 55%);
    background-position: 2% calc(100% + 0.09em), 12% calc(100% + 0.12em);
    background-size: 26% 0.45em, 26% 0.45em;
    text-decoration-line: none;
}

.pl-soulignement-crayon[data-pl-crayon-style="wavy"][data-pl-stroke="3"] {
    background-image: linear-gradient(158deg, transparent 46%, var(--pl-crayon-color) 49%, var(--pl-crayon-color) 52%, transparent 55%), linear-gradient(22deg, transparent 45%, color-mix(in srgb, var(--pl-crayon-color) 48%, transparent) 48%, color-mix(in srgb, var(--pl-crayon-color) 48%, transparent) 51%, transparent 54%);
    background-position: -2% calc(100% + 0.1em), 6% calc(100% + 0.08em);
    background-size: 21% 0.38em, 21% 0.38em;
    text-decoration-line: none;
}

.pl-soulignement-crayon[data-pl-crayon-style="oblique"][data-pl-stroke="1"] {
    background-position: 0 calc(100% + 0.04em), 0.025em calc(100% + 0.06em);
}

.pl-soulignement-crayon[data-pl-crayon-style="oblique"][data-pl-stroke="2"] {
    background-image: linear-gradient(164deg, transparent 52%, var(--pl-crayon-color) 54%, var(--pl-crayon-color) 61%, transparent 63%), linear-gradient(174deg, transparent 57%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 59%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 66%, transparent 68%);
    background-position: 0 calc(100% + 0.07em), 0.045em calc(100% + 0.04em);
}

.pl-soulignement-crayon[data-pl-crayon-style="oblique"][data-pl-stroke="3"] {
    background-image: linear-gradient(170deg, transparent 54%, var(--pl-crayon-color) 55%, var(--pl-crayon-color) 62%, transparent 64%), linear-gradient(169deg, transparent 59%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 60%, color-mix(in srgb, var(--pl-crayon-color) 72%, transparent) 67%, transparent 68%);
    background-position: 0 calc(100% + 0.02em), 0.02em calc(100% + 0.07em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-down"][data-pl-stroke="1"] {
    background-position: 0 calc(100% + 0.2em), 0.02em calc(100% + 0.23em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-down"][data-pl-stroke="2"] {
    background-size: 98% 0.86em, 98% 0.86em;
    background-position: 0.01em calc(100% + 0.24em), 0.04em calc(100% + 0.26em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-down"][data-pl-stroke="3"] {
    background-size: 102% 0.82em, 102% 0.82em;
    background-position: -0.01em calc(100% + 0.19em), 0.01em calc(100% + 0.22em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-up"][data-pl-stroke="1"] {
    background-position: 0 calc(100% + 0.13em), 0.02em calc(100% + 0.16em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-up"][data-pl-stroke="2"] {
    background-size: 98% 0.86em, 98% 0.86em;
    background-position: 0.02em calc(100% + 0.15em), 0.045em calc(100% + 0.19em);
}

.pl-soulignement-crayon[data-pl-crayon-style="curve-up"][data-pl-stroke="3"] {
    background-size: 102% 0.82em, 102% 0.82em;
    background-position: -0.015em calc(100% + 0.1em), 0.015em calc(100% + 0.13em);
}

.pl-entoure-crayon[data-pl-entoure-style="oval"][data-pl-stroke="1"] {
    border-radius: 48% 56% 44% 52% / 55% 45% 58% 43%;
    box-shadow: 0.02em 0.035em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="oval"][data-pl-stroke="2"] {
    border-radius: 51% 44% 56% 47% / 48% 58% 43% 55%;
    box-shadow: 0.035em -0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="oval"][data-pl-stroke="3"] {
    border-radius: 45% 53% 49% 57% / 58% 46% 52% 44%;
    box-shadow: -0.025em 0.03em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="irregular-circle"][data-pl-stroke="1"] {
    border-radius: 48% 55% 45% 52% / 52% 43% 57% 47%;
    box-shadow: 0.035em -0.02em 0 var(--pl-entoure-color), -0.02em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="irregular-circle"][data-pl-stroke="2"] {
    border-radius: 53% 48% 57% 43% / 46% 55% 44% 58%;
    box-shadow: 0.02em 0.03em 0 var(--pl-entoure-color), -0.035em -0.015em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="irregular-circle"][data-pl-stroke="3"] {
    border-radius: 44% 58% 48% 55% / 58% 45% 52% 43%;
    box-shadow: -0.03em 0.02em 0 var(--pl-entoure-color), 0.02em -0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="frame"][data-pl-stroke="1"] {
    border-radius: 0.22em 0.34em 0.18em 0.28em;
    box-shadow: 0.035em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="frame"][data-pl-stroke="2"] {
    border-radius: 0.3em 0.2em 0.28em 0.16em;
    box-shadow: -0.025em 0.035em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="frame"][data-pl-stroke="3"] {
    border-radius: 0.16em 0.3em 0.24em 0.36em;
    box-shadow: 0.045em -0.02em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="rounded"][data-pl-stroke="1"] {
    border-radius: 0.42em 0.58em 0.36em 0.5em;
    box-shadow: 0.035em -0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="rounded"][data-pl-stroke="2"] {
    border-radius: 0.5em 0.38em 0.54em 0.32em;
    box-shadow: -0.025em 0.035em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="rounded"][data-pl-stroke="3"] {
    border-radius: 0.34em 0.52em 0.42em 0.6em;
    box-shadow: 0.04em 0.02em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="badge"][data-pl-stroke="1"] {
    border-radius: 0.7em 0.58em 0.76em 0.62em;
    box-shadow: 0.035em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="badge"][data-pl-stroke="2"] {
    border-radius: 0.58em 0.74em 0.62em 0.8em;
    box-shadow: -0.035em 0.025em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="badge"][data-pl-stroke="3"] {
    border-radius: 0.8em 0.62em 0.7em 0.54em;
    box-shadow: 0.025em -0.035em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="1"]::after,
.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="1"]::before {
    transform: rotate(-2deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="1"]::after,
.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="1"]::before {
    transform: rotate(-3deg);
}

.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="2"]::after,
.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="2"]::before {
    inset: -0.2em -0.25em -0.14em -0.26em;
    transform: rotate(-4deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="2"]::before {
    inset: -0.2em -0.18em -0.14em -0.28em;
    transform: rotate(3deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="2"]::after {
    inset: -0.2em -0.25em -0.14em -0.26em;
    transform: rotate(-5deg);
}

.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="3"]::after {
    inset: -0.16em -0.3em -0.18em -0.22em;
    transform: rotate(1deg);
}

.pl-entoure-crayon[data-pl-entoure-style="loop"][data-pl-stroke="3"]::before {
    inset: -0.24em -0.22em -0.1em -0.28em;
    transform: rotate(-3deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="3"]::after {
    inset: -0.16em -0.3em -0.18em -0.22em;
    transform: rotate(0deg);
}

.pl-entoure-crayon[data-pl-entoure-style="open-loop"][data-pl-stroke="3"]::before {
    inset: -0.24em -0.22em -0.1em -0.28em;
    transform: rotate(-4deg);
}

.pl-entoure-crayon[data-pl-entoure-style="incomplete"][data-pl-stroke="1"] {
    border-radius: 52% 44% 48% 58% / 46% 56% 44% 54%;
    box-shadow: -0.025em 0.03em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="incomplete"][data-pl-stroke="2"] {
    border-radius: 48% 52% 55% 43% / 54% 45% 56% 47%;
    box-shadow: 0.025em -0.03em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="incomplete"][data-pl-stroke="3"] {
    border-radius: 57% 42% 46% 54% / 44% 58% 48% 55%;
    box-shadow: -0.035em 0.02em 0 var(--pl-entoure-color);
}

.pl-entoure-crayon[data-pl-entoure-style="cross"][data-pl-stroke="1"] {
    background-position: 0 50%, 0.03em 49%, 0 50%, -0.02em 51%;
}

.pl-entoure-crayon[data-pl-entoure-style="cross"][data-pl-stroke="2"] {
    background-position: 0.02em 49%, 0.045em 48%, -0.015em 51%, -0.04em 52%;
}

.pl-entoure-crayon[data-pl-entoure-style="cross"][data-pl-stroke="3"] {
    background-position: -0.02em 51%, 0 52%, 0.02em 49%, -0.01em 50%;
}

.pl-character-format-popover {
    min-width: 380px;
    max-width: 440px;
    padding: 12px;
}

.pl-character-format-popover__header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.pl-character-format-popover__header .components-button {
    min-height: 30px;
    padding: 0 4px;
}

.pl-character-format-popover__label {
    margin: 12px 0 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.pl-character-format-popover__remove {
    margin-top: 10px;
}

.pl-character-format-variants .components-menu-group__label {
    margin-bottom: 4px;
}

.pl-character-format-variants > ul,
.pl-character-format-variants > .components-menu-group__group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 8px;
}

.pl-character-format-variants .components-menu-item__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 38px;
    padding-right: 10px;
}

.pl-character-format-variant__label {
    flex: 1 1 auto;
    min-width: 0;
}

.pl-character-format-action__label {
    flex: 1 1 auto;
    min-width: 0;
}

.pl-character-format-action__example {
    flex: 0 0 auto;
    color: #646970;
    font-family: inherit;
    font-size: 12px;
    white-space: nowrap;
}

.pl-effect-preview {
    display: inline-block;
    flex: 0 0 72px;
    min-width: 72px;
    padding-left: 0.08em;
    padding-right: 0.08em;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
}

.pl-character-format-colors__more {
    display: block;
    width: 100%;
    margin-top: 4px;
    text-align: left;
}

.pl-character-format-custom-color {
    margin-top: 8px;
    padding-top: 4px;
    border-top: 1px solid #e0e0e0;
}

.pl-character-format-custom-color .components-color-picker {
    max-width: 100%;
}

.pl-character-format-custom-color__toggle {
    width: 100%;
    justify-content: flex-start;
    padding-left: 0;
    text-align: left;
}

@media (max-width: 420px) {
    .pl-character-format-popover {
        min-width: 300px;
    }

    .pl-character-format-variants > ul,
    .pl-character-format-variants > .components-menu-group__group {
        grid-template-columns: 1fr;
    }
}

.pl-active-effect-row {
    display: flex;
    align-items: stretch;
}

.pl-active-effect-row > .components-menu-item__button {
    flex: 1 1 auto;
}

.pl-active-effect-row__remove {
    min-width: 34px;
    padding: 0;
    border-radius: 0;
}

.pl-active-effect-row__remove:hover,
.pl-active-effect-row__remove:focus-visible {
    color: #b32d2e;
    background: #fbeaea;
}