.fan-gallery{box-sizing:border-box;width:100%;min-width:0;color:inherit;padding:32px 0 20px;overflow:clip}.fan-gallery .fan-gallery-heading{text-align:center;margin:0 0 24px;padding:0 16px;font-family:inherit}.fan-gallery-heading h2{font:inherit;letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,4cqw,2.5rem);font-weight:600;line-height:1.2}.fan-gallery-heading p{font:inherit;margin:12px 0 0;font-size:1rem;line-height:1.5}.fan-gallery-stage{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;caret-color:#0000;width:100%;height:320px;min-height:120px;position:relative}.fan-gallery-card{appearance:none;contain:paint;isolation:isolate;aspect-ratio:.8;background:color-mix(in srgb, currentColor 8%, transparent);cursor:pointer;backface-visibility:hidden;transform-origin:50%;border:0;border-radius:18px;width:176px;padding:0;display:block;position:absolute;top:0;left:0;overflow:hidden}.fan-gallery.is-active{z-index:1;position:relative;overflow:visible clip}.fan-gallery.is-animating{z-index:1;position:relative;overflow:visible}.fan-gallery-stage.is-moving .fan-gallery-card{will-change:transform}.fan-gallery-card img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fan-gallery-card:focus-visible{outline-offset:-4px;outline:2px solid}.fan-gallery:not([data-ready]) .fan-gallery-stage,.fan-gallery:not([data-ready]) .fan-gallery-heading{visibility:hidden}@media (width<=600px){.fan-gallery{padding-top:24px}}.viewport-guides{z-index:10002;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--theme-ink);opacity:0;will-change:opacity;position:fixed;inset:0}.viewport-guide{border-top:1px dashed var(--theme-ink-muted);will-change:transform;position:absolute;top:0;left:0;right:0}.viewport-guide.is-active{border-top-style:solid;border-top-color:var(--theme-ink)}.viewport-guide-label{will-change:transform;position:absolute;top:0;right:20px}.viewport-guide-label-surface{border:1px solid var(--theme-border-strong);border-radius:var(--radius-md,8px);background:var(--theme-background);color:var(--theme-ink-muted);letter-spacing:0;white-space:nowrap;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:400;line-height:16px;display:block}.viewport-guide-label-text{align-items:center;gap:14px;display:flex}.viewport-guide.is-up .viewport-guide-label{left:20px;right:auto}.viewport-guide.is-active .viewport-guide-label-surface{border-color:var(--theme-ink);background:var(--theme-ink);color:var(--theme-background)}.viewport-guide b{font-variant-numeric:tabular-nums;font-weight:500}@media (prefers-reduced-motion:reduce){.viewport-guides[data-state=visible]{opacity:1}}@media (width<=600px){.viewport-guide-label{right:12px}.viewport-guide.is-up .viewport-guide-label{left:12px}}.component-showcase .component-preview-stage:has(>.fan-gallery){padding:0;container-type:inline-size}.component-preview-stage>.fan-gallery{background:var(--theme-background);color:var(--theme-ink);font-family:Plus Jakarta Sans,Inter Variable,sans-serif}.fan-gallery-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.fan-gallery-actions button{border-radius:var(--radius-md);background:var(--components-selection-background);color:var(--theme-ink);font:inherit;cursor:pointer;border:0;padding:8px 12px;font-size:12px}.fan-gallery-actions button:focus-visible{outline:2px solid var(--theme-ink-muted);outline-offset:2px}.component-showcase:has(.fan-gallery.is-animating){overflow:visible}.component-showcase:has(.fan-gallery.is-animating) .component-preview-canvas{overflow:visible}.component-preview-stage:has(>.fan-gallery.is-animating){overflow:visible}.component-showcase:has(.fan-gallery.is-active){overflow:visible}.component-showcase:has(.fan-gallery.is-active) .component-preview-canvas{overflow:visible}.component-preview-stage:has(>.fan-gallery.is-active){overflow:visible}