@import '@styles/var.scss';

.temp-detail {
  width: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  background-color: white;

  &-scroll {
    flex: 1;
    overflow: hidden;
    padding-bottom: 90px;

    &-view {
      height: 100%;
    }
  }

  &-list {
    padding: 20px 20px 0 20px;

    &-title {
      margin-bottom: 20px;

      @include eject(display, block);
    }

    &-content {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
    }
  }

  &-bottom-btn {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 90px;
    border-radius: 0;
    position: absolute;
    background-color: $primary-color;
  }
}

.film-modal {
  padding: 20px 50px;

  &-text {
    font-size: 28px;
  }

  &-input {
    padding: 10px;
    font-size: 28px;
    border-radius: 6px;
    margin: 15px 0 20px;
    color: $input-color;
    border: 1px solid $border-color;
  }
}