@layer components{.card{display:var(--card--display,grid);gap:var(--card--gap,var(--s-spacing-3));height:var(--card--height,100%);background-color:var(--s-color-surface-default);grid-template-rows:auto auto 1fr auto;grid-template-areas:"image""header""main""footer";position:relative}.card__media{grid-area:image;position:relative}.card__link{z-index:10;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.card__link:focus-visible{outline:var(--s-border-width-focus) solid var(--s-color-border-focus);outline-offset:calc(var(--s-border-width-focus) * -1)}.card__header{gap:var(--card__header--gap,var(--s-spacing-3));grid-area:header}.card__header,.card__main{flex-direction:column;display:flex}.card__main{grid-area:main}.card__footer{z-index:11;grid-area:footer;margin-top:auto}.card__footer,.card__header,.card__main{position:relative}.card:not(.card--horizontal):not(.card--document):not(:has(.card__footer)){grid-template-rows:auto auto 1fr;grid-template-areas:"image""header""main"}.card--horizontal:not(:has(.card__footer)){grid-template-rows:auto 1fr;grid-template-areas:"image header""image main"}.card--document:not(:has(.card__footer)){grid-template-columns:auto 1fr;grid-template-areas:"image main"}.card--styled{--c-checkbox-field-bg:var(--s-color-surface-default);border-radius:var(--s-radius-card);box-shadow:var(--core-shadow-1);border:var(--s-border-width-default) solid var(--card-bc,var(--s-color-border-subtle));transition:border-color .3s ease-in-out;overflow:hidden}.card--styled:hover{--card-bc:var(--s-color-border-default)}.card--no-border{--card-bc:transparent;--card__body--pi:0;box-shadow:none}.card--no-border:hover{--card-bc:transparent}.card__title{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out;transition:color .2s ease-in-out,text-decoration-color .2s ease-in-out,-webkit-text-decoration-color .2s ease-in-out}.card:has(.card__link:focus-visible) .card__title,.card:has(.card__link:hover) .card__title{color:var(--s-color-text-active);text-decoration:underline}.card--horizontal{--card--gap:0;grid-template-columns:minmax(0,var(--card-horizontal-media-width,33%)) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"image header""image main""image footer"}.card--horizontal .card__header{min-width:0}.card--horizontal .card__media{height:100%}.card--styled .card__media{aspect-ratio:var(--card__media--ar,3/2);border-radius:0;overflow:hidden}.card--horizontal.card--styled .card__media{aspect-ratio:auto}.card--styled .card__media img{object-fit:cover;width:100%;height:100%;display:block}.card--styled .card__header{color:var(--s-color-text-default);margin-inline:var(--card__body--pi,var(--s-spacing-3))}.card--horizontal.card--styled .card__header{padding:var(--card-horizontal-content-padding,var(--s-spacing-4));-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;-webkit-padding-after:0;padding-block-end:0}.card--styled .card__main{padding-inline:var(--card__body--pi,var(--s-spacing-3));color:var(--s-color-text-subtle);gap:var(--s-spacing-2)}.card--styled:not(.card--horizontal):not(:has(.card__footer)) .card__main{-webkit-padding-after:var(--s-spacing-3);padding-block-end:var(--s-spacing-3)}.card--horizontal.card--styled .card__main{padding:var(--card-horizontal-content-padding,var(--s-spacing-4));-webkit-padding-after:var(--s-spacing-2);padding-block-end:var(--s-spacing-2)}.card--styled .card__footer{padding-inline:var(--card__body--pi,var(--s-spacing-3));-webkit-padding-after:var(--s-spacing-3);padding-block-end:var(--s-spacing-3)}.card--horizontal.card--styled .card__footer{padding-inline:var(--card-horizontal-content-padding,var(--s-spacing-4))}.card--styled .card__footer-inner{z-index:2;-webkit-border-before:var(--s-border-width-default) solid var(--s-color-border-subtle);border-block-start:var(--s-border-width-default) solid var(--s-color-border-subtle);justify-content:space-between;align-items:center;gap:var(--s-spacing-2);-webkit-padding-before:var(--s-spacing-2);padding-block-start:var(--s-spacing-2);display:flex;position:relative}.card__footer-inner--actions{justify-content:flex-end}.card__meta{align-items:center;gap:var(--s-spacing-2);flex-wrap:wrap;display:flex}.card__checkbox{z-index:2;-webkit-padding-before:var(--s-spacing-3);padding-block-start:var(--s-spacing-3);-webkit-padding-start:var(--s-spacing-3);padding-inline-start:var(--s-spacing-3);font-size:0;line-height:0;position:absolute;top:0;left:0}.card__checkbox>*{position:relative}.card__checkbox>:before{content:"";width:var(--s-size-icon-large);height:var(--s-size-icon-large);border-radius:var(--s-radius-circle);background:color-mix(in srgb,var(--s-color-palette-neutral-900) 20%,transparent);position:absolute;top:-50%;left:-50%}.card--document{--card--gap:0;align-items:center;gap:var(--s-spacing-3);grid-template:"image main footer"/auto 1fr auto}.card--document .card__media{justify-content:center;align-items:center;display:flex}.card--document .card__main{gap:var(--s-spacing-1)}.card--document .card__footer{margin-top:0}}