#breadcrumbs-container {
    @apply pt-[var(--breadcrumbs-padding-top)] pl-4 pr-4 lg:pl-8 lg:pr-8;

    &.hide {
        display: none;
    }
}

.breadcrumbs {
    @apply font-display items-center flex gap-4 text-sm text-[#1e1e1e];

    .crumb {
        @apply flex items-center gap-4 w-max;

        .atm-link {
            @apply underline-offset-4;
        }

        &:last-of-type {
            @apply font-medium;
        }
    }
}