/* docara-shell-source: runtime/utility/place-items/default/css/default.css */
@layer sf.utilities {
  .items-start {
    align-items: start;
    justify-items: start;
    place-items: start;
  }
  .items-end {
    align-items: end;
    justify-items: end;
    place-items: end;
  }
  .items-center {
    align-items: center;
    justify-items: center;
    place-items: center;
  }
  .items-stretch {
    align-items: stretch;
    justify-items: stretch;
    place-items: stretch;
  }
}

/* docara-shell-source: runtime/utility/stripe-width/default/css/default.css */
@layer sf.utilities {
  .stripe-size-1 {
    --sf-stripe--size: var(--sf-a2);
  }
  .stripe-size-2 {
    --sf-stripe--size: var(--sf-a3);
  }
  .stripe-size-3 {
    --sf-stripe--size: var(--sf-a4);
  }
  .stripe-size-4 {
    --sf-stripe--size: var(--sf-a5);
  }
}

/* docara-shell-source: runtime/utility/stripe-color/default/css/default.css */
@layer sf.utilities {
  .stripe-transparent {
    --sf-stripe--color: var(--sf-transparent);
  }
  .stripe-current {
    --sf-stripe--color: var(--sf-current);
  }
  .stripe-inherit {
    --sf-stripe--color: var(--sf-inherit);
  }
  .stripe-surface-transparent-overlay {
    --sf-stripe--color: var(--sf-surface-transparent-overlay);
  }
  .stripe-on-surface {
    --sf-stripe--color: var(--sf-on-surface);
  }
  .stripe-primary {
    --sf-stripe--color: var(--sf-primary);
  }
  .stripe-primary-container {
    --sf-stripe--color: var(--sf-primary-container);
  }
  .stripe-secondary {
    --sf-stripe--color: var(--sf-secondary);
  }
  .stripe-secondary-container {
    --sf-stripe--color: var(--sf-secondary-container);
  }
  .stripe-tertiary {
    --sf-stripe--color: var(--sf-tertiary);
  }
  .stripe-tertiary-container {
    --sf-stripe--color: var(--sf-tertiary-container);
  }
}