{"version":3,"file":"Breadcrumb.module.cjs","names":[],"sources":["../../../src/components/Breadcrumb/Breadcrumb.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  block-size: 40px;\n  gap: var(--cpd-space-3x);\n  padding-block-end: var(--cpd-space-3x);\n  border-block-end: 1px solid var(--cpd-color-alpha-gray-400);\n  box-sizing: border-box;\n\n  .pages {\n    display: flex;\n    gap: var(--cpd-space-1x);\n\n    /* override list styles */\n    list-style-type: \"\";\n    margin: 0;\n    padding: 0;\n\n    a {\n      cursor: pointer;\n    }\n\n    .last-page {\n      font: var(--cpd-font-body-sm-regular);\n      color: var(--cpd-color-text-secondary);\n    }\n\n    /*\n     * Breadcrumb separator\n     * We want this separator to be only visual and to not be in the accessibility tree.\n     * The nav html element already provides an accessible way to separate the links.\n     */\n    li + li::before {\n      display: inline-block;\n      margin: 0 0.3em 0 0.25em;\n      transform: rotate(15deg);\n      border-inline-end: 1px solid var(--cpd-color-text-secondary);\n      block-size: var(--cpd-space-3x);\n      content: \"\";\n    }\n\n    /* Last page */\n    :last-child {\n      span {\n        padding-inline-start: var(--cpd-space-1x);\n      }\n    }\n  }\n}\n"],"mappings":""}