.site-breadcrumb {
    position: absolute;
    top: 173px;
    left: 15px;
    right: 15px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: rgb(227 219 255);
}
.site-breadcrumb__link {
    color: rgb(227 219 255 / 50%);
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

.site-breadcrumb__link:focus-visible {
    color: rgb(227 219 255 / 85%);
    text-shadow: 0 0 6px rgb(227 219 255 / 30%);
}

@media (hover: none), (pointer: coarse) {
    .site-breadcrumb__link:focus-visible {
        color: rgb(227 219 255);
        text-shadow: none;
    }
}

@media (hover: hover) and (pointer: fine) {
    .site-breadcrumb__link:hover {
        color: rgb(227 219 255 / 85%);
        text-shadow: 0 0 6px rgb(227 219 255 / 30%);
    }
}

.site-breadcrumb__separator {
    color: #E3DBFF;
}

.site-breadcrumb__current {
    color: rgb(227 219 255);
}

@media (min-width: 768px) {
    .site-breadcrumb {
        top: 96px;
        left: 24px;
        right: 24px;
    }
}

@media (min-width: 1024px) {
    .site-breadcrumb {
        top: 88px;
        left: 40px;
        right: 40px;
    }
}