@import "@/common/styles/colors"

.manage-channel .settings-box
  padding: 1rem 2rem
  background-color: $darker
  box-shadow: 0 0 15px 0 $darker
  display: flex
  justify-content: space-between
  border-radius: 1rem
  align-items: center
  margin-top: 1rem
  margin-bottom: 1rem

  .setting-info
    display: flex
    flex-direction: column
    gap: 0.5rem

    h2, p
      margin: 0
      font-weight: 800
    p
      font-weight: 500
      color: $gray

  .settings-input
    display: flex
    align-items: center
    gap: 1rem
    svg
      font-size: 1.6rem
      color: $success

  select
    background-color: $darkest
    color: $text
    border: none
    padding: 0.7rem 2rem
    font-size: 1.3rem
    font-weight: 600
    border-radius: 0.7rem