@import "mixins/tools.mixins";
@import "settings.vars";

// IMPORTANT: the container div of the .o-scroll-menu-container must have a position set to relative
.o-scroll-menu-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: rem(50);
}

.o-scroll-menu-container--subnav {
  width: 100%;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.o-scroll-menu-container--footer {
  width: auto;
  position: relative;
  margin: 0;
}

.o-scroll-menu-container--markets-ticker {
  margin: 0 auto;
  max-width: rem(800);
}

.o-scroll-menu-container--footer {
  width: auto;
  position: relative;
  margin: 0;
}

.o-scroll-menu-container--white {
  background-color: $color-white;
}

.o-scroll-menu-container--grey-700 {
  background-color: $color-grey-700;
}

.o-scroll-menu-container--grey-800 {
  background-color: $color-grey-800;
}

.o-scroll-menu-container--grey-900 {
  background-color: $color-grey-900;
}
