@import '../../tokens.less';

.fredyFooter {
  background-color: @color-base;
  border-top: 1px solid @color-border;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
  height: 36px;
  flex-shrink: 0;
  box-sizing: border-box;

  &__version {
    font-size: @text-xs;
    color: @color-faint;
    font-family: @font-mono;
  }

  &__credit {
    font-size: @text-xs;
    color: @color-faint;

    a {
      color: @color-muted;
      text-decoration: none;
      transition: color @transition-fast;

      &:hover {
        color: @color-text;
      }
    }
  }
}