/* 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);
  }
}

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