.carousel-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:100%;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}.carousel-container.has-frame{gap:16px}.carousel-stage{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:12px;box-sizing:border-box;border-radius:var(--carousel-radius)}.carousel-container:focus-visible .carousel-stage{outline:2px solid var(--carousel-ink);outline-offset:4px}.carousel-container.has-frame .carousel-stage{padding:10px;border-radius:calc(var(--carousel-radius) + 10px);background:var(--carousel-frame);box-shadow:var(--carousel-frame-shadow);overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.carousel-container.has-frame.is-round .carousel-stage{border-radius:50%}.carousel-frame-rim{position:absolute;inset:0;z-index:30;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--carousel-frame-edge),inset 0 1px 0 var(--carousel-frame-highlight);pointer-events:none}.carousel-viewport{position:relative;align-self:stretch;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel-viewport[data-draggable=true]{cursor:grab}.carousel-viewport[data-dragging=true]{cursor:grabbing}.carousel-slide{position:absolute;top:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.carousel-slide:not([data-current]){cursor:pointer}.carousel-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;height:100%;padding:calc(20px * var(--carousel-scale, 1));box-sizing:border-box;border-radius:var(--carousel-radius);background:var(--carousel-tile);box-shadow:var(--carousel-tile-shadow);color:var(--carousel-ink);overflow:hidden;transition:filter .25s ease}.carousel-card-rim{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--carousel-tile-edge),inset 0 1px 0 var(--carousel-tile-highlight);pointer-events:none}.carousel-card.is-custom{display:block;padding:0}.carousel-card.is-round{align-items:center;justify-content:center;gap:14px;padding:14%;text-align:center}.carousel-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.carousel-scrim{position:absolute;inset:0;opacity:var(--carousel-focus, 1);pointer-events:none;background:linear-gradient(to top,#0000009e,#0009 8%,#0000008a,#00000073 26%,#00000057,#00000038,#0000001c 56%,#0000000a,#0000 72%)}.carousel-card.is-round .carousel-scrim{background:#0000004d}.carousel-icon{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--carousel-badge);color:var(--carousel-ink)}.carousel-card.has-image .carousel-icon{background:#ffffff2e;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.carousel-icon svg{width:16px;height:16px}.carousel-text{position:relative;margin-top:auto;opacity:var(--carousel-focus, 1)}.carousel-card.is-round .carousel-text{margin-top:0}.carousel-title{font-size:calc(18px * var(--carousel-scale, 1));font-weight:600;line-height:1.25;letter-spacing:-.01em}.carousel-description{margin:4px 0 0;font-size:calc(14px * var(--carousel-scale, 1));line-height:1.45;color:var(--carousel-muted)}.carousel-card.has-image .carousel-title{color:#fff}.carousel-card.has-image .carousel-description{color:#ffffffc7}.carousel-shade{position:absolute;inset:0;border-radius:var(--carousel-radius);background:#000;pointer-events:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%}.carousel-arrow{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:var(--carousel-tile);box-shadow:inset 0 0 0 1px var(--carousel-tile-edge),inset 0 1px 0 var(--carousel-tile-highlight),var(--carousel-tile-shadow);color:var(--carousel-ink);cursor:pointer;transition:opacity .2s ease,filter .2s ease,transform .2s ease}.carousel-arrow:disabled{opacity:.35;cursor:default}.carousel-arrow:not(:disabled):active{filter:var(--carousel-press);transform:scale(.92);transition-duration:0s}.carousel-arrow:focus-visible,.carousel-dot:focus-visible,.carousel-bar:focus-visible{outline:2px solid var(--carousel-ink);outline-offset:2px}.carousel-dots{display:flex;align-items:center}.carousel-dot{display:grid;place-items:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.carousel-dot-mark{width:8px;height:8px;border-radius:50%;background:var(--carousel-faint);transition:background-color .2s ease,transform .2s ease}.carousel-dot.is-active .carousel-dot-mark{background:var(--carousel-ink);transform:scale(1.2)}.carousel-bars{display:flex;flex:1;gap:6px;min-width:0}.carousel-bar{display:flex;align-items:center;flex:1;height:20px;padding:0;border:none;background:none;cursor:pointer}.carousel-bar-track{position:relative;width:100%;height:3px;border-radius:3px;background:var(--carousel-faint);overflow:hidden;transition:background-color .2s ease}.carousel-bar-fill{position:absolute;inset:0;background:var(--carousel-ink);transform-origin:left center}.carousel-counter{display:flex;align-items:baseline;gap:6px;overflow:hidden;font-size:13px;font-variant-numeric:tabular-nums;color:var(--carousel-muted)}.carousel-counter-current{display:inline-block;color:var(--carousel-ink)}@media(hover:hover){.carousel-slide:hover .carousel-card{filter:var(--carousel-hover)}.carousel-arrow:not(:disabled):hover{filter:var(--carousel-hover)}.carousel-arrow:not(:disabled):hover:active{filter:var(--carousel-press)}.carousel-dot:not(.is-active):hover .carousel-dot-mark,.carousel-bar:hover .carousel-bar-track{background:var(--carousel-soft)}}
