@use '@vizality' as vz;

@forward 'screenshots';

.vz-addon-listing {
  &-banner {
    height: 300px;
    background-image: var(--addon-banner);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex: 0 0 auto;
    border-radius: 8px;
    margin-bottom: 20px;
  }
  &-top-card {
    background: var(--background-tertiary);
    height: 200px;
    border-radius: 8px;
    margin-bottom: 20px;
    flex: 0 0 auto;
  }
  &-content {
    margin-top: 60px;
  }
}
