.txt {
  &__bar {
    display: flex;

    &:before {
      content: "";
      display: inline-block;
      width: 2px;
      height: 14px;
      background-color: #ccc;
      margin-right: 8px;
      position: relative;
      top: 3px;
    }

    &.log {
      &:before {
        background-color: $--color-primary__green;
      }
    }
  }
}

.custom-title-1 {
  font-size: 2.5rem; // 40px;
  font-weight: 700;
  line-height: 1.25;
}

.custom-title-2 {
  font-size: 1.75rem; // 28px
  font-weight: 700;
  line-height: 1.25;
}

.custom-title-2-5 {
  font-size: 1.5rem; // 28px
  font-weight: 700;
  line-height: 1.25;
}

.custom-title-3 {
  font-size: 1.15rem; // 28px
  font-weight: 700;
  line-height: 1.25;
}

.custom-title-4 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.custom-title-4-new {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

.custom-title-6 {
  font-size: 1.0rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.custom-title-7 {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

.custom-title-8 {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  line-height: 1.0 !important;
}

.custom-text-1 {
  font-size: 1.125rem; // 18px;
  line-height: 1.2;
}

.custom-text-2 {
  opacity: 0.6;
  font-size: 14px;
  line-height: 2.17;
  // font-weight: normal;
  // font-stretch: normal;
  // font-style: normal;
  // letter-spacing: normal;
  // text-align: right;
  // color: #fff;
  // font-family: SpoqaHanSansNeo;
}

.text-color--white-0 {
  color: map-deep-get($color, "white", "0") !important;
}

@each $theme in dark, light {
  .v-application.#{$theme}-mode {
    .text-color--activate {
      color: map-deep-get($config, #{$theme}, "activate");
    }

    .text-color--non-activate {
      color: map-deep-get($config, #{$theme}, "non-activate");
    }

    .text-color--sub {
      color: map-deep-get($config, #{$theme}, "text-subcolor");
    }

    .h1-title {
      font-weight: 600;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: 0;
      color: map-deep-get($config, #{$theme}, "h1-title");
    }


    .custom-subtitle-tab {
      font-size: 1.25rem !important;
      font-weight: 600 !important;
      line-height: 1.25 !important;
      color: map-deep-get($config, #{$theme}, "subtitle-tab");
    }

    .v-dialog {
      .custom-title-4 {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: map-deep-get($config, #{$theme}, "card-title-color");
        line-height: 24px !important;
      }
    }
  }
}


