[data-fs-navbar-slider] {
  // --------------------------------------------------------
  // Design Tokens for Navbar Slider
  // --------------------------------------------------------

  // Default properties
  --fs-navbar-slider-padding                    : var(--fs-spacing-3);

  // Header
  --fs-navbar-slider-header-height              : 5rem;
  --fs-navbar-slider-header-padding-bottom      : var(--fs-spacing-2);
  --fs-navbar-slider-header-button-margin-right : calc(-1 * var(--fs-spacing-1));

  // Footer
  --fs-navbar-slider-footer-padding-top         : var(--fs-navbar-slider-header-padding-bottom);
  --fs-navbar-slider-footer-margin-top          : auto;

  // Logo
  --fs-navbar-slider-logo-padding               : 0;
  --fs-navbar-slider-logo-margin-right          : var(--fs-spacing-5);

  // --------------------------------------------------------
  // Structural Styles
  // --------------------------------------------------------

  display: flex;
  flex-direction: column;
  padding: var(--fs-navbar-slider-padding);

  [data-fs-navbar-slider-header] {
    height: var(--fs-navbar-slider-header-height);
    padding: 0;
    padding-bottom: var(--fs-navbar-slider-header-padding-bottom);
  }

  [data-fs-navbar-slider-logo] {
    height: 100%;
    padding: var(--fs-navbar-slider-logo-padding);
    margin-right: var(--fs-navbar-slider-logo-margin-right);
  }

  [data-fs-navbar-slider-footer] {
    padding-top: var(--fs-navbar-slider-footer-padding-top);
    margin-top: var(--fs-navbar-slider-footer-margin-top);

    [data-fs-button-signin-link] {
      width: fit-content;
      padding-left: 0;
    }

    [data-fs-localization-button] {
      [data-localization-button-arrow] {
        display: none;
      }
    }
  }
}