@import 'variables';
@import 'functions';

// VARIABLES
$configBarTextColor: #898989;
$configBarBg: #fff;

.twofas-config-bar {
  background: $configBarBg;
  border-radius: 4px;
  color: $configBarTextColor;
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
  padding: 0 18px;
  width: 100%;

  @media all and (max-width: 400px) {
    align-items: center;
    display: flex;
  }

  &.twofas-show {
    height: 39px;
    line-height: 39px;
    margin-bottom: 41px;
    width: 100%;

    @media all and (max-width: 400px) {
      height: auto;
      line-height: 1.4;
      margin-bottom: 20px;
      min-height: 30px;
      padding: 4px 10px;
    }
  }

  &-description {
    display: inline-block;
    font-size: px-to-rem(14);
    font-weight: 700;
    vertical-align: middle;

    @media all and (max-width: 400px) {
      font-size: px-to-rem(13);
      text-align: center;
      width: 100%;
    }
  }
}