/* Breadcrumb — comp (Figma 18420:25662) */

/* Full-bleed band, only when the component is given a palette (standalone in a layout zone) */
.brd-cmb-bnd {
    --brd-cmb-pd-v: 48; /* tuner: comp band padding at 1920 */
    --brd-cmb-pd-v-mbl: 24; /* tuner */
    --brd-cmb-pd-v-clc: calc((var(--brd-cmb-pd-v-mbl) * 1px) + (var(--brd-cmb-pd-v) - var(--brd-cmb-pd-v-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */

    padding-block: var(--brd-cmb-pd-v-clc); /* palette surface + text come from [data-colors] */
}

.brd-cmb ol {
    gap: 9px; /* comp: icon / separator / item spacing */
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.brd-cmb li {
    gap: 9px;
    line-height: 1.5;
}

.brd-cmb li a {
    color: inherit; /* comp: crumbs read in the text color, not the palette link color */
}

.brd-cmb svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
}

.brd-cmb-sep {
    opacity: 0.7;
}