/*! * D2 Consent (claude) — banneret. Version 1.2.0 * * 1.1.0 var et hvidt kort med grå hårstreg. Det så ud som et plugin, ikke som * Digital2. Denne udgave taler sitets eget sprog: det mørke panel fra foden * og helten, Montserrat i overskriften, orange som accent. * * KORTET ER MØRKT, FORDI SITET ER DET * Sitets fod (.d2d-footer) er #1a1a1a, og helten er lige så mørk. Et mørkt * banner læses derfor som en del af siden frem for noget lagt ovenpå. * Selve kortet er #292929 og altså et trin lysere end foden — den * almindelige måde at vise en hævet flade i et mørkt design. * * DE TO VALGKNAPPER ER NU LIGE TUNGE * I 1.1.0 var "Tillad alle" fyldt og "Kun nødvendige" havde kant. Det er * almindelig praksis og accepteres, men det ER en forskel i vægt, og den * peger på accept. Nu er begge fyldte, lige store, med samme skriftvægt: * orange og hvid. Der er ingen vej der er lettere end den anden. * * KONTRAST — regnet, ikke husket. Alt mod kortet #292929: * Titel hvid 14,55:1 * Brødtekst #dddddd 10,71:1 * Beskrivelse #bbbbbb 7,58:1 * Politiklink #fc8902 6,04:1 * Fokusring hvid 14,55:1 * Kortets kant mod kortet / mod foden 4,16:1 / 4,98:1 * Knap "Tillad alle" #1a1a1a på #fc8902 7,23:1 * Knap "Kun nødvendige" #1a1a1a på hvid 17,40:1 * * Hvid tekst på #fc8902 ville være 2,41:1 og falder igennem. Det er derfor * de orange knapper her har mørk tekst, selv om sitets øvrige orange knapper * bruger hvid. Fejlen ligger i de øvrige knapper, ikke i disse. */ .d2cn{position:fixed;z-index:999999;left:0;right:0;bottom:0;padding:16px;pointer-events:none;display:flex;justify-content:center}.d2cn:focus{outline:none}.d2cn__kort{pointer-events:auto;box-sizing:border-box;width:100%;max-width:760px;background:var(--d2-ink-body,#292929);color:#ddd;color-scheme:dark;border:1px solid rgb(255 255 255 / .45);border-top:3px solid var(--d2-orange,#fc8902);border-radius:var(--d2-radius-lg,12px);box-shadow:0 10px 40px rgb(0 0 0 / .45);padding:22px 24px;font-family:var(--d2-font-body,Arial,Helvetica,sans-serif);font-size:15px;line-height:1.55}.d2cn__titel{margin:0 0 10px;font-family:var(--d2-font-display,'Montserrat',Arial,sans-serif);font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:#fff}.d2cn__brod{margin:0 0 18px;color:#ddd}.d2cn__panel{margin:0 0 18px;border-top:1px solid rgb(255 255 255 / .22)}.d2cn__panel[hidden]{display:none}.d2cn__raekke{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgb(255 255 255 / .22)}.d2cn__raekke:last-child{border-bottom:0}.d2cn__raekke input[type="checkbox"]{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--d2-orange,#fc8902);cursor:pointer}.d2cn__raekke input[type="checkbox"]:disabled{cursor:default;opacity:.8}.d2cn__tekster{min-width:0}.d2cn__navn{display:block;font-weight:700;color:#fff;cursor:pointer}.d2cn__raekke input:disabled+.d2cn__tekster .d2cn__navn{cursor:default}.d2cn__om{margin:3px 0 0;font-size:14px;color:#bbb}.d2cn__handlinger{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.d2cn__btn{box-sizing:border-box;min-height:48px;padding:13px 22px;border:0;border-radius:var(--d2-radius-md,6px);font-family:var(--d2-font-body,Arial,Helvetica,sans-serif);font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;transition:background-color var(--d2-transition,0.2s ease),color var(--d2-transition,0.2s ease)}.d2cn__btn[hidden]{display:none}.d2cn__btn--primaer,.d2cn__btn--sekundaer{flex:1 1 190px}.d2cn__btn--primaer{background:var(--d2-orange,#fc8902);color:var(--d2-ink-strong,#1a1a1a)}.d2cn__btn--primaer:hover{background:var(--d2-orange-hover,#e57a00)}.d2cn__btn--sekundaer{background:#fff;color:var(--d2-ink-strong,#1a1a1a)}.d2cn__btn--sekundaer:hover{background:#e8e8e8}.d2cn__btn--tredje{background:#fff0;color:#fff;text-decoration:underline;text-underline-offset:3px;padding:13px 14px;min-width:0}.d2cn__btn--tredje:hover{color:var(--d2-orange,#fc8902)}.d2cn__btn:focus-visible,.d2cn__raekke input[type="checkbox"]:focus-visible,.d2cn__politik a:focus-visible{outline:3px solid #fff;outline-offset:3px}.d2cn__btn:focus{outline:3px solid #fff;outline-offset:3px}.d2cn__btn:focus:not(:focus-visible){outline:none}.d2cn__politik{margin:16px 0 0;font-size:14px}.d2cn__politik a{color:var(--d2-orange,#fc8902);text-decoration:underline;text-underline-offset:3px}.d2cn__politik a:hover{color:#fff}.d2cn-kaldfrem{background:none;border:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;cursor:pointer;text-decoration:none}.d2cn-kaldfrem--politik{font-family:var(--d2-font-body,Arial,Helvetica,sans-serif);font-size:12px;font-weight:500;color:rgb(255 255 255 / .55)}.d2cn-kaldfrem--politik:hover{color:#fff}.d2cn-kaldfrem--fod{display:block;margin:10px auto;font-size:14px;text-decoration:underline;text-underline-offset:3px}.d2cn-kaldfrem--fast{position:fixed;z-index:999998;left:12px;bottom:12px;background:var(--d2-ink-body,#292929);color:#fff;border:1px solid rgb(255 255 255 / .45);border-radius:var(--d2-radius-sm,4px);padding:8px 12px;font-size:13px;box-shadow:0 2px 12px rgb(0 0 0 / .35)}.d2cn-kaldfrem:focus-visible{outline:2px solid currentColor;outline-offset:3px}html.d2cn-aaben{scroll-padding-bottom:260px;padding-bottom:260px;background:var(--d2-ink-strong,#1a1a1a)}html.d2cn-aaben body{padding-bottom:0}@media (max-width:640px){.d2cn{padding:10px}.d2cn__kort{padding:18px 16px;font-size:14px;max-height:82vh;overflow-y:auto}.d2cn__titel{font-size:18px}.d2cn__handlinger{gap:10px}.d2cn__btn--primaer,.d2cn__btn--sekundaer{flex:1 1 100%;min-width:0}.d2cn__btn--tredje{flex:1 1 100%;margin-left:0;text-align:center}html.d2cn-aaben{padding-bottom:360px}}@media (prefers-reduced-motion:reduce){.d2cn__btn{transition:none}}@media print{.d2cn,.d2cn-kaldfrem--fast{display:none!important}html.d2cn-aaben{padding-bottom:0;background:none}}@media (forced-colors:active){.d2cn__kort{border:1px solid CanvasText}.d2cn__btn{border:2px solid ButtonText}}