@use '../utils/mixins';
@use '../utils/size_variables';

/**
 * Copyright IBM Corp. 2016, 2025
 * SPDX-License-Identifier: BUSL-1.1
 */

.splash-page-logo {
  padding: size_variables.$spacing-8 size_variables.$spacing-12 size_variables.$spacing-8
    size_variables.$spacing-24;

  @include mixins.from(size_variables.$mobile) {
    padding-left: size_variables.$spacing-8;
  }

  svg {
    fill: hsl(0, 0%, 100%);
    height: 24px;
    width: 72px;

    @include mixins.from(size_variables.$mobile) {
      margin-left: size_variables.$spacing-8;
    }
  }
}

.splash-page-container {
  margin: size_variables.$spacing-36 0;
}

.splash-page-header {
  padding: size_variables.$spacing-14 0;
}

// Override default SplashPage styling which uses styles in columns.scss
.wide-content {
  .column.is-4-desktop {
    max-width: 640px;
    width: 75%;
  }
}
