@use "sass:color";
@use "colors" as *;
@use "../colors" as *;
@use "sizes" as *;
@use "../sizes" as *;
@use "../../base/radioGroup";

// adduse
@use "../radioButton";


.dx-radio-value-container {
  padding-left: 0;
}

.dx-radiogroup {
  .dx-radiobutton,
  .dx-radiobutton-icon {
    margin: 1px 0;
  }

  &.dx-state-readonly {
    .dx-radiobutton-icon::before {
      border-color: $radiogroup-readonly-border-color;
      background-color: $radiogroup-readonly-bg;
    }
  }
}

.dx-radiogroup-horizontal {
  .dx-radiobutton {
    margin-right: 17px;

    @at-root #{selector-append(".dx-rtl", &)},
    .dx-rtl & {
      margin-right: 0;
      margin-left: 17px;
    }
  }
}