@layer karibu.components{.k-card.k-teaser-card{--card-bg:var(--color-bg-surface);--card-radius:var(--radius-5)}.k-teaser-card{flex-direction:column;height:100%;display:flex;overflow:hidden;container-type:inline-size}.k-teaser-card__media{aspect-ratio:16/9;background:var(--color-bg-subtle);flex:none;position:relative;overflow:hidden}.k-teaser-card__media img,.k-teaser-card__media>:first-child{width:100%;height:100%;display:block}.k-teaser-card__media img{-o-object-fit:cover;object-fit:cover}.k-teaser-card__eyebrow{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3)}.k-teaser-card__body{gap:var(--space-3);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.k-teaser-card__meta{gap:var(--space-2) var(--space-3);font-size:var(--font-size-1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-2);color:var(--color-text-muted);text-transform:uppercase;flex-wrap:wrap;display:flex}.k-teaser-card__meta>*{align-items:center;gap:var(--space-1);display:inline-flex}.k-teaser-card__meta svg{flex:none}.k-teaser-card__title{margin:0}.k-teaser-card__title a{color:inherit;text-decoration:none}.k-teaser-card__title a:hover{color:var(--color-accent-text)}.k-teaser-card__text{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.k-teaser-card__content{border-block-start:var(--border-width-1) solid var(--color-border);padding-block-start:var(--space-4)}.k-teaser-card__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-2);display:flex}.k-teaser-card__price{gap:var(--space-1);flex-direction:column;display:flex}.k-teaser-card__price>:first-child{font-size:var(--font-size-1);font-weight:var(--font-weight-semibold);line-height:var(--line-height-2);color:var(--color-text-muted);text-transform:uppercase}.k-teaser-card__price>:last-child{font-size:var(--font-size-5);font-weight:var(--font-weight-bold);line-height:var(--line-height-2);color:var(--color-text)}@container (width<18rem){.k-teaser-card__action,.k-teaser-card__action>*,.k-teaser-card__footer{width:100%}}.k-teaser-card--editorial{--card-bg:transparent;height:auto;overflow:visible}.k-teaser-card--editorial .k-teaser-card__media{border-radius:var(--radius-5)}.k-teaser-card--editorial .k-teaser-card__body{padding:var(--space-3) 0 0}.k-teaser-card--overlay{--card-bg:var(--color-bg-subtle);color:var(--color-text-on-media);text-decoration:none;position:relative}.k-teaser-card--overlay:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-teaser-card--overlay .k-teaser-card__media{aspect-ratio:auto}.k-teaser-card--overlay .k-teaser-card__body{z-index:calc(var(--z-base) + 2);padding:var(--space-3);position:absolute;inset:auto 0 0}.k-teaser-card--overlay .k-teaser-card__title,.k-teaser-card--overlay .k-teaser-card__title a:hover{color:inherit}}