@layer karibu.components{.k-card{--card-bg:transparent;--card-border-color:transparent;--card-border-width:0;--card-radius:var(--radius-5);--card-shadow:none;--card-padding:0;padding:var(--card-padding);background-color:var(--card-bg);border:var(--card-border-width) solid var(--card-border-color);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.k-card--surface{--card-bg:var(--color-bg-surface);--card-shadow:var(--shadow-card);--card-padding:var(--space-6)}.k-card--subtle{--card-bg:var(--color-bg-subtle);--card-padding:var(--space-6)}.k-card--accent{--card-bg:var(--color-accent-bg);--card-border-color:var(--color-accent-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--outline{--card-border-color:var(--color-border);--card-border-width:var(--border-width-1);--card-padding:var(--space-6)}.k-card--padding-none{--card-padding:0}.k-card--padding-sm{--card-padding:var(--space-4)}.k-card--padding-md{--card-padding:var(--space-6)}@media (width<=767px){.k-card--padding-md{--card-padding:var(--space-6) var(--space-4)}}.k-card--padding-lg{--card-padding:var(--space-8)}@media (width<=767px){.k-card--padding-lg{--card-padding:var(--space-8) var(--space-4)}}.k-split{--split-columns:1fr 1fr;--split-gap:var(--space-8);--split-gap-stacked:var(--space-6);grid-template-columns:var(--split-columns);-moz-column-gap:var(--split-gap);column-gap:var(--split-gap);row-gap:var(--split-gap-stacked);display:grid}.k-split>.k-split__aside,.k-split>.k-split__main{grid-column:1/-1}.k-split--no-aside{--split-columns:1fr}.k-split--stack-aside-first>.k-split__aside{order:-1}.k-split--stack-overlay{position:relative}.k-split--stack-overlay>.k-split__aside{z-index:0;display:grid;position:absolute;inset:0}.k-split--stack-overlay>.k-split__main{z-index:1;position:relative}.k-split--container{container-type:inline-size}@media (width>=768px){.k-split:not(.k-split--container)>.k-split__aside,.k-split:not(.k-split--container)>.k-split__main{grid-column:auto}.k-split--stack-aside-first:not(.k-split--container)>.k-split__aside{order:0}.k-split--aside-start:not(.k-split--container)>.k-split__aside{order:-1}.k-split--align-start:not(.k-split--container)>.k-split__aside,.k-split--align-start:not(.k-split--container)>.k-split__main{align-self:start}.k-split--align-center:not(.k-split--container)>.k-split__aside,.k-split--align-center:not(.k-split--container)>.k-split__main{align-self:center}.k-split--align-end:not(.k-split--container)>.k-split__aside,.k-split--align-end:not(.k-split--container)>.k-split__main{align-self:end}.k-split--align-stretch:not(.k-split--container)>.k-split__aside,.k-split--align-stretch:not(.k-split--container)>.k-split__main{align-self:stretch}.k-split--stack-overlay:not(.k-split--container):not(.k-split--overlay-wide)>.k-split__aside,.k-split--stack-overlay:not(.k-split--container):not(.k-split--overlay-wide)>.k-split__main{z-index:auto;grid-area:auto;position:static}.k-split--stack-overlay.k-split--overlay-wide:not(.k-split--container)>.k-split__aside,.k-split--stack-overlay.k-split--overlay-wide:not(.k-split--container)>.k-split__main{grid-column:1/-1}}@container (width>=40rem){.k-split.k-split--container>.k-split__aside,.k-split.k-split--container>.k-split__main{grid-column:auto}.k-split--stack-aside-first.k-split--container>.k-split__aside{order:0}.k-split--aside-start.k-split--container>.k-split__aside{order:-1}.k-split--align-start.k-split--container>.k-split__aside,.k-split--align-start.k-split--container>.k-split__main{align-self:start}.k-split--align-center.k-split--container>.k-split__aside,.k-split--align-center.k-split--container>.k-split__main{align-self:center}.k-split--align-end.k-split--container>.k-split__aside,.k-split--align-end.k-split--container>.k-split__main{align-self:end}.k-split--align-stretch.k-split--container>.k-split__aside,.k-split--align-stretch.k-split--container>.k-split__main{align-self:stretch}.k-split--stack-overlay.k-split--container:not(.k-split--overlay-wide)>.k-split__aside,.k-split--stack-overlay.k-split--container:not(.k-split--overlay-wide)>.k-split__main{z-index:auto;grid-area:auto;position:static}.k-split--stack-overlay.k-split--overlay-wide.k-split--container>.k-split__aside,.k-split--stack-overlay.k-split--overlay-wide.k-split--container>.k-split__main{grid-column:1/-1}}.k-content-block{--content-block-columns:1fr 1fr;--content-block-gap:var(--space-8);--content-block-body-gap:var(--space-4);--content-block-actions-gap:var(--space-3);--content-block-actions-spacing:var(--space-2);--content-block-body-padding:0;--content-block-title-color:var(--color-text);--content-block-text-color:var(--color-text-muted);--content-block-measure:60ch}.k-content-block__body{align-items:flex-start;gap:var(--content-block-body-gap);padding:var(--content-block-body-padding);flex-direction:column;display:flex}.k-content-block--stack-overlay{--content-block-title-color:var(--color-text-on-media);--content-block-text-color:var(--color-text-on-media);--content-block-body-padding:var(--space-6)}.k-content-block__title{color:var(--content-block-title-color)}.k-content-block__text{max-width:var(--content-block-measure);color:var(--content-block-text-color)}.k-content-block__actions{gap:var(--content-block-actions-gap);flex-wrap:wrap;margin-block-start:var(--content-block-actions-spacing);display:flex}.k-content-block .k-split{--split-gap:var(--content-block-gap)}.k-content-block .k-split:not(.k-split--no-aside){--split-columns:var(--content-block-columns)}@media (width>=768px){.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split:not(.k-split--container) .k-content-block__title{--content-block-title-color:var(--color-text)}.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split:not(.k-split--container) .k-content-block__text{--content-block-text-color:var(--color-text-muted)}.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split:not(.k-split--container) .k-frame--scrim{--frame-scrim:transparent}}@container (width>=40rem){.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split.k-split--container .k-content-block__title{--content-block-title-color:var(--color-text)}.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split.k-split--container .k-content-block__text{--content-block-text-color:var(--color-text-muted)}.k-content-block--stack-overlay:not(.k-content-block--overlay-wide) .k-split.k-split--container .k-frame--scrim{--frame-scrim:transparent}}.k-frame{--frame-ratio:auto;--frame-fit:cover;--frame-radius:0;--frame-scrim:transparent;aspect-ratio:var(--frame-ratio);border-radius:var(--frame-radius);display:block;position:relative;overflow:hidden}.k-frame>:is(img,picture,video,canvas,svg),.k-frame>picture>img{-o-object-fit:var(--frame-fit);object-fit:var(--frame-fit);width:100%;height:100%;display:block}.k-frame>:is(img,picture,video,canvas,svg){z-index:var(--z-base);position:relative}.k-frame>:not(img,picture,video,canvas,svg){z-index:calc(var(--z-base) + 2);position:relative}.k-frame:after{content:"";z-index:calc(var(--z-base) + 1);background:var(--frame-scrim);pointer-events:none;position:absolute;inset:0}.k-frame--scrim{--frame-scrim:var(--color-bg-scrim)}.k-frame--fit-contain{--frame-fit:contain}.k-frame--rounded{--frame-radius:var(--radius-6)}}