:host {
  display: block;
  --wcs-card-media-max-width-horizontal: 160px;
}
:host ::slotted(*), :host ::slotted([slot=horizontal]), :host ::slotted([slot=vertical]) {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

:host(.vertical) ::slotted(*), :host(.vertical) ::slotted([slot=vertical]) {
  border-radius: var(--wcs-card-border-radius) var(--wcs-card-border-radius) 0 0;
  aspect-ratio: 16/9;
}

:host(.horizontal) ::slotted(*), :host(.horizontal) ::slotted([slot=horizontal]) {
  width: var(--wcs-card-media-max-width-horizontal);
  aspect-ratio: 1/1;
  border-radius: var(--wcs-card-border-radius) 0 0 var(--wcs-card-border-radius);
}