/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer theme, base, components, utilities;
.sd-6-28-0-container {
  position: relative;
  background-color: rgba(var(--sd-color-background-neutral-100));
  padding-inline: var(--sd-spacing-10);
  padding-block: var(--sd-spacing-8);
}
.sd-6-28-0-container--variant-primary-100 {
    background-color: rgba(var(--sd-color-background-primary-100));
  }
.sd-6-28-0-container--variant-primary-800 {
    background-color: rgba(var(--sd-container--primary-800-color-background, rgba(var(--sd-color-primary-800))));
  }
.sd-6-28-0-container--variant-primary {
    background-color: rgba(var(--sd-color-background-primary));
  }
.sd-6-28-0-container--variant-border-neutral-400 {
    --tw-border-style: solid;
    border-style: solid;
    border-color: rgba(var(--sd-color-border-neutral-400));
    background-color: rgba(var(--sd-color-background-white));
    border-width: 1px;
  }
.sd-6-28-0-container--variant-white {
    background-color: rgba(var(--sd-color-background-white));
  }
.sd-6-28-0-container--padding-sm {
    padding-inline: var(--sd-spacing-6);
    padding-block: var(--sd-spacing-4);
  }
.sd-6-28-0-container{
  --triangle-background: rgba(var(--sd-color-background-white));
}
.sd-6-28-0-container--triangle-top::before, .sd-6-28-0-container--triangle-right::before, .sd-6-28-0-container--triangle-bottom::before, .sd-6-28-0-container--triangle-left::before {
    position: absolute;
    display: block;
    --tw-border-style: solid;
    border-style: solid;
    border-color: transparent;
    border-width: 14px;
    content: '';
  }
.sd-6-28-0-container--triangle-top::before {
    top: calc(var(--sd-spacing-1) * 0);
    left: calc(50% - 14px);
    border-top-color: var(--triangle-background);
  }
.sd-6-28-0-container--triangle-right::before {
    right: calc(var(--sd-spacing-1) * 0);
    top: calc(50% - 14px);
    border-right-color: var(--triangle-background);
  }
.sd-6-28-0-container--triangle-bottom::before {
    bottom: calc(var(--sd-spacing-1) * 0);
    left: calc(50% - 14px);
    border-bottom-color: var(--triangle-background);
  }
.sd-6-28-0-container--triangle-left::before {
    left: calc(var(--sd-spacing-1) * 0);
    top: calc(50% - 14px);
    border-left-color: var(--triangle-background);
  }
.sd-6-28-0-container--triangle-top-border::after, .sd-6-28-0-container--triangle-top-border::before, .sd-6-28-0-container--triangle-right-border::after, .sd-6-28-0-container--triangle-right-border::before, .sd-6-28-0-container--triangle-bottom-border::after, .sd-6-28-0-container--triangle-bottom-border::before, .sd-6-28-0-container--triangle-left-border::after, .sd-6-28-0-container--triangle-left-border::before {
      position: absolute;
      display: block;
      --tw-border-style: solid;
      border-style: solid;
      border-color: transparent;
      content: '';
    }
.sd-6-28-0-container--triangle-top-border::after, .sd-6-28-0-container--triangle-right-border::after, .sd-6-28-0-container--triangle-bottom-border::after, .sd-6-28-0-container--triangle-left-border::after {
      border-width: 14px;
    }
.sd-6-28-0-container--triangle-top-border::before, .sd-6-28-0-container--triangle-right-border::before, .sd-6-28-0-container--triangle-bottom-border::before, .sd-6-28-0-container--triangle-left-border::before {
      border-width: 15px;
    }
.sd-6-28-0-container--triangle-top-border::after, .sd-6-28-0-container--triangle-top-border::before {
      top: -1px;
    }
.sd-6-28-0-container--triangle-top-border::before {
      border-top-color: rgba(var(--sd-color-border-neutral-400));
      left: calc(50% - 15px);
    }
.sd-6-28-0-container--triangle-top-border::after {
      left: calc(50% - 14px);
      border-top-color: var(--triangle-background);
    }
.sd-6-28-0-container--triangle-right-border::after, .sd-6-28-0-container--triangle-right-border::before {
      right: -1px;
    }
.sd-6-28-0-container--triangle-right-border::before {
      border-right-color: rgba(var(--sd-color-border-neutral-400));
      top: calc(50% - 15px);
    }
.sd-6-28-0-container--triangle-right-border::after {
      top: calc(50% - 14px);
      border-right-color: var(--triangle-background);
    }
.sd-6-28-0-container--triangle-bottom-border::after, .sd-6-28-0-container--triangle-bottom-border::before {
      bottom: -1px;
    }
.sd-6-28-0-container--triangle-bottom-border::before {
      border-bottom-color: rgba(var(--sd-color-border-neutral-400));
      left: calc(50% - 15px);
    }
.sd-6-28-0-container--triangle-bottom-border::after {
      left: calc(50% - 14px);
      border-bottom-color: var(--triangle-background);
    }
.sd-6-28-0-container--triangle-left-border::after, .sd-6-28-0-container--triangle-left-border::before {
      left: -1px;
    }
.sd-6-28-0-container--triangle-left-border::before {
      border-left-color: rgba(var(--sd-color-border-neutral-400));
      top: calc(50% - 15px);
    }
.sd-6-28-0-container--triangle-left-border::after {
      top: calc(50% - 14px);
      border-left-color: var(--triangle-background);
    }