@use '@vizality' as vz;

[vz-banners] {
  .vz-addon-card-banner {
    &-wrapper {
      width: 100%;
      display: block;
    }
    &-inner {
      [vz-theme='light'] & {
        background-image: url('/assets/7b6ed225050df29a07cb5db712d35a73.svg');
      }
      background-image: url('/assets/d03d90cb6f12a7ea06274b278dfa4160.svg');
      background-position: center;
      background-size: contain;
      border: none;
      border-bottom: 1px solid var(--background-tertiary);
      padding-top: 31.25%;
      position: relative;
      overflow: hidden;
      border-radius: 8px 8px 0 0;
    }
    &-image-wrapper {
      @include vz.size(100%);
      position: absolute;
      top: 0;
      left: 0;
      border-radius: inherit;
    }
    &-image {
      @include vz.size(100%);
      object-fit: cover;
    }
  }
}
