$chipcontainer_background: transparent !default
$chipcontainer_chiptitle_background: #f2f2f2 !default
$chipcontainer_chiptext_background: #ccc !default
$chipcontainer_chiptext_color: rgba(48, 66, 106, 0.6) !default

.chipscontent
  min-width: 100%
  transition: all 0.5s ease
  height: 50px
  overflow: hidden
  cursor: pointer
  background: $chipcontainer_background

  &.open
    display: block
    min-width: 100%
    transition: all 0.5s ease
    height: 100%
    overflow: auto

  .contentTogglebtn
    transition: all 0.5s ease
    margin-top: 0
    cursor: pointer

    &.open
      transition: all 0.5s ease
      transform: rotate(180deg)
      cursor: pointer

  .chips_horizontal
    width: 100%
    text-align: center
    border-bottom: 1px solid rgba(48, 66, 106, 0.6)
    line-height: 0.0em
    margin-bottom: 5px

    span
      color: $chipcontainer_chiptext_color
      padding: 0 10px
      border: none
      margin-top: 4px
      border-radius: 10px

  .chiptitle
    display: inline-block
    background: $chipcontainer_chiptitle_background
    padding: 1px
    padding-left: 5px
    border-radius: 90px
    margin-right: 10px
    margin-top: 5px
    margin-bottom: 5px

  .chiptext
    display: inline-block
    background: $chipcontainer_chiptext_background
    margin-left: 5px
    padding-right: 5px
    padding-left: 5px
    border-radius: 90px

  .toggle_area
    margin-left: auto
    margin-right: auto