.rt-slide-content-vertical-content
  max-height 0
  overflow hidden
  opacity 0
  visibility hidden
  position relative
  top -20px
  transition-timing-function ease-in-out
  transition-duration .5s
  transition-property max-height, opacity, visibility, top, height
  pointer-events none

  &--is-active
    max-height 2000 px
    opacity 1
    visibility visible
    top 0
    pointer-events all

.rt-slide
  padding-bottom 10px

  &+&
    &:not(.rt-slide--without-border)
      border-top 1px solid main-color02
      padding-top 20px

  &__header
    padding-top 20px
    padding-bottom 20px

    position relative
    cursor pointer

  &__arrow
    height 13px
    margin-top auto
    margin-bottom auto
    position absolute

    transition-timing-function ease-in-out
    transition-duration .5s
    transition-property transform


    .rt-slide--is-active &
      transform rotate(90deg)

  &__content
    max-height 0
    overflow hidden

    opacity 0
    visibility hidden
    position relative
    transition-timing-function ease-in-out
    transition-duration .5s
    transition-property max-height, opacity, visibility, padding-bottom

    .rt-slide--is-active &
      max-height 3000px
      padding-bottom 10px
      opacity 1
      visibility visible

.rt-slide__header--left,
.rt-slide__content--left
  padding-left 30px

.rt-slide__header--right
  padding-right 30px
.rt-slide__content--right
  padding-right: 0
.rt-slide__arrow--left-right
  top 0
  bottom 5px
  left 0

.rt-slide__arrow--right-bottom
  top 0
  bottom 5px
  right 0
  transform rotate(90deg)
  transition-duration .3s
  .rt-slide--is-active &
    transform rotate(270deg)


.rt-slide-content-dotted-content
  overflow: hidden
  max-height: 0
  opacity: 0
  visibility: visible
  transition-timing-function ease-in-out
  transition-duration .3s
  transition-property min-height, max-height, opacity, visibility

.rt-slide-content-dotted-content--is-active
  max-height: 3000px
  min-height: fit-content
  opacity: 1
  visibility: visible

.rt-slide-content-trigger
  cursor: pointer

.rt-slide-content-trigger--open
  display: none
.rt-slide-content-dotted-header--is-active
  .rt-slide-content-trigger--open
    display: block
  .rt-slide-content-trigger--open+.rt-slide-content-trigger
    display: none