lintje 0.4.0 → 0.5.0

package/dist-elements/overlays.js

@@ -1,4 +1,4 @@
-import "./chunks/base-DRGvkF-r.js";
+import "./chunks/base-CVKIPSLx.js";
 import "./tag/modal.js";
 import "./tag/dialog.js";
 import "./tag/drawer.js";

package/dist-elements/tag/activity-log.js

@@ -1,4 +1,4 @@
-import { Jt as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, en as r, nn as i, st as a } from "../chunks/base-CVKIPSLx.js";
 //#region src/components/tables/activity-log/activity-log.css?inline
 var o = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-activity-log {\n  font: var(--text-ui);\n  color: var(--color-text-primary);\n}\n.lintje-activity-log__heading {\n  margin: 0 0 var(--space-3);\n  font: var(--text-tile-title);\n}\n.lintje-activity-log__list { list-style: none; margin: 0; padding: 0; }\n\n.lintje-activity-log__entry { display: flex; gap: var(--space-3); }\n.lintje-activity-log__rail {\n  flex: 0 0 10px;\n  display: flex; flex-direction: column; align-items: center;\n}\n/* The square sits on the sentence's first line; this stub joins it to the square above. */\n.lintje-activity-log__rail::before {\n  content: '';\n  flex: 0 0 6px;\n  width: 2px;\n  background: var(--color-border-default);\n}\n.lintje-activity-log__entry.is-newest .lintje-activity-log__rail::before { visibility: hidden; }\n.lintje-activity-log__mark {\n  flex: none;\n  width: 10px; height: 10px;\n  background: var(--color-border-heavy);\n}\n.lintje-activity-log__entry.is-newest .lintje-activity-log__mark { background: var(--color-accent-line); }\n.lintje-activity-log__line {\n  flex: 1 1 auto;\n  width: 2px;\n  background: var(--color-border-default);\n}\n.lintje-activity-log__entry.is-last .lintje-activity-log__line { visibility: hidden; }\n\n.lintje-activity-log__body { min-width: 0; padding-bottom: var(--space-4); }\n.lintje-activity-log__entry.is-last .lintje-activity-log__body { padding-bottom: 0; }\n.lintje-activity-log__what { margin: 0; }\n.lintje-activity-log__who { font-weight: 700; }\n.lintje-activity-log__when {\n  display: block;\n  font: var(--text-meta);\n  color: var(--color-text-muted);\n}\n\n.lintje-activity-log__more { margin-top: var(--space-3); }\n\n/* Forced colours drop fills, so the rail is drawn in the text colour. */\n@media (forced-colors: active) {\n  .lintje-activity-log__rail::before,\n  .lintje-activity-log__mark,\n  .lintje-activity-log__line { forced-color-adjust: none; background: CanvasText; }\n  .lintje-activity-log__entry.is-newest .lintje-activity-log__mark { background: Highlight; }\n}\n", s = 10, c = class extends e {
 	constructor(...e) {

package/dist-elements/tag/ai-label.js

@@ -1,4 +1,4 @@
-import { Jt as e, Yt as t, Zt as n, at as r, en as i, lt as a, nn as o, ot as s, ut as c } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, at as r, en as i, lt as a, nn as o, ot as s, ut as c } from "../chunks/base-CVKIPSLx.js";
 //#region src/components/feedback/ai-label/ai-label.css?inline
 var l = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-ai-label {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-2) var(--space-3);\n}\n/* Unlike other badges this one may wrap: a long name would run past a 390 px screen. */\n.lintje-ai-label__box {\n  max-width: 100%;\n  height: auto;\n  min-height: 1.5rem;\n  line-height: 1.25;\n  white-space: normal;\n}\n.lintje-ai-label__badge { display: inline-flex; align-items: center; gap: var(--space-1); min-width: 0; }\n.lintje-ai-label__icon { flex: none; }\n.lintje-ai-label__hint { font: var(--text-meta); color: var(--color-text-muted); }\n", u = "Controleer de tekst voor je hem gebruikt", d = class extends e {
 	static {

package/dist-elements/tag/announcement.js

@@ -1,5 +1,5 @@
-import { F as e, M as t, N as n, P as r, Q as i, Yt as a, Z as o, Zt as s, en as c, lt as l, nn as u } from "../chunks/base-DRGvkF-r.js";
-import { r as d } from "../chunks/focus-trap-Dv8zu64A.js";
+import { F as e, M as t, N as n, P as r, Q as i, Yt as a, Z as o, Zt as s, en as c, lt as l, nn as u } from "../chunks/base-CVKIPSLx.js";
+import { r as d } from "../chunks/focus-trap-rje9Oz19.js";
 //#region src/components/shared/view-tile.css?inline
 var f = "/*\n * A view element around a tile: the tile fills the host, so the footnote\n * (`margin-top: auto`) reaches the bottom of the grid cell.\n * `display: block` because a standalone custom element is inline.\n */\n:host {\n  display: block;\n  min-width: 0;\n}\n:host([hidden]) {\n  display: none;\n}\n/* The grid cell moves to the next sheet whole; a tile split between its title and its drawing\n   reads as two. */\n@media print {\n  :host { break-inside: avoid; }\n}\n/* `min-height: inherit`: a held host has a min-height and no height, so `100%` resolves to auto. */\nlintje-tile {\n  height: 100%;\n  min-height: inherit;\n}\n", p = (e) => `lintje-announcement-dismissed:${e}`, m = class extends r {
 	constructor(...e) {

package/dist-elements/tag/app-search.js

@@ -1,5 +1,5 @@
-import { Gt as e, H as t, Ht as n, Jt as r, Kt as i, Yt as a, Zt as o, en as s, jt as c, lt as l, nn as u, st as d, ut as f } from "../chunks/base-DRGvkF-r.js";
-import { t as p } from "../chunks/focus-trap-Dv8zu64A.js";
+import { Gt as e, H as t, Ht as n, Jt as r, Kt as i, Yt as a, Zt as o, en as s, jt as c, lt as l, nn as u, st as d, ut as f } from "../chunks/base-CVKIPSLx.js";
+import { t as p } from "../chunks/focus-trap-rje9Oz19.js";
 import { t as m } from "../chunks/dialog-close-u75fVEw4.js";
 import { t as h } from "../chunks/key-CuuOw1KE.js";
 import { t as g } from "../chunks/debounce-JXnLMCcF.js";

package/dist-elements/tag/audio-player.js

@@ -1,8 +1,8 @@
-import { Gt as e, Kt as t, L as n, Yt as r, Zt as i, bt as a, en as o, lt as s, nn as c, rt as l, st as u, ut as d } from "../chunks/base-DRGvkF-r.js";
+import { Gt as e, Kt as t, L as n, Yt as r, Zt as i, bt as a, en as o, lt as s, nn as c, rt as l, st as u, ut as d } from "../chunks/base-CVKIPSLx.js";
 import "./menu-button.js";
 import "./announcement.js";
 import { a as f, c as p, d as m, f as h, g, h as _, m as v, n as y, p as b, r as x, s as S, u as C } from "../chunks/playback-DZJ_NMXv.js";
-import { n as w, t as T } from "../chunks/player-BApadXr8.js";
+import { n as w, t as T } from "../chunks/player-DDDWUevR.js";
 //#region src/components/content/audio-player/audio-player.css?inline
 var E = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-audio-player {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  padding: var(--space-4);\n  border: 1px solid var(--color-border-default);\n  background: var(--color-bg-surface);\n  color: var(--color-text-primary);\n}\n.lintje-audio-player--compact {\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--space-3) var(--space-4);\n  padding: var(--space-2) var(--space-3);\n}\n\n/* Flush: the bar the page draws is the frame; the content keeps its own rhythm. */\n.lintje-audio-player--flush { padding-inline: 0; border: 0; background: none; }\n\n/* Play stands in the middle of the row, whatever stands beside it; on a narrow row the sides\n   keep their content and the middle gives way a little. */\n.lintje-audio-player__controls {\n  display: grid;\n  grid-template-columns: minmax(min-content, 1fr) auto minmax(min-content, 1fr);\n  align-items: center;\n  gap: var(--space-2);\n}\n.lintje-audio-player__start { display: flex; align-items: center; min-width: 0; }\n/* The speed keeps its distance from the volume bar, so it does not read as the bar's value. */\n.lintje-audio-player__end { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-4); }\n.lintje-audio-player__transport { display: flex; align-items: center; gap: var(--space-2); flex: none; }\n.lintje-audio-player--compact .lintje-audio-player__transport { gap: var(--space-1); }\n\n/* The set has no 15-second icon: the step stands under the arrows as text. */\n.lintje-audio-player__skip { flex-direction: column; }\n.lintje-audio-player__step { font: var(--text-axis); font-weight: 700; }\n\n.lintje-audio-player__times {\n  display: flex;\n  justify-content: space-between;\n  margin-top: calc(-1 * var(--space-2));\n  font: var(--text-small);\n  font-variant-numeric: tabular-nums;\n}\n\n.lintje-audio-player__legend {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-1) var(--space-5);\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  font: var(--text-small);\n}\n.lintje-audio-player--compact .lintje-audio-player__legend { flex-basis: 100%; }\n.lintje-audio-player__speaker { display: flex; align-items: center; gap: var(--space-2); }\n.lintje-audio-player__speaker.is-current { font-weight: 700; }\n.lintje-audio-player__swatch { width: var(--space-3); height: var(--space-3); flex: none; }\n.lintje-audio-player__now { font-weight: 400; color: var(--color-text-muted); }\n\n.lintje-audio-player__wave {\n  position: relative;\n  flex: none;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-1);\n  overflow: visible;\n  cursor: pointer;\n  touch-action: none;\n}\n.lintje-audio-player__peak {\n  flex: 0 1 4px;\n  min-height: 2px;\n  background: var(--color-border-heavy);\n  pointer-events: none;\n}\n.lintje-audio-player__peak.is-played { background: var(--color-accent-line); }\n\n/* The bar thickens under the pointer into its own margin, so nothing around it moves; its hit\n   area (`player.css`) stays 48 px. */\n.lintje-audio-player__bar {\n  flex: none;\n  transition: height var(--dur-hover) var(--ease-in-motion), margin var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-audio-player__bar:hover { height: var(--space-2); margin-block: calc((6px - var(--space-2)) / 2); }\n.lintje-audio-player__stretch { position: absolute; top: 0; bottom: 0; pointer-events: none; }\n.lintje-audio-player__head {\n  position: absolute;\n  top: 50%;\n  width: var(--space-1);\n  height: var(--space-4);\n  transform: translate(-50%, -50%);\n  background: var(--color-text-primary);\n  pointer-events: none;\n}\n\n/* One colour per speaker (`--lintje-speaker`, set per bar); what is still to come is quieter. */\n.lintje-audio-player__peak.has-speaker,\n.lintje-audio-player__stretch,\n.lintje-audio-player__swatch { background: var(--lintje-speaker); }\n.lintje-audio-player__peak.has-speaker:not(.is-played),\n.lintje-audio-player__stretch:not(.is-played) { opacity: 0.4; }\n\n.lintje-audio-player__cursor {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background: var(--color-text-primary);\n  pointer-events: none;\n}\n.lintje-audio-player__bar .lintje-audio-player__cursor { top: calc(-1 * var(--space-2)); bottom: calc(-1 * var(--space-2)); }\n.lintje-audio-player__cursor-time {\n  position: absolute;\n  bottom: calc(100% + var(--space-1));\n  left: 50%;\n  transform: translateX(-50%);\n  padding: var(--space-1) var(--space-2);\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-popover);\n  box-shadow: var(--shadow-popover);\n  font: var(--text-small);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n  color: var(--color-text-primary);\n}\n\n.lintje-audio-player__volume { display: flex; align-items: center; gap: var(--space-1); flex: none; }\n/* A transparent area above and below the line takes the pointer, as on the position bar. */\n.lintje-audio-player__level {\n  position: relative;\n  width: calc(2 * var(--space-10));\n  height: 6px;\n  background: var(--color-border-default);\n  cursor: pointer;\n  touch-action: none;\n}\n.lintje-audio-player__level::before {\n  content: '';\n  position: absolute;\n  inset: calc((100% - var(--h-target)) / 2) 0;\n}\n.lintje-audio-player__level-fill { height: 100%; background: var(--color-accent-line); pointer-events: none; }\n\n.lintje-audio-player__skeleton,\n.lintje-audio-player__alert { flex: none; }\n/* On one line the slider takes the room the buttons leave. */\n.lintje-audio-player--compact .lintje-audio-player__wave,\n.lintje-audio-player--compact .lintje-audio-player__bar,\n.lintje-audio-player--compact .lintje-audio-player__skeleton,\n.lintje-audio-player--compact .lintje-audio-player__alert { flex: 1 1 240px; min-width: 0; }\n.lintje-audio-player__speed { flex: none; }\n\n/* Forced colours drop fills; the bars keep their drawing in system colours. */\n@media (forced-colors: active) {\n  .lintje-audio-player__peak,\n  .lintje-audio-player__stretch,\n  .lintje-audio-player__swatch,\n  .lintje-audio-player__head,\n  .lintje-audio-player__cursor,\n  .lintje-audio-player__level,\n  .lintje-audio-player__level-fill { forced-color-adjust: none; background: CanvasText; }\n  .lintje-audio-player__peak.is-played,\n  .lintje-audio-player__stretch.is-played,\n  .lintje-audio-player__level-fill { background: Highlight; }\n}\n\n/* A phone of 320 px still fits mute, the three buttons and the speed: each keeps its 48 px. */\n@media screen and (max-width: 767px) {\n  .lintje-audio-player__controls,\n  .lintje-audio-player__transport { gap: 0; }\n}\n", D = {
 	kind: "outage",

package/dist-elements/tag/badge.js

@@ -1 +1 @@
-export { it as LintjeBadge, at as badgeStyles, ot as renderBadge } from "../chunks/base-DRGvkF-r.js";
+export { it as LintjeBadge, at as badgeStyles, ot as renderBadge } from "../chunks/base-CVKIPSLx.js";

package/dist-elements/tag/breadcrumbs.js

@@ -1,4 +1,4 @@
-import { Gt as e, H as t, Jt as n, Kt as r, Yt as i, Zt as a, en as o, lt as s, nn as c, ut as l } from "../chunks/base-DRGvkF-r.js";
+import { Gt as e, H as t, Jt as n, Kt as r, Yt as i, Zt as a, en as o, lt as s, nn as c, ut as l } from "../chunks/base-CVKIPSLx.js";
 import "./menu-button.js";
 //#region src/components/frame/breadcrumbs/breadcrumbs.css?inline
 var u = ":host { display: block; min-width: 0; }\n:host([hidden]) { display: none; }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-breadcrumbs { font: var(--text-small); color: var(--color-text-muted); }\n.lintje-breadcrumbs__list {\n  display: flex; flex-wrap: wrap; align-items: center;\n  gap: var(--space-2);\n}\n.lintje-breadcrumbs__item { display: inline-flex; align-items: center; gap: var(--space-2); min-width: 0; }\n\n/* A transparent hit area reaches the target height up and down; sideways stands other content. */\n.lintje-breadcrumbs__link {\n  position: relative;\n  color: var(--color-link);\n  text-decoration: underline;\n  transition: color var(--dur-hover) var(--ease-in-motion);\n}\n.lintje-breadcrumbs__link::after {\n  content: '';\n  position: absolute;\n  inset: min(0px, calc((100% - var(--h-target)) / 2)) 0;\n}\n.lintje-breadcrumbs__link:hover { color: var(--color-link-hover); }\n.lintje-breadcrumbs__current { color: var(--color-text-primary); }\n\n/* Below 768 px only the way back stays. */\n.lintje-breadcrumbs__back {\n  display: inline-flex; align-items: center; gap: var(--space-1);\n  min-height: var(--h-touch);\n  font: var(--text-ui);\n  font-weight: 700;\n  color: var(--color-link);\n  text-decoration: none;\n}\n.lintje-breadcrumbs__back:hover { color: var(--color-link-hover); }\n", d = 4;

package/dist-elements/tag/button.js

@@ -1 +1 @@
-export { tt as LintjeButton } from "../chunks/base-DRGvkF-r.js";
+export { tt as LintjeButton } from "../chunks/base-CVKIPSLx.js";

package/dist-elements/tag/card-list.js

@@ -1,4 +1,4 @@
-import { Jt as e, Yt as t, Zt as n, bt as r, en as i, nn as a } from "../chunks/base-DRGvkF-r.js";
+import { Jt as e, Yt as t, Zt as n, bt as r, en as i, nn as a } from "../chunks/base-CVKIPSLx.js";
 import "./empty-state.js";
 import "./card.js";
 //#region src/components/tables/card-list/card-list.css?inline

package/dist-elements/tag/card.js

@@ -1,4 +1,4 @@
-import { Gt as e, H as t, J as n, Jt as r, Kt as i, Yt as a, Zt as o, en as s, lt as c, nn as l, st as u, ut as d } from "../chunks/base-DRGvkF-r.js";
+import { Gt as e, H as t, J as n, Jt as r, Kt as i, Yt as a, Zt as o, en as s, lt as c, nn as l, st as u, ut as d } from "../chunks/base-CVKIPSLx.js";
 //#region src/components/tables/card/card.css?inline
 var f = "/* The actions are `lintje-button`s; here they are only laid out, never restyled. */\n:host { display: block; min-width: 0; height: 100%; }\n:host([hidden]) { display: none; }\n@media print { :host { break-inside: avoid; } }\n\n/* ------------------------------------------------------------------------ */\n\n.lintje-card {\n  display: flex; flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  background: var(--color-bg-surface);\n  border: 1px solid var(--color-border-default);\n  color: var(--color-text-primary);\n  transition: background var(--dur-hover) var(--ease-in-motion);\n}\n/* A linked card answers the pointer as a list row does: the subtle fill, the title underlined. */\n.lintje-card.is-link { cursor: pointer; }\n.lintje-card.is-link:hover { background: var(--color-bg-subtle); }\n.lintje-card.is-link:hover .lintje-card__link { text-decoration: underline; }\n/* A linked card takes the ring around itself: the title is its one tab stop. */\n.lintje-card.is-link:has(.lintje-card__link:focus-visible) {\n  outline: var(--focus-width) solid var(--color-focus);\n  outline-offset: var(--focus-offset);\n}\n.lintje-card.is-link .lintje-card__link:focus-visible { outline: none; }\n\n/* A screenshot from its top left corner, where an application's title and menu stand. */\n.lintje-card__image {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 / 9;\n  object-fit: cover;\n  object-position: top left;\n}\n.lintje-card__logo {\n  flex: none;\n  width: var(--w-card-logo); height: var(--w-card-logo);\n  object-fit: contain;\n}\n\n.lintje-card__main { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; }\n\n.lintje-card__body {\n  flex: 1 1 auto;\n  display: flex; flex-direction: column;\n  gap: var(--space-2);\n  padding: var(--tile-pad-y) var(--tile-pad-x) var(--tile-pad-x);\n}\n\n.lintje-card__head { display: flex; align-items: center; gap: var(--space-4); min-width: 0; }\n.lintje-card__heading {\n  flex: 1 1 auto;\n  display: flex; flex-direction: column; gap: var(--space-1);\n  min-width: 0;\n}\n.lintje-card__meta { margin: 0; font: var(--text-meta); color: var(--color-text-muted); }\n.lintje-card__title {\n  margin: 0;\n  font: var(--text-h2);\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n.lintje-card__link { color: var(--color-link); text-decoration: none; }\n.lintje-card__link:hover { color: var(--color-link-hover); text-decoration: underline; }\n.lintje-card__icon-action { flex: none; }\n/* A linked card says it leads on with the chevron at the end of its title row. */\n.lintje-card__chevron { flex: none; color: var(--color-link); }\n\n.lintje-card__description { margin: 0; font: var(--text-body); }\n\n/* The facts read as a small table: a hairline between the rows, the value on the right. */\n.lintje-card__facts { margin: var(--space-2) 0 0; font: var(--text-small); }\n.lintje-card__fact {\n  display: flex; justify-content: space-between; align-items: baseline;\n  gap: var(--space-4);\n  padding: var(--space-1) 0;\n  border-top: 1px solid var(--color-border-default);\n}\n.lintje-card__fact:last-child { border-bottom: 1px solid var(--color-border-default); }\n.lintje-card__fact-label { color: var(--color-text-muted); }\n.lintje-card__fact-value {\n  margin: 0;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.lintje-card__missing { color: var(--color-text-muted); }\n\n/* The status closes the text, so cards in a row line up whatever their length. */\n.lintje-card__status {\n  display: flex; align-items: center; gap: var(--space-2);\n  margin: auto 0 0;\n  padding-top: var(--space-2);\n  font: var(--text-small);\n  font-weight: 700;\n}\n.lintje-card__status-icon { flex: none; }\n.lintje-card__status--neutral { color: var(--color-text-muted); }\n.lintje-card__status--success .lintje-card__status-icon { color: var(--color-success-line); }\n.lintje-card__status--info .lintje-card__status-icon { color: var(--color-info-line); }\n.lintje-card__status--error .lintje-card__status-icon { color: var(--color-error-line); }\n.lintje-card__status--attention .lintje-card__status-icon { color: var(--color-attention-line); }\n.lintje-card__status--warning .lintje-card__status-icon { color: var(--color-attention-line); }\n.lintje-card__status--busy .lintje-card__status-icon { color: var(--color-accent-text); }\n.lintje-card__status--neutral .lintje-card__status-icon { color: var(--color-text-muted); }\n.lintje-card__status--subtle .lintje-card__status-icon { color: var(--color-text-muted); }\n.lintje-card__status--live .lintje-card__status-icon { color: var(--color-error-line); }\n\n.lintje-card__actions {\n  display: flex; flex-wrap: wrap; align-items: center;\n  gap: var(--space-2) var(--space-3);\n  padding: 0 var(--tile-pad-x) var(--tile-pad-x);\n}\n/* The link to the item's own page stands at the end of the bar, apart from the action. */\n.lintje-card__action--link { margin-left: auto; }\n\n/* Across: the picture is a column on the left and the actions close the text column. */\n.lintje-card.is-horizontal { flex-direction: row; }\n.lintje-card.is-horizontal .lintje-card__media {\n  flex: none;\n  width: var(--w-card-media);\n  border-right: 1px solid var(--color-border-default);\n}\n.lintje-card.is-horizontal .lintje-card__image { height: 100%; aspect-ratio: auto; }\n.lintje-card.is-horizontal.has-logo .lintje-card__media {\n  display: flex; justify-content: center;\n  padding-top: var(--space-6);\n  box-sizing: border-box;\n  background: var(--color-bg-subtle);\n}\n.lintje-card.is-horizontal .lintje-card__logo {\n  width: var(--w-card-logo-wide); height: var(--w-card-logo-wide);\n}\n\n.lintje-card.is-compact .lintje-card__body { gap: var(--space-1); padding: var(--space-4); }\n.lintje-card.is-compact .lintje-card__title { font: var(--text-tile-title); }\n.lintje-card.is-compact .lintje-card__actions { padding: 0 var(--space-4) var(--space-4); }\n\n@media (prefers-reduced-motion: reduce) {\n  .lintje-card { transition: none; }\n}\n\n/* Forced colours: the fill is gone, so a linked card's edge says it on hover. */\n@media (forced-colors: active) {\n  .lintje-card.is-link:hover { border-color: Highlight; }\n}\n", p = class extends r {
 	constructor(...t) {