@layer utilities {
  .inkeep-ml_0\.5rem {
    margin-left: 0.5rem;
    }

  .inkeep-mb_4 {
    margin-bottom: var(--inkeep-spacing-4);
    }

  .inkeep-color-palette_inkeepExpandedPrimary {
    --inkeep-colors-color-palette-50: var(--inkeep-colors-inkeep-expanded-primary-50);
    --inkeep-colors-color-palette-100: var(--inkeep-colors-inkeep-expanded-primary-100);
    --inkeep-colors-color-palette-200: var(--inkeep-colors-inkeep-expanded-primary-200);
    --inkeep-colors-color-palette-300: var(--inkeep-colors-inkeep-expanded-primary-300);
    --inkeep-colors-color-palette-400: var(--inkeep-colors-inkeep-expanded-primary-400);
    --inkeep-colors-color-palette-500: var(--inkeep-colors-inkeep-expanded-primary-500);
    --inkeep-colors-color-palette-600: var(--inkeep-colors-inkeep-expanded-primary-600);
    --inkeep-colors-color-palette-700: var(--inkeep-colors-inkeep-expanded-primary-700);
    --inkeep-colors-color-palette-800: var(--inkeep-colors-inkeep-expanded-primary-800);
    --inkeep-colors-color-palette-900: var(--inkeep-colors-inkeep-expanded-primary-900);
    }

  .inkeep-mb_2 {
    margin-bottom: var(--inkeep-spacing-2);
    }

  .inkeep-d_flex {
    display: flex;
    }

  .inkeep-items_center {
    align-items: center;
    }

  .inkeep-gap_10px {
    gap: 10px;
    }

  .inkeep-flex_column {
    flex-direction: column;
    }
}

@layer recipes.slots {
  .inkeep-checkbox__control--size_md {
    --checkbox-size: var(--inkeep-sizes-4);
    }

  .inkeep-checkbox__label--size_md {
    font-size: var(--inkeep-font-sizes-md);
    }

  .inkeep-checkbox__icon--size_md {
    font-size: var(--inkeep-font-sizes-2xs);
    }

  @layer _base {
    .inkeep-form-control__container {
      width: 100%;
      position: relative;
        }
    .inkeep-form-control__required-indicator {
      margin-inline-start: var(--inkeep-spacing-1);
      --form-control-color: var(--inkeep-colors-red-500);
      color: var(--form-control-color);
        }
      .dark .inkeep-form-control__required-indicator, [data-theme="dark"] .inkeep-form-control__required-indicator {
        --form-control-color: var(--inkeep-colors-red-300)
    ;
            }
    .inkeep-form-control__helper {
      margin-top: var(--inkeep-spacing-2);
      --form-control-color: var(--inkeep-colors-gray-600);
      color: var(--form-control-color);
      line-height: var(--inkeep-line-heights-normal);
      font-size: var(--inkeep-font-sizes-sm);
        }
      .dark .inkeep-form-control__helper, [data-theme="dark"] .inkeep-form-control__helper {
        --form-control-color: var(--inkeep-colors-white-alpha-600)
    ;
            }
    .inkeep-form-control__label {
      display: block;
      text-align: start;
      font-size: var(--inkeep-font-sizes-md);
      margin-inline-end: var(--inkeep-spacing-3);
      margin-bottom: var(--inkeep-spacing-2);
      font-weight: var(--inkeep-font-weights-medium);
      --transition-prop: common;
      transition-property: common;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      opacity: 1;
        }
    }

  @layer _base {
      .inkeep-form-control__label:is(:disabled, [disabled], [data-disabled]) {
        opacity: 0.4;
            }
    }

  @layer _base {
    .inkeep-form-control__error {
      display: flex;
      align-items: center;
      --form-error-color: var(--inkeep-colors-red-500);
      color: var(--form-error-color);
      margin-top: var(--inkeep-spacing-2);
      font-size: var(--inkeep-font-sizes-sm);
      line-height: var(--inkeep-line-heights-normal);
        }
      .dark .inkeep-form-control__error, [data-theme="dark"] .inkeep-form-control__error {
        --form-error-color: var(--inkeep-colors-red-300)
    ;
            }
    .inkeep-form-control__error-icon {
      margin-inline-end: 0.5em;
      --form-error-color: var(--inkeep-colors-red-500);
      color: var(--form-error-color);
        }
      .dark .inkeep-form-control__error-icon, [data-theme="dark"] .inkeep-form-control__error-icon {
        --form-error-color: var(--inkeep-colors-red-300)
    ;
            }
    .inkeep-checkbox__container {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      vertical-align: top;
      position: relative;
      --inkeep-colors-color-palette-50: var(--inkeep-colors-blue-50);
      --inkeep-colors-color-palette-100: var(--inkeep-colors-blue-100);
      --inkeep-colors-color-palette-200: var(--inkeep-colors-blue-200);
      --inkeep-colors-color-palette-300: var(--inkeep-colors-blue-300);
      --inkeep-colors-color-palette-400: var(--inkeep-colors-blue-400);
      --inkeep-colors-color-palette-500: var(--inkeep-colors-blue-500);
      --inkeep-colors-color-palette-600: var(--inkeep-colors-blue-600);
      --inkeep-colors-color-palette-700: var(--inkeep-colors-blue-700);
      --inkeep-colors-color-palette-800: var(--inkeep-colors-blue-800);
      --inkeep-colors-color-palette-900: var(--inkeep-colors-blue-900);
      --inkeep-colors-color-palette-950: var(--inkeep-colors-blue-950);
        }
    }

  @layer _base {
      .inkeep-checkbox__container:is(:disabled, [disabled], [data-disabled]) {
        cursor: not-allowed;
            }
    }

  @layer _base {
    .inkeep-checkbox__control {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      vertical-align: top;
      -webkit-user-select: none;
      user-select: none;
      flex-shrink: 0;
      width: var(--checkbox-size, 1em);
      height: var(--checkbox-size, 1em);
      --transition-prop: box-shadow;
      transition-property: box-shadow;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
      border: 2px solid;
      border-radius: var(--inkeep-radii-sm);
      border-color: inherit;
      color: var(--inkeep-colors-white);
        }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        background: var(--inkeep-colors-color-palette-500);
            }
      .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        background: var(--inkeep-colors-color-palette-200);
        border-color: var(--inkeep-colors-color-palette-200);
        color: var(--inkeep-colors-gray-900);
            }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) {
        border-color: var(--inkeep-colors-color-palette-500);
        color: var(--inkeep-colors-white);
            }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
        border-color: var(--inkeep-colors-gray-200);
            }
      .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
        border-color: var(--inkeep-colors-transparent);
        background: var(--inkeep-colors-white-alpha-300);
        color: var(--inkeep-colors-white-alpha-500);
            }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]) {
        background: var(--inkeep-colors-gray-200);
        color: var(--inkeep-colors-gray-500);
            }
      .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
        background: var(--inkeep-colors-gray-100);
            }
      .dark .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]), [data-theme="dark"] .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
        background: var(--inkeep-colors-white-alpha-100);
        border-color: var(--inkeep-colors-transparent);
            }
      .inkeep-checkbox__control:is(:disabled, [disabled], [data-disabled]) {
        border-color: var(--inkeep-colors-gray-100);
            }
      .inkeep-checkbox__control:is(:invalid, [data-invalid]) {
        border-color: var(--inkeep-colors-red-500);
            }
      .dark .inkeep-checkbox__control:is(:invalid, [data-invalid]), [data-theme="dark"] .inkeep-checkbox__control:is(:invalid, [data-invalid]) {
        border-color: var(--inkeep-colors-red-300);
            }
      .inkeep-checkbox__control:is(:focus-visible, [data-focus-visible]) {
        box-shadow: var(--inkeep-shadows-outline);
            }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
        background: var(--inkeep-colors-color-palette-600);
            }
      .dark .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]), [data-theme="dark"] .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
        background: var(--inkeep-colors-color-palette-300);
        border-color: var(--inkeep-colors-color-palette-300);
            }
      .inkeep-checkbox__control:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:hover, [data-hover]) {
        border-color: var(--inkeep-colors-color-palette-600);
            }
    }

  @layer _base {
    .inkeep-checkbox__label {
      margin-left: 0.5rem;
      -webkit-user-select: none;
      user-select: none;
        }
      .inkeep-checkbox__label:is(:disabled, [disabled], [data-disabled]) {
        opacity: 0.4;
            }
    }

  @layer _base {
    .inkeep-checkbox__icon {
      animation: checkAnim 200ms linear;
      font-size: var(--checkbox-size, 1em);
      color: var(--checkbox-icon-color, unset);
      --transition-prop: transform;
      transition-property: transform;
      --transition-duration: var(--inkeep-durations-normal);
      transition-duration: var(--inkeep-durations-normal);
        }
    }
}