@use "./mixins" as *;

// adduse


.dx-radiobutton {
  display: table;
  cursor: pointer;
}

.dx-radio-value-container {
  display: table-cell;
  padding-right: 10px;
  padding-left: 5px;
  vertical-align: middle;

  @at-root #{selector-append(".dx-rtl", &)},
  .dx-rtl & {
    padding-right: 5px;
    padding-left: 10px;
  }
}

.dx-radiogroup-horizontal {
  .dx-collection {
    display: flex;
    flex-wrap: wrap;
  }

  .dx-radiobutton:last-of-type {
    margin-right: 0;
  }
}

.dx-state-disabled {
  .dx-radiobutton {
    cursor: default;
  }
}