.carousel-container{--outer-r:24px;--p-distance:12px;border:1px solid #555;border-radius:24px;padding:16px;position:relative;overflow:hidden}.carousel-track{display:flex}.carousel-item{border-radius:calc(var(--outer-r) - var(--p-distance));cursor:grab;background-color:#1b1722;border:1px solid #555;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-container.round{border:1px solid #555}.carousel-item.round{text-align:center;background-color:#1b1722;border:1px solid #555;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{margin-bottom:16px;padding:20px}.carousel-icon-container{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.carousel-icon{color:#120f17;width:16px;height:16px}.carousel-item-content{padding:20px}.carousel-item-title{color:#fff;margin-bottom:4px;font-size:18px;font-weight:900}.carousel-item-description{color:#fff;font-size:14px}.carousel-indicators-container{justify-content:center;width:100%;display:flex}.carousel-indicators{justify-content:space-between;width:150px;margin-top:16px;padding:0 32px;display:flex}.carousel-indicator{cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background-color .15s}.carousel-indicator.active{background-color:#fff}.carousel-indicator.inactive{background-color:#555}
.ophie-carousel .carousel-container{background:#fdfbf9;border:1px solid #1a120b14;box-shadow:0 2px 10px #1a120b10,0 1px 3px #1a120b0c}.ophie-carousel .carousel-item{background-color:#f9f6f3;border:1px solid #1a120b0e}.ophie-carousel .carousel-icon-container{background:#006c67;border-radius:12px;width:40px;height:40px}.ophie-carousel .carousel-icon{color:#fff;width:20px;height:20px}.ophie-carousel .carousel-item-title{font-family:var(--font-work-sans), "Work Sans", sans-serif;color:#1a120b;font-size:18px;font-weight:600}.ophie-carousel .carousel-item-description{font-family:var(--font-work-sans), "Work Sans", sans-serif;color:#1a120bb3;font-size:14px;font-weight:300;line-height:1.6}.ophie-carousel .carousel-indicator.active{background-color:#006c67}.ophie-carousel .carousel-indicator.inactive{background-color:#1a120b2e}