/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/Breadcrumb/style.css ***!
  \********************************************************************************************************************************************************************************************/
[name='Breadcrumb'] {
  inline-size: 100%;
}

  [name='Breadcrumb'].component-spacing[data-theme] {
    padding-block-start: calc(var(--component-spacing) * 0.5) !important;
  }

  [name='Breadcrumb'][data-context='singleProduct'] {
    padding-block-end: calc(var(--component-spacing) * 0.5);
  }

  [name='Breadcrumb'] .small {
    font-size: 16px;
  }

  [name='Breadcrumb'] ol {
    --flow-space: 32px;

    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-inline-start: 0;
    margin-block: var(--flow-space) 0;
    list-style: none;
  }

  [name='Breadcrumb'] ol li[property='itemListElement'] {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

  [name='Breadcrumb'] ol li[property='itemListElement'] a {
        color: var(--clr-text);
        text-decoration: none;
      }

  [name='Breadcrumb'] .separator {
    block-size: 16px;
    display: inline-flex;
    flex-shrink: 0;
    inline-size: 16px;
  }

  [name='Breadcrumb'] .separator svg {
      block-size: auto;
      color: var(--clr-text);
    }


/*# sourceMappingURL=style.min.css.map*/