@import '@/sass/style.scss';

.RoomContents {
  background-color: $black;

  .container {
    @include factor-a-family;
    background-color: $mostly-black-green;
    color: $very-soft-green;
    margin: 0 auto;
    max-width: 768px;
    min-height: 100vh;
    padding: 56px 0 144px;
    position: relative;
    width: 100%;
  }

  .content-wrapper--quiz,
  .content-wrapper--text {
    @include margin-bottom-not-last-child(104px);
  }

  .content-wrapper--audio {
    @include margin-bottom-not-last-child(32px);

    &:last-of-type {
      margin-bottom: 92px;
    }
  }

  .content-wrapper--video {
    @include margin-bottom-not-last-child(64px);

    &:last-of-type {
      margin-bottom: 96px;
    }
  }

  .back-to-top-wrapper {
    @include margin-bottom-not-last-child(44px);
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    padding: 0 16px;
  }
}
