:root{--kleur-primair:#0ea5a4;--kleur-donker:#0f172a;--kleur-n50:#f8fafc;--kleur-n100:#eef2f7;--kleur-n300:#cbd5e1;--kleur-n500:#64748b;--kleur-n900:#0f172a;--kleur-succes:#0f9f8b;--kleur-info:#4f6ef7;--kleur-waarschuwing:#e09b26;--kleur-fout:#d95b63;--gradient-turquoise:linear-gradient(90deg, #0ea5a4, #0f9fbb);--gradient-deep-sea:linear-gradient(90deg, #0f172a, #0ea5a4);--gradient-calm-wave:linear-gradient(90deg, #0ea5a4, #0f172a);--font-kop:"Sora", sans-serif;--font-body:"Inter", sans-serif;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-6:24px;--ruimte-8:32px;--ruimte-12:48px;--ruimte-16:64px;--radius-s:4px;--radius-m:8px;--radius-l:12px;--radius-xl:16px;--schaduw-s:0 1px 2px #0f172a14;--schaduw-m:0 4px 8px #0f172a1a;--schaduw-l:0 20px 40px #0f172a1f}[data-thema=licht],:root{--achtergrond:#f9fafc;--oppervlak:#fff;--tekst-primair:#0f172a;--tekst-secundair:#64748b;--accent:#0ea5a4;--rand:#cbd5e1}[data-thema=donker]{--achtergrond:#0f172a;--oppervlak:#1e2938;--tekst-primair:#fff;--tekst-secundair:#cbd5e1;--accent:#0ea5a4;--rand:#2d3f55;--groen-licht:color-mix(in srgb, var(--kleur-primair) 20%, #1e2938)}*,:before,:after{box-sizing:border-box}:root{--groen:var(--kleur-primair);--groen-hover:color-mix(in srgb, var(--kleur-primair) 82%, #000);--groen-licht:color-mix(in srgb, var(--kleur-primair) 14%, #fff);--primair:var(--kleur-primair);--rood:var(--kleur-fout);--tekst:var(--tekst-primair);--tekst-licht:var(--tekst-secundair);--wit:var(--oppervlak);--radius:var(--radius-l);--schaduw:var(--schaduw-m);--fout-licht:color-mix(in srgb, var(--kleur-fout) 10%, var(--oppervlak));--fout-rand:color-mix(in srgb, var(--kleur-fout) 30%, var(--oppervlak));font-family:var(--font-body);color:var(--tekst-primair);background:var(--achtergrond);-webkit-font-smoothing:antialiased;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-kop)}h1{font-size:48px;font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:28px;font-weight:600}h4{font-size:24px;font-weight:500}h5{font-size:20px;font-weight:500}h6{font-size:18px;font-weight:500}input,button,select,textarea{font-family:var(--font-body)}body{min-height:100svh;margin:0}#root{min-height:100svh}.laden{min-height:100svh;color:var(--tekst-licht);justify-content:center;align-items:center;font-size:1rem;display:flex}.auth-wrapper{justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.auth-kaart{background:var(--wit);border-radius:var(--radius);box-shadow:var(--schaduw);width:100%;max-width:400px;padding:32px 24px}.auth-titel{text-align:center;margin:0 0 4px;font-size:1.75rem;font-weight:700}.auth-subtitel{text-align:center;color:var(--tekst-licht);margin:0 0 28px;font-size:.95rem}.auth-logo{justify-content:center;margin-bottom:28px;display:flex}.auth-formulier{flex-direction:column;gap:16px;display:flex}.auth-label{color:var(--tekst);flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}.auth-input{border:1.5px solid var(--rand);color:var(--tekst);background:var(--wit);-webkit-appearance:none;border-radius:8px;padding:12px 14px;font-size:1rem;transition:border-color .15s}.auth-input:focus{border-color:var(--groen);outline:none}.auth-fout{background:var(--fout-licht);border:1px solid var(--fout-rand);color:var(--rood);border-radius:8px;margin:0;padding:10px 14px;font-size:.875rem}.auth-knop{background:var(--groen);color:var(--wit);cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:14px;font-size:1rem;font-weight:600;transition:background .15s}.auth-knop:hover:not(:disabled){background:var(--groen-hover)}.auth-knop:disabled{opacity:.6;cursor:not-allowed}.auth-wissel{width:100%;color:var(--groen);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:20px;padding:8px;font-size:.9rem;display:block}.auth-wissel:hover{text-decoration:underline}.auth-gast-sectie{flex-direction:column;align-items:stretch;gap:8px;margin-top:4px;display:flex}.auth-gast-scheiding{color:var(--tekst-licht);align-items:center;gap:12px;margin:4px 0;font-size:.85rem;display:flex}.auth-gast-scheiding:before,.auth-gast-scheiding:after{content:"";background:var(--rand);flex:1;height:1px}.auth-gast-knop{border:1.5px solid var(--rand);color:var(--tekst-primair);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:12px 14px;font-size:.95rem;font-weight:500;transition:border-color .15s,background .15s}.auth-gast-knop:hover:not(:disabled){border-color:var(--groen);background:color-mix(in srgb, var(--kleur-primair) 6%, transparent)}.auth-gast-knop:disabled{opacity:.6;cursor:not-allowed}.auth-gast-subtitel{text-align:center;color:var(--tekst-licht);margin:0;font-size:.8rem}.wachtwoord-eisen{background:var(--achtergrond);border:1.5px solid var(--rand);border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:12px 14px;list-style:none;display:flex}.wachtwoord-eis{align-items:center;gap:8px;font-size:.875rem;transition:color .15s;display:flex}.wachtwoord-eis-icoon{text-align:center;flex-shrink:0;width:16px;font-size:.8rem;font-weight:700}.wachtwoord-eis.voldaan{color:var(--groen)}.wachtwoord-eis.ontbreekt{color:var(--rood)}.auth-input--fout,.auth-input--fout:focus{border-color:var(--rood)}.auth-checkbox-label{color:var(--tekst);cursor:pointer;border-radius:8px;align-items:flex-start;gap:8px;padding:4px;font-size:.875rem;display:flex}.auth-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--groen);cursor:pointer;flex-shrink:0;margin-top:2px}.auth-checkbox-label a{color:var(--groen);text-decoration:underline}.auth-checkbox-label.auth-input--fout{border:1.5px solid var(--rood)}.auth-bevestiging{text-align:center;padding:8px 0}.auth-bevestiging-icoon{margin-bottom:16px;font-size:2.5rem;display:block}.auth-bevestiging h1{margin:0 0 12px;font-size:1.4rem}.auth-bevestiging p{color:var(--tekst-licht);line-height:1.5}.auth-uitleg{text-align:center;color:var(--tekst-licht);margin:-12px 0 20px;font-size:.875rem;line-height:1.5}.auth-vergeten-link{color:var(--groen);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:-4px;padding:0;font-size:.875rem;text-decoration:none}.auth-vergeten-link:hover{text-decoration:underline}.auth-succes{background:color-mix(in srgb, var(--groen) 12%, transparent);border:1px solid color-mix(in srgb, var(--groen) 35%, transparent);color:var(--groen);text-align:center;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem}.thuis-wrapper{flex-direction:column;min-height:100svh;display:flex}.thuis-header{background:var(--wit);border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.thuis-header h1{margin:0;font-size:1.25rem;font-weight:700}.uitlog-knop{border:1.5px solid var(--rand);cursor:pointer;color:var(--tekst-licht);background:0 0;border-radius:8px;padding:8px 14px;font-size:.875rem;transition:border-color .15s,color .15s}.uitlog-knop:hover{border-color:var(--tekst-licht);color:var(--tekst)}.thuis-inhoud{flex:1;padding:24px 20px}.thuis-placeholder{color:var(--tekst-licht);margin-top:8px}.knop-primair{background:var(--groen);color:var(--wit);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background .15s}.knop-primair:hover:not(:disabled){background:var(--groen-hover)}.knop-primair:disabled{opacity:.5;cursor:not-allowed}.knop-secundair{color:var(--tekst);border:1.5px solid var(--rand);cursor:pointer;background:0 0;border-radius:8px;padding:12px 20px;font-size:1rem;transition:border-color .15s}.knop-secundair:hover{border-color:var(--tekst-licht)}.lijsten-wrapper{min-height:200px;position:relative}.lijsten-laden{color:var(--tekst-licht);text-align:center;padding:40px 0}.lijsten-leeg{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 0;display:flex}.lijsten-leeg-icoon{font-size:3rem}.lijsten-leeg p{color:var(--tekst-licht);margin:0 0 4px}.lijsten-lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lijst-kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .15s,border-color .15s;display:flex}.lijst-kaart:hover{border-color:var(--groen);box-shadow:var(--schaduw)}.lijst-kaart-inhoud{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lijst-naam{color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.lijst-eigenaar-naam,.lijst-meta{color:var(--tekst-licht);font-size:.8rem}.lijst-menu-knop{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:1.3rem;line-height:1;transition:background .15s,color .15s;color:#0ea5a4!important}.lijst-menu-knop:hover{background:var(--achtergrond);color:var(--tekst)}.fab{background:var(--groen);width:56px;height:56px;color:var(--wit);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;transition:background .15s,transform .1s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #0003}.fab:hover{background:var(--groen-hover);transform:scale(1.05)}.sheet-overlay{z-index:100;background:#0006;align-items:flex-end;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--wit);border-radius:20px 20px 0 0;width:100%;max-width:480px;margin:0 auto;padding:12px 24px 32px;animation:.25s sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-greep{background:var(--rand);border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.sheet-titel-rij{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.sheet-titel{margin:0;font-size:1.2rem;font-weight:700}.scan-limiet-badge{border:2px solid var(--kleur-primair);width:36px;height:36px;color:var(--tekst-primair);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;line-height:1;display:flex}.scan-limiet-badge--waarschuwing{border-color:var(--kleur-waarschuwing);color:var(--kleur-waarschuwing)}.sheet-formulier{flex-direction:column;gap:14px;display:flex}.sheet-knoppen{gap:10px;margin-top:4px;display:flex}.sheet-knoppen .knop-secundair,.sheet-knoppen .knop-primair,.sheet-knoppen .knop-gevaar{flex:1}.sheet-acties{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.actie-knop{background:var(--achtergrond);border:1px solid var(--rand);color:var(--tekst-primair);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;transition:background .15s;display:flex}.actie-knop:hover{background:var(--rand)}.actie-knop--gevaar{color:var(--rood)}.actie-icoon{font-size:1.1rem}.sheet-annuleer{width:100%;margin-top:4px}.sheet-bevestiging-tekst{color:var(--tekst-licht);margin:0 0 20px;line-height:1.6}.knop-gevaar{background:var(--rood);color:var(--wit);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:opacity .15s}.knop-gevaar:hover:not(:disabled){opacity:.85}.knop-gevaar:disabled{opacity:.5;cursor:not-allowed}.artikelen-wrapper{background:var(--achtergrond);flex-direction:column;min-height:100svh;display:flex}.artikelen-header{background:var(--wit);border-bottom:1px solid var(--rand);z-index:10;align-items:center;gap:10px;padding:14px 20px;display:flex;position:sticky;top:0}.terug-knop{cursor:pointer;color:var(--tekst-licht);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:1.3rem;line-height:1;transition:background .15s,color .15s}.terug-knop:hover{background:var(--achtergrond);color:var(--tekst)}.artikelen-titel-blok{flex-direction:column;flex:1;min-width:0;display:flex}.artikelen-titel{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:700;overflow:hidden}.artikelen-eigenaar-naam{color:var(--tekst-licht);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.deel-knop{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:1.1rem;line-height:1;transition:background .15s;color:#0ea5a4!important}.deel-knop:hover,.deel-knop--actief{background:var(--achtergrond)}.deel-paneel{background:var(--wit);border-bottom:1px solid var(--rand);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.deel-paneel-kop{margin:0;font-size:.95rem;font-weight:600}.deel-laden{color:var(--tekst-licht);margin:0;font-size:.9rem}.deel-nieuw-link-rij{gap:8px;display:flex}.deel-label-invoer{border:1px solid var(--rand);color:var(--tekst);background:var(--wit);border-radius:6px;flex:1;min-width:0;padding:8px 10px;font-size:.85rem}.deel-links-lijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.deel-link-item{background:var(--achtergrond);border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.deel-link-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.deel-link-label{color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.deel-link-acties{align-items:center;gap:8px;margin-top:4px;display:flex}.deel-kopieer-knop{background:var(--primair);color:var(--wit);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:opacity .15s}.deel-kopieer-knop:hover{opacity:.85}.deel-verloopt{color:var(--tekst-licht);margin:0;font-size:.8rem}.deel-verwijder-knop{color:var(--rood);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem;text-decoration:underline}.deel-aanmaken-knop{background:var(--primair);color:var(--wit);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:opacity .15s}.deel-aanmaken-knop:disabled{opacity:.6;cursor:default}.deel-aanmaken-knop:not(:disabled):hover{opacity:.85}.deel-fout{color:var(--rood);margin:0;font-size:.85rem}.deel-meta-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deel-toegang-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.deel-toegang-badge--lezen{color:#854d0e;background:#fef9c3}.deel-toegang-badge--bewerken{background:var(--groen-licht);color:#065f46}.deel-toegang-badge--actief{background:color-mix(in srgb, var(--kleur-primair) 12%, #fff);color:var(--kleur-primair);border:1px solid color-mix(in srgb, var(--kleur-primair) 30%, transparent)}.deel-toegang-badge--gebruikt{background:color-mix(in srgb, var(--kleur-info) 14%, var(--wit));color:var(--kleur-info)}.deel-toegang-badge--ingetrokken{background:var(--achtergrond);color:var(--tekst-licht)}.deel-toegang-keuze{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deel-toegang-label{color:var(--tekst);font-size:.9rem;font-weight:500}.deel-toegang-knoppen{gap:4px;display:flex}.deel-toegang-knop{background:var(--wit);border:1px solid var(--rand);cursor:pointer;color:var(--tekst-licht);border-radius:6px;padding:5px 12px;font-size:.85rem;transition:border-color .15s,color .15s}.deel-toegang-knop:hover{border-color:var(--primair);color:var(--tekst)}.deel-toegang-knop--actief{background:var(--primair);border-color:var(--primair);color:var(--wit);font-weight:600}.lijst-compleet-banner{background:var(--groen-licht);border:1px solid var(--groen);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:12px 16px 0;padding:12px 16px;display:flex}.lijst-compleet-tekst{color:var(--groen);font-size:.9rem;font-weight:600}.lijst-compleet-knop{background:var(--groen);color:var(--wit);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:7px 14px;font-size:.85rem;font-weight:600;transition:opacity .15s}.lijst-compleet-knop:hover{opacity:.85}.deel-sluit-knop{border:1.5px solid var(--rood);width:100%;color:var(--rood);cursor:pointer;background:0 0;border-radius:8px;padding:10px;font-size:.9rem;font-weight:600;transition:background .15s}.deel-sluit-knop:hover{background:var(--fout-licht)}.afsluiten-schakelaar{color:var(--tekst);cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;display:flex}.afsluiten-schakelaar input[type=checkbox]{accent-color:var(--groen);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.deel-scheiding{border:none;border-top:1px solid var(--rand);margin:16px 0}.toegang-leeg{color:var(--tekst-licht);text-align:center;margin:0;padding:4px 0 8px;font-size:.85rem}.toegang-lijst{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.toegang-rij{background:var(--achtergrond);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.toegang-info{flex-direction:column;flex:1;min-width:0;display:flex}.toegang-naam{color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.toegang-email{color:var(--tekst-licht);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.toegang-sinds{color:var(--tekst-licht);white-space:nowrap;text-overflow:ellipsis;opacity:.75;font-size:.72rem;overflow:hidden}.toegang-acties{flex-shrink:0;align-items:center;gap:6px;display:flex}.toegang-rol-knop{cursor:pointer;white-space:nowrap;border:none;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:opacity .15s}.toegang-rol-knop:hover{opacity:.75}.toegang-rol-knop--bewerken{background:color-mix(in srgb, var(--kleur-primair) 12%, #fff);color:var(--kleur-primair);border:1px solid color-mix(in srgb, var(--kleur-primair) 30%, transparent)}.toegang-rol-knop--lezen{background:var(--kleur-n100);color:var(--tekst-primair);border:1px solid var(--rand)}.toegang-intrek-knop{border:1px solid var(--rand);cursor:pointer;width:28px;height:28px;color:var(--tekst-licht);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;transition:border-color .15s,color .15s;display:flex}.toegang-intrek-knop:hover{border-color:var(--rood);color:var(--rood)}.lezer-banner{background:color-mix(in srgb, var(--kleur-primair) 12%, #fff);border:1px solid color-mix(in srgb, var(--kleur-primair) 30%, transparent);color:color-mix(in srgb, var(--kleur-primair) 80%, #000);border-radius:8px;margin:10px 16px 8px;padding:9px 14px;font-size:.875rem;line-height:1.4}.lezer-banner--fout{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.toegang-beeindigd-overlay{z-index:300;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.toegang-beeindigd-kaart{background:var(--oppervlak);text-align:center;border-radius:14px;flex-direction:column;gap:1.25rem;width:calc(100% - 2rem);max-width:320px;padding:2rem 1.75rem;display:flex;box-shadow:0 8px 32px #0000002e}.toegang-beeindigd-kaart p{color:var(--tekst);margin:0;font-size:1rem;line-height:1.5}.uitnodiging-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;line-height:1.5}.uitnodiging-fout-balk{background:var(--fout-licht);border-bottom:1px solid var(--fout-rand);color:var(--rood);justify-content:space-between;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;display:flex}.uitnodiging-fout-sluit{cursor:pointer;color:var(--rood);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.1rem}.taal-niet-actief-balk{background:var(--fout-licht);border-bottom:1px solid var(--fout-rand);color:var(--rood);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 20px;font-size:.875rem;display:flex}.taal-niet-actief-melding{flex:1;min-width:0}.taal-niet-actief-select{border:1.5px solid var(--fout-rand);background:var(--wit);color:var(--tekst);cursor:pointer;border-radius:8px;padding:5px 10px;font-size:.85rem}.taal-niet-actief-sluit{cursor:pointer;color:var(--rood);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.1rem}.pwa-update-balk{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schaduw-l);color:var(--tekst);z-index:1000;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-size:.9rem;display:flex;position:fixed}.pwa-update-acties{flex-shrink:0;align-items:center;gap:4px;display:flex}.pwa-update-knop{background:var(--groen);color:var(--wit);cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:background .15s}.pwa-update-knop:hover{background:var(--groen-hover)}.pwa-update-sluit{cursor:pointer;color:var(--tekst-licht);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.1rem}.artikelen-inhoud{flex:1;padding:16px 20px 100px;overflow-y:auto}.artikelen-laden{color:var(--tekst-licht);text-align:center;padding:40px 0}.artikelen-leeg{text-align:center;color:var(--tekst-licht);flex-direction:column;align-items:center;gap:8px;padding:48px 0;display:flex}.artikelen-leeg-icoon{font-size:2.5rem}.artikelen-leeg p{margin:0}.artikelen-lijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.artikel-rij{border:1px solid var(--rand);border-radius:10px;min-height:50px;position:relative;overflow:hidden}.artikel-rij--sleept{opacity:.35;border-style:dashed}.artikel-rij-verwijder-achtergrond{background:var(--kleur-fout);color:#fff;justify-content:flex-end;align-items:center;padding-right:20px;display:flex;position:absolute;inset:0}.artikel-rij-inhoud{background:var(--wit);z-index:1;will-change:transform;flex-wrap:wrap;align-items:stretch;min-height:50px;display:flex;position:relative}.artikel-sleep-kaart{background:var(--wit);border:1px solid var(--primair);cursor:grabbing;border-radius:10px;align-items:center;gap:10px;max-width:360px;min-height:50px;padding:0 14px;display:flex;box-shadow:0 6px 20px #00000026}.artikel-sleep-hoeveelheid{color:var(--tekst-licht);flex-shrink:0;font-size:.95rem}.artikel-sleep-naam{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.artikel-menu-knop{border:none;border-left:1px solid var(--rand);cursor:pointer;width:40px;color:var(--kleur-primair);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;transition:background .15s;display:flex}.artikel-menu-knop:hover{background:var(--achtergrond)}.artikel-menu-popup{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schaduw-l);z-index:1000;min-width:200px;position:fixed;overflow:hidden}.artikel-menu-item{text-align:left;width:100%;color:var(--tekst);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:.95rem;transition:background .12s;display:block}.artikel-menu-item:hover{background:var(--achtergrond)}.artikel-menu-item--gevaar{color:var(--rood)}.artikel-hoeveelheid-cel{border:none;border-right:1px solid var(--rand);cursor:pointer;width:58px;color:var(--tekst);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.95rem;font-weight:600;transition:background .15s;display:flex}.artikel-hoeveelheid-cel:hover{background:var(--achtergrond)}.artikel-hoeveelheid-leeg{color:var(--tekst-licht);font-weight:400}.artikel-hoeveelheid-invoer{border:none;border-right:2px solid var(--groen);text-align:center;background:var(--groen-licht);-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;outline:none;flex-shrink:0;width:58px;padding:0 4px;font-size:.95rem;font-weight:600}.artikel-hoeveelheid-invoer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.artikel-hoeveelheid-invoer::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.artikel-naam-cel{color:var(--tekst);word-break:break-word;flex:1;align-items:center;min-width:0;padding:12px 14px;font-size:1rem;display:flex}.artikel-naam-invoer{border:none;border-right:2px solid var(--groen);background:var(--groen-licht);border-radius:0;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:1rem}.artikel-acties{flex-shrink:0;display:flex}.artikel-actie-knop{border:none;border-left:1px solid var(--rand);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;padding:0;font-size:1rem;transition:background .15s;display:flex}.artikel-actie-knop:hover{background:var(--achtergrond)}.artikel-actie-knop--gevaar:hover{background:var(--fout-licht)}.artikel-rij--vergrendeld{opacity:.6}.artikel-rij--vergrendeld .artikel-hoeveelheid-cel{cursor:default;color:var(--tekst-licht)}.artikel-slot-icoon{border-left:1px solid var(--rand);width:88px;color:var(--tekst-licht);justify-content:center;align-items:center;font-size:.9rem;display:flex}.artikel-rij--verwijder{background:var(--fout-licht);border-color:var(--fout-rand);flex-wrap:wrap;align-items:center;gap:8px;min-height:50px;padding:12px 16px;display:flex}.artikel-verwijder-naam{color:var(--rood);font-size:.9rem;font-weight:600}.artikel-verwijder-vraag{color:var(--rood);flex:1;font-size:.9rem}.artikel-verwijder-knoppen{flex-shrink:0;gap:8px;display:flex}.knop-xs-secundair{border:1.5px solid var(--rand);cursor:pointer;color:var(--tekst);background:0 0;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:border-color .15s}.knop-xs-secundair:hover:not(:disabled){border-color:var(--tekst-licht)}.knop-xs-gevaar{background:var(--rood);cursor:pointer;color:var(--wit);border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:opacity .15s}.knop-xs-gevaar:hover:not(:disabled){opacity:.85}.knop-xs-gevaar:disabled{opacity:.5;cursor:not-allowed}.artikel-rij-fout{width:100%;color:var(--rood);background:var(--fout-licht);border-top:1px solid var(--fout-rand);margin:0;padding:5px 14px;font-size:.8rem}.artikel-afvink-knop,.artikel-afvink-icoon{border-right:1px solid var(--rand);flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.artikel-afvink-knop{cursor:pointer;background:0 0;border-top:none;border-bottom:none;border-left:none;padding:0;transition:background .15s}.artikel-afvink-knop:hover{background:var(--achtergrond)}.artikel-afvink-cirkel{border:2px solid var(--rand);border-radius:50%;flex-shrink:0;width:20px;height:20px;transition:border-color .15s,background .15s;display:block}.artikel-afvink-knop--aan .artikel-afvink-cirkel,.artikel-afvink-icoon--aan .artikel-afvink-cirkel{background:var(--groen);border-color:var(--groen);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8l3.5 3.5L13 5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px 12px}.artikel-ster-knop{border:none;border-left:1px solid var(--rand);cursor:pointer;width:36px;color:var(--rand);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:color .15s,background .15s;display:flex}button.artikel-ster-knop:hover{background:var(--achtergrond);color:#f59e0b}.artikel-ster-knop--aan{color:#f59e0b}.artikel-ster-knop--lezer{cursor:default}.artikel-rij--afgevinkt{opacity:.75}.artikel-rij--afgevinkt .artikel-rij-inhoud{background:var(--achtergrond)}.artikel-rij--primair .artikel-rij-inhoud{background:color-mix(in srgb, var(--kleur-primair) 8%, var(--wit))}.artikel-naam-cel--afgevinkt{color:var(--tekst-licht);text-decoration:line-through}.afgevinkt-scheiding{color:var(--tekst-licht);text-transform:uppercase;letter-spacing:.06em;margin:0;padding:18px 2px 6px;font-size:.72rem;font-weight:600}.artikel-invoer-balk{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--wit);border-top:1px solid var(--rand);z-index:20;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.artikel-fout-melding{margin:0}.artikel-fout-melding--met-sluiten{justify-content:space-between;align-items:center;gap:8px;display:flex}.limiet-melding-sluiten{color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;margin:0;padding:2px;display:flex}.limiet-melding-sluiten:hover{opacity:1}.scan-limiet-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline}.knop-met-teller{flex-direction:column;align-items:center;gap:4px;display:flex}.knop-teller{white-space:nowrap;color:var(--tekst-secundair);font-variant-numeric:tabular-nums;font-size:.625rem;font-weight:500;line-height:1}.knop-teller--waarschuwing{color:var(--kleur-waarschuwing);font-weight:600}.artikel-invoer-rij{align-items:flex-end;gap:6px;display:flex}.artikel-invoer-hoeveelheid{border:1.5px solid var(--rand);text-align:center;background:var(--wit);width:58px;color:var(--tekst);-webkit-appearance:none;-moz-appearance:textfield;border-radius:8px;flex-shrink:0;padding:10px 6px;font-size:.95rem}.artikel-invoer-hoeveelheid::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.artikel-invoer-hoeveelheid::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.artikel-invoer-hoeveelheid:focus{border-color:var(--groen);outline:none}.artikel-invoer-naam{border:1.5px solid var(--rand);background:var(--wit);min-width:0;color:var(--tekst);border-radius:8px;flex:1;padding:10px 12px;font-size:1rem}.artikel-invoer-naam:focus{border-color:var(--groen);outline:none}.artikel-invoer-knop{background:var(--groen);width:44px;height:44px;color:var(--wit);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;transition:background .15s;display:flex}.artikel-invoer-knop:hover:not(:disabled){background:var(--groen-hover)}.artikel-invoer-knop:disabled{opacity:.4;cursor:not-allowed}.gesloten-banner{background:var(--oppervlak);border:1px solid var(--rand);color:var(--tekst-licht);border-radius:8px;margin:0 16px 8px;padding:9px 14px;font-size:.875rem;font-weight:500;line-height:1.4}.gesloten-sectie{margin:4px 0 80px}.gesloten-toggle{width:100%;color:var(--tekst-licht);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.gesloten-toggle:hover{background:var(--achtergrond)}.gesloten-toggle-icoon{font-size:.7rem}.gesloten-leeg{color:var(--tekst-licht);padding:6px 14px;font-size:.875rem}.lijst-kaart--gesloten{opacity:.65;cursor:default}.lijst-kaart--gedeactiveerd{opacity:.65}.lijst-gedeactiveerd-markering{color:var(--rood);font-size:.8rem}.deel-paneel-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.deel-paneel-header .deel-paneel-kop{margin:0}.deel-paneel-sluit{cursor:pointer;color:var(--tekst-licht);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1rem;transition:color .15s}.deel-paneel-sluit:hover{color:var(--tekst)}.profiel-knop{background:var(--groen);width:36px;height:36px;color:var(--wit);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:opacity .15s;display:flex}.profiel-knop:hover{opacity:.85}.profiel-menu{background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw);z-index:1000;border-radius:10px;min-width:160px;position:fixed;overflow:hidden}.profiel-menu-item{text-align:left;width:100%;color:var(--tekst);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:.95rem;transition:background .12s;display:block}.profiel-menu-item:hover{background:var(--achtergrond)}.profiel-menu-item--gevaar{color:var(--rood)}.profiel-menu-item--stil{border-top:1px solid var(--rand);color:var(--tekst-licht);flex-direction:column;gap:2px;margin-top:2px;padding-bottom:10px;font-size:.85rem;display:flex}.profiel-menu-versie-label{-webkit-user-select:none;user-select:none;font-size:.72rem}.instellingen-wrapper{background:var(--achtergrond);flex-direction:column;min-height:100svh;display:flex}.instellingen-inhoud{flex-direction:column;flex:1;gap:8px;width:100%;max-width:520px;margin:0 auto;padding:20px 20px 48px;display:flex}.instellingen-sectie{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px;display:flex}.instellingen-sectie--gevaar{border-color:var(--fout-rand);background:var(--fout-licht)}.instellingen-koptekst{color:var(--tekst-licht);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.875rem;font-weight:600}.instellingen-formulier{flex-direction:column;gap:10px;display:flex}.instellingen-uitleg{color:var(--tekst-licht);margin:0;font-size:.85rem}.verwijder-lijsten-overzicht{flex-direction:column;gap:10px;margin:8px 0;display:flex}.verwijder-lijst-rij{border-bottom:1px solid var(--rand);flex-direction:column;gap:4px;padding:8px 0;display:flex}.verwijder-lijst-naam{color:var(--tekst);font-weight:600}.verwijder-lijst-uitkomst{color:var(--tekst-licht);font-size:.85rem}.verwijder-lijst-select{border:1.5px solid var(--rand);border-radius:8px;padding:8px 10px;font-size:.9rem}.instellingen-taal-select{border:1.5px solid var(--rand);color:var(--tekst);background:var(--wit);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:8px;padding:10px 36px 10px 14px;font-size:1rem;transition:border-color .15s}.instellingen-taal-select:focus{border-color:var(--groen);outline:none}.scan-invoer-verborgen{display:none}.stem-knop{width:44px;height:44px;color:var(--tekst-licht);border:1.5px solid var(--rand);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s,color .15s,border-color .15s;display:flex}.stem-knop:hover:not(:disabled){background:var(--achtergrond);color:var(--tekst)}.stem-knop:disabled{opacity:.4;cursor:not-allowed}.stem-knop--actief{color:var(--rood);border-color:var(--rood);animation:1s ease-in-out infinite stem-puls}@keyframes stem-puls{0%,to{opacity:1}50%{opacity:.45}}[data-thema=donker] .deel-toegang-badge--lezen{color:#fbbf24;background:#e09b2626}[data-thema=donker] .deel-toegang-badge--bewerken{color:#fff}[data-thema=donker] .deel-toegang-badge--actief,[data-thema=donker] .toegang-rol-knop--bewerken{color:#0ea5a4;background:#0ea5a426;border-color:#0ea5a44d}[data-thema=donker] .toegang-rol-knop--lezen{color:var(--tekst-primair);border-color:var(--rand);background:#ffffff0f}[data-thema=donker] .lezer-banner{color:#0ea5a4;background:#0ea5a41f;border-color:#0ea5a44d}[data-thema=donker] .lezer-banner--fout{color:#f87171;background:#d95b631f;border-color:#d95b634d}[data-thema=donker] .uitnodiging-banner{color:#a5b4fc;background:#4f6ef71f;border-color:#4f6ef74d}[data-thema=donker] .lijst-compleet-banner{background:#0ea5a41f;border-color:#0ea5a44d}.handleiding-inhoud{flex-direction:column;flex:1;gap:8px;width:100%;max-width:520px;margin:0 auto;padding:20px 20px 48px;display:flex}.handleiding-blok{flex-direction:column;gap:6px;display:flex}.handleiding-blok-kop{color:var(--tekst-primair);margin:0;font-size:.9rem;font-weight:600}.handleiding-tekst{color:var(--tekst-secundair);margin:0;font-size:.875rem;line-height:1.6}.handleiding-stappen{flex-direction:column;gap:5px;margin:0;padding-left:20px;display:flex}.handleiding-stappen li{color:var(--tekst-secundair);font-size:.875rem;line-height:1.5}.admin-versie-label{color:var(--tekst-licht);font-size:.75rem;font-family:var(--font-body);margin-left:auto}.admin-inhoud{flex-direction:column;flex:1;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:20px 24px 48px;display:flex}.admin-sectie{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius);flex-direction:column;gap:14px;padding:20px;display:flex}.admin-sectie-kop{align-items:center;gap:10px;display:flex}.admin-teller{background:var(--groen-licht);min-width:24px;height:24px;color:var(--accent);font-size:.78rem;font-weight:600;font-family:var(--font-body);border-radius:99px;justify-content:center;align-items:center;padding:0 7px;display:inline-flex}.admin-tabel-wrapper{border-radius:var(--radius-m);border:1px solid var(--rand);overflow-x:auto}.admin-tabel{border-collapse:collapse;width:100%;min-width:720px;font-size:.875rem;font-family:var(--font-body)}.admin-tabel thead tr{background:var(--achtergrond);border-bottom:1px solid var(--rand)}.admin-tabel th{text-align:left;color:var(--tekst-licht);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:10px 14px;font-size:.75rem;font-weight:600}.admin-tabel td{color:var(--tekst-primair);border-top:1px solid var(--rand);vertical-align:middle;padding:11px 14px}.admin-tabel tbody tr:first-child td{border-top:none}.admin-tabel tbody tr:hover td{background:var(--achtergrond)}.admin-tabel th:last-child,.admin-tabel td:last-child{background:var(--wit);position:sticky;right:0;box-shadow:-3px 0 8px #00000012}.admin-tabel thead th:last-child,.admin-tabel tbody tr:hover td:last-child{background:var(--achtergrond)}.admin-tabel th:first-child{z-index:2;background:var(--achtergrond);width:200px;position:sticky;left:0}.admin-tabel th:nth-child(2){z-index:2;background:var(--achtergrond);width:120px;position:sticky;left:200px;box-shadow:3px 0 8px #00000012}.admin-tabel tbody tr:hover .admin-tabel-email,.admin-tabel tbody tr:hover .admin-tabel-naam{background:var(--achtergrond)}@media (width<=640px){.admin-tabel th:first-child,.admin-tabel-email{white-space:normal;width:auto;max-width:none;box-shadow:none;position:static;overflow:visible}.admin-tabel th:nth-child(2),.admin-tabel-naam{width:auto;max-width:none;box-shadow:none;position:static;left:auto;overflow:visible}}.admin-tabel-email{z-index:1;background:var(--wit);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:500;position:sticky;left:0;overflow:hidden}.admin-tabel-naam{z-index:1;background:var(--wit);color:var(--tekst-secundair);white-space:nowrap;text-overflow:ellipsis;max-width:120px;position:sticky;left:200px;overflow:hidden;box-shadow:3px 0 8px #00000012}.admin-tabel-datum{color:var(--tekst-secundair);white-space:nowrap}.admin-tabel-getal{text-align:center;font-variant-numeric:tabular-nums;color:var(--tekst-secundair)}.admin-gast-label{background:var(--groen-licht);color:var(--accent);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.admin-leeg{color:var(--rand)}.admin-acties{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.admin-fout-balk{background:var(--fout-licht);border:1px solid var(--fout-rand);border-radius:var(--radius-m);color:var(--kleur-fout);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;display:flex}.admin-fout-sluit{cursor:pointer;color:var(--kleur-fout);background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:1.1rem;line-height:1}.admin-modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s overlay-in;display:flex;position:fixed;inset:0}.admin-modal-kaart{background:var(--wit);border-radius:var(--radius);width:100%;max-width:420px;box-shadow:var(--schaduw-l);flex-direction:column;gap:14px;padding:28px 24px;display:flex}.admin-modal-titel{color:var(--tekst-primair);font-size:1.1rem;font-weight:700;font-family:var(--font-kop);margin:0}.admin-modal-tekst{color:var(--tekst-secundair);margin:0;font-size:.9rem;line-height:1.6}.admin-modal-fout{color:var(--kleur-fout);background:var(--fout-licht);border-radius:var(--radius-m);margin:0;padding:10px 12px;font-size:.875rem}.admin-modal-knoppen{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}[data-thema=donker] .instellingen-taal-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23CBD5E1' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}.admin-tabel-accounttype{white-space:nowrap}.admin-accounttype-fout{color:var(--kleur-fout);margin-top:4px;font-size:.75rem;display:block}.admin-gebruik-kaart{max-width:480px}.admin-gebruik-naam{color:var(--tekst-secundair);margin:-4px 0 4px;font-size:.875rem}.admin-gebruik-laden,.admin-gebruik-leeg{color:var(--tekst-secundair);text-align:center;margin:0;padding:12px 0;font-size:.9rem}.admin-gebruik-blok{border:1px solid var(--rand);border-radius:var(--radius-m);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.admin-gebruik-blok-titel{color:var(--tekst-primair);font-size:.9rem;font-weight:700;font-family:var(--font-kop);margin:0}.admin-gebruik-totaal{border-top:1px solid var(--rand);padding-top:12px}.admin-gebruik-grid{grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;display:grid}.admin-gebruik-label{color:var(--tekst-secundair);font-size:.875rem}.admin-gebruik-waarde{color:var(--tekst-primair);text-align:right;font-variant-numeric:tabular-nums;font-size:.875rem}.admin-gebruik-waarde-vet{color:var(--kleur-primair);font-weight:700}.talen-lijst{flex-direction:column;display:flex}.talen-rij{border-bottom:1px solid var(--rand);color:var(--tekst);justify-content:space-between;align-items:center;padding:10px 0;font-size:.875rem;display:flex}.talen-rij:last-child{border-bottom:none}.talen-rij-label{align-items:center;gap:8px;display:flex}.talen-code{color:var(--tekst-licht);background:var(--achtergrond);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem}.talen-toggle{cursor:pointer;flex-shrink:0;width:44px;height:24px;position:relative}.talen-toggle input{opacity:0;width:0;height:0;position:absolute}.talen-toggle-slider{background:var(--rand);border-radius:99px;transition:background .2s;position:absolute;inset:0}.talen-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.talen-toggle input:checked+.talen-toggle-slider{background:var(--accent)}.talen-toggle input:checked+.talen-toggle-slider:after{transform:translate(20px)}.talen-toggle input:disabled+.talen-toggle-slider{opacity:.5;cursor:not-allowed}