.indicators.indicators {
    position: static;
    transform: none;
    justify-content: center;
    margin-top: var(--mantine-spacing-xs);
    gap: 6px;
}

.indicator.indicator {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: var(--mantine-color-default-border);
}

.indicator.indicator[data-active] {
    width: 16px;
    background-color: var(--mantine-primary-color-filled);
}

@media (prefers-reduced-motion: no-preference) {
    .indicator.indicator {
        transition: background-color 150ms ease-out, width 150ms ease-out;
    }
}
