.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}
.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:4px;outline:2px solid #fff}
.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{appearance:none;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .15s}.carousel-indicator:focus-visible{outline-offset:2px;outline:2px solid #fff}.carousel-indicator.active{background-color:#fff}.carousel-indicator.inactive{background-color:#555}