.help-tab {
  @include transform(rotate(-90deg));
  @include transform-origin(0 0);
  z-index: z-index(front);
  top: 250px;
  left: 0;
  position: fixed;

  a:link,
  a:visited {
    cursor: pointer;
    border: 1px solid palette(grayscale, light);
    border-top-style: none;
    border-radius: 0 0 ($baseline/2) + px ($baseline/2) + px;
    background: transparentize(palette(grayscale, white-t), 0.25);
    color: transparentize(palette(grayscale-cool, x-dark), 0.25);
    font-weight: bold;
    text-decoration: none;
    padding: 6px 22px 11px;
    display: inline-block;

    &:hover,
    &:focus {
      color: palette(grayscale, white-t);
      background: palette(primary, base);
    }
  }
}

.help-buttons {
  padding: ($baseline/2) + px ($baseline*2.5) + px;

  a:link, a:visited {
    padding: ($baseline*0.75) + px 0;
    text-align: center;
    cursor: pointer;
    background: palette(grayscale, white-t);
    text-decoration: none;
    display: block;
    border: 1px solid palette(grayscale, light);

    &#feedback_link_problem {
      border-bottom-style: none;
      border-radius: ($baseline/2) + px ($baseline/2) + px 0 0;
    }

    &#feedback_link_question {
      border-top-style: none;
      border-radius: 0 0 ($baseline/2) + px ($baseline/2) + px;
    }

    &:hover, &:focus {
      color: palette(grayscale, white-t);
      background: palette(primary, base);
    }
  }
}

#feedback_form {
  input,
  textarea {
    font: {
      size: font-size(base);
      family: $font-family-sans-serif;
    }
    line-height: 1.4;
  }
  textarea[name="details"] {
    height: 150px;
  }
}

#feedback_success_wrapper {
  p {
    padding: 0 $baseline + px $baseline + px $baseline + px;
  }
}
