/** COLLECTIE-WEERGAVE + SLIDER (CT14.20-CT14.49) **/
/* Vier weergaven op dezelfde itemlijst (.sc-items > .sc-item): `auto` (naast
   elkaar op de eigen breedte), `stack` (onder elkaar), `grid` (de kolomindeling
   hierboven — .sc-items-grid is via :is() aan .content-row.cols-flex geplakt en
   gebruikt dus letterlijk dezelfde vars) en `slider`. The item gap follows the
   old --sc-col-gap chain (tp→m→t): tp and m fall back on each other before t, so
   existing "mobile" values keep serving their band. */
.sc-items-auto,
.sc-items-stack {
    --sc-items-gx: var(--sc-items-gx-d, 1rem);
    --sc-items-gy: var(--sc-items-gy-d, 1rem);
}
.sc-items-auto {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sc-items-gy) var(--sc-items-gx);
    justify-content: var(--sc-items-jc, flex-start);
}
.sc-items-auto > .sc-item {
    flex: 0 0 auto;
    min-width: 0;
}
.sc-items-stack {
    display: flex;
    flex-direction: column;
    gap: var(--sc-items-gy);
    align-items: var(--sc-items-jc, flex-start);
}

/* Run 24b (r.190/205): 'Verticaal uitlijnen' on `auto` and the slider. The
   band vars exist only when the placement sets them (siteclick_band_decls(),
   chain m→tp→t→dd→d); without them align-items stays `normal`. Custom
   properties inherit, so a nested collection starts clean. The item row
   fills its item (run 25a, r.307: for every loop item; 100% of an auto
   height stays auto, so only a stretched item grows). 'Volledig' hands the
   row columns_valign full (unless the row chose middle/bottom), which fills
   column → box. */
.sc-items-auto,
.sc-slider {
    --sc-items-ai-d: initial; --sc-items-ai-dd: initial; --sc-items-ai-t: initial; --sc-items-ai-tp: initial; --sc-items-ai-m: initial;
    --sc-items-ai: var(--sc-items-ai-d, normal);
}
.sc-items-auto,
.sc-slider-track {
    align-items: var(--sc-items-ai, normal);
}
.sc-item > .item-in,
.sc-item > .item-in > .content-row {
    height: 100%;
}

/* De slider: een track die met transform schuift. De transitie is CSS (duur en
   easing komen als var mee), sc-slider.js zet alleen de verschuiving. De
   itembreedte is een fractie van het venster, dus --sc-sl-v mag 3,5 zijn: het
   vierde item is dan half zichtbaar. */
.sc-slider {
    position: relative;
    --sc-sl-v: var(--sc-sl-v-d, 1);
    --sc-sl-gap: var(--sc-sl-gap-d, 1rem);
}
.sc-slider-viewport {
    overflow: hidden;
}
.sc-slider-track {
    display: flex;
    gap: var(--sc-sl-gap);
    transition: transform var(--sc-sl-dur, 500ms) var(--sc-sl-ease, ease);
    will-change: transform;
    touch-action: pan-y;
}
.sc-slider-track > .sc-item {
    flex: 0 0 calc((100% - var(--sc-sl-gap) * (var(--sc-sl-v) - 1)) / var(--sc-sl-v));
    min-width: 0;
}
/* Tijdens slepen volgt de track de vinger één op één. */
.sc-slider.is-dragging .sc-slider-track {
    transition: none;
}
/* The dots of the slider navigation. The slnav token spaces its dots itself
   (margin), so the container adds no gap unless --sc-sld-gap is set. */
.sc-slider-dots {
    display: flex;
    align-items: center;
    gap: var(--sc-sld-gap, 0px);
    justify-content: flex-start;
}
.sc-slider-arrow,
.sc-slider-dots > button {
    background: none;
    border: 0px;
    cursor: pointer;
    pointer-events: auto;
    padding: 0px;
}
.sc-slider-dots > button {
    display: block;
}
/* The arrow centres its icon. The icon size is the arrow token's
   --sc-sla-ico; this rule beats the 1em !important of .siteclick-icon. */
.sc-slider-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    box-sizing: border-box;
}
.sc-slider-arrow > svg {
    width: var(--sc-sla-ico, 1em) !important;
    height: var(--sc-sla-ico, 1em) !important;
    display: block;
}
.sc-slider-arrow[aria-disabled="true"] {
    opacity: .35;
    pointer-events: none;
}
/* Round 22c (SLN-2, r.89/r.90): the slider navigation of a slider — one
   container .sc-slider-nav (token slnav-{n}) with prev · dots · progress ·
   next in a fixed order. Its layout is four independent parts, each a class
   (so switching one is a class swap): arrows sc-slnav-a-{none|inside|outside|
   ends|below|above}, dots sc-slnav-d-{none|below|inside}, progress
   sc-slnav-p-{none|below|inside} and the alignment sc-slnav-al-{left|center|
   right|between}; a band class sc-slnav-{dd|t|tp|m}-{part}-{value} sets the
   same vars per width in the media queries below. Every value sets the full
   var set of its part, so a band class never needs a reset.
   The slider is three rows: above (1) · window (2) · below (3); an empty row
   is 0 px, so a row only exists when a part sits in it. The container is a
   subgrid over those rows with six columns: lead fill / prev at the ends ·
   dots · progress · prev together · next · trail fill. The alignment picks
   the fills (left: trail, center: both, right: lead, between: the progress
   column, so dots/progress go left and arrows together go right); arrows at
   the ends or a progress bar below own the free space instead. Items in
   rows 1 and 2 span all columns: arrows above are placed by justify-self and
   a translate of their own width, dots/progress on the window by
   justify-self. The gap between parts in the row below is the right margin
   of the part before it (column-gap 0, so an empty column adds nothing).
   The token's emitter sets --sc-sla-ico and --sc-sld-gap and never display or
   placement; --sc-slnav-gap and --sc-slnav-off come from the placement as band
   vars on the slider root (run 23c), 12px without one. */
.sc-slider:has(> .sc-slider-nav) {
    display: grid;
    grid-template: auto auto auto / minmax(0px, 1fr);
}
.sc-slider:has(> .sc-slider-nav) > .sc-slider-viewport {
    grid-area: 2 / 1;
}
.sc-slider > .sc-slider-nav {
    grid-area: 1 / 1 / 4 / 2;
    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: var(--sc-slnav-a-fill, var(--sc-slnav-p-fill, var(--sc-slnav-al-lead, minmax(0px, 1fr)))) auto var(--sc-slnav-p-track, var(--sc-slnav-a-track, var(--sc-slnav-al-track, auto))) auto auto var(--sc-slnav-a-fill, var(--sc-slnav-p-fill, var(--sc-slnav-al-trail, minmax(0px, 1fr))));
    column-gap: 0px;
    align-items: center;
    pointer-events: none;
    z-index: 2;
    --sc-slnav-gap: var(--sc-slnav-gap-d, 12px);
    --sc-slnav-off: var(--sc-slnav-off-d, 12px);
}
/* Arrows on the window (inside/outside, --sc-slnav-a-pos: absolute) lie over
   the whole slider, vertically centred, like the v1 arrows: they never add
   height (an empty slider stays 0 px). Inside they sit on the edge of the
   window (v1), outside --sc-slnav-a-shift moves them --sc-slnav-off beside it.
   A part below keeps --sc-slnav-off from the window, arrows above keep it too. */
.sc-slider > .sc-slider-nav > .sc-slider-arrow {
    display: var(--sc-slnav-a-show, none);
    position: var(--sc-slnav-a-pos, static);
    top: 50%;
    grid-row: var(--sc-slnav-a-row, 3);
    margin: calc(max(0, var(--sc-slnav-a-row, 3) - 2) * var(--sc-slnav-off, 12px)) 0px calc(max(0, 2 - var(--sc-slnav-a-row, 3)) * var(--sc-slnav-off, 12px));
    justify-self: var(--sc-slnav-a-js, end);
}
.sc-slider > .sc-slider-nav > .sc-slider-prev {
    grid-column: var(--sc-slnav-a-col, 1);
    left: 0px;
    margin-right: calc(var(--sc-slnav-a-r3, 0) * var(--sc-slnav-gap, 12px));
    translate: calc(-1 * var(--sc-slnav-a-shift, 0px) - var(--sc-slnav-a-up, 0) * var(--sc-slnav-al-k, 0.5) * (100% + var(--sc-slnav-gap, 12px))) var(--sc-slnav-a-y, 0px);
}
.sc-slider > .sc-slider-nav > .sc-slider-next {
    grid-column: var(--sc-slnav-a-ncol, 5);
    right: 0px;
    translate: calc(var(--sc-slnav-a-shift, 0px) + var(--sc-slnav-a-up, 0) * (1 - var(--sc-slnav-al-k, 0.5)) * (100% + var(--sc-slnav-gap, 12px))) var(--sc-slnav-a-y, 0px);
}
.sc-slider > .sc-slider-nav > .sc-slider-dots {
    display: var(--sc-slnav-d-show, none);
    grid-row: var(--sc-slnav-d-row, 3);
    grid-column: var(--sc-slnav-d-col, 2 / var(--sc-slnav-p-dto, var(--sc-slnav-a-dto, 3)));
    justify-self: var(--sc-slnav-al-js, center);
    align-self: var(--sc-slnav-d-align, center);
    margin: calc((var(--sc-slnav-d-row, 3) - 2) * var(--sc-slnav-off, 12px)) calc(var(--sc-slnav-d-b3, 0) * max(var(--sc-slnav-a-r3, 0), var(--sc-slnav-p-b3, 0)) * var(--sc-slnav-gap, 12px)) calc((3 - var(--sc-slnav-d-row, 3)) * var(--sc-slnav-off, 12px)) 0px;
    pointer-events: auto;
}
.sc-slider > .sc-slider-nav > .sc-slider-progress {
    display: var(--sc-slnav-p-show, none);
    grid-row: var(--sc-slnav-p-row, 3);
    grid-column: var(--sc-slnav-p-col, 3);
    justify-self: stretch;
    align-self: var(--sc-slnav-p-align, center);
    margin: calc((var(--sc-slnav-p-row, 3) - 2) * var(--sc-slnav-off, 12px)) calc(var(--sc-slnav-p-b3, 0) * var(--sc-slnav-a-r3, 0) * var(--sc-slnav-gap, 12px)) 0px 0px;
}
.sc-slider-nav.sc-slnav-a-none { --sc-slnav-a-show: none; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
.sc-slider-nav.sc-slnav-a-inside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
.sc-slider-nav.sc-slnav-a-outside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: calc(100% + var(--sc-slnav-off, 12px)); --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
.sc-slider-nav.sc-slnav-a-ends { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: auto; --sc-slnav-a-track: minmax(0px, 1fr); --sc-slnav-a-dto: 5; }
.sc-slider-nav.sc-slnav-a-below { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 4; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
.sc-slider-nav.sc-slnav-a-above { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 1; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1 / -1; --sc-slnav-a-ncol: 1 / -1; --sc-slnav-a-js: var(--sc-slnav-al-aj, center); --sc-slnav-a-up: 1; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
.sc-slider-nav.sc-slnav-d-none { --sc-slnav-d-show: none; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 0; }
.sc-slider-nav.sc-slnav-d-below { --sc-slnav-d-show: flex; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 1; }
.sc-slider-nav.sc-slnav-d-inside { --sc-slnav-d-show: flex; --sc-slnav-d-row: 2; --sc-slnav-d-col: 1 / -1; --sc-slnav-d-align: end; --sc-slnav-d-b3: 0; }
.sc-slider-nav.sc-slnav-p-none { --sc-slnav-p-show: none; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
.sc-slider-nav.sc-slnav-p-below { --sc-slnav-p-show: block; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 1; --sc-slnav-p-fill: auto; --sc-slnav-p-track: minmax(0px, 1fr); --sc-slnav-p-dto: 3; }
.sc-slider-nav.sc-slnav-p-inside { --sc-slnav-p-show: block; --sc-slnav-p-row: 2; --sc-slnav-p-col: 1 / -1; --sc-slnav-p-align: end; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
.sc-slider-nav.sc-slnav-al-left { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: start; --sc-slnav-al-aj: start; --sc-slnav-al-k: 0; }
.sc-slider-nav.sc-slnav-al-center { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: center; --sc-slnav-al-aj: center; --sc-slnav-al-k: 0.5; }
.sc-slider-nav.sc-slnav-al-right { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: auto; --sc-slnav-al-track: initial; --sc-slnav-al-js: end; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
.sc-slider-nav.sc-slnav-al-between { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: auto; --sc-slnav-al-track: minmax(0px, 1fr); --sc-slnav-al-js: start; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
/* The progress bar fills in --sc-sl-auto (the autoplay interval) and starts
   over every cycle (sc-slider.js toggles .is-running); a hover pause freezes
   it. In the editor autoplay never runs (data-sc-sl-auto="0"), so the bar
   stands still at 40 % and stays stylable. The bar is revealed with a
   clip-path instead of scaled, so a gradient spans the whole track. */
.sc-slider-progress {
    height: 4px;
    overflow: hidden;
}
.sc-slider-progress-bar {
    display: block;
    height: 100%;
    background: currentColor;
    clip-path: inset(0 100% 0 0);
}
[data-sc-sl-auto="0"] .sc-slider-progress-bar {
    clip-path: inset(0 60% 0 0);
}
.sc-slider-progress-bar.is-running {
    animation: sc-sl-progress var(--sc-sl-auto, 5000ms) linear forwards;
}
.sc-slider.is-paused .sc-slider-progress-bar {
    animation-play-state: paused;
}
@keyframes sc-sl-progress {
    from { clip-path: inset(0 100% 0 0); }
    to { clip-path: inset(0 0 0 0); }
}
@media screen and (min-width: 1025px) {
    .sc-items-auto,
    .sc-slider { --sc-items-ai: var(--sc-items-ai-dd, var(--sc-items-ai-d, normal)); }
    .sc-items-auto,
    .sc-items-stack {
        --sc-items-gx: var(--sc-items-gx-dd, var(--sc-items-gx-d, 1rem));
        --sc-items-gy: var(--sc-items-gy-dd, var(--sc-items-gy-d, 1rem));
    }
    .sc-slider {
        --sc-sl-v: var(--sc-sl-v-dd, var(--sc-sl-v-d, 1));
        --sc-sl-gap: var(--sc-sl-gap-dd, var(--sc-sl-gap-d, 1rem));
        --sc-sl-step: var(--sc-sl-step-dd, var(--sc-sl-step-d, 1));
    }
    .sc-slider > .sc-slider-nav {
        --sc-slnav-gap: var(--sc-slnav-gap-dd, var(--sc-slnav-gap-d, 12px));
        --sc-slnav-off: var(--sc-slnav-off-dd, var(--sc-slnav-off-d, 12px));
    }
    .sc-slider-nav.sc-slnav-dd-a-none { --sc-slnav-a-show: none; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-a-inside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-a-outside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: calc(100% + var(--sc-slnav-off, 12px)); --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-a-ends { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: auto; --sc-slnav-a-track: minmax(0px, 1fr); --sc-slnav-a-dto: 5; }
    .sc-slider-nav.sc-slnav-dd-a-below { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 4; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-a-above { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 1; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1 / -1; --sc-slnav-a-ncol: 1 / -1; --sc-slnav-a-js: var(--sc-slnav-al-aj, center); --sc-slnav-a-up: 1; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-d-none { --sc-slnav-d-show: none; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-dd-d-below { --sc-slnav-d-show: flex; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 1; }
    .sc-slider-nav.sc-slnav-dd-d-inside { --sc-slnav-d-show: flex; --sc-slnav-d-row: 2; --sc-slnav-d-col: 1 / -1; --sc-slnav-d-align: end; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-dd-p-none { --sc-slnav-p-show: none; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-p-below { --sc-slnav-p-show: block; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 1; --sc-slnav-p-fill: auto; --sc-slnav-p-track: minmax(0px, 1fr); --sc-slnav-p-dto: 3; }
    .sc-slider-nav.sc-slnav-dd-p-inside { --sc-slnav-p-show: block; --sc-slnav-p-row: 2; --sc-slnav-p-col: 1 / -1; --sc-slnav-p-align: end; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-dd-al-left { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: start; --sc-slnav-al-aj: start; --sc-slnav-al-k: 0; }
    .sc-slider-nav.sc-slnav-dd-al-center { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: center; --sc-slnav-al-aj: center; --sc-slnav-al-k: 0.5; }
    .sc-slider-nav.sc-slnav-dd-al-right { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: auto; --sc-slnav-al-track: initial; --sc-slnav-al-js: end; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-slider-nav.sc-slnav-dd-al-between { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: auto; --sc-slnav-al-track: minmax(0px, 1fr); --sc-slnav-al-js: start; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-items-auto { justify-content: var(--sc-items-jc-d, var(--sc-items-jc, flex-start)); }
    .sc-items-stack { align-items: var(--sc-items-jc-d, var(--sc-items-jc, flex-start)); }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .sc-items-auto,
    .sc-slider { --sc-items-ai: var(--sc-items-ai-t, var(--sc-items-ai-dd, var(--sc-items-ai-d, normal))); }
    .sc-items-auto,
    .sc-items-stack {
        --sc-items-gx: var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem));
        --sc-items-gy: var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem));
    }
    .sc-slider {
        --sc-sl-v: var(--sc-sl-v-t, var(--sc-sl-v-d, 1));
        --sc-sl-gap: var(--sc-sl-gap-t, var(--sc-sl-gap-d, 1rem));
        --sc-sl-step: var(--sc-sl-step-t, var(--sc-sl-step-d, 1));
    }
    .sc-slider > .sc-slider-nav {
        --sc-slnav-gap: var(--sc-slnav-gap-t, var(--sc-slnav-gap-d, 12px));
        --sc-slnav-off: var(--sc-slnav-off-t, var(--sc-slnav-off-d, 12px));
    }
    .sc-slider-nav.sc-slnav-t-a-none { --sc-slnav-a-show: none; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-t-a-inside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-t-a-outside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: calc(100% + var(--sc-slnav-off, 12px)); --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-t-a-ends { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: auto; --sc-slnav-a-track: minmax(0px, 1fr); --sc-slnav-a-dto: 5; }
    .sc-slider-nav.sc-slnav-t-a-below { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 4; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-t-a-above { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 1; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1 / -1; --sc-slnav-a-ncol: 1 / -1; --sc-slnav-a-js: var(--sc-slnav-al-aj, center); --sc-slnav-a-up: 1; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-t-d-none { --sc-slnav-d-show: none; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-t-d-below { --sc-slnav-d-show: flex; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 1; }
    .sc-slider-nav.sc-slnav-t-d-inside { --sc-slnav-d-show: flex; --sc-slnav-d-row: 2; --sc-slnav-d-col: 1 / -1; --sc-slnav-d-align: end; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-t-p-none { --sc-slnav-p-show: none; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-t-p-below { --sc-slnav-p-show: block; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 1; --sc-slnav-p-fill: auto; --sc-slnav-p-track: minmax(0px, 1fr); --sc-slnav-p-dto: 3; }
    .sc-slider-nav.sc-slnav-t-p-inside { --sc-slnav-p-show: block; --sc-slnav-p-row: 2; --sc-slnav-p-col: 1 / -1; --sc-slnav-p-align: end; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-t-al-left { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: start; --sc-slnav-al-aj: start; --sc-slnav-al-k: 0; }
    .sc-slider-nav.sc-slnav-t-al-center { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: center; --sc-slnav-al-aj: center; --sc-slnav-al-k: 0.5; }
    .sc-slider-nav.sc-slnav-t-al-right { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: auto; --sc-slnav-al-track: initial; --sc-slnav-al-js: end; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-slider-nav.sc-slnav-t-al-between { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: auto; --sc-slnav-al-track: minmax(0px, 1fr); --sc-slnav-al-js: start; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-items-auto { justify-content: var(--sc-items-jc-t, var(--sc-items-jc, flex-start)); }
    .sc-items-stack { align-items: var(--sc-items-jc-t, var(--sc-items-jc, flex-start)); }
}
@media screen and (max-width: 768px) {
    .sc-items-auto,
    .sc-slider { --sc-items-ai: var(--sc-items-ai-tp, var(--sc-items-ai-t, var(--sc-items-ai-dd, var(--sc-items-ai-d, normal)))); }
    .sc-items-auto,
    .sc-items-stack {
        --sc-items-gx: var(--sc-items-gx-tp, var(--sc-items-gx-m, var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem))));
        --sc-items-gy: var(--sc-items-gy-tp, var(--sc-items-gy-m, var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem))));
    }
    .sc-slider {
        --sc-sl-v: var(--sc-sl-v-tp, var(--sc-sl-v-m, var(--sc-sl-v-t, var(--sc-sl-v-d, 1))));
        --sc-sl-gap: var(--sc-sl-gap-tp, var(--sc-sl-gap-m, var(--sc-sl-gap-t, var(--sc-sl-gap-d, 1rem))));
        --sc-sl-step: var(--sc-sl-step-tp, var(--sc-sl-step-d, 1));
    }
    .sc-slider > .sc-slider-nav {
        --sc-slnav-gap: var(--sc-slnav-gap-tp, var(--sc-slnav-gap-m, var(--sc-slnav-gap-t, var(--sc-slnav-gap-d, 12px))));
        --sc-slnav-off: var(--sc-slnav-off-tp, var(--sc-slnav-off-m, var(--sc-slnav-off-t, var(--sc-slnav-off-d, 12px))));
    }
    .sc-slider-nav.sc-slnav-tp-a-none { --sc-slnav-a-show: none; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-a-inside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-a-outside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: calc(100% + var(--sc-slnav-off, 12px)); --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-a-ends { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: auto; --sc-slnav-a-track: minmax(0px, 1fr); --sc-slnav-a-dto: 5; }
    .sc-slider-nav.sc-slnav-tp-a-below { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 4; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-a-above { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 1; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1 / -1; --sc-slnav-a-ncol: 1 / -1; --sc-slnav-a-js: var(--sc-slnav-al-aj, center); --sc-slnav-a-up: 1; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-d-none { --sc-slnav-d-show: none; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-tp-d-below { --sc-slnav-d-show: flex; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 1; }
    .sc-slider-nav.sc-slnav-tp-d-inside { --sc-slnav-d-show: flex; --sc-slnav-d-row: 2; --sc-slnav-d-col: 1 / -1; --sc-slnav-d-align: end; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-tp-p-none { --sc-slnav-p-show: none; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-p-below { --sc-slnav-p-show: block; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 1; --sc-slnav-p-fill: auto; --sc-slnav-p-track: minmax(0px, 1fr); --sc-slnav-p-dto: 3; }
    .sc-slider-nav.sc-slnav-tp-p-inside { --sc-slnav-p-show: block; --sc-slnav-p-row: 2; --sc-slnav-p-col: 1 / -1; --sc-slnav-p-align: end; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-tp-al-left { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: start; --sc-slnav-al-aj: start; --sc-slnav-al-k: 0; }
    .sc-slider-nav.sc-slnav-tp-al-center { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: center; --sc-slnav-al-aj: center; --sc-slnav-al-k: 0.5; }
    .sc-slider-nav.sc-slnav-tp-al-right { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: auto; --sc-slnav-al-track: initial; --sc-slnav-al-js: end; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-slider-nav.sc-slnav-tp-al-between { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: auto; --sc-slnav-al-track: minmax(0px, 1fr); --sc-slnav-al-js: start; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-items-auto { justify-content: var(--sc-items-jc-tp, var(--sc-items-jc-m, var(--sc-items-jc-t, var(--sc-items-jc, flex-start)))); }
    .sc-items-stack { align-items: var(--sc-items-jc-tp, var(--sc-items-jc-m, var(--sc-items-jc-t, var(--sc-items-jc, flex-start)))); }
}
@media screen and (max-width: 480px) {
    .sc-items-auto,
    .sc-slider { --sc-items-ai: var(--sc-items-ai-m, var(--sc-items-ai-tp, var(--sc-items-ai-t, var(--sc-items-ai-dd, var(--sc-items-ai-d, normal))))); }
    .sc-items-auto,
    .sc-items-stack {
        --sc-items-gx: var(--sc-items-gx-m, var(--sc-items-gx-tp, var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem))));
        --sc-items-gy: var(--sc-items-gy-m, var(--sc-items-gy-tp, var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem))));
    }
    .sc-slider {
        --sc-sl-v: var(--sc-sl-v-m, var(--sc-sl-v-tp, var(--sc-sl-v-t, var(--sc-sl-v-d, 1))));
        --sc-sl-gap: var(--sc-sl-gap-m, var(--sc-sl-gap-tp, var(--sc-sl-gap-t, var(--sc-sl-gap-d, 1rem))));
        --sc-sl-step: var(--sc-sl-step-m, var(--sc-sl-step-d, 1));
    }
    .sc-slider > .sc-slider-nav {
        --sc-slnav-gap: var(--sc-slnav-gap-m, var(--sc-slnav-gap-tp, var(--sc-slnav-gap-t, var(--sc-slnav-gap-d, 12px))));
        --sc-slnav-off: var(--sc-slnav-off-m, var(--sc-slnav-off-tp, var(--sc-slnav-off-t, var(--sc-slnav-off-d, 12px))));
    }
    .sc-slider-nav.sc-slnav-m-a-none { --sc-slnav-a-show: none; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-m-a-inside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-m-a-outside { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: absolute; --sc-slnav-a-row: 2; --sc-slnav-a-y: -50%; --sc-slnav-a-shift: calc(100% + var(--sc-slnav-off, 12px)); --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-m-a-ends { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: auto; --sc-slnav-a-track: minmax(0px, 1fr); --sc-slnav-a-dto: 5; }
    .sc-slider-nav.sc-slnav-m-a-below { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 3; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 4; --sc-slnav-a-ncol: 5; --sc-slnav-a-js: end; --sc-slnav-a-up: 0; --sc-slnav-a-r3: 1; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-m-a-above { --sc-slnav-a-show: inline-flex; --sc-slnav-a-pos: static; --sc-slnav-a-row: 1; --sc-slnav-a-y: 0px; --sc-slnav-a-shift: 0px; --sc-slnav-a-col: 1 / -1; --sc-slnav-a-ncol: 1 / -1; --sc-slnav-a-js: var(--sc-slnav-al-aj, center); --sc-slnav-a-up: 1; --sc-slnav-a-r3: 0; --sc-slnav-a-fill: initial; --sc-slnav-a-track: initial; --sc-slnav-a-dto: initial; }
    .sc-slider-nav.sc-slnav-m-d-none { --sc-slnav-d-show: none; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-m-d-below { --sc-slnav-d-show: flex; --sc-slnav-d-row: 3; --sc-slnav-d-col: initial; --sc-slnav-d-align: center; --sc-slnav-d-b3: 1; }
    .sc-slider-nav.sc-slnav-m-d-inside { --sc-slnav-d-show: flex; --sc-slnav-d-row: 2; --sc-slnav-d-col: 1 / -1; --sc-slnav-d-align: end; --sc-slnav-d-b3: 0; }
    .sc-slider-nav.sc-slnav-m-p-none { --sc-slnav-p-show: none; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-m-p-below { --sc-slnav-p-show: block; --sc-slnav-p-row: 3; --sc-slnav-p-col: initial; --sc-slnav-p-align: center; --sc-slnav-p-b3: 1; --sc-slnav-p-fill: auto; --sc-slnav-p-track: minmax(0px, 1fr); --sc-slnav-p-dto: 3; }
    .sc-slider-nav.sc-slnav-m-p-inside { --sc-slnav-p-show: block; --sc-slnav-p-row: 2; --sc-slnav-p-col: 1 / -1; --sc-slnav-p-align: end; --sc-slnav-p-b3: 0; --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; }
    .sc-slider-nav.sc-slnav-m-al-left { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: start; --sc-slnav-al-aj: start; --sc-slnav-al-k: 0; }
    .sc-slider-nav.sc-slnav-m-al-center { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: minmax(0px, 1fr); --sc-slnav-al-track: initial; --sc-slnav-al-js: center; --sc-slnav-al-aj: center; --sc-slnav-al-k: 0.5; }
    .sc-slider-nav.sc-slnav-m-al-right { --sc-slnav-al-lead: minmax(0px, 1fr); --sc-slnav-al-trail: auto; --sc-slnav-al-track: initial; --sc-slnav-al-js: end; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-slider-nav.sc-slnav-m-al-between { --sc-slnav-al-lead: auto; --sc-slnav-al-trail: auto; --sc-slnav-al-track: minmax(0px, 1fr); --sc-slnav-al-js: start; --sc-slnav-al-aj: end; --sc-slnav-al-k: 1; }
    .sc-items-auto { justify-content: var(--sc-items-jc-m, var(--sc-items-jc-tp, var(--sc-items-jc-t, var(--sc-items-jc, flex-start)))); }
    .sc-items-stack { align-items: var(--sc-items-jc-m, var(--sc-items-jc-tp, var(--sc-items-jc-t, var(--sc-items-jc, flex-start)))); }
}

/* Without autoplay the progress bar is not rendered: its part then owns no
   column and no gap (after the band rules, same specificity). */
.sc-slider-nav:not(:has(> .sc-slider-progress)) { --sc-slnav-p-fill: initial; --sc-slnav-p-track: initial; --sc-slnav-p-dto: initial; --sc-slnav-p-b3: 0; }

/** COLLECTIE-WEERGAVE 22b: masonry, item size, bleed, direction, marquee (r.74/75/76/78/93) **/
/* Masonry: a plain grid (reading order per row). sc-masonry.js adds .is-masonry
   and gives every item `grid-row-end: span {height + row gap}` on 1px rows;
   without the script it stays a regular grid, with native masonry CSS does it. */
.sc-items-masonry {
    --sc-items-gx: var(--sc-items-gx-d, 1rem);
    --sc-items-gy: var(--sc-items-gy-d, 1rem);
    --sc-ms-cols: var(--sc-ms-cols-d, 3);
    display: grid;
    grid-template-columns: repeat(var(--sc-ms-cols), minmax(0, 1fr));
    column-gap: var(--sc-items-gx);
    row-gap: var(--sc-items-gy);
    align-items: start;
}
.sc-items-masonry > .sc-item {
    min-width: 0;
}
.sc-items-masonry.is-masonry {
    grid-auto-rows: 1px;
    row-gap: 0;
}
@supports (grid-template-rows: masonry) {
    .sc-items-masonry {
        grid-template-rows: masonry;
    }
}

/* Item size: a fixed width, or the own width at a fixed height (images take
   the height, text stays on one line). */
.sc-slider.sc-sl-size-fixed {
    --sc-sl-w: var(--sc-sl-w-d, 320px);
}
.sc-slider.sc-sl-size-auto {
    --sc-sl-h: var(--sc-sl-h-d, 120px);
}
.sc-slider.sc-sl-size-fixed > .sc-slider-viewport > .sc-slider-track > .sc-item {
    flex: 0 0 var(--sc-sl-w);
}
.sc-slider.sc-sl-size-auto > .sc-slider-viewport > .sc-slider-track > .sc-item {
    flex: 0 0 auto;
    height: var(--sc-sl-h);
    white-space: nowrap;
}
/* NAFIX-22b: the box table (width 100%, table-layout fixed) makes Chrome's
   shrink-to-fit width of the item 1 000 000 px; here it wraps its content.
   The image takes the item height as its POS height (a percentage has no
   definite height to resolve against in this chain); an own POS height or
   max height still wins. */
.sc-slider.sc-sl-size-auto > .sc-slider-viewport > .sc-slider-track > .sc-item .content-column .box-in {
    width: auto;
    table-layout: auto;
}
.sc-slider.sc-sl-size-auto > .sc-slider-viewport > .sc-slider-track > .sc-item .sc-pos {
    --sc-pos-h: var(--sc-sl-h);
}
.sc-slider.sc-sl-size-auto > .sc-slider-viewport > .sc-slider-track > .sc-item img {
    height: 100%;
    width: auto;
    max-width: none;
}

/* Bleed: the viewport stops clipping on the column and clips on the screen
   edge instead; body { overflow-x: hidden } (reset.css) keeps the page still. */
.sc-slider:is(.sc-sl-bleed-left, .sc-sl-bleed-right, .sc-sl-bleed-both) > .sc-slider-viewport {
    overflow: visible;
    min-width: 0;
}
.sc-slider.sc-sl-bleed-left > .sc-slider-viewport {
    clip-path: inset(0 0 0 -100vw);
}
.sc-slider.sc-sl-bleed-right > .sc-slider-viewport {
    clip-path: inset(0 -100vw 0 0);
}
.sc-slider.sc-sl-bleed-both > .sc-slider-viewport {
    clip-path: inset(0 -100vw);
}

/* Direction: item 1 on the right, sc-slider.js flips the translate sign. */
.sc-slider[data-sc-sl-dir="rtl"] > .sc-slider-viewport > .sc-slider-track {
    flex-direction: row-reverse;
}
.sc-slider[data-sc-sl-dir="rtl"] .sc-slider-progress {
    transform: scaleX(-1);
}

/* Marquee: the items are cloned in whole sets; the track runs one set width
   (--sc-mq-dist) in --sc-mq-dur and starts over. */
.sc-slider.is-marquee > .sc-slider-viewport > .sc-slider-track {
    transition: none;
    animation: sc-sl-marquee var(--sc-mq-dur) linear infinite;
}
.sc-slider.is-marquee.is-paused > .sc-slider-viewport > .sc-slider-track {
    animation-play-state: paused;
}
@keyframes sc-sl-marquee {
    to { transform: translate3d(calc(var(--sc-mq-sign, -1) * var(--sc-mq-dist)), 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
    .sc-slider.is-marquee > .sc-slider-viewport > .sc-slider-track {
        animation: none;
    }
    .sc-slider.is-marquee > .sc-slider-viewport {
        overflow-x: auto;
    }
}

@media screen and (min-width: 1025px) {
    .sc-items-masonry {
        --sc-items-gx: var(--sc-items-gx-dd, var(--sc-items-gx-d, 1rem));
        --sc-items-gy: var(--sc-items-gy-dd, var(--sc-items-gy-d, 1rem));
        --sc-ms-cols: var(--sc-ms-cols-dd, var(--sc-ms-cols-d, 3));
    }
    .sc-slider.sc-sl-size-fixed { --sc-sl-w: var(--sc-sl-w-dd, var(--sc-sl-w-d, 320px)); }
    .sc-slider.sc-sl-size-auto { --sc-sl-h: var(--sc-sl-h-dd, var(--sc-sl-h-d, 120px)); }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .sc-items-masonry {
        --sc-items-gx: var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem));
        --sc-items-gy: var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem));
        --sc-ms-cols: var(--sc-ms-cols-t, var(--sc-ms-cols-d, 3));
    }
    .sc-slider.sc-sl-size-fixed { --sc-sl-w: var(--sc-sl-w-t, var(--sc-sl-w-d, 320px)); }
    .sc-slider.sc-sl-size-auto { --sc-sl-h: var(--sc-sl-h-t, var(--sc-sl-h-d, 120px)); }
}
@media screen and (max-width: 768px) {
    .sc-items-masonry {
        --sc-items-gx: var(--sc-items-gx-tp, var(--sc-items-gx-m, var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem))));
        --sc-items-gy: var(--sc-items-gy-tp, var(--sc-items-gy-m, var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem))));
        --sc-ms-cols: var(--sc-ms-cols-tp, var(--sc-ms-cols-m, var(--sc-ms-cols-t, var(--sc-ms-cols-d, 3))));
    }
    .sc-slider.sc-sl-size-fixed { --sc-sl-w: var(--sc-sl-w-tp, var(--sc-sl-w-m, var(--sc-sl-w-t, var(--sc-sl-w-d, 320px)))); }
    .sc-slider.sc-sl-size-auto { --sc-sl-h: var(--sc-sl-h-tp, var(--sc-sl-h-m, var(--sc-sl-h-t, var(--sc-sl-h-d, 120px)))); }
}
@media screen and (max-width: 480px) {
    .sc-items-masonry {
        --sc-items-gx: var(--sc-items-gx-m, var(--sc-items-gx-tp, var(--sc-items-gx-t, var(--sc-items-gx-d, 1rem))));
        --sc-items-gy: var(--sc-items-gy-m, var(--sc-items-gy-tp, var(--sc-items-gy-t, var(--sc-items-gy-d, 1rem))));
        --sc-ms-cols: var(--sc-ms-cols-m, var(--sc-ms-cols-tp, var(--sc-ms-cols-t, var(--sc-ms-cols-d, 3))));
    }
    .sc-slider.sc-sl-size-fixed { --sc-sl-w: var(--sc-sl-w-m, var(--sc-sl-w-tp, var(--sc-sl-w-t, var(--sc-sl-w-d, 320px)))); }
    .sc-slider.sc-sl-size-auto { --sc-sl-h: var(--sc-sl-h-m, var(--sc-sl-h-tp, var(--sc-sl-h-t, var(--sc-sl-h-d, 120px)))); }
}