/* =============================================================================
   DE ZIJBALK DIE KOMT EN GAAT (WQ-177, Nico 05-10-2026)
   =============================================================================
   "we blijven bij mijn origineel thema. Wat ik wel wil is de balk aan de zijkant
   van het 8004 thema. Dat vond ik wel cool dat die komt en gaat."

   Op de computer (breder dan 768 punten, met een muis) wordt de zijbalk een
   smalle zwevende rail met een pictogram en een klein label per scherm. Wijs je
   hem aan (of tab je erin), dan schuift hij open over de inhoud; ga je weg of
   kies je een scherm, dan gaat hij weer dicht. De inhoud verspringt niet.
   Bron: de rail van ontwerp 3 "Lichtval" (tak claude/wq175-ontwerp-3-nieuw),
   vertaald naar de blauwe kleuren.

   Alles hangt onder html.ss-rail (zet zijbalk-rail.js) en binnen de media query:
   - de gsm (tot 768) houdt het streepjesknopje en het schuifmenu;
   - een aanraakscherm zonder muis houdt de gewone zijbalk van 220 punten.
   Nooit display ... !important op de menu-items, de PDF-knop of de rol/functie:
   filterSidebar() en loadApp() verbergen die met een inline display:none.
   Open/dicht is een klasse (.ss-open op de zijbalk, html.ss-rail-open), geen
   :hover, zodat de breedte en de opbouw samen wisselen; zijbalk-rail.js zet ze.
   ============================================================================= */

@media (min-width: 769px) and (hover: hover) {

    /* --- de rail zelf: een zwevende blauwe glasplaat ------------------------- */
    html.ss-rail .sidebar {
        position: fixed;
        top: 12px; left: 12px; bottom: 12px;
        width: 88px;
        z-index: var(--laag-menu, 1300);
        padding: 12px 0 10px;
        border: 1px solid var(--lijn, rgba(255, 255, 255, .10));
        border-radius: 22px;
        overflow: hidden;
        background: linear-gradient(180deg, rgba(14, 25, 42, .95), rgba(8, 15, 26, .95));
        backdrop-filter: blur(20px) saturate(1.3);
        -webkit-backdrop-filter: blur(20px) saturate(1.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 40px -16px rgba(0, 0, 0, .8);
        transition: width var(--ss-dur-3, .25s) var(--ss-ease, cubic-bezier(.22, 1, .36, 1)),
                    box-shadow var(--ss-dur-3, .25s) var(--ss-ease, cubic-bezier(.22, 1, .36, 1));
    }
    html.ss-rail .sidebar.ss-open {
        width: 240px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 24px 0 60px -20px rgba(0, 0, 0, .75);
    }
    /* de glaslaag van glas.js is 100vh hoog en tekent een rand rechts: in een zwevende rail hoort ze niet */
    html.ss-rail .sidebar .zijbalk__glas { display: none; }
    /* op de testversie staat onderaan de gele strook: de rail stopt erboven */
    html.ss-rail body:has(.testversie-banner) .sidebar { bottom: 44px; }

    /* de inhoud schuift één keer opzij voor de smalle rail; de open rail legt zich erover */
    html.ss-rail .main { margin-left: 112px; }

    /* --- het logo: een gouden tegeltje S, de naam alleen als de rail open is ---- */
    html.ss-rail .sidebar .logo {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 10px;
        align-items: center;
        min-height: 40px;
        padding: 0 25px 12px;
        margin: 0 0 6px;
        border-bottom: 1px solid var(--lijn, rgba(255, 255, 255, .10));
        white-space: nowrap;
        overflow: hidden;
        font-size: 16px;
        font-weight: 750;
    }
    html.ss-rail .sidebar .logo::before {
        content: "S";
        grid-row: 1 / span 2;
        width: 36px; height: 36px;
        border-radius: 11px;
        display: grid; place-items: center;
        font-size: 17px; font-weight: 800;
        color: var(--text-on-gold, #0a1421);
        background: linear-gradient(160deg, var(--gold-400, #d9bd78), var(--gold-500, #c4a862));
        box-shadow: 0 6px 18px -8px rgba(216, 189, 121, .55), inset 0 -2px 0 rgba(0, 0, 0, .14);
    }
    html.ss-rail .sidebar .logo span {
        grid-column: 2;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 10.5px;
        font-weight: 600;
        letter-spacing: .05em;
        text-transform: uppercase;
        opacity: .7;
    }
    html.ss-rail .sidebar:not(.ss-open) .logo { grid-template-columns: 1fr; justify-items: center; padding: 0 0 12px; font-size: 0; }
    html.ss-rail .sidebar:not(.ss-open) .logo span { display: none; }

    /* --- het menu ---------------------------------------------------------- */
    html.ss-rail .sidebar nav { position: relative; padding: 4px 8px; scrollbar-width: none; }
    html.ss-rail .sidebar nav::-webkit-scrollbar { display: none; }
    html.ss-rail .sidebar nav a {
        position: relative;
        z-index: 1;
        min-height: 42px;
        margin: 2px 0;
        padding: 0 10px 0 26px; /* het pictogram staat open op dezelfde plek als dicht */
        gap: 12px;
        align-items: center;
        border-radius: 14px;
        white-space: nowrap;
        overflow: hidden;
        transform: none;
        font-size: 14px;
    }
    html.ss-rail .sidebar nav a:hover { transform: none; }
    /* de smalle rail: pictogram boven een klein label, zodat je ook dicht ziet waar je naartoe gaat */
    html.ss-rail .sidebar:not(.ss-open) nav a {
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        min-height: 56px;
        padding: 7px 0;
        font-size: 9.5px;
        font-weight: 600;
        line-height: 1.12;
        letter-spacing: -.025em; /* zodat ook 'Dossiercontrole' op één regel past */
        text-align: center;
        white-space: normal;
    }
    /* de actieve plek wijst de lens aan (een glazen vlak met een gouden linkerrand): het oude vlak en de ring wijken */
    html.ss-rail.glas-aan .sidebar nav a:hover,
    html.ss-rail.glas-aan .sidebar nav a.active,
    html.ss-rail[data-theme] .sidebar nav a:hover,
    html.ss-rail[data-theme] .sidebar nav a.active {
        box-shadow: none;
        background: transparent;
    }
    html.ss-rail.glas-aan .sidebar nav a:hover:not(.active),
    html.ss-rail[data-theme] .sidebar nav a:hover:not(.active) { background: rgba(255, 255, 255, .05); }
    html.ss-rail .sidebar nav a.active { color: var(--tekst, #eaf0f8); font-weight: 650; }
    /* zolang zijbalk-rail.js de lens nog niet plaatste: het actieve item krijgt zelf het vlakje */
    html.ss-rail:not(.ss-rail-lens) .sidebar nav a.active {
        background: rgba(255, 255, 255, .10);
        box-shadow: inset 3px 0 0 var(--gold-500, #c4a862);
    }

    /* het pictogram: een masker in de tekstkleur; het vervangt de sleepbolletjes en het oude gouden streepje */
    html.ss-rail .sidebar nav a::before,
    html.ss-rail .sidebar nav a.active::before,
    html.ss-rail .sidebar nav a[draggable="true"]::before,
    html.ss-rail .sidebar nav a[draggable="true"]:hover::before {
        content: "";
        position: static;
        inset: auto;
        flex: 0 0 20px;
        width: 20px;
        height: 20px;
        border-radius: 0;
        opacity: 1;
        transform: none;
        box-shadow: none;
        background: currentColor;
        -webkit-mask: var(--ss-icoon, radial-gradient(circle, #000 3px, transparent 3.5px)) center / 20px 20px no-repeat;
        mask: var(--ss-icoon, radial-gradient(circle, #000 3px, transparent 3.5px)) center / 20px 20px no-repeat;
    }

    /* de lens: een glazen vlak achter het actieve item dat meeschuift (zijbalk-rail.js zet de plaats) */
    html.ss-rail .ss-lens {
        position: absolute;
        z-index: 0;
        left: 8px; right: 8px; top: 0;
        height: var(--ss-lens-h, 42px);
        border-radius: 14px;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .05));
        box-shadow: inset 3px 0 0 var(--gold-500, #c4a862), inset 0 1px 0 rgba(255, 255, 255, .22),
                    inset 0 0 0 1px rgba(255, 255, 255, .08), 0 8px 20px -10px rgba(0, 0, 0, .8);
        translate: 0 var(--ss-lens-y, 0px);
        opacity: var(--ss-lens-o, 0);
        display: block; /* de lens heeft het attribuut hidden: alleen hier, in de rail, is hij zichtbaar */
        transition: translate var(--ss-dur-4, .4s) var(--ss-ease, cubic-bezier(.22, 1, .36, 1)),
                    height var(--ss-dur-4, .4s) var(--ss-ease, cubic-bezier(.22, 1, .36, 1)),
                    opacity var(--ss-dur-1, .15s);
    }

    /* de sleephint: alleen in de open rail, klein en links */
    html.ss-rail .sidebar > nav + div:not(.user-info) {
        padding: 4px 16px 8px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    html.ss-rail .sidebar:not(.ss-open) > nav + div:not(.user-info) { display: none; }

    /* --- onderaan: je initialen; open zie je je naam, profiel, handleiding en Uitloggen zoals nu ------- */
    html.ss-rail .sidebar .user-info { margin: 6px 10px 0; padding: 10px 6px 0; white-space: nowrap; overflow: hidden; }
    html.ss-rail .ss-initialen {
        width: 38px; height: 38px;
        border-radius: 50%;
        display: none;
        place-items: center;
        margin: 0 auto;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .02em;
        color: var(--text-on-gold, #0a1421);
        background: linear-gradient(160deg, #eef3fa, #b9c6d8);
        box-shadow: 0 0 0 2px rgba(8, 15, 26, .9), 0 0 0 3px rgba(255, 255, 255, .18);
    }
    /* dicht: alleen de initialen; de rest blijft staan maar valt buiten het zicht (geen display op de haken van core.js) */
    html.ss-rail .sidebar:not(.ss-open) .user-info { max-height: 52px; padding: 8px 0 0; margin: 6px 6px 0; }
    html.ss-rail .sidebar:not(.ss-open) .ss-initialen { display: grid; margin-bottom: 16px; }

    /* --- het huisje (terug naar het dashboard) staat naast de rail, en wijkt als de rail open is --- */
    html.ss-rail .terug-dash { left: 116px; }
    html.ss-rail.ss-rail-open .terug-dash { opacity: 0; pointer-events: none; }
}

/* De pictogrammen per scherm (dezelfde lijntekeningen als in ontwerp 3) */
@media (min-width: 769px) and (hover: hover) {
    html.ss-rail .sidebar nav a[data-page="dashboard"]        { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="toonzaal"]         { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="jaar-overzicht"]   { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="verkoop"]          { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12l-8 8-9-9V3h8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="crm"]              { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20c.8-3.5 3.4-5.5 6.5-5.5s5.7 2 6.5 5.5'/%3E%3Cpath d='M16 4.5a3.5 3.5 0 0 1 0 7M18.5 14.8c1.7.8 2.7 2.6 3 5.2'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="hercontact"]       { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15.5-6.2L21 8M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-15.5 6.2L3 16M3 21v-5h5'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="stock"]            { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16h14M6.5 16l1.6-5.2A2 2 0 0 1 10 9.4h4a2 2 0 0 1 1.9 1.4L17.5 16'/%3E%3Cpath d='M3 16v2.5h2V20M21 16v2.5h-2V20'/%3E%3Ccircle cx='7.5' cy='16' r='.6'/%3E%3Ccircle cx='16.5' cy='16' r='.6'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="agenda"]           { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="admin-workflow"]   { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="levering"]         { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.6 2.5L16 9.5'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="aftersales"]       { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6.5a4 4 0 0 0-5.3 5.3L3.5 17.5l3 3 5.7-5.7a4 4 0 0 0 5.3-5.3l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="aankomst"]         { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5'/%3E%3Cpath d='M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="keuringen"]        { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8.2-7 10-4-1.8-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2.2 2.2L15.5 10'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="retail"]           { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.5l2.2 11h10.6L21 7H6.3'/%3E%3Ccircle cx='9.5' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="commissies"]       { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4l-5.2 2.7 1-5.8L3.5 9.2l5.9-.9z'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="mijn-werk"]        { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h11M9 12h11M9 19h11'/%3E%3Cpath d='M3.5 5l1.2 1.2L7 4M3.5 12l1.2 1.2L7 11M3.5 19l1.2 1.2L7 18'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="mijn-opdrachten"]  { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1M9 11h6M9 15h4'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="accessoires"]      { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5 9 5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8M12 13v8'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="pdi"]              { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 3.7L18 8l-3 2.9.7 4.1L12 13l-3.7 2 .7-4.1L6 8l4.2-1.3z'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="openstaande-taken"]{ --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="meelezer"]         { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.3-4.3M8.5 11l1.8 1.8 3.2-3.3'/%3E%3C/svg%3E"); }
    html.ss-rail .sidebar nav a[data-page="beheer"]           { --ss-icoon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z'/%3E%3C/svg%3E"); }
}