.DemoModal-module-scss-module__lBTbQW__dialog{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-5);overscroll-behavior:contain;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow-y:auto}.DemoModal-module-scss-module__lBTbQW__dialog[open]{display:flex}.DemoModal-module-scss-module__lBTbQW__dialog::backdrop{background:var(--color-modal-backdrop);opacity:var(--opacity-demo-modal-backdrop);animation:DemoModal-module-scss-module__lBTbQW__fade-in var(--duration-slow) var(--ease-out) backwards}.DemoModal-module-scss-module__lBTbQW__dialog[data-closing]::backdrop{animation:DemoModal-module-scss-module__lBTbQW__fade-out var(--duration-base) var(--ease-in) forwards}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__dialog{padding:var(--space-4)}}html:has(.DemoModal-module-scss-module__lBTbQW__dialog [data-expanded]){scrollbar-gutter:auto}.DemoModal-module-scss-module__lBTbQW__panel{--quick-demo-stage-gap:var(--space-6);isolation:isolate;gap:var(--space-6);width:min(var(--demo-modal-width),100%);padding:var(--space-6);border-radius:var(--radius-card);animation:DemoModal-module-scss-module__lBTbQW__panel-in var(--duration-slow) var(--ease-out) backwards;flex-direction:column;margin:auto;display:flex;position:relative}.DemoModal-module-scss-module__lBTbQW__panel:before{content:"";z-index:-1;border-radius:inherit;background:var(--gradient-demo-modal-panel),var(--color-demo-modal-panel);-webkit-backdrop-filter:blur(var(--blur-demo-modal-panel));backdrop-filter:blur(var(--blur-demo-modal-panel));animation:DemoModal-module-scss-module__lBTbQW__glass-in var(--duration-slow) var(--ease-out) backwards;position:absolute;inset:0}.DemoModal-module-scss-module__lBTbQW__panel>*{animation:DemoModal-module-scss-module__lBTbQW__fade-in var(--duration-slow) var(--ease-out) backwards}.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel{animation:DemoModal-module-scss-module__lBTbQW__panel-out var(--duration-base) var(--ease-in) forwards}.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel:before{animation:DemoModal-module-scss-module__lBTbQW__glass-out var(--duration-base) var(--ease-in) forwards}.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel>*{animation:DemoModal-module-scss-module__lBTbQW__fade-out var(--duration-base) var(--ease-in) forwards}@media (min-width:768px){.DemoModal-module-scss-module__lBTbQW__panel{--quick-demo-player-width:clamp(var(--demo-modal-player-width) / 2, ( 100dvh - var(--space-5) * 2 - var(--space-6) * 5 - var(--line-height-demo-modal) - var(--demo-modal-card-width) / (var(--quick-demo-card-ratio)) ) * (var(--quick-demo-player-ratio)), var(--demo-modal-player-width))}}@media (min-width:1200px){.DemoModal-module-scss-module__lBTbQW__panel{--quick-demo-card-width:min(var(--demo-modal-card-width), (100% - (var(--space-6-5) + var(--space-5)) * 2 - var(--space-4) * 4) / 5)}}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__panel{gap:var(--space-5);padding:var(--space-5)}}.DemoModal-module-scss-module__lBTbQW__head{position:relative}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__head{padding-top:calc(var(--space-3) + var(--space-6-5) + var(--space-2) - var(--space-5));position:static}}.DemoModal-module-scss-module__lBTbQW__heading{font-size:var(--font-size-demo-modal);line-height:var(--line-height-demo-modal);font-weight:var(--font-weight-medium);background:var(--gradient-quick-demo-heading);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-inline:auto;position:relative}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__heading{font-size:var(--font-size-quick-demo-mobile);line-height:var(--line-height-quick-demo-mobile);font-weight:var(--font-weight-medium);text-wrap:balance}}.DemoModal-module-scss-module__lBTbQW__heading:after{content:"";top:calc(100% + var(--quick-demo-stage-gap) - var(--quick-demo-glow-line));z-index:-1;width:var(--quick-demo-glow-width);height:var(--quick-demo-glow-height);pointer-events:none;background:url(/media/Demo_sparks_bg.png) 50%/contain no-repeat;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__heading:after{display:none}}.DemoModal-module-scss-module__lBTbQW__close{--control-size:var(--space-6-5);--control-inset:0;isolation:isolate;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);color:var(--color-white);transition:opacity var(--duration-instant) var(--ease-out-soft);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid;position:relative}.DemoModal-module-scss-module__lBTbQW__close:before{content:"";inset:var(--control-inset);z-index:0;border-radius:var(--radius-pill);background:linear-gradient(color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent), color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent)),var(--gradient-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass-button));backdrop-filter:blur(var(--blur-glass-button));transition:--control-fill var(--duration-fast) var(--ease-out-soft);position:absolute}.DemoModal-module-scss-module__lBTbQW__close:after{content:"";border-radius:inherit;background:var(--gradient-glass-border);-webkit-backdrop-filter:blur(var(--blur-glass-rim));backdrop-filter:blur(var(--blur-glass-rim));pointer-events:none;-webkit-mask-composite:xor;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.DemoModal-module-scss-module__lBTbQW__close>*{z-index:1;position:relative}.DemoModal-module-scss-module__lBTbQW__close:disabled{opacity:.5;cursor:not-allowed}.DemoModal-module-scss-module__lBTbQW__close:not(:disabled):hover:before,.DemoModal-module-scss-module__lBTbQW__close:not(:disabled):focus-visible:before{--control-fill:1}.DemoModal-module-scss-module__lBTbQW__close{position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width:767px){.DemoModal-module-scss-module__lBTbQW__close{top:var(--space-3);right:var(--space-3);transform:none}}.DemoModal-module-scss-module__lBTbQW__close:before{background:var(--gradient-capability-mobile-nav)}.DemoModal-module-scss-module__lBTbQW__close:after{content:none}.DemoModal-module-scss-module__lBTbQW__close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes DemoModal-module-scss-module__lBTbQW__fade-in{0%{opacity:0}}@keyframes DemoModal-module-scss-module__lBTbQW__fade-out{to{opacity:0}}@keyframes DemoModal-module-scss-module__lBTbQW__glass-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@keyframes DemoModal-module-scss-module__lBTbQW__glass-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}@keyframes DemoModal-module-scss-module__lBTbQW__panel-in{0%{transform:translateY(var(--space-6))}}@keyframes DemoModal-module-scss-module__lBTbQW__panel-out{to{transform:translateY(var(--space-5))}}@media (prefers-reduced-motion:reduce){.DemoModal-module-scss-module__lBTbQW__dialog::backdrop,.DemoModal-module-scss-module__lBTbQW__dialog[data-closing]::backdrop,.DemoModal-module-scss-module__lBTbQW__panel,.DemoModal-module-scss-module__lBTbQW__panel:before,.DemoModal-module-scss-module__lBTbQW__panel>*,.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel,.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel:before,.DemoModal-module-scss-module__lBTbQW__dialog[data-closing] .DemoModal-module-scss-module__lBTbQW__panel>*{animation:none}}
.CarouselTrack-module-scss-module__cALpxq__carousel{width:100%;max-width:calc(var(--quick-demo-card-width)*5 + var(--space-4)*4);margin-inline:auto;position:relative}.CarouselTrack-module-scss-module__cALpxq__track{gap:var(--space-4);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.CarouselTrack-module-scss-module__cALpxq__track[data-gliding]{scroll-snap-type:none}.CarouselTrack-module-scss-module__cALpxq__track::-webkit-scrollbar{display:none}.CarouselTrack-module-scss-module__cALpxq__nav{--control-size:var(--space-6-5);--control-inset:0;isolation:isolate;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);color:var(--color-white);transition:opacity var(--duration-instant) var(--ease-out-soft);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid;position:relative}.CarouselTrack-module-scss-module__cALpxq__nav:before{content:"";inset:var(--control-inset);z-index:0;border-radius:var(--radius-pill);background:linear-gradient(color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent), color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent)),var(--gradient-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass-button));backdrop-filter:blur(var(--blur-glass-button));transition:--control-fill var(--duration-fast) var(--ease-out-soft);position:absolute}.CarouselTrack-module-scss-module__cALpxq__nav:after{content:"";border-radius:inherit;background:var(--gradient-glass-border);-webkit-backdrop-filter:blur(var(--blur-glass-rim));backdrop-filter:blur(var(--blur-glass-rim));pointer-events:none;-webkit-mask-composite:xor;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.CarouselTrack-module-scss-module__cALpxq__nav>*{z-index:1;position:relative}.CarouselTrack-module-scss-module__cALpxq__nav:disabled{opacity:.5;cursor:not-allowed}.CarouselTrack-module-scss-module__cALpxq__nav:not(:disabled):hover:before,.CarouselTrack-module-scss-module__cALpxq__nav:not(:disabled):focus-visible:before{--control-fill:1}.CarouselTrack-module-scss-module__cALpxq__nav{position:absolute;top:50%;transform:translateY(-50%)}.CarouselTrack-module-scss-module__cALpxq__nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}@media (max-width:1199px){.CarouselTrack-module-scss-module__cALpxq__nav{display:none}}.CarouselTrack-module-scss-module__cALpxq__previous{right:calc(100% + var(--space-5))}.CarouselTrack-module-scss-module__cALpxq__next{left:calc(100% + var(--space-5))}.CarouselTrack-module-scss-module__cALpxq__chevron{width:var(--space-6-5);height:var(--space-6-5)}.CarouselTrack-module-scss-module__cALpxq__previous .CarouselTrack-module-scss-module__cALpxq__chevron{transform:scaleX(-1)}@media (max-width:767px){.CarouselTrack-module-scss-module__cALpxq__carousel{row-gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.CarouselTrack-module-scss-module__cALpxq__track{grid-column:1/-1;grid-auto-columns:calc((100% - var(--space-3))/2);gap:var(--space-3);scroll-snap-type:x mandatory;grid-template-rows:repeat(2,auto);display:grid}.CarouselTrack-module-scss-module__cALpxq__track>:not(:nth-child(4n+1)){scroll-snap-align:none}.CarouselTrack-module-scss-module__cALpxq__track>*{grid-row:var(--carousel-row);grid-column:var(--carousel-column)}.CarouselTrack-module-scss-module__cALpxq__nav{display:grid;position:relative;inset:auto;transform:none}.CarouselTrack-module-scss-module__cALpxq__previous{justify-self:start}.CarouselTrack-module-scss-module__cALpxq__next{justify-self:end}}
.DemoStage-module-scss-module__kMFWfG__stage{gap:var(--quick-demo-carousel-gap);flex-direction:column;display:flex}.DemoStage-module-scss-module__kMFWfG__backdrop{z-index:1;background:url(/media/Demo_bg_top_ellipse.png) top right/var(--quick-demo-ellipse-top-width) var(--quick-demo-ellipse-top-height) no-repeat,url(/media/Demo_bg_bottom_ellipse.png) bottom left/var(--quick-demo-ellipse-bottom-width) var(--quick-demo-ellipse-bottom-height) no-repeat,var(--color-bg);opacity:0;visibility:hidden;transition:opacity var(--duration-slow) var(--ease-in-out),visibility var(--duration-slow);position:fixed;inset:0}.DemoStage-module-scss-module__kMFWfG__backdrop[data-visible]{opacity:1;visibility:visible}.DemoStage-module-scss-module__kMFWfG__slot{width:min(100%,var(--quick-demo-player-width));aspect-ratio:var(--quick-demo-player-ratio);margin-inline:auto}.DemoStage-module-scss-module__kMFWfG__frame{--control-size:var(--space-7);--control-inset:var(--space-1);position:relative}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded]{z-index:2;gap:var(--space-6);width:min(100% - var(--space-6)*2,(100dvh - var(--space-6)*3 - var(--space-6-5))*var(--quick-demo-player-ratio));flex-direction:column;height:fit-content;margin:auto;display:flex;position:fixed;inset:0}html:has(.DemoStage-module-scss-module__kMFWfG__frame[data-expanded]){overflow:hidden}.DemoStage-module-scss-module__kMFWfG__player{width:100%;aspect-ratio:var(--quick-demo-player-ratio);border-radius:var(--quick-demo-player-radius);background:var(--color-ink);position:relative;overflow:hidden}.DemoStage-module-scss-module__kMFWfG__slide,.DemoStage-module-scss-module__kMFWfG__ghost,.DemoStage-module-scss-module__kMFWfG__video,.DemoStage-module-scss-module__kMFWfG__fallback{width:100%;height:100%;position:absolute;inset:0}.DemoStage-module-scss-module__kMFWfG__video,.DemoStage-module-scss-module__kMFWfG__fallback{object-fit:cover}.DemoStage-module-scss-module__kMFWfG__ghost{background:var(--color-ink);opacity:0;pointer-events:none}.DemoStage-module-scss-module__kMFWfG__video{cursor:pointer;filter:saturate(1.0001);display:block}.DemoStage-module-scss-module__kMFWfG__video[data-hidden]{visibility:hidden}.DemoStage-module-scss-module__kMFWfG__controls{inset:auto var(--space-4) var(--space-4);align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;display:flex;position:absolute}@media (prefers-reduced-motion:no-preference){.DemoStage-module-scss-module__kMFWfG__controls{transition:opacity var(--duration-fast) var(--ease-out-soft)}}@media (hover:hover) and (pointer:fine){.DemoStage-module-scss-module__kMFWfG__frame[data-playing] .DemoStage-module-scss-module__kMFWfG__player:not(:hover,:has(:focus-visible)) .DemoStage-module-scss-module__kMFWfG__controls{opacity:0}}@media (hover:none),(pointer:coarse){.DemoStage-module-scss-module__kMFWfG__frame[data-playing]:not([data-controls-revealed],:has(:focus-visible)) :is(.DemoStage-module-scss-module__kMFWfG__controls,.DemoStage-module-scss-module__kMFWfG__close,.DemoStage-module-scss-module__kMFWfG__nav){opacity:0;pointer-events:none}}.DemoStage-module-scss-module__kMFWfG__control{isolation:isolate;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);color:var(--color-white);transition:opacity var(--duration-instant) var(--ease-out-soft);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid;position:relative}.DemoStage-module-scss-module__kMFWfG__control:before{content:"";inset:var(--control-inset);z-index:0;border-radius:var(--radius-pill);background:linear-gradient(color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent), color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent)),var(--gradient-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass-button));backdrop-filter:blur(var(--blur-glass-button));transition:--control-fill var(--duration-fast) var(--ease-out-soft);position:absolute}.DemoStage-module-scss-module__kMFWfG__control:after{content:"";border-radius:inherit;background:var(--gradient-glass-border);-webkit-backdrop-filter:blur(var(--blur-glass-rim));backdrop-filter:blur(var(--blur-glass-rim));pointer-events:none;-webkit-mask-composite:xor;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.DemoStage-module-scss-module__kMFWfG__control>*{z-index:1;position:relative}.DemoStage-module-scss-module__kMFWfG__control:disabled{opacity:.5;cursor:not-allowed}.DemoStage-module-scss-module__kMFWfG__control:not(:disabled):hover:before,.DemoStage-module-scss-module__kMFWfG__control:not(:disabled):focus-visible:before{--control-fill:1}.DemoStage-module-scss-module__kMFWfG__control:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}.DemoStage-module-scss-module__kMFWfG__close{top:var(--space-4);right:var(--space-4);position:absolute}.DemoStage-module-scss-module__kMFWfG__pager{justify-content:center;gap:var(--space-5);display:flex}.DemoStage-module-scss-module__kMFWfG__nav{--control-size:var(--space-6-5);--control-inset:0;isolation:isolate;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-pill);color:var(--color-white);transition:opacity var(--duration-instant) var(--ease-out-soft);background:0 0;border:0;flex-shrink:0;place-items:center;display:grid;position:relative}.DemoStage-module-scss-module__kMFWfG__nav:before{content:"";inset:var(--control-inset);z-index:0;border-radius:var(--radius-pill);background:linear-gradient(color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent), color-mix(in srgb, var(--color-accent-alt) calc(var(--control-fill) * 100%), transparent)),var(--gradient-glass-strong);-webkit-backdrop-filter:blur(var(--blur-glass-button));backdrop-filter:blur(var(--blur-glass-button));transition:--control-fill var(--duration-fast) var(--ease-out-soft);position:absolute}.DemoStage-module-scss-module__kMFWfG__nav:after{content:"";border-radius:inherit;background:var(--gradient-glass-border);-webkit-backdrop-filter:blur(var(--blur-glass-rim));backdrop-filter:blur(var(--blur-glass-rim));pointer-events:none;-webkit-mask-composite:xor;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.DemoStage-module-scss-module__kMFWfG__nav>*{z-index:1;position:relative}.DemoStage-module-scss-module__kMFWfG__nav:disabled{opacity:.5;cursor:not-allowed}.DemoStage-module-scss-module__kMFWfG__nav:not(:disabled):hover:before,.DemoStage-module-scss-module__kMFWfG__nav:not(:disabled):focus-visible:before{--control-fill:1}.DemoStage-module-scss-module__kMFWfG__nav:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}.DemoStage-module-scss-module__kMFWfG__chevron{width:var(--space-6-5);height:var(--space-6-5);position:relative}.DemoStage-module-scss-module__kMFWfG__previous .DemoStage-module-scss-module__kMFWfG__chevron{transform:scaleX(-1)}@media (max-width:767px){.DemoStage-module-scss-module__kMFWfG__frame[data-expanded]{align-content:center;gap:var(--space-5);width:auto;height:auto;padding:var(--space-8) var(--space-5);grid-template:".close""player player""pager pager"/1fr 1fr;margin:0;display:grid}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__player{max-height:calc(100dvh - (var(--space-8) + var(--space-6-5) + var(--space-5))*2);aspect-ratio:var(--video-ratio,var(--quick-demo-player-ratio));grid-area:player}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__close{--control-size:var(--space-6-5);grid-area:close;justify-self:end;position:relative;inset:auto}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__pager{grid-area:pager;justify-content:space-between}}@media (orientation:landscape) and (max-height:480px){.DemoStage-module-scss-module__kMFWfG__frame[data-expanded]{width:100%;height:100%;margin:0;padding:0;display:block}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__player{aspect-ratio:auto;border-radius:0;height:100%;max-height:none}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__video,.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__fallback{object-fit:contain}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__close,.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__nav{position:absolute}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__close{inset:var(--space-4) var(--space-4) auto auto}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__nav{top:50%;transform:translateY(-50%)}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__previous{right:auto;left:var(--space-4)}.DemoStage-module-scss-module__kMFWfG__frame[data-expanded] .DemoStage-module-scss-module__kMFWfG__next{right:var(--space-4);left:auto}}.DemoStage-module-scss-module__kMFWfG__icon{width:var(--space-4);height:var(--space-4);position:relative}.DemoStage-module-scss-module__kMFWfG__scrubber{min-width:0;height:var(--space-2);appearance:none;border-radius:var(--radius-tag);background:var(--gradient-progress) left/var(--progress,0%) 100% no-repeat,var(--gradient-glass-strong);cursor:pointer;flex:1}.DemoStage-module-scss-module__kMFWfG__scrubber:disabled{cursor:default}.DemoStage-module-scss-module__kMFWfG__scrubber:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs)}.DemoStage-module-scss-module__kMFWfG__scrubber::-webkit-slider-thumb{appearance:none;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-white);opacity:0;transition:opacity var(--duration-instant) var(--ease-out-soft)}.DemoStage-module-scss-module__kMFWfG__scrubber::-moz-range-thumb{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-pill);background:var(--color-white);opacity:0;transition:opacity var(--duration-instant) var(--ease-out-soft);border:0}.DemoStage-module-scss-module__kMFWfG__scrubber:not(:disabled):hover::-webkit-slider-thumb{opacity:1}.DemoStage-module-scss-module__kMFWfG__scrubber:focus-visible::-webkit-slider-thumb{opacity:1}.DemoStage-module-scss-module__kMFWfG__scrubber:not(:disabled):hover::-moz-range-thumb{opacity:1}.DemoStage-module-scss-module__kMFWfG__scrubber:focus-visible::-moz-range-thumb{opacity:1}.DemoStage-module-scss-module__kMFWfG__volume{align-items:center;gap:var(--space-2);width:calc(var(--control-size) + var(--space-8));flex-shrink:0;display:flex}@media (max-width:767px){.DemoStage-module-scss-module__kMFWfG__volume{width:auto}.DemoStage-module-scss-module__kMFWfG__volume .DemoStage-module-scss-module__kMFWfG__scrubber{display:none}}.DemoStage-module-scss-module__kMFWfG__time{font-size:var(--font-size-body);line-height:var(--line-height-body);font-weight:var(--font-weight-regular);padding:calc(var(--space-2) + .5px) var(--space-4) calc(var(--space-2) - .5px);border:1px solid var(--color-border);border-radius:var(--radius-tag);background:var(--gradient-glass-strong);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:767px){.DemoStage-module-scss-module__kMFWfG__time{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.DemoStage-module-scss-module__kMFWfG__card{isolation:isolate;flex:0 0 var(--quick-demo-card-width);aspect-ratio:var(--quick-demo-card-ratio);padding:var(--space-3);border-radius:var(--quick-demo-card-radius);text-align:left;background:var(--color-ink);scroll-snap-align:start;border:0;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.DemoStage-module-scss-module__kMFWfG__card{flex-basis:calc((100% - var(--space-4)*4)/5)}}.DemoStage-module-scss-module__kMFWfG__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-xs);border-radius:var(--quick-demo-card-radius);outline-offset:calc(-1*var(--space-1))}.DemoStage-module-scss-module__kMFWfG__card:before{-webkit-mask-composite:xor;content:"";padding:var(--capability-selected-border);border-radius:inherit;background:var(--gradient-quick-demo-card-selected);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out-soft);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.DemoStage-module-scss-module__kMFWfG__card:after{content:"";z-index:-1;border-radius:inherit;background:var(--gradient-tagged-media-overlay);position:absolute;inset:0}.DemoStage-module-scss-module__kMFWfG__card[aria-pressed=true]:before{opacity:1}.DemoStage-module-scss-module__kMFWfG__cardImage{z-index:-2;object-fit:cover;opacity:var(--opacity-media-cover)}.DemoStage-module-scss-module__kMFWfG__cardTitle{font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);font-weight:var(--font-weight-bold);text-transform:uppercase}@media (prefers-reduced-motion:reduce){.DemoStage-module-scss-module__kMFWfG__backdrop,.DemoStage-module-scss-module__kMFWfG__card:before{transition:none}}@media (max-width:767px){.DemoStage-module-scss-module__kMFWfG__slot,.DemoStage-module-scss-module__kMFWfG__frame:not([data-expanded]) .DemoStage-module-scss-module__kMFWfG__player{height:var(--quick-demo-player-mobile-height);aspect-ratio:auto}.DemoStage-module-scss-module__kMFWfG__card{aspect-ratio:var(--quick-demo-card-mobile-ratio)}.DemoStage-module-scss-module__kMFWfG__cardTitle{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
.page-module-scss-module__g0XpvW__ellipseTop,.page-module-scss-module__g0XpvW__ellipseBottom{z-index:-1;pointer-events:none;position:absolute}.page-module-scss-module__g0XpvW__ellipseTop{width:var(--quick-demo-ellipse-top-width);height:var(--quick-demo-ellipse-top-height);background:url(/media/Demo_bg_top_ellipse.png) 100% 0/contain no-repeat;top:0;right:0}.page-module-scss-module__g0XpvW__ellipseBottom{width:var(--quick-demo-ellipse-bottom-width);height:var(--quick-demo-ellipse-bottom-height);background:url(/media/Demo_bg_bottom_ellipse.png) 0 100%/contain no-repeat;bottom:0;left:0}.page-module-scss-module__g0XpvW__page{width:100%;max-width:calc(var(--container-max) + var(--container-gutter)*2);padding-inline:var(--container-gutter);isolation:isolate;padding-top:var(--space-1);margin-inline:auto;position:relative}@media (max-width:767px){.page-module-scss-module__g0XpvW__page{padding-top:var(--quick-demo-logo-gap-mobile)}}@media (min-width:768px){.page-module-scss-module__g0XpvW__page{--quick-demo-carousel-gap:var(--space-4);--quick-demo-card-height:calc(var(--quick-demo-card-width) / (var(--quick-demo-card-ratio)));min-height:calc(var(--space-1) + var(--space-6) + var(--line-height-quick-demo) + var(--quick-demo-stage-gap) + var(--quick-demo-player-min-width)/(var(--quick-demo-player-ratio)) + var(--quick-demo-carousel-gap) + var(--quick-demo-card-height));padding-bottom:var(--space-6);grid-template-columns:minmax(0,1fr);align-content:center;display:grid;container-type:size}}.page-module-scss-module__g0XpvW__stage{margin-top:var(--quick-demo-stage-gap)}@media (min-width:768px){.page-module-scss-module__g0XpvW__stage{--quick-demo-player-width:clamp(var(--quick-demo-player-min-width), ( 100cqh - var(--line-height-quick-demo) - var(--quick-demo-stage-gap) - var(--quick-demo-carousel-gap) - var(--quick-demo-card-height) ) * (var(--quick-demo-player-ratio)), var(--quick-demo-player-max-width))}}.page-module-scss-module__g0XpvW__heading{font-size:var(--font-size-quick-demo);line-height:var(--line-height-quick-demo);font-weight:var(--font-weight-medium);background:var(--gradient-quick-demo-heading);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-inline:auto;position:relative}@media (max-width:767px){.page-module-scss-module__g0XpvW__heading{font-size:var(--font-size-quick-demo-mobile);line-height:var(--line-height-quick-demo-mobile);font-weight:var(--font-weight-medium);text-wrap:balance}}.page-module-scss-module__g0XpvW__heading:after{content:"";top:calc(100% + var(--quick-demo-stage-gap) - var(--quick-demo-glow-line));z-index:-1;width:var(--quick-demo-glow-width);height:var(--quick-demo-glow-height);pointer-events:none;background:url(/media/Demo_sparks_bg.png) 50%/contain no-repeat;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.page-module-scss-module__g0XpvW__heading:after{display:none}}