.carousel-container{--carousel-radius:16px;position:relative;overflow:hidden;padding:12px;border:1px solid rgba(var(--primary-color-rgb),.24);border-radius:var(--carousel-radius);background:radial-gradient(circle at 18% 12%,rgba(var(--primary-color-rgb),.13),transparent 42%),linear-gradient(145deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.015)),color-mix(in srgb,var(--background-color) 88%,#020617);box-shadow:0 14px 36px rgba(0,0,0,.24),inset 0 1px 0 hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.carousel-container:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(var(--primary-color-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--primary-color-rgb),.035) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}.carousel-track{z-index:1}.carousel-item,.carousel-track{position:relative;display:flex;transform-style:preserve-3d}.carousel-item{flex-shrink:0;flex-direction:column;min-height:220px;padding:22px;border:1px solid rgba(var(--primary-color-rgb),.26);border-radius:12px;background:linear-gradient(155deg,rgba(var(--primary-color-rgb),.13),transparent 48%),rgba(8,13,20,.78);overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,box-shadow}.carousel-item:before{top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--link-color),transparent);opacity:.72}.carousel-item:after,.carousel-item:before{position:absolute;content:"";pointer-events:none}.carousel-item:after{right:-3rem;bottom:-4rem;width:10rem;height:10rem;border-radius:50%;background:rgba(var(--primary-color-rgb),.1);filter:blur(28px)}.carousel-item:active{cursor:-webkit-grabbing;cursor:grabbing}.carousel-item-header{position:relative;z-index:1;margin:0 0 auto;padding:0;transform:translateZ(18px)}.carousel-icon-container{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(var(--primary-color-rgb),.34);border-radius:10px;background:rgba(var(--primary-color-rgb),.13);color:var(--link-color);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);transform:translateZ(22px)}.carousel-icon{width:19px;height:19px;color:currentColor;font-size:19px}.carousel-item-content{position:relative;z-index:1;padding:26px 0 0;transform:translateZ(14px)}.carousel-item-title{margin-bottom:6px;color:var(--text-color);font-size:1.1rem;font-weight:800;letter-spacing:-.015em;line-height:1.2}.carousel-item-value{margin-bottom:5px;color:var(--link-color);font-family:Courier New,monospace;font-size:.82rem}.carousel-item-description{margin:0;color:var(--text-color-secondary);font-size:.88rem;line-height:1.55}.carousel-indicators-container{position:relative;z-index:2;display:flex;width:100%;justify-content:center}.carousel-indicators{display:flex;width:auto;align-items:center;justify-content:center;gap:10px;margin-top:12px;padding:0}.carousel-indicator{flex:0 0 7px;width:7px;min-width:7px;height:7px;min-height:7px;padding:0;border:1px solid rgba(var(--primary-color-rgb),.28);border-radius:50%;background:rgba(var(--primary-color-rgb),.13);cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}.carousel-indicator.active{border-color:var(--link-color);background:var(--link-color);box-shadow:0 0 10px rgba(var(--primary-color-rgb),.52)}.carousel-indicator.inactive{background:rgba(var(--primary-color-rgb),.12)}.carousel-container.round{border-radius:50%}.carousel-item.round{align-items:center;justify-content:center;text-align:center}.carousel-item-header.round{margin:0 0 .8rem}.carousel-indicators-container.round{position:absolute;bottom:2.2rem;left:50%;width:auto;transform:translateX(-50%)}.light-mode .carousel-container{border-color:rgba(var(--primary-color-rgb),.2);background:radial-gradient(circle at 18% 12%,rgba(var(--primary-color-rgb),.1),transparent 42%),hsla(0,0%,100%,.72);box-shadow:0 14px 34px rgba(15,23,42,.12),inset 0 1px 0 hsla(0,0%,100%,.9)}.light-mode .carousel-item{border-color:rgba(var(--primary-color-rgb),.2);background:linear-gradient(155deg,rgba(var(--primary-color-rgb),.1),transparent 52%),hsla(0,0%,100%,.82)}.light-mode .carousel-icon-container{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9)}@media (max-width:420px){.carousel-container{padding:10px;border-radius:14px}.carousel-item{min-height:205px;padding:18px}}