.carousel-container{border:1px solid var(--color-wire);--outer-r:24px;--p-distance:12px;background-color:var(--color-canvas);border-radius:24px;padding:16px;position:relative;overflow:hidden}.carousel-track{display:flex}.carousel-item{border:1px solid var(--color-wire);border-radius:calc(var(--outer-r) - var(--p-distance));background-color:var(--color-panel);cursor:grab;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-start;display:flex;position:relative;overflow:hidden}.carousel-item:active{cursor:grabbing}.carousel-item-header{margin-bottom:12px;padding:16px 16px 0}.carousel-icon-container{background-color:var(--color-brand);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.carousel-icon{width:14px;height:14px;color:var(--color-canvas)}.carousel-item-content{flex-direction:column;flex:1;padding:0 16px 16px;display:flex}.carousel-item-title{color:var(--color-ink);margin-bottom:6px;font-size:15px;font-weight:700}.carousel-item-description{color:var(--color-dim);flex:1;font-size:13px}.carousel-indicators-container{justify-content:center;width:100%;display:flex}.carousel-indicators{gap:8px;margin-top:14px;padding:0 8px;display:flex}.carousel-indicator{cursor:pointer;border-radius:50%;width:6px;height:6px;transition:background-color .15s}.carousel-indicator.active{background-color:var(--color-brand)}.carousel-indicator.inactive{background-color:var(--color-wire)}
