.entry-150bfe9bJhZgA7 {
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  position: relative;
  width: 24px;
}


.entry-150bfe9bJhZgA71 {
  appearance: none;
  background-color: var(--xdlColorControlFill);
  border-color: var(--xdlColorControlBorder);
  border-radius: 2px;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  height: 24px;
  margin: 0;
  width: 24px;

  &:hover {
    cursor: pointer;
  }

  &:focus {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &:focus-visible {
    outline: 2px solid var(--xdlColorFocusRing);
    outline-offset: 2px;
  }

  &:checked {
    border-color: var(--xdlColorSelected);
    border-style: solid;
    border-width: calc(24px / 2);
    transition-duration: 150ms;
    transition-property: border;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    }

  &[disabled] {
    border-color: var(--xdlColorDisabledSoft);
  }

  &[disabled]:hover {
    cursor: default;
  }
}

.entry-150bfe9bJhZgA72 {
  border-color: var(--xdlColorError);
  border-style: solid;
}

.entry-150bfe9bJhZgA73 {&:checked {
      }}

.entry-150bfe9bJhZgA72 {
  border-color: var(--xdlColorError);
  border-style: solid;
}


.entry-150bfe9bJhZgA74 {
  color: var(--xdlColorControlFill);
  height: 24px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 24px;
  z-index: 1;

  .entry-150bfe9bJhZgA71:checked ~ & {
    opacity: 1;
    transition-delay: 150ms;
    transition-duration: 240ms;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.entry-150bfe9bjaq1KN {
  background-color: var(--xdlColorBorderSoft);
  border: none;
  clear: both;
  height: 1px;
  margin: 0;
  width: 100%;
}


/*# sourceMappingURL=chunk-dqh0lqfi.css.map*/