/* line 6, scss/component/breadcrumb.scss */
.breadcrumb {
  padding: 0; }
  /* line 9, scss/component/breadcrumb.scss */
  .breadcrumb ol {
    display: flex;
    gap: 1rem; }
  /* line 14, scss/component/breadcrumb.scss */
  .breadcrumb a {
    text-decoration: none;
    color: var(--color--neutral3); }
  /* line 19, scss/component/breadcrumb.scss */
  .breadcrumb li {
    position: relative;
    font-size: var(--font-size-pXS);
    padding: 0.25rem 0;
    color: var(--color--neutral3);
    display: flex;
    align-items: center;
    flex-shrink: 0; }
    /* line 28, scss/component/breadcrumb.scss */
    .breadcrumb li:not(:last-child) {
      padding: 0.25rem 0.75rem;
      background-color: var(--color--white);
      border-radius: var(--default-border-radius); }
    /* line 34, scss/component/breadcrumb.scss */
    .breadcrumb li:not(:first-child)::before {
      content: "/";
      position: absolute;
      left: -0.75rem;
      color: var(--color--neutral3); }
    /* line 41, scss/component/breadcrumb.scss */
    .breadcrumb li:first-child a::before {
      content: url("../../images/icons/breadcrumb-home.svg");
      margin-right: 0.25rem;
      position: relative; }
    @media (max-width: 991px) {
      /* line 48, scss/component/breadcrumb.scss */
      .breadcrumb li:last-child {
        display: inline-block;
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 12px;
        transform: translateX(-10px); }
        /* line 57, scss/component/breadcrumb.scss */
        .breadcrumb li:last-child::before {
          left: 0; } }

/*# sourceMappingURL=breadcrumb.css.map */