@use "sb-element/core/spacing";
@use "sb-element/core/transitioning";
@use "sb-element/core/display";
@use "sb-element/core/border";
/*****************************************************************************
Radio / Style
******************************************************************************/

// ROOT
.sb-radio {
  display: block;
  label {
    cursor: pointer;
    @include display.flex($justify: flex-start, $gap: s);

    span:empty {
      display: none;
    }

    span {
      @include display.flex();
      height: 100%;
    }

    input {
      appearance: none;
      /* For iOS < 15 to remove gradient background */
      background-color: transparent;
      height: spacing.get-spacing(m);
      width: spacing.get-spacing(m);
      /* Not removed via appearance */
      @include spacing.margin(0);
      @include border.radius(50%);
      @include transitioning.ease(200ms, background, border);
    }
  }

  &.disabled label {
    cursor: not-allowed;
    input { cursor: not-allowed; }
  }
}