.card-swap-container{perspective:1200px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.card{background:var(--surface-container-lowest,#fff);transform-style:preserve-3d;will-change:transform, z-index;backface-visibility:hidden;border-radius:16px;position:absolute;top:50%;left:50%;box-shadow:0 4px 32px #0000000a}
.carousel-container{border:1px solid var(--color-outline-variant,#e5e7eb);background:var(--color-surface-container-lowest,#fff);--outer-r:24px;--p-distance:12px;border-radius:24px;padding:16px;position:relative;overflow:hidden}.carousel-track{display:flex}.carousel-item{border:1px solid var(--color-outline-variant,#e5e7eb);border-radius:calc(var(--outer-r) - var(--p-distance));background-color:var(--color-surface-container-lowest,#fff);cursor:grab;text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000a}.carousel-item:active{cursor:grabbing}.carousel-container.round{border:1px solid var(--color-outline-variant,#e5e7eb)}.carousel-item.round{border:1px solid var(--color-outline-variant,#e5e7eb);text-align:center;justify-content:center;align-items:center;position:relative;bottom:.1em}.carousel-item-header.round{margin:0;padding:0}.carousel-indicators-container.round{z-index:2;position:absolute;bottom:3em;left:50%;transform:translate(-50%)}.carousel-item-header{justify-content:center;width:100%;margin-bottom:24px;padding:32px 32px 0;display:flex}.carousel-icon-container{background-color:var(--color-secondary-container,#d1fae5);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.carousel-icon{width:28px;height:28px;color:var(--color-secondary,#059669)}.carousel-item-content{padding:0 32px 32px}.carousel-item-title{letter-spacing:.05em;text-transform:uppercase;color:var(--color-on-surface,#0f172a);margin-bottom:12px;font-size:20px;font-weight:700}.carousel-item-description{color:var(--color-on-surface-variant,#475569);font-size:15px;line-height:1.6}.carousel-indicators-container{justify-content:center;width:100%;display:flex}.carousel-indicators{justify-content:space-between;width:150px;margin-top:24px;padding:0 32px;display:flex}.carousel-indicator{appearance:none;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .15s}.carousel-indicator:focus-visible{outline:2px solid var(--color-secondary,#059669);outline-offset:2px}.carousel-indicator.active{background-color:var(--color-secondary,#059669)}.carousel-indicator.inactive{background-color:var(--color-outline-variant,#e2e8f0)}