.burst {
  .burst-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: var(--rsp-spacing-xs);

    &__item {
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: var(--rsp-spacing-xs);
      background-color: transparent;
      align-items: flex-start;

      &.burst-hidden {
        display: none;
      }
      &__pill{
        justify-self: end;
      }
    }

    &__checkbox {
      all: unset;
      display: flex;
      align-content: center;
      align-items: center;
      justify-content: center;
      border-radius: 3px;
      width: 16px;
      height: 16px;
      aspect-ratio: 1 / 1;
      outline: 1px solid var(--rsp-input-border-color);
      transition: background-color 0.2s ease-in-out;
      margin-top: 2px;

      &:hover {
        background-color: var(--rsp-blue-faded);
      }

      &:focus {
        box-shadow: 0 0 0 3px var(--rsp-background-color), 0 0 0 4px var(--rsp-dark-blue);
      }
      &:disabled {
        background-color: var(--rsp-grey-300);
        cursor: not-allowed;
        & + label {
          cursor: not-allowed;
        }
      }
    }

    &__label {
      font-size: var(--rsp-fs-300);
      color: var(--rsp-text-color-light);
      margin: 0 !important;
    }
  }
}