@layer qfds-extensions{:root{--qfds-try-gap:var(--qfds-mosaic-col-gap,var(--qfds-preview-gap-column,var(--space-2)));--qfds-try-card-gap:var(--qfds-preview-gap-column,var(--space-2));--qfds-try-banner-radius:calc(2 * var(--radius));--qfds-try-banner-edge:transparent;--qfds-try-grid-cell:calc(10 * var(--space-unit));--qfds-try-grid-back:.45;--qfds-try-grid-stroke:1px;--qfds-try-grid-ink:var(--surface-mint);--qfds-try-grid-alpha:.16;--qfds-try-prompt-ink:color-mix(in srgb,var(--foreground) 86%,transparent);--qfds-try-prompt-size:var(--qfds-button-size);--qfds-try-prompt-line:1.6;--qfds-try-prompt-note-ink:var(--muted-foreground);--qfds-try-action-ink:var(--qfds-header-difference-ink,var(--foreground));--qfds-try-veil-share:72%;--qfds-try-veil-blur:calc(3 * var(--space-unit));--qfds-try-veil-blur-light:var(--space-unit);--qfds-try-veil-base:var(--qfds-glow-deep,color-mix(in srgb,var(--primary) 30%,var(--background)));--qfds-try-veil-glow:var(--qfds-glow-violet,var(--primary));--qfds-try-veil-violet:var(--qfds-glow-deep,var(--surface-violet));--qfds-try-veil-light:var(--qfds-glow-lilac,color-mix(in srgb,var(--foreground) 85%,transparent));--qfds-try-veil-mask:linear-gradient(to top,black 0%,black 55%,#000000e6 64%,#000000b8 74%,#00000080 83%,#00000047 90%,#0000001a 96%,transparent 100%);--qfds-try-veil-mask-light:linear-gradient(to top,black 0%,black 70%,#0009 86%,#0003 95%,transparent 100%);--qfds-try-banner-min:calc(80 * var(--space-unit));--qfds-try-banner-min-phone:calc(44 * var(--space-unit));--qfds-try-wave-space:color-mix(in srgb,var(--primary) 14%,var(--background));--qfds-try-wave-deep:color-mix(in srgb,var(--primary) 42%,var(--background));--qfds-try-wave-violet:var(--qfds-glow-violet,var(--primary));--qfds-try-wave-crest:color-mix(in srgb,var(--primary) 66%,var(--foreground));--qfds-try-wave-lilac:var(--qfds-glow-lilac,color-mix(in srgb,var(--primary) 34%,var(--foreground)));--qfds-try-wave-white:var(--qfds-glow-white,color-mix(in srgb,var(--primary) 8%,var(--foreground)));--qfds-try-wave-band:60% 62% at 100% 108%;--qfds-try-wave-spot:26% 40% at 100% 100%;--qfds-try-wave:radial-gradient(var(--qfds-try-wave-spot),var(--qfds-try-wave-white),color-mix(in srgb,var(--qfds-try-wave-white) 0%,transparent) 76%),radial-gradient(var(--qfds-try-wave-band),var(--qfds-try-wave-lilac) 0%,var(--qfds-try-wave-crest) 38%,color-mix(in srgb,var(--qfds-try-wave-violet) 70%,transparent) 66%,color-mix(in srgb,var(--qfds-try-wave-violet) 0%,transparent) 100%),radial-gradient(40% 18% at 28% 60%,color-mix(in srgb,var(--qfds-try-wave-crest) 55%,transparent),color-mix(in srgb,var(--qfds-try-wave-crest) 0%,transparent) 100%),radial-gradient(62% 86% at 76% 0%,var(--qfds-try-wave-space) 0%,var(--qfds-try-wave-space) 56%,color-mix(in srgb,var(--qfds-try-wave-space) 0%,transparent) 100%),radial-gradient(64% 58% at 12% 102%,var(--qfds-try-wave-violet),color-mix(in srgb,var(--qfds-try-wave-violet) 0%,transparent) 100%),linear-gradient(to bottom,var(--qfds-try-wave-space) 0%,var(--qfds-try-wave-deep) 48%,var(--qfds-try-wave-violet) 100%);--qfds-try-veil-wave-size:100% calc(100% / .72);--qfds-try-veil-wave-fade:linear-gradient(to top,black 0%,#000000b3 50%,transparent 100%);--qfds-try-headline-size:calc(9.5 * var(--space-unit));--qfds-try-prompt-white:var(--qfds-try-action-ink);--qfds-try-prompt-alpha:color-mix(in srgb,var(--qfds-try-prompt-white) calc(var(--qfds-try-prompt-opacity) * 100%),transparent);--qfds-try-headline-mark:.72em;--qfds-try-headline-mark-gap:.22em;--qfds-try-headline-font:var(--font-display);--qfds-try-prompt-opacity:.4;--qfds-try-headline-line:1.1;--qfds-try-headline-tracking:-.03em;--qfds-try-action-inset:calc((var(--qfds-try-card-glyph) - var(--control-height)) / 2);--qfds-try-action-room:var(--control-height);--qfds-try-prompt-focus:var(--qfds-focus-ink,var(--muted-foreground));--qfds-try-banner-height:calc(2 * var(--qfds-try-card-min) + var(--qfds-try-card-gap));--qfds-try-card-radius:var(--radius-panel);--qfds-try-card-pad:var(--space-4);--qfds-try-columns:var(--qfds-mosaic-lead);--qfds-try-card-aspect:3 / 2;--qfds-try-card-min:calc(22 * var(--space-unit));--qfds-try-card-width:calc(59 * var(--space-unit));--qfds-try-headline-size-phone:calc(7 * var(--space-unit));--qfds-try-headline-size-narrow:calc(6 * var(--space-unit));--qfds-try-card-surface:var(--secondary);--qfds-try-card-hover:var(--accent);--qfds-try-card-edge:var(--border);--qfds-try-card-focus:var(--qfds-focus-ink,var(--muted-foreground));--qfds-try-card-glyph:calc(5 * var(--space-unit));--qfds-try-prompt-opacity-high:.6;--qfds-try-prompt-blend:plus-lighter;--qfds-try-prompt-blend-ink:color-mix(in srgb,var(--qfds-try-prompt-white) 56%,transparent);--qfds-try-ref-space:color-mix(in srgb,var(--primary) 10%,var(--background));--qfds-try-ref-deep:color-mix(in srgb,var(--primary) 46%,var(--background));--qfds-try-ref-violet:var(--qfds-glow-violet,var(--primary));--qfds-try-ref-lilac:var(--qfds-glow-lilac,color-mix(in srgb,var(--primary) 34%,var(--foreground)));--qfds-try-ref-white:var(--qfds-glow-white,color-mix(in srgb,var(--primary) 8%,var(--foreground)));--qfds-try-ref-run:calc(11.4 * var(--qfds-try-headline-size));--qfds-try-ref-reach:max(0px,100% - var(--qfds-try-ref-run));--qfds-try-ref-rise:100%;--qfds-try-ref-core:60%;--qfds-try-ref-crest:72% 34% at 100% 42%;--qfds-try-ref-k:1;--qfds-try-press:.96;--qfds-try-fade:calc(10 * var(--space-unit));--qfds-try-motion:var(--motion-feedback);--qfds-try-card-floor:calc(37 * var(--space-unit));--qfds-try-card-air:var(--space-3);--qfds-try-card-stroke:2;--qfds-try-card-copy-rest:.1;--qfds-try-card-copy-touch:.4;--qfds-try-rail-fade:calc(1.5 * var(--space-unit))}.qfds-try{grid-template-columns:var(--qfds-try-columns);gap:var(--qfds-try-gap);min-width:0;color:var(--foreground);font-family:var(--font-ui),sans-serif;align-items:stretch;display:grid}.qfds-try-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qfds-try-banner{isolation:isolate;contain:size;padding:var(--qfds-try-card-pad);box-sizing:border-box;border:1px solid var(--qfds-try-banner-edge);border-radius:var(--qfds-try-banner-radius);background:var(--qfds-try-wave);background-origin:border-box;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid;position:relative;overflow:clip}.qfds-try-grid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.qfds-try-room-unit{width:var(--qfds-try-grid-cell);visibility:hidden;height:0;position:absolute}.qfds-try-room{width:100%;height:100%;opacity:var(--qfds-try-grid-alpha);display:block;position:absolute;inset:0}.qfds-try-room>path{fill:none;stroke:var(--qfds-try-grid-ink);stroke-width:var(--qfds-try-grid-stroke);stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.qfds-try-prompt{z-index:1;flex-direction:column;min-width:0;min-height:0;margin:0;display:flex;position:relative}.qfds-try-prompt-action{z-index:3;top:var(--qfds-try-action-inset);right:var(--qfds-try-action-inset);--qfds-button-ghost-ink:var(--qfds-try-action-ink);display:inline-flex;position:absolute}.qfds-try-veil{z-index:2;align-content:end;gap:var(--space-2);box-sizing:border-box;height:var(--qfds-try-veil-share);isolation:isolate;display:grid;position:absolute;inset:auto 0 0}.qfds-try-veil:before,.qfds-try-veil:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.qfds-try-veil:before{-webkit-backdrop-filter:blur(var(--qfds-try-veil-blur-light));backdrop-filter:blur(var(--qfds-try-veil-blur-light));-webkit-mask-image:var(--qfds-try-veil-mask-light);-webkit-mask-image:var(--qfds-try-veil-mask-light);mask-image:var(--qfds-try-veil-mask-light)}.qfds-try-veil:after{background:radial-gradient(70% 90% at 0% 100%,var(--qfds-try-veil-light),transparent 70%),radial-gradient(80% 110% at 70% 100%,var(--qfds-try-veil-glow),transparent 72%),radial-gradient(70% 100% at 100% 100%,var(--qfds-try-veil-violet),transparent 70%),linear-gradient(to top,var(--qfds-try-veil-base),color-mix(in srgb,var(--qfds-try-veil-base) 70%,transparent) 50%,color-mix(in srgb,var(--qfds-try-veil-base) 0%,transparent));-webkit-backdrop-filter:blur(var(--qfds-try-veil-blur));backdrop-filter:blur(var(--qfds-try-veil-blur));-webkit-mask-image:var(--qfds-try-veil-mask);-webkit-mask-image:var(--qfds-try-veil-mask);mask-image:var(--qfds-try-veil-mask);background:var(--qfds-try-wave);background-size:var(--qfds-try-veil-wave-size);-webkit-mask-image:var(--qfds-try-veil-mask),var(--qfds-try-veil-wave-fade);-webkit-mask-image:var(--qfds-try-veil-mask),var(--qfds-try-veil-wave-fade);mask-image:var(--qfds-try-veil-mask),var(--qfds-try-veil-wave-fade);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;background-position:bottom;-webkit-mask-composite:source-in;mask-composite:intersect}.qfds-try-prompt:has(>.qfds-try-veil){margin:calc(-1 * var(--qfds-try-card-pad));padding:var(--qfds-try-card-pad)}.qfds-try-prompt:has(>.qfds-try-veil)>.qfds-try-veil{padding:0 var(--qfds-try-card-pad) var(--qfds-try-card-pad)}.qfds-try-prompt:has(>.qfds-try-veil)>.qfds-try-prompt-action{top:calc(var(--qfds-try-card-pad) + var(--qfds-try-action-inset));right:calc(var(--qfds-try-card-pad) + var(--qfds-try-action-inset))}.qfds-try-headline-line{display:block}.qfds-try-headline-marks{align-items:center;gap:var(--qfds-try-headline-mark-gap);vertical-align:baseline;margin-inline-start:var(--qfds-try-headline-mark-gap);display:inline-flex}.qfds-try-headline-mark{width:var(--qfds-try-headline-mark);height:var(--qfds-try-headline-mark);color:var(--qfds-try-action-ink);place-items:center;display:inline-grid}.qfds-try-headline-mark>:is(svg,img){width:100%;height:100%;margin:0}.qfds-try-headline{color:var(--qfds-try-action-ink);font:600 var(--qfds-try-headline-size)/var(--qfds-try-headline-line) var(--qfds-try-headline-font),var(--font-ui),sans-serif;letter-spacing:var(--qfds-try-headline-tracking);text-wrap:wrap;margin:0}.qfds-try-prompt-text>:first-child{padding-inline-end:var(--qfds-try-action-room)}.qfds-try-prompt-text{align-content:start;gap:var(--space-4);overscroll-behavior:contain;scrollbar-width:none;min-height:0;color:var(--qfds-try-prompt-white);font:400 var(--qfds-try-prompt-size)/var(--qfds-try-prompt-line) var(--code-font);overflow-wrap:anywhere;border:1px solid #0000;outline:none;flex:1;display:grid;overflow-y:auto}.qfds-try-prompt-text::-webkit-scrollbar{display:none}.qfds-try-prompt-text>p{white-space:pre-wrap;margin:0}.qfds-try-prompt-text{color:var(--qfds-try-prompt-alpha)}.qfds-try-prompt-note{color:inherit}.qfds-try-prompt-text:focus-visible{border-color:var(--qfds-try-prompt-focus)}.qfds-try-prompt-text[data-cut-end]{-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-try-fade)),transparent);-webkit-mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-try-fade)),transparent);mask-image:linear-gradient(to bottom,black calc(100% - var(--qfds-try-fade)),transparent)}.qfds-try-prompt-text[data-cut-start]{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade));-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade));mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade))}.qfds-try-prompt-text[data-cut-start][data-cut-end]{-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent);mask-image:linear-gradient(to bottom,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent)}.qfds-try-cards{--qfds-try-fade:var(--qfds-try-rail-fade);grid-column:2/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(var(--qfds-try-card-floor),1fr);align-self:start;gap:var(--qfds-try-card-gap);outline:none;min-width:0;margin:0;padding:0;list-style:none;display:grid}.qfds-try[data-scroll] .qfds-try-cards{--qfds-try-cols:3;grid-template-columns:none;grid-template-rows:repeat(2,minmax(var(--qfds-try-card-floor),1fr));grid-auto-flow:column;grid-auto-columns:round(down,calc((100% + 1px - 2 * var(--qfds-try-fade) - (var(--qfds-try-cols) - 1) * var(--qfds-try-card-gap)) / var(--qfds-try-cols) + .1px),1px);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline-end:1px;overflow-x:auto}@media (min-width:1024px) and (max-width:1439px){.qfds-try[data-scroll] .qfds-try-cards{--qfds-try-cols:2}}.qfds-try[data-scroll] .qfds-try-cards::-webkit-scrollbar{display:none}.qfds-try[data-scroll] .qfds-try-cards>li{scroll-snap-align:start;scroll-margin-inline:var(--qfds-try-fade)}.qfds-try-cards[data-cut-end]{-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--qfds-try-fade)),transparent);-webkit-mask-image:linear-gradient(to right,black calc(100% - var(--qfds-try-fade)),transparent);mask-image:linear-gradient(to right,black calc(100% - var(--qfds-try-fade)),transparent)}.qfds-try-cards[data-cut-start]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade));-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade));mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade))}.qfds-try-cards[data-cut-start][data-cut-end]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent);mask-image:linear-gradient(to right,transparent,black var(--qfds-try-fade),black calc(100% - var(--qfds-try-fade)),transparent)}.qfds-try-cards>li{min-width:0;display:flex}.qfds-try-card{box-sizing:border-box;row-gap:var(--qfds-try-card-air);width:100%;height:100%;padding:var(--qfds-try-card-pad);border:1px solid var(--qfds-try-card-edge);border-radius:var(--qfds-try-card-radius);background:var(--qfds-try-card-surface);color:var(--foreground);text-align:start;cursor:pointer;font:inherit;transition:background-color var(--qfds-try-motion),border-color var(--qfds-try-motion),scale var(--qfds-try-motion);grid-template:"copy""title"minmax(0,1fr)/minmax(0,1fr);margin:0;display:grid;position:relative}@media (hover:hover){.qfds-try-card:hover{background:var(--qfds-try-card-hover)}}.qfds-try-card:active{scale:var(--qfds-try-press)}.qfds-try-card:focus-visible{border-color:var(--qfds-try-card-focus);background:var(--qfds-try-card-hover);outline:none}.qfds-try-card-copy{color:var(--foreground);opacity:var(--qfds-try-card-copy-rest);transition:opacity var(--qfds-try-motion);grid-area:copy;justify-self:end;place-items:center;display:inline-grid}.qfds-try-card-copy>svg{width:var(--qfds-try-card-glyph);height:var(--qfds-try-card-glyph);stroke-width:var(--qfds-try-card-stroke);margin:0}@media (hover:none){.qfds-try-card-copy{opacity:var(--qfds-try-card-copy-touch)}}@media (hover:hover){.qfds-try-card:hover .qfds-try-card-copy{opacity:1}}.qfds-try-card:focus-visible .qfds-try-card-copy,.qfds-try-card[data-copied] .qfds-try-card-copy{opacity:1}.qfds-try-card-title{color:var(--foreground);font:var(--qfds-button-weight) var(--text-body)/var(--qfds-catalog-caption-line) var(--font-ui),sans-serif;letter-spacing:normal;text-wrap:pretty;grid-area:title;align-self:end}.qfds-try-prompt-action svg{stroke-width:var(--qfds-try-card-stroke)}.qfds-try[data-ink=a60]{--qfds-try-prompt-alpha:color-mix(in srgb,var(--qfds-try-prompt-white) calc(var(--qfds-try-prompt-opacity-high) * 100%),transparent)}.qfds-try[data-ink=blend] .qfds-try-prompt{z-index:auto}.qfds-try[data-ink=blend] .qfds-try-prompt-text{z-index:1;color:var(--qfds-try-prompt-blend-ink);mix-blend-mode:var(--qfds-try-prompt-blend);position:relative}.qfds-try[data-wave=ref],.qfds-try[data-wave=ref] .qfds-try-veil:after{--qfds-try-wave:radial-gradient(100% 100% at 100% 100%,var(--qfds-try-ref-white),color-mix(in srgb,var(--qfds-try-ref-white) 0%,transparent) 100%) right bottom / calc(var(--qfds-try-ref-reach) * .8) calc(var(--qfds-try-ref-core) * var(--qfds-try-ref-k)) no-repeat, radial-gradient(100% 100% at 100% 100%,var(--qfds-try-ref-lilac) 0%,color-mix(in srgb,var(--qfds-try-ref-lilac) 75%,var(--qfds-try-ref-violet)) 55%,color-mix(in srgb,var(--qfds-try-ref-violet) 0%,transparent) 100%) right bottom / var(--qfds-try-ref-reach) calc(var(--qfds-try-ref-rise) * var(--qfds-try-ref-k)) no-repeat, radial-gradient(var(--qfds-try-ref-crest),var(--qfds-try-ref-lilac) 0%,color-mix(in srgb,var(--qfds-try-ref-lilac) 70%,transparent) 30%,color-mix(in srgb,var(--qfds-try-ref-violet) 50%,transparent) 64%,color-mix(in srgb,var(--qfds-try-ref-violet) 0%,transparent) 100%) center bottom / 100% calc(100% * var(--qfds-try-ref-k)) no-repeat, radial-gradient(80% 70% at 0% 100%,var(--qfds-try-ref-deep),color-mix(in srgb,var(--qfds-try-ref-deep) 0%,transparent) 100%) center bottom / 100% calc(100% * var(--qfds-try-ref-k)) no-repeat, linear-gradient(to bottom,var(--qfds-try-ref-space) 0%,var(--qfds-try-ref-space) 22%,var(--qfds-try-ref-deep) 62%,var(--qfds-try-ref-violet) 100%) center bottom / 100% calc(100% * var(--qfds-try-ref-k)) no-repeat}.qfds-try[data-wave=ref] .qfds-try-veil:after{--qfds-try-ref-k:calc(1 / .72);background:var(--qfds-try-wave)}@media (max-width:1023px){.qfds-try{grid-template-columns:minmax(0,1fr)}.qfds-try-banner{height:var(--qfds-try-banner-height);min-height:var(--qfds-try-banner-min)}.qfds-try-cards{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.qfds-try-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.qfds-try[data-scroll] .qfds-try-cards{grid-auto-columns:var(--qfds-try-card-width)}.qfds-try-headline{--qfds-try-headline-size:var(--qfds-try-headline-size-phone)}:root{--qfds-try-ref-run:calc(11.4 * var(--qfds-try-headline-size-phone))}}@media (max-width:480px){.qfds-try-banner{height:auto;min-height:var(--qfds-try-banner-min-phone);aspect-ratio:var(--qfds-try-card-aspect)}}@media (max-width:359px){.qfds-try-headline{--qfds-try-headline-size:var(--qfds-try-headline-size-narrow)}}@media (max-width:480px){:root{--qfds-try-wave-band:30% 36% at 100% 114%;--qfds-try-wave-spot:14% 24% at 100% 100%;--qfds-try-ref-rise:44%;--qfds-try-ref-core:24%;--qfds-try-ref-crest:84% 28% at 100% 46%}}@media (prefers-reduced-motion:reduce){.qfds-try-card,.qfds-try-card-copy{transition:none}.qfds-try-card:active{scale:1}}@media (forced-colors:active){.qfds-try-banner,.qfds-try-card{background:canvas;border-color:canvastext}.qfds-try-grid{display:none}.qfds-try-card:focus-visible,.qfds-try-prompt-text:focus-visible{border-style:dashed;outline:none}}}
@layer qfds-extensions{:root{--qfds-show-more-fade:calc(24 * var(--space-unit));--qfds-show-more-ground:var(--background);--qfds-show-more-lift:calc(-1 * var(--control-height) / 2 - var(--space-1))}.qfds-show-more{min-width:0;display:grid;position:relative}.qfds-show-more-body{min-width:0;position:relative}.qfds-show-more[data-state=folded]>.qfds-show-more-body{max-height:var(--qfds-show-more-cut,none);overflow:clip}.qfds-show-more[data-state=folded]>.qfds-show-more-body:after{content:"";z-index:2;height:min(var(--qfds-show-more-fade),100%);background:linear-gradient(to bottom,transparent,var(--qfds-show-more-ground));pointer-events:none;position:absolute;inset:auto 0 0}.qfds-show-more-foot{z-index:3;margin-top:var(--qfds-show-more-lift);justify-content:center;display:flex;position:relative}@media (forced-colors:active){.qfds-show-more[data-state=folded]>.qfds-show-more-body:after{display:none}}}