.separator {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin: 3rem 0 2rem;
padding: 1.25rem 0;
position: relative;
}
.separator::before,
.separator::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(
90deg,
transparent,
var(--ifm-color-primary-dark),
transparent
);
}
.separatorContent {
display: flex;
align-items: center;
gap: 0.75rem;
white-space: nowrap;
}
.separatorTitle {
font-size: 0.85rem;
font-weight: 700;
color: var(--ifm-color-primary);
letter-spacing: -0.01em;
}
.separatorPosition {
font-size: 0.75rem;
font-weight: 500;
color: var(--ifm-color-primary-light);
opacity: 0.7;
font-variant-numeric: tabular-nums;
}
.loadedArticle {
scroll-margin-top: calc(var(--ifm-navbar-height) + 1rem);
}
.sentinel {
height: 1px;
width: 100%;
}
.loading {
display: flex;
justify-content: center;
padding: 2rem 0;
}
.loadingDot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--ifm-color-primary);
margin: 0 4px;
animation: pulse 1.2s ease-in-out infinite;
}
.loadingDot:nth-child(2) {
animation-delay: 0.2s;
}
.loadingDot:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes pulse {
0%, 80%, 100% {
opacity: 0.2;
transform: scale(0.8);
}
40% {
opacity: 1;
transform: scale(1);
}
}
