@layer eximie.tokens, eximie.component, eximie.global, eximie.class, eximie.combo, eximie.preset, eximie.instance, eximie.visibility, eximie.custom;
@layer eximie.tokens{:root {
--ex-color-primary: #0f62fe;
--ex-color-secondary: #111827;
--ex-color-surface: #ffffff;
--ex-color-surface-alt: #f4f5f7;
--ex-color-text: #111827;
--ex-color-text-muted: #6b7280;
--ex-surface-text: var(--ex-color-text);
--ex-font-heading: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--ex-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
--ex-radius: 0.5rem;
--ex-space-0: 0;
--ex-space-1: 4px;
--ex-space-2: 8px;
--ex-space-3: 12px;
--ex-space-4: 16px;
--ex-space-5: 24px;
--ex-space-6: 32px;
--ex-space-7: 48px;
--ex-space-8: 64px;
--ex-space-9: 96px;
--ex-space-10: 128px;
--ex-container-max: 1200px;
--ex-font-size-h1: 2.5rem;
--ex-font-size-h2: 2rem;
--ex-font-size-h3: 1.5rem;
--ex-font-size-h4: 1.25rem;
--ex-font-size-h5: 1rem;
--ex-font-size-h6: 0.875rem;
--ex-link-color: var(--ex-color-primary);
--ex-link-hover-color: var(--ex-color-primary);
--ex-link-decoration: underline;
--ex-link-hover-decoration: underline;
--ex-transition-duration: 150ms;
}
:where([data-style-id], [data-style-id] *):not(:where(.ex-code *)),
:where([data-style-id], [data-style-id] *):not(:where(.ex-code *))::before,
:where([data-style-id], [data-style-id] *):not(:where(.ex-code *))::after {
box-sizing: border-box;
}
:where(body) {
margin: 0;
}
:where(button, input, select, textarea):where([data-style-id], [data-style-id] *):not(:where(.ex-code *)) {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
[data-style-id] {
transition-duration: 0s !important;
}
}
@property --ex-tx {
syntax: "*";
inherits: false;
}
@property --ex-ty {
syntax: "*";
inherits: false;
}
@property --ex-f-blur {
syntax: "*";
inherits: false;
}
@property --ex-f-brightness {
syntax: "*";
inherits: false;
}
@property --ex-f-contrast {
syntax: "*";
inherits: false;
}
@property --ex-f-saturate {
syntax: "*";
inherits: false;
}
@property --ex-f-grayscale {
syntax: "*";
inherits: false;
}
@property --ex-f-hue-rotate {
syntax: "*";
inherits: false;
}
@property --ex-f-sepia {
syntax: "*";
inherits: false;
}
@property --ex-f-invert {
syntax: "*";
inherits: false;
}
@property --ex-bf-blur {
syntax: "*";
inherits: false;
}
@property --ex-bf-brightness {
syntax: "*";
inherits: false;
}
@property --ex-bf-contrast {
syntax: "*";
inherits: false;
}
@property --ex-bf-saturate {
syntax: "*";
inherits: false;
}
@property --ex-bf-grayscale {
syntax: "*";
inherits: false;
}
@property --ex-skx {
syntax: "*";
inherits: false;
}
@property --ex-sky {
syntax: "*";
inherits: false;
}
@property --ex-rx {
syntax: "*";
inherits: false;
}
@property --ex-ry {
syntax: "*";
inherits: false;
}
@property --ex-persp {
syntax: "*";
inherits: false;
}
:root{--ex-color-text:#111827;--ex-color-primary:#0F62FE;--ex-color-surface:#FFFFFF;--ex-color-secondary:#111827;--ex-color-text-muted:#6B7280;--ex-color-surface-alt:#F4F5F7;--ex-font-body:"Inter", system-ui, sans-serif;--ex-font-heading:"Inter", system-ui, sans-serif;--ex-radius:0.5rem;--ex-space-0:0px;--ex-space-1:4px;--ex-space-2:8px;--ex-space-3:12px;--ex-space-4:16px;--ex-space-5:24px;--ex-space-6:32px;--ex-space-7:48px;--ex-space-8:64px;--ex-space-9:96px;--ex-space-10:128px;--ex-container-max:1200px;--ex-alt-muted:#666c7a}
@font-face{font-family:"Inter";src:url(/assets/media/01a171cc-6318-771f-83bc-ba74a69163aa.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/media/01a171cc-631a-7f5f-9a6d-c3a0b44f26f6.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/media/01a171cc-631b-7c47-99fa-b79b1f6d78f7.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}}
@layer eximie.component{.ex-accordion {
font-family: var(--ex-font-body);
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--ex-space-2);
}
.ex-accordion__item {
border: 1px solid var(--ex-color-surface-alt);
border-radius: var(--ex-radius);
background: var(--ex-color-surface);
}
.ex-accordion__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--ex-space-3);
padding: var(--ex-space-3) var(--ex-space-4);
font-weight: 600;
cursor: pointer;
list-style: none;
}
.ex-accordion__title::-webkit-details-marker {
display: none;
}
.ex-accordion__title::after {
content: "+";
font-weight: 400;
color: var(--ex-color-text-muted);
}
.ex-accordion__item[open] > .ex-accordion__title::after {
content: "−";
}
.ex-accordion__title:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 2px;
position: relative;
z-index: 1;
}
.ex-accordion__content {
padding: 0 var(--ex-space-4) var(--ex-space-4);
}
.ex-accordion__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: initial;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
--ex-fit-w: initial;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
:where(
.ex-accordion__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-accordion__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-accordion__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-accordion__items > :is(.ex-button, .ex-icon, .ex-text-link),
.ex-accordion__items > div:not([class]) > :is(.ex-button, .ex-icon, .ex-text-link)
) {
width: var(--ex-fit-w, fit-content);
}
:where(
.ex-accordion__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-accordion__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-accordion__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-accordion__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-accordion__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-accordion__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-box {
display: flex;
flex-direction: column;
}
.ex-box--pad-none { padding: 0; }
.ex-box--pad-s { padding: var(--ex-space-3); }
.ex-box--pad-m { padding: var(--ex-space-5); }
.ex-box--pad-l { padding: var(--ex-space-7); }
.ex-box--bg-none { background: transparent; }
.ex-box--bg-surface { background: var(--ex-color-surface); border-radius: var(--ex-radius); }
.ex-box--bg-surface-alt { background: var(--ex-color-surface-alt); border-radius: var(--ex-radius); }
.ex-box--w-content {
max-width: var(--ex-container-max);
margin-left: auto;
margin-right: auto;
width: 100%;
}
.ex-box--w-full { width: 100%; }
.ex-box__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: flex;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
display: flex;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
.ex-box__items--vertical { flex-direction: column; }
.ex-box__items--horizontal {
--ex-hull-self: auto;
--ex-fill-flex: 1 1 0;
--ex-fill-minw: min(100%, 10rem);
--ex-heading-hyphens: manual;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
:where(
.ex-box__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-box__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-box__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-box__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-box__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-box__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-box__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-box__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-box__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-box__items--gap-none { gap: 0; }
.ex-box__items--gap-s { gap: var(--ex-space-2); }
.ex-box__items--gap-m { gap: var(--ex-space-4); }
.ex-box__items--gap-l { gap: var(--ex-space-6); }
.ex-button {
display: inline-block;
font-family: var(--ex-font-body);
font-weight: 600;
text-decoration: none;
border-radius: var(--ex-button-radius, var(--ex-radius));
border: 1px solid transparent;
transition: filter var(--ex-transition-duration, 150ms) ease;
cursor: pointer;
}
.ex-button:focus-visible {
position: relative;
z-index: 1;
}
.ex-button:hover {
filter: brightness(0.92);
}
.ex-button--primary:hover {
background: var(--ex-button-primary-hover-bg, var(--ex-button-primary-bg, var(--ex-color-primary)));
filter: var(--ex-button-primary-hover-filter, brightness(0.92));
}
.ex-button--secondary:hover {
background: var(--ex-button-secondary-hover-bg, var(--ex-button-secondary-bg, var(--ex-color-secondary)));
filter: var(--ex-button-secondary-hover-filter, brightness(0.92));
}
.ex-button--md {
padding: var(--ex-space-2) var(--ex-space-4);
font-size: 1rem;
}
.ex-button--lg {
padding: var(--ex-space-3) var(--ex-space-6);
font-size: 1.125rem;
}
.ex-button--primary {
background: var(--ex-button-primary-bg, var(--ex-color-primary));
color: var(--ex-button-primary-text, var(--ex-color-surface));
}
.ex-button--secondary {
background: var(--ex-button-secondary-bg, var(--ex-color-secondary));
color: var(--ex-button-secondary-text, var(--ex-color-surface));
}
.ex-button--ghost {
background: transparent;
color: var(--ex-color-primary);
border-color: var(--ex-color-primary);
}
.ex-loop__items {
display: grid;
gap: var(--ex-space-5);
grid-template-columns: repeat(var(--ex-cols, 1), minmax(0, 1fr));
align-items: var(--ex-grid-align, stretch);
justify-items: var(--ex-grid-justify, stretch);
}
.ex-loop__items > * {
--ex-cols: initial;
--ex-grid-align: initial;
--ex-grid-justify: initial;
}
@media (min-width: 768px) {
.ex-loop__items { grid-template-columns: repeat(var(--ex-cols, 2), minmax(0, 1fr)); }
}
@media (min-width: 1120px) {
.ex-loop__items { grid-template-columns: repeat(var(--ex-cols, 3), minmax(0, 1fr)); }
}
.ex-loop__hint {
margin: 0 0 var(--ex-space-3);
font-family: var(--ex-font-body);
font-size: 0.8rem;
color: var(--ex-color-text-muted);
}
.ex-loop__pager {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--ex-space-3);
margin-top: var(--ex-space-5);
font-family: var(--ex-font-body);
}
.ex-loop__pager-link {
color: var(--ex-color-primary);
font-weight: 600;
text-decoration: none;
}
.ex-loop__pager-link:hover { text-decoration: underline; }
.ex-loop__pager-link--off { color: var(--ex-color-text-muted); font-weight: 400; }
.ex-loop__pager-status { color: var(--ex-color-text-muted); }
.ex-loop__items > [data-ex-more-hidden] { display: none !important; }
.ex-loop__more {
display: block;
margin: var(--ex-space-5) auto 0;
padding: var(--ex-space-2) var(--ex-space-5);
font: inherit;
font-family: var(--ex-font-body);
font-weight: 600;
color: var(--ex-color-primary);
background: transparent;
border: 1px solid currentColor;
border-radius: var(--ex-radius);
cursor: pointer;
}
.ex-loop__more[hidden] { display: none; }
.ex-loop__more:hover { text-decoration: underline; }
.ex-loop__more:focus-visible { outline: 2px solid var(--ex-color-primary); outline-offset: 2px; position: relative; z-index: 1; }
.ex-loop__filters {
display: flex;
flex-wrap: wrap;
gap: var(--ex-space-2);
margin-bottom: var(--ex-space-5);
}
.ex-loop__filters[hidden] { display: none; }
.ex-loop__filter {
padding: var(--ex-space-1) var(--ex-space-3);
font: inherit;
font-family: var(--ex-font-body);
font-size: 0.9rem;
color: var(--ex-color-primary);
background: transparent;
border: 1px solid currentColor;
border-radius: 999px;
cursor: pointer;
}
.ex-loop__filter[aria-pressed="true"] {
color: var(--ex-color-on-primary, #fff);
background: var(--ex-color-primary);
border-color: var(--ex-color-primary);
}
.ex-loop__filter:focus-visible { outline: 2px solid var(--ex-color-primary); outline-offset: 2px; position: relative; z-index: 1; }
@media (forced-colors: active) {
.ex-loop__filter[aria-pressed="true"] {
border: 3px solid CanvasText;
padding: calc(var(--ex-space-1) - 2px) calc(var(--ex-space-3) - 2px);
}
}
.ex-loop__status {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.ex-loop__empty {
margin: 0;
font-family: var(--ex-font-body);
color: var(--ex-color-text-muted);
}
.ex-flip {
position: relative;
perspective: 1200px;
border-radius: var(--ex-radius);
}
.ex-flip:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 3px;
position: relative;
z-index: 1;
}
.ex-flip__inner {
display: grid;
grid-template-columns: minmax(0, 1fr);
min-height: inherit;
transform-style: preserve-3d;
transition: transform 0.6s ease, opacity 0.4s ease;
}
.ex-flip__face {
grid-area: 1 / 1;
min-height: inherit;
padding: var(--ex-space-5);
background: var(--ex-color-surface);
border-radius: inherit;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.ex-flip__back {
background: var(--ex-color-surface-alt);
}
.ex-flip--flip_horizontal .ex-flip__back {
transform: rotateY(180deg);
}
.ex-flip--flip_horizontal:is(:hover, :focus-within) .ex-flip__inner {
transform: rotateY(180deg);
}
.ex-flip--flip_vertical .ex-flip__back {
transform: rotateX(180deg);
}
.ex-flip--flip_vertical:is(:hover, :focus-within) .ex-flip__inner {
transform: rotateX(180deg);
}
.ex-flip--fade .ex-flip__face {
transition: opacity 0.4s ease;
}
.ex-flip--fade .ex-flip__back {
opacity: 0;
}
.ex-flip--fade:is(:hover, :focus-within) .ex-flip__back {
opacity: 1;
}
.ex-flip--fade:is(:hover, :focus-within) .ex-flip__front {
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.ex-flip .ex-flip__inner,
.ex-flip:is(:hover, :focus-within) .ex-flip__inner {
transform: none;
transition: none;
}
.ex-flip .ex-flip__back {
transform: none;
opacity: 0;
}
.ex-flip:is(:hover, :focus-within) .ex-flip__back {
opacity: 1;
}
.ex-flip:is(:hover, :focus-within) .ex-flip__front {
opacity: 0;
}
}
.ex-flip--editing .ex-flip__inner {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
gap: var(--ex-space-3);
transform: none !important;
}
.ex-flip--editing .ex-flip__face {
grid-area: auto;
transform: none !important;
opacity: 1 !important;
backface-visibility: visible;
-webkit-backface-visibility: visible;
outline: 1px dashed var(--ex-color-text-muted);
}
.ex-flip__label {
display: block;
margin-bottom: var(--ex-space-2);
font: 600 0.75rem/1.2 var(--ex-font-body);
color: var(--ex-color-text-muted);
text-transform: uppercase;
letter-spacing: 0.06em;
}
.ex-flip__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: initial;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
--ex-fit-w: initial;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
:where(
.ex-flip__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-flip__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-flip__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-flip__items > :is(.ex-button, .ex-icon, .ex-text-link),
.ex-flip__items > div:not([class]) > :is(.ex-button, .ex-icon, .ex-text-link)
) {
width: var(--ex-fit-w, fit-content);
}
:where(
.ex-flip__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-flip__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-flip__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-flip__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-flip__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-flip__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-gallery--grid {
display: grid;
gap: var(--ex-space-3);
}
.ex-gallery--grid.ex-gallery--cols-2 { grid-template-columns: repeat(2, 1fr); }
.ex-gallery--grid.ex-gallery--cols-3 { grid-template-columns: repeat(2, 1fr); }
.ex-gallery--grid.ex-gallery--cols-4 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) {
.ex-gallery--grid.ex-gallery--cols-3 { grid-template-columns: repeat(3, 1fr); }
.ex-gallery--grid.ex-gallery--cols-4 { grid-template-columns: repeat(4, 1fr); }
}
.ex-gallery--grid .ex-gallery__item img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.ex-gallery--masonry {
columns: 2;
column-gap: var(--ex-space-3);
}
@media (min-width: 768px) {
.ex-gallery--masonry.ex-gallery--cols-3 { columns: 3; }
.ex-gallery--masonry.ex-gallery--cols-4 { columns: 4; }
}
.ex-gallery--masonry .ex-gallery__item {
break-inside: avoid;
margin-bottom: var(--ex-space-3);
}
.ex-gallery__item {
margin: 0;
}
.ex-gallery__item img {
display: block;
width: 100%;
height: auto;
border-radius: var(--ex-radius);
}
.ex-gallery__item figcaption {
font-family: var(--ex-font-body);
color: var(--ex-color-text-muted);
font-size: 0.875rem;
margin-top: var(--ex-space-1);
}
.ex-gallery__empty {
font-family: var(--ex-font-body);
color: var(--ex-color-text-muted);
border: 1px dashed var(--ex-color-text-muted);
border-radius: var(--ex-radius);
padding: var(--ex-space-4);
}
.ex-lightbox {
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.9);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 12px;
padding: 24px;
}
dialog.ex-lightbox {
box-sizing: border-box;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
margin: 0;
border: 0;
color: #fff;
}
dialog.ex-lightbox::backdrop {
background: transparent;
}
.ex-lightbox img {
max-width: 92vw;
max-height: 82vh;
object-fit: contain;
}
.ex-lightbox__caption {
color: #fff;
font-family: var(--ex-font-body);
font-size: 0.9rem;
opacity: 0.85;
}
.ex-lightbox__close,
.ex-lightbox__prev,
.ex-lightbox__next {
font-family: var(--ex-font-body);
position: absolute;
background: none;
border: 0;
color: #fff;
font-size: 2rem;
cursor: pointer;
padding: 12px;
line-height: 1;
}
.ex-lightbox__close { top: 12px; right: 16px; }
.ex-lightbox__prev { left: 8px; top: 50%; transform: translateY(-50%); }
.ex-lightbox__next { right: 8px; top: 50%; transform: translateY(-50%); }
.ex-heading {
font-family: var(--ex-font-heading);
color: var(--ex-color-heading, var(--ex-color-text));
line-height: 1.2;
margin: 0 0 var(--ex-space-4);
overflow-wrap: break-word;
hyphens: auto;
}
h1.ex-heading { font-size: var(--ex-font-size-h1); }
h2.ex-heading { font-size: var(--ex-font-size-h2); }
h3.ex-heading { font-size: var(--ex-font-size-h3); }
h4.ex-heading { font-size: var(--ex-font-size-h4); }
h5.ex-heading { font-size: var(--ex-font-size-h5); }
h6.ex-heading { font-size: var(--ex-font-size-h6); }
.ex-heading--left { text-align: left; }
.ex-heading--center { text-align: center; }
.ex-heading--right { text-align: right; }
.ex-image {
margin: 0;
}
.ex-image img {
display: block;
width: 100%;
height: auto;
border-radius: var(--ex-radius);
object-fit: cover;
}
.ex-image--16-9 img { aspect-ratio: 16 / 9; }
.ex-image--4-3 img { aspect-ratio: 4 / 3; }
.ex-image--1-1 img { aspect-ratio: 1 / 1; }
.ex-image__spacer { width: 100%; }
.ex-image--16-9 .ex-image__spacer { aspect-ratio: 16 / 9; }
.ex-image--4-3 .ex-image__spacer { aspect-ratio: 4 / 3; }
.ex-image--1-1 .ex-image__spacer { aspect-ratio: 1 / 1; }
.ex-image__placeholder {
display: grid;
place-items: center;
aspect-ratio: 16 / 9;
border: 1px dashed var(--ex-color-text-muted);
border-radius: var(--ex-radius);
background: var(--ex-color-surface-alt);
color: var(--ex-color-text-muted);
font-family: var(--ex-font-body);
font-size: 0.875rem;
}
.ex-image figcaption {
font-family: var(--ex-font-body);
color: var(--ex-color-text-muted);
font-size: 0.875rem;
margin-top: var(--ex-space-2);
}
.ex-image__frame {
overflow: hidden;
border-radius: var(--ex-radius);
}
.ex-image__frame img {
border-radius: 0;
}
.ex-image--effect-zoom img {
transition: transform 0.6s ease;
}
.ex-image--effect-zoom:hover img {
transform: scale(1.08);
}
.ex-image--effect-scroll img {
object-position: 50% 0;
transition: object-position 4s ease-in-out;
}
.ex-image--effect-scroll.ex-image--auto img {
aspect-ratio: 4 / 3;
}
.ex-image--effect-scroll:hover img {
object-position: 50% 100%;
}
@media (prefers-reduced-motion: reduce) {
.ex-image--effect-zoom img,
.ex-image--effect-scroll img {
transition: none;
}
.ex-image--effect-zoom:hover img {
transform: none;
}
}
.ex-compare {
position: relative;
margin: 0;
overflow: hidden;
border-radius: var(--ex-radius);
background: var(--ex-color-surface-alt);
}
.ex-compare--16-9 { aspect-ratio: 16 / 9; }
.ex-compare--4-3 { aspect-ratio: 4 / 3; }
.ex-compare--1-1 { aspect-ratio: 1 / 1; }
.ex-compare__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ex-compare__img--before {
clip-path: inset(0 calc(100% - var(--ex-compare, 50%)) 0 0);
}
.ex-compare__handle {
position: absolute;
top: 0;
bottom: 0;
left: var(--ex-compare, 50%);
width: 3px;
transform: translateX(-50%);
background: var(--ex-color-surface);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.ex-compare__handle::after {
content: "↔";
position: absolute;
top: 50%;
left: 50%;
display: grid;
place-items: center;
width: 2.5rem;
height: 2.5rem;
transform: translate(-50%, -50%);
font-size: 1.1rem;
color: var(--ex-color-text);
background: var(--ex-color-surface);
border-radius: 999px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.ex-compare__range {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
cursor: ew-resize;
}
.ex-compare:focus-within .ex-compare__handle::after {
outline: 3px solid var(--ex-color-primary);
outline-offset: 2px;
box-shadow: 0 0 0 2px var(--ex-color-surface), 0 2px 8px rgba(0, 0, 0, 0.25);
}
.ex-compare__label {
position: absolute;
top: var(--ex-space-3);
padding: var(--ex-space-1) var(--ex-space-2);
font-family: var(--ex-font-body);
font-size: 0.8rem;
font-weight: 600;
color: var(--ex-color-surface);
background: rgba(0, 0, 0, 0.55);
border-radius: var(--ex-radius);
pointer-events: none;
}
.ex-compare__label--before { left: var(--ex-space-3); }
.ex-compare__label--after { right: var(--ex-space-3); }
.ex-compare__placeholder {
display: grid;
place-items: center;
height: 100%;
padding: var(--ex-space-4);
color: var(--ex-color-text-muted);
text-align: center;
}
dialog.ex-popup {
position: fixed;
inset: 0;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin: 0;
padding: var(--ex-space-4);
border: 0;
background: transparent;
overflow: hidden;
}
dialog.ex-popup[open] { display: flex; }
dialog.ex-popup::backdrop {
background: color-mix(
in srgb,
var(--ex-popup-overlay-color, rgb(15 23 42)) calc(var(--ex-popup-overlay-alpha, 0.55) * 100%),
transparent
);
backdrop-filter: blur(var(--ex-popup-blur, 0px));
}
.ex-popup--overlay-dark { --ex-popup-overlay-color: rgb(15 23 42); }
.ex-popup--overlay-light { --ex-popup-overlay-color: rgb(255 255 255); }
.ex-popup--overlay-primary { --ex-popup-overlay-color: var(--ex-color-primary); }
.ex-popup--center { align-items: center; justify-content: center; }
.ex-popup--top { align-items: flex-start; justify-content: center; }
.ex-popup--bottom { align-items: flex-end; justify-content: center; }
.ex-popup--left { align-items: center; justify-content: flex-start; }
.ex-popup--right { align-items: center; justify-content: flex-end; }
.ex-popup--top-left { align-items: flex-start; justify-content: flex-start; }
.ex-popup--top-right { align-items: flex-start; justify-content: flex-end; }
.ex-popup--bottom-left { align-items: flex-end; justify-content: flex-start; }
.ex-popup--bottom-right { align-items: flex-end; justify-content: flex-end; }
.ex-popup--small { --ex-popup-width: 26rem; }
.ex-popup--medium { --ex-popup-width: 40rem; }
.ex-popup--large { --ex-popup-width: 60rem; }
.ex-popup--full { --ex-popup-width: 100%; }
.ex-popup__panel {
position: relative;
box-sizing: border-box;
width: min(100%, var(--ex-popup-width));
max-height: 100%;
overflow: auto;
padding: var(--ex-space-6);
font-family: var(--ex-font-body);
color: var(--ex-color-text);
background: var(--ex-color-surface);
border-radius: var(--ex-radius);
box-shadow: 0 1.5rem 3rem rgb(15 23 42 / 0.25);
}
.ex-popup__title {
margin: 0 0 var(--ex-space-3);
padding-right: 2.5rem;
font-family: var(--ex-font-heading);
}
.ex-popup__close {
position: absolute;
top: var(--ex-space-3);
right: var(--ex-space-3);
width: 2.25rem;
height: 2.25rem;
font-size: 1.5rem;
line-height: 1;
color: inherit;
background: transparent;
border: 0;
border-radius: 999px;
cursor: pointer;
}
.ex-popup__close:hover { background: var(--ex-color-surface-alt); }
.ex-popup--close-inside-left .ex-popup__close { right: auto; left: var(--ex-space-3); }
.ex-popup--close-inside-left .ex-popup__title { padding-right: 0; padding-left: 2.5rem; }
.ex-popup--close-outside-right .ex-popup__panel { overflow: visible; }
.ex-popup--close-outside-right .ex-popup__close {
top: -0.9rem;
right: -0.9rem;
background: var(--ex-color-surface);
box-shadow: 0 0.25rem 0.75rem rgb(15 23 42 / 0.25);
}
.ex-popup--close-outside-right .ex-popup__title { padding-right: 0; }
.ex-popup--close-outside-left .ex-popup__panel { overflow: visible; }
.ex-popup--close-outside-left .ex-popup__close {
top: -0.9rem;
right: auto;
left: -0.9rem;
background: var(--ex-color-surface);
box-shadow: 0 0.25rem 0.75rem rgb(15 23 42 / 0.25);
}
.ex-popup--close-outside-left .ex-popup__title { padding-right: 0; }
.ex-popup__close:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; }
.ex-popup__close:focus-visible { outline: 2px solid var(--ex-color-primary); outline-offset: 2px; }
:is(.ex-popup--close-outside-right, .ex-popup--close-outside-left) .ex-popup__close:focus-visible {
outline-color: var(--ex-color-primary);
box-shadow: 0 0 0 2px var(--ex-color-surface), 0 0.25rem 0.75rem rgb(15 23 42 / 0.25);
}
html.ex-popup-lock { overflow: hidden; }
html.ex-popup-lock--gutter { scrollbar-gutter: stable; }
@media (prefers-reduced-motion: no-preference) {
dialog.ex-popup[open] .ex-popup__panel {
--ex-anim-distance: 0.75rem;
animation: ex-anim-slide_up var(--ex-popup-anim-duration, 0.25s) var(--ex-popup-anim-easing, ease-out) var(--ex-popup-anim-delay, 0s) both;
}
dialog.ex-popup[open]::backdrop { animation: ex-popup-fade 0.22s ease-out; }
dialog.ex-popup--anim-fade[open] .ex-popup__panel { animation-name: ex-anim-fade; }
dialog.ex-popup--anim-slide_down[open] .ex-popup__panel { animation-name: ex-anim-slide_down; --ex-anim-distance: 1.5rem; }
dialog.ex-popup--anim-slide_left[open] .ex-popup__panel { animation-name: ex-anim-slide_left; --ex-anim-distance: 1.5rem; }
dialog.ex-popup--anim-slide_right[open] .ex-popup__panel { animation-name: ex-anim-slide_right; --ex-anim-distance: 1.5rem; }
dialog.ex-popup--anim-zoom_in[open] .ex-popup__panel { animation-name: ex-anim-zoom_in; }
dialog.ex-popup--anim-zoom_out[open] .ex-popup__panel { animation-name: ex-anim-zoom_out; }
dialog.ex-popup--anim-flip_up[open] .ex-popup__panel { animation-name: ex-anim-flip_up; }
dialog.ex-popup--anim-flip_down[open] .ex-popup__panel { animation-name: ex-anim-flip_down; }
dialog.ex-popup--anim-flip_left[open] .ex-popup__panel { animation-name: ex-anim-flip_left; }
dialog.ex-popup--anim-flip_right[open] .ex-popup__panel { animation-name: ex-anim-flip_right; }
dialog.ex-popup--anim-none[open] .ex-popup__panel { animation: none; }
dialog.ex-popup--closing::backdrop { animation: ex-popup-fade-out 0.2s ease-in forwards; }
}
@keyframes ex-popup-fade { from { opacity: 0; } }
@keyframes ex-popup-fade-out { to { opacity: 0; } }
.ex-popup-preview {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--ex-space-2);
padding: var(--ex-space-4);
border: 2px dashed var(--ex-color-primary);
border-radius: var(--ex-radius);
background: var(--ex-color-surface-alt);
}
.ex-popup-preview .ex-popup__panel { justify-self: center; box-shadow: none; }
.ex-popup-preview__badge {
margin: 0;
font-family: var(--ex-font-body);
font-size: 0.8rem;
color: var(--ex-color-text-muted);
}
.ex-popup__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: initial;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
--ex-fit-w: initial;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
:where(
.ex-popup__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-popup__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-popup__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-popup__items > :is(.ex-button, .ex-icon, .ex-text-link),
.ex-popup__items > div:not([class]) > :is(.ex-button, .ex-icon, .ex-text-link)
) {
width: var(--ex-fit-w, fit-content);
}
:where(
.ex-popup__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-popup__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-popup__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-popup__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-popup__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-popup__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-section--bg-surface { background: var(--ex-color-surface); }
.ex-section--bg-surface-alt { background: var(--ex-color-surface-alt); }
.ex-section--bg-primary {
background: var(--ex-color-primary);
color: var(--ex-color-surface);
}
.ex-section--bg-primary .ex-heading,
.ex-section--bg-primary .ex-text {
color: var(--ex-color-surface);
}
.ex-section--py-none { padding-top: 0; padding-bottom: 0; }
.ex-section--py-s { padding-top: var(--ex-space-5); padding-bottom: var(--ex-space-5); }
.ex-section--py-m { padding-top: var(--ex-space-7); padding-bottom: var(--ex-space-7); }
.ex-section--py-l { padding-top: var(--ex-space-8); padding-bottom: var(--ex-space-8); }
.ex-section--py-xl { padding-top: var(--ex-space-9); padding-bottom: var(--ex-space-9); }
.ex-section__inner {
padding-left: var(--ex-space-4);
padding-right: var(--ex-space-4);
}
.ex-section__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: initial;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
--ex-fit-w: initial;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
:where(
.ex-section__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-section__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-section__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-section__items > :is(.ex-button, .ex-icon, .ex-text-link),
.ex-section__items > div:not([class]) > :is(.ex-button, .ex-icon, .ex-text-link)
) {
width: var(--ex-fit-w, fit-content);
}
:where(
.ex-section__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-section__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-section__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-section__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-section__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-section__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-section__inner--flush {
padding-left: 0;
padding-right: 0;
}
.ex-section__inner--contained {
max-width: var(--ex-container-max);
margin: 0 auto;
}
.ex-section--divided {
position: relative;
--ex-divider-height: 60px;
}
.ex-section--divider-s { --ex-divider-height: 32px; }
.ex-section--divider-l { --ex-divider-height: 110px; }
.ex-section--divided > .ex-section__inner {
position: relative;
z-index: 1;
}
.ex-section__divider {
position: absolute;
left: 0;
width: 100%;
height: var(--ex-divider-height);
display: block;
pointer-events: none;
}
.ex-section__divider--bottom { bottom: -1px; }
.ex-section__divider--top { top: -1px; transform: scaleY(-1); }
.ex-section--divider-surface .ex-section__divider { fill: var(--ex-color-surface); }
.ex-section--divider-surface-alt .ex-section__divider { fill: var(--ex-color-surface-alt); }
.ex-section--divider-primary .ex-section__divider { fill: var(--ex-color-primary); }
.ex-section--divider-secondary .ex-section__divider { fill: var(--ex-color-secondary); }
.ex-section--divider-text .ex-section__divider { fill: var(--ex-color-text); }
.ex-site-search {
display: flex;
flex-direction: column;
gap: var(--ex-space-2);
font-family: var(--ex-font-body);
}
.ex-site-search__label {
display: block;
margin-bottom: var(--ex-space-1);
font-weight: 600;
}
.ex-site-search__input {
width: 100%;
padding: var(--ex-space-2) var(--ex-space-3);
border: 1px solid var(--ex-color-border, currentColor);
border-radius: var(--ex-radius, 6px);
font: inherit;
color: inherit;
background: var(--ex-color-surface, transparent);
}
.ex-site-search--compact .ex-site-search__label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (max-width: 767.98px) {
.ex-site-search__input { font-size: max(16px, 1em); }
}
.ex-site-search__input:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 2px;
position: relative;
z-index: 1;
}
.ex-site-search__status {
margin: 0;
font-size: 0.85em;
color: var(--ex-color-text-muted);
}
.ex-site-search__status:empty {
display: none;
}
.ex-site-search__results {
display: flex;
flex-direction: column;
gap: var(--ex-space-3);
margin: 0;
padding: 0;
list-style: none;
}
.ex-site-search__results:empty {
display: none;
}
.ex-site-search__result a {
font-weight: 600;
color: var(--ex-link-color, var(--ex-color-primary));
}
.ex-site-search__snippet {
margin: var(--ex-space-1) 0 0;
font-size: 0.9em;
color: var(--ex-color-text-muted);
}
.ex-slider {
--ex-slider-per-view-used: var(--ex-slider-per-view, 1);
--ex-slider-gap-used: var(--ex-slider-gap, var(--ex-space-4));
display: grid;
gap: var(--ex-space-3);
font-family: var(--ex-font-body);
}
.ex-slider__track {
display: flex;
gap: var(--ex-slider-gap-used);
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
overscroll-behavior-x: contain;
scrollbar-width: none;
}
.ex-slider__track::-webkit-scrollbar {
display: none;
}
.ex-slider__track:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 2px;
position: relative;
z-index: 1;
}
.ex-slider__slide {
flex: 0 0
calc((100% - (var(--ex-slider-per-view-used) - 1) * var(--ex-slider-gap-used)) / var(--ex-slider-per-view-used));
min-width: 0;
scroll-snap-align: start;
}
.ex-slider--editing .ex-slider__track {
flex-wrap: wrap;
overflow: visible;
}
.ex-slider--editing .ex-slider__slide {
outline: 1px dashed var(--ex-color-surface-alt);
outline-offset: 2px;
min-height: 3rem;
}
.ex-slider__controls {
display: flex;
align-items: center;
justify-content: center;
gap: var(--ex-space-3);
}
.ex-slider__arrow,
.ex-slider__pause {
min-width: 2.5rem;
min-height: 2.5rem;
padding: 0 var(--ex-space-3);
font: inherit;
font-size: 1.25rem;
color: var(--ex-color-text);
background: var(--ex-color-surface-alt);
border: 0;
border-radius: var(--ex-radius);
cursor: pointer;
}
.ex-slider__pause {
font-size: 0.875rem;
}
.ex-slider__dots {
display: flex;
gap: var(--ex-space-2);
}
.ex-slider__dot {
width: 0.75rem;
height: 0.75rem;
padding: 0;
background: transparent;
box-shadow: inset 0 0 0 2px var(--ex-color-text-muted);
border: 0;
border-radius: 50%;
cursor: pointer;
}
.ex-slider__dot[aria-current="true"] {
background: var(--ex-color-primary);
box-shadow: none;
}
.ex-slider__arrow:focus-visible,
.ex-slider__pause:focus-visible,
.ex-slider__dot:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 2px;
position: relative;
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
.ex-slider__track {
scroll-behavior: auto;
}
}
@media (forced-colors: active) {
.ex-slider__dot {
border: 2px solid CanvasText;
}
.ex-slider__dot[aria-current="true"] {
border-width: 0.375rem;
}
}
.ex-tabs {
font-family: var(--ex-font-body);
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--ex-space-4);
}
.ex-tabs__list {
display: flex;
flex-wrap: wrap;
gap: var(--ex-space-2);
}
.ex-tabs__tab {
padding: var(--ex-space-2) var(--ex-space-4);
font: inherit;
font-weight: 600;
color: var(--ex-color-text-muted);
background: transparent;
border: 0;
cursor: pointer;
}
.ex-tabs__tab:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 2px;
position: relative;
z-index: 1;
}
.ex-tabs--underline .ex-tabs__list {
border-bottom: 1px solid var(--ex-color-surface-alt);
}
.ex-tabs--underline .ex-tabs__tab {
margin-bottom: -1px;
border-bottom: 2px solid transparent;
}
.ex-tabs--underline .ex-tabs__tab[aria-selected="true"] {
color: var(--ex-color-text);
border-bottom-color: var(--ex-color-primary);
}
.ex-tabs--pills .ex-tabs__tab {
border-radius: 999px;
}
.ex-tabs--pills .ex-tabs__tab[aria-selected="true"] {
color: var(--ex-color-surface);
background: var(--ex-color-primary);
}
@media (forced-colors: active) {
.ex-tabs--pills .ex-tabs__tab[aria-selected="true"] {
padding: calc(var(--ex-space-2) - 2px) calc(var(--ex-space-4) - 2px);
border: 2px solid CanvasText;
}
.ex-tabs--underline .ex-tabs__tab[aria-selected="false"] {
border-bottom-width: 0;
padding-bottom: calc(var(--ex-space-2) + 2px);
}
.ex-tabs--underline .ex-tabs__tab[aria-selected="true"] {
border-bottom-width: 4px;
border-bottom-color: CanvasText;
padding-bottom: calc(var(--ex-space-2) - 2px);
}
}
.ex-tabs__panel[hidden] {
display: none;
}
.ex-tabs__items {
--ex-items-align: initial;
--ex-text-minw: initial;
--ex-text-hyphens: initial;
--ex-hull-display: initial;
--ex-hull-self: initial;
--ex-fill-flex: initial;
--ex-fill-minw: initial;
--ex-heading-hyphens: initial;
--ex-wrap: initial;
--ex-fit-w: initial;
flex-direction: column;
align-items: var(--ex-items-align, stretch);
}
:where(
.ex-tabs__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-tabs__items > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link),
.ex-tabs__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
:where(
.ex-tabs__items > :is(.ex-button, .ex-icon, .ex-text-link),
.ex-tabs__items > div:not([class]) > :is(.ex-button, .ex-icon, .ex-text-link)
) {
width: var(--ex-fit-w, fit-content);
}
:where(
.ex-tabs__items > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class])),
.ex-tabs__items > div:not([class]):has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))
) {
flex: var(--ex-fill-flex, 0 1 auto);
min-width: var(--ex-fill-minw, auto);
}
.ex-tabs__items > .ex-heading {
hyphens: var(--ex-heading-hyphens, auto);
}
:where(
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading),
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]):has(> :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading))
) {
min-width: var(--ex-text-minw);
}
:where(
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-text,
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > .ex-cond > .ex-text,
.ex-tabs__items:not(:has(> :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, div:not([class]), .ex-cond, [hidden], [data-ex-hidden]), > .ex-cond:not([hidden]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, [hidden], [data-ex-hidden]), > div:not([class]) > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link, .ex-condition-hidden, [hidden], [data-ex-hidden]), > div:not([class]) > .ex-condition-hidden > :not(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading, .ex-button, .ex-icon, .ex-text-link))) > div:not([class]) > .ex-text
) {
hyphens: var(--ex-text-hyphens);
}
:where(.ex-tabs__items > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading), .ex-tabs__items > .ex-cond > :is(.ex-heading, .ex-text, .ex-dual-heading, .ex-animated-heading)) {
overflow-wrap: break-word;
}
.ex-text {
font-family: var(--ex-font-body);
color: var(--ex-color-text);
line-height: var(--ex-line-height-body, 1.6);
}
.ex-text p {
margin: 0 0 var(--ex-space-4);
}
.ex-text p:last-child {
margin-bottom: 0;
}
.ex-text ul,
.ex-text ol {
margin: 0 0 var(--ex-space-4);
padding-left: var(--ex-space-5);
}
.ex-text li { margin-bottom: var(--ex-space-1); }
.ex-text a {
color: var(--ex-link-color);
text-decoration: var(--ex-link-decoration);
}
.ex-text a:hover,
.ex-text a:focus-visible {
color: var(--ex-link-hover-color);
text-decoration: var(--ex-link-hover-decoration);
}
.ex-text--left { text-align: left; }
.ex-text--center { text-align: center; }
.ex-text--right { text-align: right; }
.ex-text--muted {
color: var(--ex-color-text-muted);
}
.ex-tooltip {
font-family: var(--ex-font-body);
color: var(--ex-color-text);
}
.ex-tooltip__anchor {
position: relative;
display: inline-block;
}
.ex-tooltip__trigger {
font: inherit;
color: inherit;
background: none;
border: 0;
padding: 0;
cursor: help;
}
.ex-tooltip__trigger--text {
text-decoration: underline dotted;
text-underline-offset: 0.2em;
}
.ex-tooltip__trigger--icon {
display: inline-flex;
color: var(--ex-color-primary);
line-height: 0;
}
.ex-tooltip__trigger:focus-visible {
outline: 2px solid var(--ex-color-primary);
outline-offset: 3px;
border-radius: 2px;
position: relative;
z-index: 1;
}
.ex-tooltip__bubble {
position: absolute;
left: 50%;
z-index: 40;
width: max-content;
max-width: min(18rem, 80vw);
padding: var(--ex-space-2) var(--ex-space-3);
font-size: 0.875rem;
line-height: 1.4;
border-radius: 6px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
transform: translateX(calc(-50% + var(--ex-tooltip-shift, 0px)));
opacity: 0;
visibility: hidden;
transition: opacity var(--ex-transition-duration, 150ms) ease-out,
visibility var(--ex-transition-duration, 150ms);
}
.ex-tooltip__bubble::before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 0.6rem;
}
.ex-tooltip--top .ex-tooltip__bubble { bottom: calc(100% + 0.5rem); }
.ex-tooltip--top .ex-tooltip__bubble::before { top: 100%; }
.ex-tooltip--bottom .ex-tooltip__bubble { top: calc(100% + 0.5rem); }
.ex-tooltip--bottom .ex-tooltip__bubble::before { bottom: 100%; }
.ex-tooltip--dark .ex-tooltip__bubble {
color: var(--ex-color-surface);
background: var(--ex-color-text);
}
.ex-tooltip--light .ex-tooltip__bubble {
color: var(--ex-color-text);
background: var(--ex-color-surface);
border: 1px solid var(--ex-color-surface-alt);
}
.ex-tooltip__anchor:hover .ex-tooltip__bubble,
.ex-tooltip__anchor:focus-within .ex-tooltip__bubble {
opacity: 1;
visibility: visible;
}
.ex-tooltip[data-tooltip-dismissed] .ex-tooltip__bubble {
opacity: 0;
visibility: hidden;
}
.ex-tooltip--editing .ex-tooltip__bubble {
position: static;
display: inline-block;
margin-left: var(--ex-space-3);
vertical-align: middle;
transform: none;
opacity: 1;
visibility: visible;
}
.ex-tooltip--editing .ex-tooltip__bubble::before { display: none; }
@media (prefers-reduced-motion: reduce) {
.ex-tooltip__bubble { transition: none; }
}
.ex-section--bg-primary {
--ex-primary-text: var(--ex-color-surface);
--ex-bg-text: initial;
--ex-bg-heading: initial;
--ex-bg-muted: initial;
}
:where(.ex-box--bg-surface, .ex-box--bg-surface-alt, .ex-accordion__item, .ex-flip__face, .ex-popup__panel, .ex-testimonials__item, .ex-social__consent, .ex-privacy__hint, .ex-cta--surface-alt, .ex-site-search__input) {
--ex-primary-text: initial;
--ex-bg-text: var(--ex-on-light-text);
--ex-bg-heading: var(--ex-on-light-heading);
--ex-bg-muted: initial;
color: var(--ex-bg-text, currentColor);
}
.ex-site-search__input {
color: var(--ex-bg-text, currentColor);
}
.ex-section--bg-primary :where(.ex-box--bg-surface, .ex-box--bg-surface-alt, .ex-accordion__item, .ex-flip__face, .ex-popup__panel, .ex-testimonials__item, .ex-social__consent, .ex-privacy__hint, .ex-cta--surface-alt, .ex-site-search__input) {
color: var(--ex-bg-text, var(--ex-color-text));
}
.ex-heading,
.ex-section--bg-primary .ex-heading {
color: var(--ex-bg-heading, var(--ex-primary-text, var(--ex-color-heading, var(--ex-color-text))));
}
.ex-text,
.ex-section--bg-primary .ex-text {
color: var(--ex-bg-text, var(--ex-primary-text, var(--ex-color-text)));
}
.ex-text--muted,
.ex-section--bg-primary .ex-text--muted {
color: var(--ex-bg-muted, var(--ex-primary-text, var(--ex-color-text-muted)));
}
.ex-section--bg-primary .ex-text mark {
color: var(--ex-mark-color, var(--ex-primary-text, var(--ex-highlight-color, var(--ex-color-primary))));
}
.ex-section--bg-primary {
--ex-primary-text: var(--ex-on-brand, var(--ex-color-surface));
--ex-primary-role-text: var(--ex-on-brand, var(--ex-color-surface));
--ex-primary-role-heading: var(--ex-on-brand, var(--ex-color-surface));
--ex-primary-role-muted: var(--ex-on-brand, var(--ex-color-surface));
--ex-primary-accent: var(--ex-on-brand, var(--ex-color-surface)) !important;
--ex-primary-link: var(--ex-own-link, var(--ex-on-brand, var(--ex-color-surface))) !important;
--ex-bg-accent: initial;
--ex-bg-icon: initial;
--ex-bg-link: initial;
--ex-bg-link-hover: initial;
--ex-bg-mark: initial;
--ex-surface-pair-text: initial;
--ex-surface-pair-heading: initial;
--ex-mark-line: underline;
color: var(--ex-on-brand, var(--ex-color-surface));
}
:where(.ex-box--bg-surface, .ex-box--bg-surface-alt, .ex-accordion__item, .ex-flip__face, .ex-popup__panel, .ex-site-search__input) {
--ex-primary-role-text: initial;
--ex-primary-role-heading: initial;
--ex-primary-role-muted: initial;
--ex-primary-accent: initial;
--ex-primary-link: initial;
--ex-bg-accent: var(--ex-on-light-accent);
--ex-bg-icon: var(--ex-on-light-accent);
--ex-bg-link: var(--ex-on-light-link);
--ex-bg-link-hover: var(--ex-on-light-link-hover);
--ex-bg-mark: var(--ex-on-light-mark);
--ex-surface-pair-text: var(--ex-on-light-text);
--ex-surface-pair-heading: var(--ex-on-light-heading);
--ex-mark-line: initial;
}
:where(.ex-slider__arrow, .ex-slider__pause, .ex-tooltip--light .ex-tooltip__bubble) {
--ex-primary-text: initial;
--ex-primary-role-text: initial;
--ex-primary-role-heading: initial;
--ex-primary-role-muted: initial;
--ex-primary-accent: initial;
--ex-primary-link: initial;
--ex-bg-text: var(--ex-on-light-text);
--ex-bg-heading: var(--ex-on-light-heading);
--ex-bg-muted: initial;
--ex-bg-accent: var(--ex-on-light-accent);
--ex-bg-icon: var(--ex-on-light-accent);
--ex-bg-link: var(--ex-on-light-link);
--ex-bg-link-hover: var(--ex-on-light-link-hover);
--ex-bg-mark: var(--ex-on-light-mark);
--ex-surface-pair-text: var(--ex-on-light-text);
--ex-surface-pair-heading: var(--ex-on-light-heading);
--ex-mark-line: initial;
}
:where(.ex-section--bg-primary, .ex-box--bg-surface, .ex-box--bg-surface-alt, .ex-accordion__item, .ex-flip__face, .ex-popup__panel, .ex-testimonials__item, .ex-social__consent, .ex-privacy__hint, .ex-cta--surface-alt, .ex-site-search__input, .ex-feature-cards__card, .ex-faq__item, .ex-countdown__unit, .ex-slider__arrow, .ex-slider__pause, .ex-map__card, .ex-notice--surface-alt, .ex-cta__button-inverted, .ex-opening-hours__status, .ex-tooltip--light .ex-tooltip__bubble, .ex-form__field input, .ex-form__field select, .ex-form__field textarea, .ex-header, .ex-header__submenu, .ex-header__mega):has(:is(.ex-slider__dot, .ex-tabs--pills, .ex-categories--chips, .ex-loop__filter, .ex-accordion__title, .ex-loop__more, .ex-toggle__track, .ex-flip, .ex-imgacc__item, .ex-compare, .ex-popup__close, .ex-site-search__input, .ex-slider__track, .ex-slider__arrow, .ex-slider__pause, .ex-toc__link, .ex-toc__toggle, .ex-tabs__tab, .ex-tooltip__trigger)) {
--ex-bg-ring: initial;
--ex-bg-dot: initial;
--ex-bg-halo: initial;
}
.ex-section--bg-primary:has(:is(.ex-loop__filter, .ex-accordion__title, .ex-loop__more, .ex-toggle__track, .ex-flip, .ex-imgacc__item, .ex-site-search__input, .ex-slider__track, .ex-slider__arrow, .ex-slider__pause, .ex-toc__link, .ex-toc__toggle, .ex-tabs__tab, .ex-tooltip__trigger)) {
--ex-primary-role-halo: var(--ex-color-primary);
}
:where(.ex-box--bg-surface, .ex-box--bg-surface-alt, .ex-accordion__item, .ex-flip__face, .ex-popup__panel, .ex-testimonials__item, .ex-social__consent, .ex-privacy__hint, .ex-cta--surface-alt, .ex-site-search__input, .ex-feature-cards__card, .ex-faq__item, .ex-countdown__unit, .ex-slider__arrow, .ex-slider__pause, .ex-map__card, .ex-notice--surface-alt, .ex-cta__button-inverted, .ex-opening-hours__status, .ex-tooltip--light .ex-tooltip__bubble, .ex-form__field input, .ex-form__field select, .ex-form__field textarea, .ex-header, .ex-header__submenu, .ex-header__mega):has(:is(.ex-loop__filter, .ex-accordion__title, .ex-loop__more, .ex-toggle__track, .ex-flip, .ex-imgacc__item, .ex-site-search__input, .ex-slider__track, .ex-slider__arrow, .ex-slider__pause, .ex-toc__link, .ex-toc__toggle, .ex-tabs__tab, .ex-tooltip__trigger)) {
--ex-primary-role-halo: initial;
}
:where(.ex-section--bg-surface-alt, .ex-box--bg-surface-alt, .ex-flip__back) {
--ex-bg-muted: var(--ex-alt-muted);
}
.ex-tooltip,
.ex-tabs--underline .ex-tabs__tab[aria-selected="true"],
.ex-slider__arrow,
.ex-slider__pause {
color: var(--ex-bg-text, var(--ex-surface-pair-text, var(--ex-primary-role-text, var(--ex-color-text))));
}
.ex-site-search {
color: var(--ex-bg-text, currentColor);
}
.ex-dual-heading,
.ex-animated-heading {
color: var(--ex-bg-heading, var(--ex-surface-pair-heading, var(--ex-primary-role-heading, var(--ex-color-heading, var(--ex-color-text)))));
}
.ex-text :is(h1, h2, h3, h4) {
color: var(--ex-bg-heading, var(--ex-surface-pair-heading, var(--ex-color-heading, inherit)));
}
.ex-heading,
.ex-section--bg-primary .ex-heading {
color: var(--ex-bg-heading, var(--ex-surface-pair-heading, var(--ex-primary-text, var(--ex-color-heading, var(--ex-color-text)))));
}
.ex-text,
.ex-section--bg-primary .ex-text {
color: var(--ex-bg-text, var(--ex-surface-pair-text, var(--ex-primary-text, var(--ex-color-text))));
}
.ex-text--muted,
.ex-section--bg-primary .ex-text--muted {
color: var(--ex-bg-muted, var(--ex-primary-text, var(--ex-color-text-muted)));
}
.ex-accordion__title::after,
.ex-loop__pager-link--off,
.ex-loop__pager-status,
.ex-loop__empty,
.ex-loop__hint,
.ex-flip__label,
.ex-gallery__item figcaption,
.ex-image figcaption,
.ex-site-search__status,
.ex-site-search__snippet,
.ex-tabs__tab {
color: var(--ex-bg-muted, var(--ex-primary-role-muted, var(--ex-color-text-muted)));
}
.ex-tooltip__trigger--icon {
color: var(--ex-bg-icon, var(--ex-primary-accent, var(--ex-color-primary)));
}
.ex-button--ghost,
.ex-loop__pager-link,
.ex-loop__more,
.ex-loop__filter {
color: var(--ex-bg-accent, var(--ex-primary-accent, var(--ex-color-primary)));
}
.ex-button--ghost {
border-color: var(--ex-bg-accent, var(--ex-primary-accent, var(--ex-color-primary)));
}
.ex-tabs--underline .ex-tabs__tab[aria-selected="true"] {
border-bottom-color: var(--ex-bg-accent, var(--ex-primary-accent, var(--ex-color-primary)));
}
.ex-text a,
.ex-text-link {
color: var(--ex-bg-link, var(--ex-primary-link, var(--ex-link-color)));
}
.ex-text a:hover,
.ex-text a:focus-visible,
.ex-text-link:hover,
.ex-text-link:focus-visible {
color: var(--ex-bg-link-hover, var(--ex-bg-link, var(--ex-primary-link, var(--ex-link-hover-color))));
}
.ex-site-search__result a {
color: var(--ex-bg-link, var(--ex-primary-link, var(--ex-link-color, var(--ex-color-primary))));
}
.ex-button--primary {
color: var(--ex-on-brand-button, var(--ex-button-primary-text, var(--ex-color-surface)));
}
.ex-tabs--pills .ex-tabs__tab[aria-selected="true"] {
color: var(--ex-on-brand, var(--ex-color-surface));
}
.ex-loop__filter[aria-pressed="true"] {
color: var(--ex-on-brand, var(--ex-color-on-primary, #fff));
}
.ex-tabs--pills .ex-tabs__tab[aria-selected="true"] {
box-shadow: inset 0 0 0 2px var(--ex-bg-ring, var(--ex-primary-role-text, transparent));
}
.ex-loop__filter[aria-pressed="true"] {
box-shadow: inset 0 0 0 2px var(--ex-bg-ring, var(--ex-primary-role-text));
}
.ex-slider__dot {
box-shadow: inset 0 0 0 2px var(--ex-bg-dot, var(--ex-primary-role-text, var(--ex-color-text-muted)));
}
.ex-slider__dot[aria-current="true"] {
background: var(--ex-bg-icon, var(--ex-primary-accent, var(--ex-color-primary)));
box-shadow: none;
}
@supports selector(:has(*)) {
.ex-loop__more:focus-visible,
.ex-loop__filter:focus-visible,
.ex-popup__close:focus-visible,
.ex-slider__dot:focus-visible,
.ex-tabs__tab:focus-visible {
outline-color: var(--ex-bg-ring, var(--ex-primary-role-text, var(--ex-color-primary)));
}
.ex-slider:focus-within {
--ex-ground-ring: var(--ex-bg-ring, var(--ex-primary-role-text, var(--ex-color-primary)));
--ex-ground-halo: var(--ex-bg-halo, var(--ex-primary-role-halo, var(--ex-color-surface)));
}
.ex-slider__arrow:focus-visible,
.ex-slider__pause:focus-visible {
outline-color: var(--ex-ground-ring, var(--ex-color-primary));
box-shadow: 0 0 0 2px var(--ex-ground-halo, transparent);
}
:has(> :is(.ex-accordion, .ex-flip, .ex-imgacc, .ex-site-search, .ex-slider, .ex-tooltip):focus-within) {
--ex-outer-ring: var(--ex-bg-ring, var(--ex-primary-role-text, var(--ex-color-primary)));
--ex-outer-halo: var(--ex-bg-halo, var(--ex-primary-role-halo, var(--ex-color-surface)));
}
.ex-accordion__title:focus-visible,
.ex-flip:focus-visible,
.ex-site-search__input:focus-visible,
.ex-slider__track:focus-visible,
.ex-tooltip__trigger:focus-visible {
outline-color: var(--ex-outer-ring, var(--ex-color-primary));
box-shadow: 0 0 0 2px var(--ex-outer-halo, transparent);
}
.ex-loop__more:focus-visible,
.ex-loop__filter:focus-visible,
.ex-tabs__tab:focus-visible {
box-shadow: 0 0 0 2px var(--ex-bg-halo, var(--ex-primary-role-halo, var(--ex-color-surface)));
}
.ex-tabs--pills .ex-tabs__tab[aria-selected="true"]:focus-visible,
.ex-loop__filter[aria-pressed="true"]:focus-visible {
box-shadow: inset 0 0 0 2px var(--ex-bg-ring, var(--ex-primary-role-text, transparent)), 0 0 0 2px var(--ex-bg-halo, var(--ex-primary-role-halo, var(--ex-color-surface)));
}
}
.ex-text mark {
color: var(--ex-mark-color, var(--ex-bg-mark, var(--ex-highlight-color, var(--ex-color-primary))));
text-decoration-line: var(--ex-mark-line, none);
text-decoration-thickness: 0.12em;
text-underline-offset: 0.18em;
}
.ex-section--bg-primary .ex-text mark {
color: var(--ex-mark-color, var(--ex-bg-mark, var(--ex-primary-text, var(--ex-highlight-color, var(--ex-color-primary)))));
}
.ex-tooltip--dark .ex-tooltip__bubble {
background: var(--ex-on-light-text, var(--ex-color-text));
}
.ex-tooltip--light .ex-tooltip__bubble {
color: var(--ex-bg-text, var(--ex-color-text));
}}
@layer eximie.instance{[data-style-id="projekt-karte"]{min-height:240px;background-image:var(--ex-dyn-bg-image, none);background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}
[data-style-id="blau"]{background-color:#1e40af;--ex-bg-text:var(--ex-on-dark-text, var(--ex-color-surface));--ex-bg-muted:var(--ex-color-surface);--ex-bg-heading:var(--ex-on-dark-heading, var(--ex-color-surface));--ex-bg-accent:var(--ex-on-dark-accent, #9fc0ff);--ex-bg-icon:var(--ex-on-dark-accent, #6399fe);--ex-bg-link:var(--ex-on-dark-link, #9fc0ff);--ex-bg-link-hover:var(--ex-on-dark-link-hover, #b7d0ff);--ex-bg-mark:var(--ex-on-dark-mark);--ex-bg-ring:#FFFFFF;--ex-bg-dot:#FFFFFF;--ex-bg-halo:#1e40af;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-text:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial;--ex-primary-accent:initial;--ex-primary-link:initial}
[data-style-id="fk-eigen"]{background-color:#1e40af;--ex-bg-text:var(--ex-on-dark-text, var(--ex-color-surface));--ex-bg-muted:var(--ex-color-surface);--ex-bg-heading:var(--ex-on-dark-heading, var(--ex-color-surface));--ex-bg-accent:var(--ex-on-dark-accent, #9fc0ff);--ex-bg-icon:var(--ex-on-dark-accent, #6399fe);--ex-bg-link:var(--ex-on-dark-link, #9fc0ff);--ex-bg-link-hover:var(--ex-on-dark-link-hover, #b7d0ff);--ex-bg-mark:var(--ex-on-dark-mark);--ex-bg-ring:#FFFFFF;--ex-bg-dot:#FFFFFF;--ex-bg-halo:#1e40af;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-text:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial;--ex-primary-accent:initial;--ex-primary-link:initial}
[data-style-id="vb-hintergrund"]{background-image:var(--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af, url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af.webp));background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}
[data-style-id="vb-karte"]{min-height:240px;background-image:var(--ex-dyn-bg-image, none);background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}
[data-style-id="projekt-hero"]{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--ex-dyn-bg-image, none);background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}
[data-style-id="projekt-hero"]{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--ex-dyn-bg-image, none);background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}
[data-style-id="projekt-hero"]{background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--ex-dyn-bg-image, none);background-size:cover;background-position:center;--ex-bg-text:initial;--ex-bg-muted:initial;--ex-bg-heading:initial;--ex-bg-accent:var(--ex-color-primary);--ex-bg-icon:var(--ex-color-primary);--ex-bg-link:var(--ex-link-color);--ex-bg-link-hover:var(--ex-link-hover-color);--ex-bg-mark:initial;--ex-bg-ring:initial;--ex-bg-dot:initial;--ex-bg-halo:transparent;--ex-surface-pair-text:initial;--ex-surface-pair-heading:initial;--ex-primary-role-text:initial;--ex-primary-role-heading:initial;--ex-primary-role-muted:initial}}
.ex-cond { display: contents; }
.ex-cond[hidden] { display: none; }
.ex-picture { display: contents; }
@media (scripting: enabled) {
[data-ex-hidden] { display: none !important; }
}
[data-ex-off] { display: none !important; }
@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
[data-ex-anim]:not(.ex-anim-in) { opacity: 0; }
html:not(.ex-anim-ready) [data-ex-anim]:not(.ex-anim-in) {
animation: ex-anim-reveal 0s linear 2.5s forwards;
}
}
.ex-anim-in {
animation-name: var(--ex-anim-name, ex-anim-fade);
animation-duration: var(--ex-anim-duration, 600ms);
animation-delay: var(--ex-anim-delay, 0ms);
animation-timing-function: var(--ex-anim-easing, ease-out);
animation-fill-mode: backwards;
}
@media (prefers-reduced-motion: reduce) {
.ex-anim-in { animation: none !important; }
}
@keyframes ex-anim-reveal { to { opacity: 1; } }
@keyframes ex-anim-fade { from { opacity: 0; } }
@keyframes ex-anim-slide_up { from { opacity: 0; transform: translateY(var(--ex-anim-distance, 24px)); } }
@keyframes ex-anim-slide_down { from { opacity: 0; transform: translateY(calc(-1 * var(--ex-anim-distance, 24px))); } }
@keyframes ex-anim-slide_left { from { opacity: 0; transform: translateX(var(--ex-anim-distance, 24px)); } }
@keyframes ex-anim-slide_right { from { opacity: 0; transform: translateX(calc(-1 * var(--ex-anim-distance, 24px))); } }
@keyframes ex-anim-flip_up { from { opacity: 0; transform: perspective(800px) rotateX(60deg); } }
@keyframes ex-anim-flip_down { from { opacity: 0; transform: perspective(800px) rotateX(-60deg); } }
@keyframes ex-anim-flip_left { from { opacity: 0; transform: perspective(800px) rotateY(-60deg); } }
@keyframes ex-anim-flip_right { from { opacity: 0; transform: perspective(800px) rotateY(60deg); } }
@keyframes ex-anim-zoom_in { from { opacity: 0; transform: scale(0.85); } }
@keyframes ex-anim-zoom_out { from { opacity: 0; transform: scale(1.15); } }
@keyframes ex-scroll-move {
0% { translate: var(--ex-sx-0, 0px) var(--ex-sy-0, 0px); }
50% { translate: var(--ex-sx-1, 0px) var(--ex-sy-1, 0px); }
100% { translate: var(--ex-sx-2, 0px) var(--ex-sy-2, 0px); }
}
@keyframes ex-scroll-fade {
0% { opacity: var(--ex-so-0, 1); }
50% { opacity: var(--ex-so-1, 1); }
100% { opacity: var(--ex-so-2, 1); }
}
@keyframes ex-scroll-scale {
0% { scale: var(--ex-ss-0, 1); }
50% { scale: var(--ex-ss-1, 1); }
100% { scale: var(--ex-ss-2, 1); }
}
@keyframes ex-scroll-rotate {
0% { rotate: var(--ex-sr-0, 0deg); }
50% { rotate: var(--ex-sr-1, 0deg); }
100% { rotate: var(--ex-sr-2, 0deg); }
}
@keyframes ex-scroll-color {
0% { color: var(--ex-sc-0); }
50% { color: var(--ex-sc-1); }
100% { color: var(--ex-sc-2); }
}
@keyframes ex-scroll-bg {
0% { background-color: var(--ex-sbg-0); }
50% { background-color: var(--ex-sbg-1); }
100% { background-color: var(--ex-sbg-2); }
}
@keyframes ex-scroll-blur {
0% { filter: blur(var(--ex-sb-0, 0px)); }
50% { filter: blur(var(--ex-sb-1, 0px)); }
100% { filter: blur(var(--ex-sb-2, 0px)); }
}
@supports (view-timeline-name: --ex-section) {
.ex-section { view-timeline-name: --ex-section; }
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
:root {
--ex-scroll-move: ex-scroll-move;
--ex-scroll-fade: ex-scroll-fade;
--ex-scroll-scale: ex-scroll-scale;
--ex-scroll-rotate: ex-scroll-rotate;
--ex-scroll-blur: ex-scroll-blur;
--ex-scroll-color: ex-scroll-color;
--ex-scroll-bg: ex-scroll-bg;
}
}
}
.ex-skip-link {
position: absolute;
top: 0;
left: 0;
z-index: 2147483647;
padding: 0.75rem 1rem;
background: var(--ex-color-surface, #ffffff);
color: var(--ex-color-text, #111827);
font-family: var(--ex-font-body, inherit);
font-size: 1rem;
line-height: 1.5;
text-decoration: underline;
transform: translateY(-120%);
}
.ex-skip-link:focus {
transform: none;
outline: 3px solid var(--ex-color-text, #111827);
outline-offset: -3px;
}
main[tabindex="-1"]:focus {
outline: none;
}@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.webp)}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.webp)}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.webp)}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.webp)}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.webp)}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc.webp)}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-320.webp)}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.webp)}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.webp)}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.webp)}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.webp)}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.webp)}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc.webp)}}
@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.webp)}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.webp)}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.webp)}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.webp)}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.webp)}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b.webp)}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-320.webp)}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.webp)}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.webp)}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.webp)}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.webp)}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.webp)}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b.webp)}}
@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.webp)}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.webp)}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.webp)}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.webp)}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.webp)}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff.webp)}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-320.webp)}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.webp)}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.webp)}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.webp)}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.webp)}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.webp)}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff.webp)}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-320.webp)}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-480.webp)}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-640.webp)}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-768.webp)}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-960.webp)}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-1280.webp)}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af.webp)}}
@supports (background-image: image-set(url("x.webp") type("image/webp"))){
@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.webp) type("image/webp"))}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc.webp) type("image/webp"))}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-320.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-320.webp) type("image/webp"))}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-480.webp) type("image/webp"))}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-640.webp) type("image/webp"))}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-768.webp) type("image/webp"))}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-960.webp) type("image/webp"))}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1280.webp) type("image/webp"))}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6771-78d4-b5c0-41c2a0afa3bc-ed1627db:image-set(url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6771-78d4-b5c0-41c2a0afa3bc.webp) type("image/webp"))}}
@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.webp) type("image/webp"))}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b.webp) type("image/webp"))}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-320.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-320.webp) type("image/webp"))}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-480.webp) type("image/webp"))}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-640.webp) type("image/webp"))}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-768.webp) type("image/webp"))}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-960.webp) type("image/webp"))}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1280.webp) type("image/webp"))}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6859-7a1d-b1d8-4d52d097c82b-ed1627db:image-set(url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6859-7a1d-b1d8-4d52d097c82b.webp) type("image/webp"))}}
@media (width <= 512px) and (resolution <= 1dppx), (767px < width <= 1016px) and (resolution <= 1dppx), (width > 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (resolution <= 1dppx), (1016px < width <= 1119px) and (resolution <= 1dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (resolution <= 1dppx), (width <= 416px) and (1dppx < resolution <= 2dppx), (767px < width <= 824px) and (1dppx < resolution <= 2dppx), (width > 1119px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.webp) type("image/webp"))}}
@media (416px < width <= 512px) and (1dppx < resolution <= 2dppx), (824px < width <= 1016px) and (1dppx < resolution <= 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.webp) type("image/webp"))}}
@media (512px < width <= 672px) and (1dppx < resolution <= 2dppx), (1016px < width <= 1119px) and (1dppx < resolution <= 2dppx), (width <= 458px) and (resolution > 2dppx), (767px < width <= 909px) and (resolution > 2dppx), (width > 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.webp) type("image/webp"))}}
@media (672px < width <= 767px) and (1dppx < resolution <= 2dppx), (458px < width <= 767px) and (resolution > 2dppx), (909px < width <= 1119px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff.webp) type("image/webp"))}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-320.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-320.webp) type("image/webp"))}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-480.webp) type("image/webp"))}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-640.webp) type("image/webp"))}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-768.webp) type("image/webp"))}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-960.webp) type("image/webp"))}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1280.webp) type("image/webp"))}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6977-7089-9d7e-7056fc6c88ff-ed1627db:image-set(url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6977-7089-9d7e-7056fc6c88ff.webp) type("image/webp"))}}
@media (width <= 284px) and (resolution <= 1dppx), (width <= 142px) and (1dppx < resolution <= 2dppx), (width <= 94px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-320.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-320.webp) type("image/webp"))}}
@media (284px < width <= 426px) and (resolution <= 1dppx), (142px < width <= 213px) and (1dppx < resolution <= 2dppx), (94px < width <= 142px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-480.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-480.webp) type("image/webp"))}}
@media (426px < width <= 568px) and (resolution <= 1dppx), (213px < width <= 284px) and (1dppx < resolution <= 2dppx), (142px < width <= 189px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-640.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-640.webp) type("image/webp"))}}
@media (568px < width <= 682px) and (resolution <= 1dppx), (767px < width <= 768px) and (resolution <= 1dppx), (284px < width <= 341px) and (1dppx < resolution <= 2dppx), (189px < width <= 227px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-768.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-768.webp) type("image/webp"))}}
@media (682px < width <= 767px) and (resolution <= 1dppx), (768px < width <= 960px) and (resolution <= 1dppx), (341px < width <= 426px) and (1dppx < resolution <= 2dppx), (227px < width <= 284px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-960.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-960.webp) type("image/webp"))}}
@media (960px < width <= 1280px) and (resolution <= 1dppx), (426px < width <= 568px) and (1dppx < resolution <= 2dppx), (284px < width <= 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-1280.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-1280.webp) type("image/webp"))}}
@media (width > 1280px) and (resolution <= 1dppx), (width > 568px) and (1dppx < resolution <= 2dppx), (width > 379px) and (resolution > 2dppx){:root{--ex-bgi-01a171cc-6f94-78d8-9487-b7bedd19e3af:image-set(url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af-1920.avif) type("image/avif"), url(/assets/media/01a171cc-6f94-78d8-9487-b7bedd19e3af.webp) type("image/webp"))}}
}