.floating-pill-carousel .carousel-item{height:calc(100vh - 2rem)}
@media(min-width:992px){.floating-pill-carousel .carousel-item{height:100vh}
}
.floating-pill-carousel .carousel-caption{bottom:7.75rem}
.floating-pill-carousel .contrast-overlay{background-color:rgba(var(--kpl-dark-rgb),0.3);mix-blend-mode:multiply}
.floating-pill-carousel .indicators-wrapper{display:flex;position:absolute;left:0;bottom:2.5rem;width:100%;overflow-x:auto;z-index:3}
.floating-pill-carousel .indicators-wrapper::-webkit-scrollbar{display:none}
.floating-pill-caption,.floating-pill-indicators{background-color:rgba(var(--kpl-off-white-rgb),0.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.floating-pill-caption{overflow:hidden;padding:1rem;border-radius:1.25rem;max-width:26.25rem}
@media(max-width:575.98px){.floating-pill-caption .line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis}
.floating-pill-caption .line-clamp.clamped{-webkit-line-clamp:2}
}
@media(min-width:992px){.floating-pill-caption{max-width:20rem}
}
.floating-pill-indicators{display:flex;flex-wrap:nowrap;gap:.25rem;padding:.25rem;margin:0 auto;border-radius:1rem}
.floating-pill-indicators .btn,.floating-pill-indicators .floating-pill{border-radius:.75rem}
.floating-pill-indicators .btn{position:relative;color:rgba(var(--kpl-off-white-rgb),0.7);text-wrap:nowrap;padding:.75rem;border-width:0;line-height:1;z-index:2;transition:color .35s ease-out}
.floating-pill-indicators .btn.active{color:rgba(var(--kpl-dark-rgb),1)}
.floating-pill-indicators .floating-pill{position:absolute;left:0;top:.25rem;bottom:.25rem;min-width:2rem;background-color:var(--kpl-light);z-index:1;will-change:width,transform;transition:width .35s ease-in-out,transform .35s ease-out}