@layer components{:where([data-component-type=content-card]){--content-card-gap:var(--kobber-primitives-size-8,8px);--content-card-image-radius:var(--kobber-primitives-size-8,8px);--content-card-image-padding:var(--kobber-primitives-size-8,8px);--content-card-text-gap:var(--kobber-primitives-size-8,8px);--content-card-text-padding-inline:0;color:inherit;text-decoration:none;display:flex;position:relative}:where(a[data-component-type=content-card]):not([data-disabled]){cursor:pointer}:where([data-component-type=content-card][data-disabled]){opacity:var(--disabled-container-opacity,.5);pointer-events:none}:where([data-component-type=content-card][data-type=subtle]){--content-card-gap:var(--kobber-primitives-size-8,8px);--content-card-image-radius:var(--kobber-primitives-size-8,8px);--content-card-image-padding:var(--kobber-primitives-size-8,8px);--content-card-text-padding-inline:0;align-items:center;gap:var(--content-card-gap);flex-direction:row;width:100%;max-width:368px}:where([data-component-type=content-card][data-type=subtle]) [data-slot=content-card-image-container]{width:120px;height:120px;padding:var(--content-card-image-padding);border-radius:var(--content-card-image-radius);flex-shrink:0;position:relative;overflow:hidden}:where([data-component-type=content-card][data-type=subtle]) [data-slot=content-card-image]{object-fit:cover;object-position:center;border-radius:var(--content-card-image-radius);width:100%;height:100%;position:absolute;inset:0}:where([data-component-type=content-card][data-type=subtle]) [data-slot=content-card-text-container]{justify-content:center;gap:var(--content-card-text-gap);flex-direction:column;flex:1;min-width:0;display:flex}:where([data-component-type=content-card][data-type=prominent]){--content-card-gap:var(--kobber-primitives-size-16,16px);--content-card-image-radius:var(--kobber-primitives-size-16,16px);--content-card-image-padding:var(--kobber-primitives-size-12,12px);--content-card-text-padding-inline:var(--kobber-primitives-size-8,8px);justify-content:flex-end;align-items:flex-start;gap:var(--content-card-gap);flex-direction:column;width:100%;max-width:270px}:where([data-component-type=content-card][data-type=prominent]) [data-slot=content-card-image-container]{width:100%;height:224px;padding:var(--content-card-image-padding);border-radius:var(--content-card-image-radius);position:relative;overflow:hidden}:where([data-component-type=content-card][data-type=prominent]) [data-slot=content-card-image]{object-fit:cover;object-position:center;border-radius:var(--content-card-image-radius);width:100%;height:100%;position:absolute;inset:0}:where([data-component-type=content-card][data-type=prominent]) [data-slot=content-card-text-container]{justify-content:flex-end;align-items:flex-start;gap:var(--content-card-text-gap);width:100%;padding-inline:var(--content-card-text-padding-inline);flex-direction:column;display:flex}:where([data-component-type=content-card]) [data-slot=content-card-title]{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;color:var(--kobber-active-fg);font-family:var(--kobber-primitives-font-family-pp-mori,"PP Mori",sans-serif);font-size:var(--kobber-primitives-font-size-20,20px);font-weight:var(--kobber-primitives-font-weight-400,400);line-height:var(--kobber-primitives-line-height-28,28px);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}:where([data-component-type=content-card]) [data-slot=content-card-description]{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;color:var(--kobber-active-fg);font-family:var(--kobber-primitives-font-family-pp-mori,"PP Mori",sans-serif);font-size:var(--kobber-primitives-font-size-14,14px);font-weight:var(--kobber-primitives-font-weight-400,400);line-height:var(--kobber-primitives-line-height-20,20px);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}}