/* Cookiehanteraren (tillägg). Färger och rundning sätts från inställningarna som variabler på rutan. */
.cmp{position:fixed;z-index:1000;box-sizing:border-box;max-width:440px;padding:24px;border-radius:var(--cmp-r,18px);background:var(--cmp-bg);color:var(--cmp-fg);font-family:var(--font);font-size:15px;line-height:1.5;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.cmp[hidden]{display:none}
.cmp.vanster{left:20px;bottom:20px}
.cmp.hoger{right:20px;bottom:20px}
.cmp.botten{left:0;right:0;bottom:0;max-width:none;border-radius:var(--cmp-r,18px) var(--cmp-r,18px) 0 0}
.cmp.mitten{left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px)}
.cmp h2{margin:0 0 8px;font-size:18px;line-height:1.25;font-weight:700;color:inherit}
.cmp p{margin:0}
.cmp a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cmp .cmp-knappar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cmp .cmp-knapp{flex:1 1 auto;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:var(--cmp-knapp);color:var(--cmp-knapptext);font:700 15px/1 var(--font);letter-spacing:.02em;cursor:pointer}
.cmp .cmp-valj{flex:0 0 100%;min-height:36px;border:0;background:none;color:inherit;font:500 14px/1 var(--font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cmp .cmp-knapp:focus-visible,.cmp .cmp-valj:focus-visible,.cmp input:focus-visible{outline:2px solid var(--cmp-knapp);outline-offset:3px}
.cmp .cmp-kat{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--cmp-fg) 20%,transparent)}
.cmp .cmp-kat:first-of-type{margin-top:14px}
.cmp .cmp-kat b{font-weight:700}
.cmp .cmp-kat small{grid-column:1;font-size:13px;opacity:.8}
.cmp .cmp-kat input{grid-row:1 / span 2;grid-column:2;width:22px;height:22px;margin:2px 0 0;accent-color:var(--cmp-knapp)}
@media (max-width:767.98px){.cmp.vanster,.cmp.hoger{left:12px;right:12px;bottom:12px;max-width:none}}