@layer qfds-extensions{:root{--qfds-showcase-side:var(--page-gutter);--qfds-showcase-gap:calc(12 * var(--space-unit));--qfds-showcase-list-min:calc(70 * var(--space-unit));--qfds-showcase-stage-width:790px;--qfds-showcase-top:calc(16 * var(--space-unit));--qfds-showcase-sticky-top:calc(30 * var(--space-unit));--qfds-showcase-step:calc(30 * var(--space-unit));--qfds-showcase-exit-space:calc(var(--space-12) * 2);--qfds-showcase-edge:calc(12 * var(--space-unit));--qfds-showcase-fade:50svh;--qfds-showcase-slide-gap:var(--space-3);--qfds-showcase-caption-height:calc(3 * var(--qfds-catalog-caption-line));--qfds-showcase-bottom-space:var(--space-8);--qfds-showcase-card-min:calc(100 * var(--space-unit));--qfds-showcase-card-max:560px;--qfds-showcase-card-height:clamp(var(--qfds-showcase-card-min),calc(100svh - var(--qfds-showcase-sticky-top) - var(--qfds-showcase-slide-gap) - var(--qfds-showcase-caption-height) - var(--qfds-showcase-bottom-space)),var(--qfds-showcase-card-max));--qfds-showcase-pane:calc(var(--qfds-showcase-card-height) + var(--qfds-showcase-slide-gap) + var(--qfds-showcase-caption-height));--qfds-showcase-card-radius:calc(2 * var(--radius));--qfds-showcase-item-size:clamp(var(--space-6),3vw,var(--space-12));--qfds-showcase-item-line:1.12;--qfds-showcase-item-gap:.9em;--qfds-showcase-item-weight:600;--qfds-showcase-item-tracking:-.025em;--qfds-showcase-item-dim:.3;--qfds-showcase-item-hover:.6;--qfds-showcase-scrim:color-mix(in srgb,var(--background) 50%,transparent);--qfds-showcase-soften:calc(5 * var(--space-unit));--qfds-showcase-media-fade:.5s;--qfds-showcase-item-fade:.3s;--qfds-showcase-slide-fade:.24s;--qfds-showcase-ease:cubic-bezier(.4,0,.2,1);--qfds-showcase-caption-muted:var(--muted-foreground);--qfds-showcase-card-surface:var(--qfds-overlay-surface);--qfds-showcase-card-blur:var(--qfds-overlay-blur);--qfds-showcase-card-shadow:var(--qfds-overlay-shadow);--qfds-showcase-card-solid:var(--muted);--qfds-showcase-card-edge:var(--panel-border);--qfds-showcase-focus:var(--qfds-focus-ink);--qfds-showcase-stack-pad:var(--space-8);--qfds-showcase-stack-gap:var(--space-3);--qfds-showcase-stack-card-height:min(640px,calc(100svh - calc(40 * var(--space-unit))));--qfds-showcase-stack-melt:calc(2 * var(--qfds-showcase-stack-pad));--qfds-showcase-stack-exit:var(--space-16);--qfds-showcase-bleed-top:var(--qfds-stage-header-height,0px);--qfds-showcase-screen:calc(100svh - var(--qfds-showcase-bleed-top));--qfds-showcase-screen-pad:var(--space-4);--qfds-showcase-feed-width:min(640px,44vw);--qfds-showcase-overlay-blend:difference;--qfds-showcase-overlay-ink:var(--qfds-header-difference-ink,var(--foreground));--qfds-showcase-gauge-size:calc(10 * var(--space-unit));--qfds-showcase-gauge-stroke:2;--qfds-showcase-gauge-track:.3;--qfds-showcase-gauge-gap:var(--space-3);--qfds-showcase-plain:var(--qfds-header-underlay-ink,var(--background));--qfds-showcase-glow:radial-gradient(48% 46% at 50% 52%,color-mix(in srgb,var(--primary) 34%,transparent),color-mix(in srgb,var(--primary) 8%,transparent) 55%,transparent 78%);--qfds-showcase-midline:50%;--qfds-showcase-mid-col:clamp(calc(22 * var(--space-unit)),calc((100vw - var(--qfds-showcase-feed-width)) / 2 - var(--qfds-showcase-side) - calc(46 * var(--space-unit))),calc(32 * var(--space-unit)));--qfds-showcase-mid-size:var(--qfds-button-size);--qfds-showcase-mid-gap:var(--space-6);--qfds-showcase-row-fade:var(--space-8);--qfds-showcase-mid-line:1.3;--qfds-showcase-mid-tracking:var(--qfds-label-caps-tracking,.04em);--qfds-showcase-mid-claim:min(calc(80 * var(--space-unit)),calc((100vw - var(--qfds-showcase-feed-width)) / 2 - var(--qfds-showcase-side) - var(--space-4)));--qfds-showcase-overlay-item-gap:.12em;--qfds-showcase-overlay-item-line:1.08;--qfds-showcase-caption-width:clamp(calc(60 * var(--space-unit)),24vw,calc(85 * var(--space-unit)));--qfds-showcase-corner-room:calc((100vw - var(--qfds-showcase-feed-width)) / 2 - var(--qfds-showcase-side) - var(--space-4));--qfds-showcase-action-gap:var(--space-4);--qfds-showcase-slider-reserve:var(--qfds-mobile-bar-reserve,var(--space-4));--qfds-showcase-slider-gap:var(--space-3);--qfds-showcase-slider-title-gap:.6em;--qfds-showcase-slider-title-size:var(--space-6);--qfds-showcase-slider-overlay-min:calc(40 * var(--space-unit));--qfds-showcase-slider-feed-layout:calc(100% / .72);--qfds-showcase-feed-layout:560px;--qfds-showcase-thread-width:min(640px,46vw);--qfds-showcase-thread-after:.35fr;--qfds-showcase-rail-gap:var(--space-6);--qfds-showcase-thread-top:var(--space-12);--qfds-showcase-rail-top:calc(var(--qfds-showcase-bleed-top) + var(--qfds-showcase-thread-top));--qfds-showcase-thread-gap:var(--qfds-chat-pad,var(--space-4));--qfds-showcase-ring-size:calc(6 * var(--space-unit));--qfds-showcase-ring-stroke:calc(2 * var(--qfds-showcase-gauge-stroke));--qfds-showcase-ring-axis:.64em;--qfds-showcase-thread-scrim:var(--qfds-showcase-scrim);--qfds-showcase-thread-dim:.56;--qfds-showcase-thread-quiet:1;--qfds-showcase-rail-caption-shift:var(--space-1);--qfds-showcase-ring-gap:var(--space-3);--qfds-showcase-rail-caption-gap:var(--space-3);--qfds-showcase-rail-caption-width:calc(100 * var(--space-unit));--qfds-showcase-rail-font:var(--font-display);--qfds-showcase-chapter-gap-narrow:var(--space-12);--qfds-showcase-underlay-from:color-mix(in srgb,var(--qfds-header-underlay-ink,var(--background)) 40%,transparent);--qfds-showcase-underlay-to:transparent}.qfds-showcase-hero{--qfds-showcase-steps:4;isolation:isolate;color:var(--foreground);background:var(--background);position:relative}.qfds-showcase-hero[data-count="2"]{--qfds-showcase-steps:2}.qfds-showcase-hero[data-count="3"]{--qfds-showcase-steps:3}.qfds-showcase-hero[data-count="4"]{--qfds-showcase-steps:4}.qfds-showcase-hero[data-count="5"]{--qfds-showcase-steps:5}.qfds-showcase-hero[data-count="6"]{--qfds-showcase-steps:6}.qfds-showcase-backdrops{inset:calc(-1 * var(--qfds-showcase-bleed-top)) 0 0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-showcase-fade)),transparent);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-showcase-fade)),transparent);mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-showcase-fade)),transparent);position:absolute}.qfds-showcase-backdrop-frame{height:100svh;position:sticky;top:0;overflow:hidden}.qfds-showcase-backdrop{opacity:0;transition:opacity var(--qfds-showcase-media-fade) var(--qfds-showcase-ease);position:absolute;inset:0}.qfds-showcase-backdrop[data-state=active]{opacity:1}.qfds-showcase-media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.qfds-showcase-media[data-treatment=soften]{filter:blur(var(--qfds-showcase-soften));transform:scale(1.08)}.qfds-showcase-backdrop>.qfds-gradient-cover,.qfds-showcase-slide-media>.qfds-gradient-cover{position:absolute;inset:0}.qfds-showcase-scrim{background:var(--qfds-showcase-scrim);position:absolute;inset:0}.qfds-showcase-tone{background:var(--qfds-showcase-plain);position:absolute;inset:0}.qfds-showcase-tone[data-tone=glow]{background:var(--qfds-showcase-glow),var(--qfds-showcase-plain)}.qfds-showcase-backdrop-frame:has(>.qfds-showcase-backdrop[data-state=active]>.qfds-showcase-tone)>.qfds-showcase-scrim{opacity:0}.qfds-showcase-scrim{transition:opacity var(--qfds-showcase-media-fade) var(--qfds-showcase-ease)}.qfds-showcase-grid{z-index:1;box-sizing:border-box;grid-template-columns:minmax(var(--qfds-showcase-list-min),1fr) minmax(0,var(--qfds-showcase-stage-width));column-gap:var(--qfds-showcase-gap);padding:var(--qfds-showcase-top) var(--qfds-showcase-side) var(--qfds-showcase-exit-space);min-height:calc(var(--qfds-showcase-top) + var(--qfds-showcase-pane) + var(--qfds-showcase-steps) * var(--qfds-showcase-step) + var(--qfds-showcase-exit-space));display:grid;position:relative}.qfds-showcase-list,.qfds-showcase-stage{top:var(--qfds-showcase-sticky-top);align-self:start;position:sticky}.qfds-showcase-list,.qfds-showcase-card{-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)));-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)));mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)))}.qfds-showcase-caption{--qfds-showcase-caption-cut:calc(var(--qfds-showcase-cut,-100vh) - var(--qfds-showcase-card-height) - var(--qfds-showcase-slide-gap));-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-caption-cut),black calc(var(--qfds-showcase-caption-cut) + var(--qfds-showcase-edge)));-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-caption-cut),black calc(var(--qfds-showcase-caption-cut) + var(--qfds-showcase-edge)));mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-caption-cut),black calc(var(--qfds-showcase-caption-cut) + var(--qfds-showcase-edge)))}.qfds-showcase-list{box-sizing:border-box;gap:var(--qfds-showcase-item-gap);min-height:var(--qfds-showcase-pane-size,var(--qfds-showcase-pane));font-size:var(--qfds-showcase-item-size);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.qfds-showcase-item{border-radius:var(--radius);width:100%;color:var(--foreground);text-align:start;cursor:pointer;font:var(--qfds-showcase-item-weight) 1em/var(--qfds-showcase-item-line) var(--font-ui),sans-serif;letter-spacing:var(--qfds-showcase-item-tracking);opacity:var(--qfds-showcase-item-dim);transition:opacity var(--qfds-showcase-item-fade) var(--qfds-showcase-ease);background:0 0;border:0;margin:0;padding:0;display:block}@media (hover:hover){.qfds-showcase-item:hover{opacity:var(--qfds-showcase-item-hover)}}.qfds-showcase-item[aria-current=true]{opacity:1}.qfds-showcase-item:focus-visible{opacity:var(--qfds-showcase-item-hover);outline:none}.qfds-showcase-stage{min-width:0;display:grid}.qfds-showcase-slide{gap:var(--qfds-showcase-slide-gap);opacity:0;visibility:hidden;min-width:0;transition:opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s linear var(--qfds-showcase-slide-fade);flex-direction:column;grid-area:1/1;display:flex}.qfds-showcase-slide[data-state=active]{opacity:1;visibility:visible;transition:opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s}.qfds-showcase-slide-media{display:none}.qfds-showcase-slide-name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qfds-showcase-card{box-sizing:border-box;height:var(--qfds-showcase-card-height);border:1px solid var(--qfds-showcase-card-edge);border-radius:var(--qfds-showcase-card-radius);background:var(--qfds-showcase-card-surface);min-width:0;-webkit-backdrop-filter:blur(var(--qfds-showcase-card-blur));backdrop-filter:blur(var(--qfds-showcase-card-blur));box-shadow:var(--qfds-showcase-card-shadow);position:relative;overflow:hidden;container-type:inline-size}.qfds-showcase-caption{min-height:var(--qfds-showcase-caption-height);padding:0}.qfds-showcase-caption-title{color:var(--foreground);font:var(--qfds-catalog-weight) var(--text-body)/var(--qfds-catalog-caption-line) var(--font-ui),sans-serif;letter-spacing:var(--qfds-catalog-tracking);text-wrap:pretty;margin:0}.qfds-showcase-caption-line{color:var(--qfds-showcase-caption-muted);font:400 var(--text-body)/var(--qfds-catalog-caption-line) var(--font-ui),sans-serif;text-wrap:pretty;margin:0}@media (max-width:820px){.qfds-showcase-backdrops,.qfds-showcase-list{display:none}.qfds-showcase-grid{min-height:0;padding:0;display:block}.qfds-showcase-stage{flex-direction:column;display:flex;position:static}.qfds-showcase-card,.qfds-showcase-caption{-webkit-mask-image:none;mask-image:none}.qfds-showcase-slide{isolation:isolate;gap:var(--qfds-showcase-stack-gap);padding:var(--qfds-showcase-stack-pad) var(--qfds-showcase-side);opacity:1;visibility:visible;transition:none;position:relative;overflow:hidden}.qfds-showcase-slide-media{z-index:-1;display:block;position:absolute;inset:0}.qfds-showcase-slide:last-child{padding-bottom:var(--qfds-showcase-stack-exit)}.qfds-showcase-slide-media{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-showcase-stack-melt),black calc(100% - var(--qfds-showcase-stack-melt)),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-showcase-stack-melt),black calc(100% - var(--qfds-showcase-stack-melt)),transparent);mask-image:linear-gradient(to bottom,transparent,black var(--qfds-showcase-stack-melt),black calc(100% - var(--qfds-showcase-stack-melt)),transparent)}.qfds-showcase-slide-name{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--foreground);font:var(--qfds-showcase-item-weight) var(--qfds-showcase-item-size)/var(--qfds-showcase-item-line) var(--font-ui),sans-serif;letter-spacing:var(--qfds-showcase-item-tracking);margin:0;position:static;overflow:visible}.qfds-showcase-caption{order:-1;min-height:0}.qfds-showcase-slide-name{order:-2}.qfds-showcase-card{height:var(--qfds-showcase-stack-card-height)}}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-grid{padding:0 0 var(--qfds-showcase-exit-space);min-height:calc(var(--qfds-showcase-screen) + var(--qfds-showcase-steps) * var(--qfds-showcase-step) + var(--qfds-showcase-exit-space));display:block}.qfds-showcase-pane{top:var(--qfds-showcase-bleed-top);z-index:0;box-sizing:border-box;height:var(--qfds-showcase-screen);padding:var(--qfds-showcase-screen-pad) var(--qfds-showcase-side);-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)));-webkit-mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)));mask-image:linear-gradient(to bottom,transparent var(--qfds-showcase-cut,-100vh),black calc(var(--qfds-showcase-cut,-100vh) + var(--qfds-showcase-edge)));position:sticky}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-stage{z-index:1;box-sizing:border-box;width:var(--qfds-showcase-feed-width);grid-template-rows:minmax(0,1fr);height:100%;margin-inline:auto;position:relative;top:auto}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide{height:100%}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-card{--qfds-chat-feed-layout:var(--qfds-showcase-feed-layout);-webkit-backdrop-filter:none;backdrop-filter:none;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide>.qfds-showcase-caption{display:none}.qfds-showcase-overlay{z-index:2;bottom:var(--qfds-showcase-screen-pad);color:var(--qfds-showcase-overlay-ink);mix-blend-mode:var(--qfds-showcase-overlay-blend);pointer-events:none;align-items:flex-end;display:flex;position:absolute}.qfds-showcase-overlay[data-side=start]{left:var(--qfds-showcase-side);align-items:flex-start;gap:var(--qfds-showcase-gauge-gap);flex-direction:column}.qfds-showcase-gauge-row{align-items:center;gap:var(--space-2);color:var(--qfds-showcase-overlay-ink);font:500 var(--qfds-button-size)/var(--qfds-button-line) var(--font-ui),sans-serif;display:inline-flex}.qfds-showcase-gauge{box-sizing:border-box;width:var(--qfds-showcase-gauge-size);height:var(--qfds-showcase-gauge-size);color:inherit;cursor:pointer;pointer-events:auto;transition:scale var(--motion-feedback);background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;display:inline-grid;position:relative}.qfds-showcase-gauge:active:not(:disabled){scale:.96}.qfds-showcase-gauge:disabled{cursor:default;opacity:var(--qfds-showcase-item-dim)}.qfds-showcase-gauge:focus-visible{opacity:var(--qfds-showcase-item-hover);outline:none}.qfds-showcase-gauge-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;rotate:-90deg}.qfds-showcase-gauge-ring circle{fill:none;stroke:currentColor;stroke-width:var(--qfds-showcase-gauge-stroke)}.qfds-showcase-gauge-track{opacity:var(--qfds-showcase-gauge-track)}.qfds-showcase-gauge-value{stroke-linecap:round}.qfds-showcase-gauge>.qfds-icon{width:var(--qfds-glyph-button);height:var(--qfds-glyph-button);margin:0}.qfds-showcase-gauge-pause{gap:3px;display:inline-flex}.qfds-showcase-gauge-pause>i{background:currentColor;border-radius:1px;width:3px;height:10px;display:block}.qfds-showcase-gauge-label{opacity:var(--qfds-showcase-item-hover)}.qfds-showcase-overlay[data-side=end]{right:var(--qfds-showcase-side)}.qfds-showcase-overlay :is(button,a,[role=button]){pointer-events:auto}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list{gap:var(--qfds-showcase-overlay-item-gap);min-height:0;position:static;top:auto;-webkit-mask-image:none;mask-image:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-item{width:auto;color:var(--qfds-showcase-overlay-ink);line-height:var(--qfds-showcase-overlay-item-line)}.qfds-showcase-captions{width:min(var(--qfds-showcase-caption-width),var(--qfds-showcase-corner-room));display:grid}@media (min-width:821px){.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-overlay[data-side=start]{max-width:var(--qfds-showcase-corner-room)}}.qfds-showcase-caption-slot{opacity:0;visibility:hidden;transition:opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s linear var(--qfds-showcase-slide-fade);grid-area:1/1;align-self:end}.qfds-showcase-caption-slot[data-state=active]{opacity:1;visibility:visible;transition:opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s}.qfds-showcase-overlay .qfds-showcase-caption{min-height:0}.qfds-showcase-overlay .qfds-showcase-caption-title,.qfds-showcase-overlay .qfds-showcase-caption-line{color:var(--qfds-showcase-overlay-ink)}.qfds-showcase-overlay .qfds-showcase-caption-line{opacity:var(--qfds-showcase-item-hover)}.qfds-showcase-action{gap:var(--space-2);margin-top:var(--qfds-showcase-action-gap);flex-wrap:wrap;display:flex}@media (min-width:821px){.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-overlay{top:var(--qfds-showcase-midline);align-items:flex-start;bottom:auto}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-overlay[data-side=start]{flex-direction:row;gap:0}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-gauge-row{box-sizing:border-box;min-width:var(--qfds-showcase-mid-col);flex:none;padding-inline-end:var(--qfds-showcase-mid-gap)}.qfds-showcase-hero[data-arrangement=midline] :is(.qfds-showcase-list,.qfds-showcase-gauge-label,.qfds-showcase-caption-title){font-size:var(--qfds-showcase-mid-size);letter-spacing:var(--qfds-showcase-mid-tracking);text-transform:uppercase}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-list{gap:0}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-item{font-weight:500;line-height:var(--qfds-showcase-mid-line);letter-spacing:inherit;text-transform:uppercase}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-captions{width:var(--qfds-showcase-mid-claim)}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-caption-slot{text-align:end;align-self:start}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-caption-title{font-weight:500;line-height:var(--qfds-showcase-mid-line)}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-caption-line{margin-top:var(--space-2);font-size:var(--qfds-showcase-mid-size);line-height:var(--qfds-button-line)}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-action{justify-content:flex-end}}@media (min-width:821px) and (max-width:1279px){.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-overlay[data-side=start]{gap:var(--qfds-showcase-gauge-gap);margin-top:calc(-1 * (var(--qfds-showcase-gauge-size) + var(--qfds-showcase-gauge-gap)));flex-direction:column}.qfds-showcase-hero[data-arrangement=midline] .qfds-showcase-gauge-row{min-width:0;padding-inline-end:0}}@media (max-width:820px){.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-backdrops{--qfds-showcase-fade:var(--qfds-showcase-stack-melt);display:block}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-grid{min-height:0;padding:0}.qfds-showcase-pane{height:var(--qfds-showcase-screen);padding:0;position:relative;top:auto;-webkit-mask-image:none;mask-image:none}.qfds-showcase-overlay[data-side=start]{left:0;right:0;bottom:calc(var(--qfds-showcase-slider-reserve) + var(--qfds-showcase-caption-size,0px) + var(--qfds-showcase-slider-gap));flex-direction:row;align-items:center;gap:0}.qfds-showcase-overlay[data-side=start]>.qfds-showcase-gauge-row{padding-left:var(--qfds-showcase-side);flex:none}.qfds-showcase-overlay[data-side=start]>.qfds-showcase-gauge-row+.qfds-showcase-list{min-width:0;padding-left:var(--qfds-showcase-gauge-gap)}.qfds-showcase-overlay[data-side=end]{right:var(--qfds-showcase-side);left:var(--qfds-showcase-side);bottom:var(--qfds-showcase-slider-reserve)}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list{gap:var(--qfds-showcase-slider-title-gap);box-sizing:border-box;width:100%;padding:0 var(--qfds-showcase-side);overscroll-behavior-x:contain;scrollbar-width:none;pointer-events:auto;font-size:var(--qfds-showcase-slider-title-size);flex-direction:row;display:flex;overflow-x:auto}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list::-webkit-scrollbar{display:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list[data-cut-end]{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--qfds-showcase-row-fade)),transparent);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--qfds-showcase-row-fade)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--qfds-showcase-row-fade)),transparent)}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list[data-cut-start]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade));-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade));mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade))}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list[data-cut-start][data-cut-end]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade),black calc(100% - var(--qfds-showcase-row-fade)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade),black calc(100% - var(--qfds-showcase-row-fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--qfds-showcase-row-fade),black calc(100% - var(--qfds-showcase-row-fade)),transparent)}.qfds-showcase-overlay[data-side=start]>.qfds-showcase-gauge-row{padding-inline-end:var(--space-2)}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-list>li{flex:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-item{white-space:nowrap}.qfds-showcase-captions{width:100%}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-stage{top:var(--qfds-showcase-screen-pad);right:0;bottom:calc(var(--qfds-showcase-slider-reserve) + var(--qfds-showcase-overlay-size,var(--qfds-showcase-slider-overlay-min)) + var(--qfds-showcase-slider-gap));z-index:1;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex-direction:row;align-self:stretch;width:auto;height:auto;margin:0;display:flex;position:absolute;left:0;overflow:auto hidden}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-stage::-webkit-scrollbar{display:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-stage[data-dragging]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide{box-sizing:border-box;height:100%;padding:0 var(--qfds-showcase-side);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;overflow:hidden}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide:last-child{padding-bottom:0}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide-media{display:none}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-slide-name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qfds-showcase-hero[data-layout=overlay] .qfds-showcase-card{--qfds-chat-feed-layout:var(--qfds-showcase-slider-feed-layout);--qfds-run-canvas-mode:chain;flex:1;height:auto;min-height:0}}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-grid{z-index:auto;grid-template-columns:minmax(0,1fr) minmax(0,var(--qfds-showcase-thread-width)) minmax(0,var(--qfds-showcase-thread-after));column-gap:var(--qfds-showcase-gap);min-height:0;padding:var(--qfds-showcase-thread-top) var(--qfds-showcase-side) var(--qfds-showcase-exit-space)}.qfds-showcase-rail{top:var(--qfds-showcase-rail-top);min-width:0;color:var(--qfds-showcase-overlay-ink);mix-blend-mode:var(--qfds-showcase-overlay-blend);grid-column:1;align-self:start;position:sticky}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-list{gap:var(--qfds-showcase-rail-gap);min-height:0;font-size:var(--qfds-showcase-item-size);margin:0;padding:0;list-style:none;display:grid;position:static;-webkit-mask-image:none;mask-image:none}.qfds-showcase-rail-item{grid-template-columns:var(--qfds-showcase-ring-size) minmax(0,1fr);column-gap:var(--qfds-showcase-ring-gap);align-items:start;display:grid}.qfds-showcase-ring-slot{width:var(--qfds-showcase-ring-size);height:var(--qfds-showcase-ring-size);margin-top:calc(var(--qfds-showcase-ring-axis) - var(--qfds-showcase-ring-size) / 2);grid-column:1;display:block}.qfds-showcase-ring{width:100%;height:100%;display:block;overflow:visible;rotate:-90deg}.qfds-showcase-ring circle{fill:none;stroke:currentColor;stroke-width:var(--qfds-showcase-ring-stroke)}.qfds-showcase-rail .qfds-showcase-item{width:auto;color:inherit;font-family:var(--qfds-showcase-rail-font),var(--font-ui),sans-serif;font-size:var(--qfds-showcase-item-size);line-height:var(--qfds-showcase-overlay-item-line);grid-column:2}.qfds-showcase-rail-caption{max-width:var(--qfds-showcase-rail-caption-width);opacity:0;visibility:hidden;font-size:var(--text-body);transition:grid-template-rows var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s linear var(--qfds-showcase-slide-fade);grid-column:2;grid-template-rows:0fr;margin-inline-start:var(--qfds-showcase-rail-caption-shift);display:grid}.qfds-showcase-rail-caption[data-state=active]{opacity:1;visibility:visible;transition:grid-template-rows var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),opacity var(--qfds-showcase-slide-fade) var(--qfds-showcase-ease),visibility 0s;grid-template-rows:1fr}.qfds-showcase-rail-caption-inner{min-height:0;overflow:hidden}.qfds-showcase-rail-caption[data-state=active]>.qfds-showcase-rail-caption-inner{padding-block:var(--qfds-showcase-rail-caption-gap)}.qfds-showcase-rail .qfds-showcase-caption-title,.qfds-showcase-rail .qfds-showcase-caption-line,.qfds-showcase-chapter-head :is(.qfds-showcase-caption-title,.qfds-showcase-caption-line){color:inherit}.qfds-showcase-rail .qfds-showcase-caption-line,.qfds-showcase-chapter-head .qfds-showcase-caption-line{opacity:var(--qfds-showcase-thread-quiet)}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-scrim{background:var(--qfds-showcase-thread-scrim)}.qfds-showcase-rail .qfds-showcase-item:not([aria-current=true]){opacity:var(--qfds-showcase-thread-dim)}@media (hover:hover){.qfds-showcase-rail .qfds-showcase-item:not([aria-current=true]):hover{opacity:var(--qfds-showcase-thread-quiet)}}.qfds-showcase-rail .qfds-showcase-item:not([aria-current=true]):focus-visible{opacity:var(--qfds-showcase-thread-quiet)}.qfds-showcase-hero[data-rail-ink=plain] :is(.qfds-showcase-rail,.qfds-showcase-chapter-head){mix-blend-mode:normal}.qfds-showcase-thread{align-content:start;gap:var(--qfds-showcase-thread-gap);grid-column:2;min-width:0;display:grid}.qfds-showcase-chapter{gap:var(--qfds-showcase-stack-gap);min-width:0;display:grid}.qfds-showcase-chapter-head{display:none}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-card{-webkit-backdrop-filter:none;backdrop-filter:none;min-width:0;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible;-webkit-mask-image:none;mask-image:none}@media (max-width:820px){.qfds-showcase-hero[data-layout=thread] .qfds-showcase-backdrops{--qfds-showcase-fade:var(--qfds-showcase-stack-melt);display:block}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-grid{padding:var(--qfds-showcase-stack-pad) var(--qfds-showcase-side) var(--qfds-showcase-stack-exit);display:block}.qfds-showcase-rail{display:none}.qfds-showcase-thread{gap:var(--qfds-showcase-chapter-gap-narrow)}.qfds-showcase-chapter-head{gap:var(--space-2);color:var(--qfds-showcase-overlay-ink);mix-blend-mode:var(--qfds-showcase-overlay-blend);display:grid}.qfds-showcase-hero[data-layout=thread] .qfds-showcase-slide-name{clip-path:none;white-space:normal;width:auto;height:auto;color:inherit;font:var(--qfds-showcase-item-weight) var(--qfds-showcase-slider-title-size)/var(--qfds-showcase-overlay-item-line) var(--qfds-showcase-rail-font),var(--font-ui),sans-serif;letter-spacing:var(--qfds-showcase-item-tracking);margin:0;position:static;overflow:visible}}@media (prefers-reduced-motion:reduce){.qfds-showcase-backdrop,.qfds-showcase-item,.qfds-showcase-slide,.qfds-showcase-slide[data-state=active],.qfds-showcase-caption-slot,.qfds-showcase-caption-slot[data-state=active],.qfds-showcase-gauge,.qfds-showcase-scrim,.qfds-showcase-rail-caption,.qfds-showcase-rail-caption[data-state=active]{transition:none}.qfds-showcase-gauge:active:not(:disabled){scale:1}}@media (pointer:coarse){.qfds-showcase-gauge{width:var(--qfds-touch-min);height:var(--qfds-touch-min)}}@media (prefers-reduced-transparency:reduce){.qfds-showcase-card{background:var(--qfds-showcase-card-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.qfds-showcase-overlay,.qfds-showcase-rail,.qfds-showcase-chapter-head{mix-blend-mode:normal}}@media (forced-colors:active){.qfds-showcase-overlay,.qfds-showcase-rail,.qfds-showcase-chapter-head{mix-blend-mode:normal}.qfds-showcase-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:canvas;border-color:canvastext}.qfds-showcase-item[aria-current=true]{text-decoration:underline}}}.qfds-category-hero[data-variant=categories]:has(>.qfds-showcase-hero){padding:0}body:has(.qfds-showcase-hero[data-layout=thread]) .qfds-header-underlay{background:linear-gradient(to bottom,var(--qfds-showcase-underlay-from),var(--qfds-showcase-underlay-to))}