@import "../../constants/style/color";

.container {
  display: flex;
  align-items: center;
}

button[role="switch"]:global(.ant-switch) :global(.ant-switch-small) {
     line-height: 14px;
     height: 14px;
     min-width: 20px;
 }

button[role="switch"]:global(.ant-switch) :global(.ant-switch-small:after) {
     width: 10px;
     height: 10px;
 }

.switcherIntentDefault {
    button[role="switch"][aria-checked="true"] {
        background-color: $primary-text-hover;
    }
}
.switcherIntentPrimary {
  button[role="switch"][aria-checked="true"] {
    background-color: $primary;
  }
}
.switcherIntentDanger {
  button[role="switch"][aria-checked="true"] {
    background-color: $danger;
  }
}

.spanStyle {
  font-size: 12px;
  line-height: 12px;
  font-family: 'Open Sans';

  &.left {
    padding-right: 5px;
  }
  &.right {
    padding-left: 5px;
  }
}