.spotlight-carousel-timeline__radial {
    background: radial-gradient(ellipse at 50% 50%, currentColor 0%, transparent 70%);
    opacity: 0.05;
}

@keyframes spotlight-carousel-timeline__slide-in {
    from { opacity: 0; transform: translateX(32px); }
    to { opacity: 1; transform: translateX(0); }
}

.spotlight-carousel-timeline__slide--hidden {
    display: none;
}

.spotlight-carousel-timeline__slide--visible {
    animation: spotlight-carousel-timeline__slide-in 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.spotlight-carousel-timeline__dot--active {
    width: 24px;
    height: 0.5rem;
    filter: brightness(1.05);
}

.spotlight-carousel-timeline__dot--idle {
    width: 8px;
    height: 0.5rem;
    filter: brightness(0.55);
}

.spotlight-carousel-timeline__accent {
    height: 4px;
    width: 3rem;
}

.spotlight-carousel-timeline__btn {
    width: 2.5rem;
    height: 2.5rem;
}

/* Совпадает с Tailwind max-w-4xl (56rem) для Bootstrap-ветки */
.border-rail-list__shell {
    max-width: 56rem;
}

.border-rail-list__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .border-rail-list__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.border-rail-list__min-shrink {
  min-width: 0;
}