:host {
  display: block;

  .mat-mdc-radio-button {
    border-radius: 1rem;
    margin: 0 0.25rem;
    padding: 0.15rem 0.75rem;

    &.mat-mdc-radio-checked {
      background-color: rgba(var(--dark-dividers));
    }

    ::ng-deep {
      .mdc-radio {
        display: none;
      }

      label {
        color: rgba(var(--dark-primary-text), 1);
        cursor: inherit;
        margin: 0;
        padding: 0;
      }
    }
  }
}

:host-context(.theme-dark) {
  .mat-mdc-radio-button {
    &.mat-mdc-radio-checked {
      background-color: rgba(var(--light-dividers));
      border: 1px solid rgba(var(--light-disabled-text));
    }

    ::ng-deep {
      label {
        color: rgba(var(--light-primary-text), 1);
      }
    }
  }
}
