@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;

.chat-setting-divider {
  width: 100%;
  box-sizing: border-box;

  &__inner {
    width: 100%;
    box-sizing: border-box;
  }

  &--line &__inner {
    height: 1px;
    width: calc(100% - 40px);
    margin: 0 20px;

    @include theme() {
      background-color: get(stroke-color-secondary);
    }
  }

  &--line &__inner--full-width {
    width: 100%;
    margin: 0;
  }

  &--section &__inner {
    width: 100%;
    height: 10px;
    @include theme() {
      background-color: get(bg-color-topbar);
    }
  }
}