@import '../../../styles/_variables.scss';
@import '../../../styles/_include-media.scss';
@import '../../../styles/mixins.scss';


.scrollswitch {
  right: 180px;
  max-width: 300px;
  height: 83px;
  top: 0px;
  position: fixed;
  z-index: 6;
  transition: all 0.25s ease-in-out;

  @include media(">tablet") {
    display: none;
  }

  @include media("<=tablet") {
    text-align: right;
    right: 128px;
    width: 150px !important;
  }

  &.top {
    .visible-not-at-top {
      display: none;
    }
  }

  &.not-top {
    .visible-at-top {
      display: none;
    }
  }

  .switch-logo {
    margin-top: 16px;
    height: 50px;
    @include media("<=tablet") {
      height:auto;
      max-width: 200px;
    }
    &.simply {
      margin-top: 5px;
      max-height: 38px;
      max-width: 148px;
    }
    &.omart {
      margin-top: 5px;
      max-height: 38px;
      margin-right: 10px;
    }
  }

}