.carousel{--carousel-item:78vw;--carousel-gap:var(--gap);--carousel-edge:10px;gap:clamp(16px,2vw,24px);min-width:0;display:grid}@media (min-width:600px){.carousel{--carousel-item:clamp(240px, 24vw, 300px)}}.carousel--bleed{--carousel-edge:calc(max(0px, (100vw - var(--container)) / 2) + var(--gutter))}.carousel__viewport{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--carousel-edge);scrollbar-width:none;cursor:grab;margin:-10px calc(-1 * var(--carousel-edge)) 0;padding-top:10px;overflow-x:auto}.carousel--bleed-end .carousel__viewport{--carousel-end:calc(max(0px, (100vw - var(--container)) / 2) + var(--gutter));margin-right:calc(-1 * var(--carousel-end));scroll-padding-right:var(--carousel-end)}.carousel__viewport::-webkit-scrollbar{display:none}.carousel__viewport[data-dragging]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel__viewport[data-dragging] *{pointer-events:none}.carousel__viewport:focus-visible{outline-offset:-3px;border-radius:var(--r-lg)}.carousel__track{gap:var(--carousel-gap);width:max-content;padding:0 var(--carousel-edge) 24px;list-style:none;display:flex}.carousel--bleed-end .carousel__track{padding-right:var(--carousel-end)}.carousel__slide{flex:0 0 var(--carousel-item);width:var(--carousel-item);scroll-snap-align:start;min-width:0;display:flex}.carousel__slide>*{flex:1;min-width:0}.carousel__slide img{-webkit-user-drag:none}.carousel__controls{visibility:hidden;opacity:0;min-width:0;transition:opacity .4s var(--ease);align-items:center;gap:clamp(16px,2vw,24px);margin-top:-8px;display:flex}.carousel[data-ready] .carousel__controls{visibility:visible;opacity:1}.carousel__progress{border-radius:var(--r-md);background:var(--rule);flex:1;height:4px;position:relative;overflow:hidden}.carousel__thumb{--thumb:.3;--pos:0;width:calc(var(--thumb) * 100%);border-radius:inherit;background:var(--grad);transform:translate3d(calc(var(--pos) * (1 / var(--thumb) - 1) * 100%), 0, 0);transition:width .2s var(--ease);position:absolute;inset:0 auto 0 0}.carousel__arrows{flex:none;gap:.6rem;display:flex}.carousel__arrow{border:1px solid var(--line);border-radius:var(--r-md);width:48px;height:48px;color:var(--ink);box-shadow:none;cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s ease, opacity .2s ease;background:#fff;place-items:center;padding:0;display:grid}@media (hover:hover){.carousel__arrow:not([aria-disabled]):hover{box-shadow:none;transform:none}}.carousel__arrow:not([aria-disabled]):active{transform:translateY(1px)}.carousel__arrow[aria-disabled]{opacity:.4;cursor:default;box-shadow:none}@media (max-width:599.98px){.carousel__arrows{display:none}.carousel__controls{margin-top:-4px}}