@import './bubbleme';

.mReplies {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  padding: 30px 0 0;
  text-align: left;
  transition: all .3s cubic-bezier(0.175, 0.885, 0.595, 1.650);
  padding-right: 64px + 24px + 24px;

  &.empty {
    opacity: 0;
    transform: translate(0, 80px);
  }

  .ok {
    @include bubble-me;
    box-shadow: 0 10px 20px rgba(black, 0.1);
    cursor: pointer;
    position: absolute;
    bottom: 18px; right: 12px;
    border-radius: 40px 15px;
    opacity: 0.6;
    transform: scale(0.9);
    transition: opacity 200ms ease-out, transform 200ms ease-out;
  }

  &.selectedOne .ok {
    opacity: 1;
    transform: scale(1);
  }
}