[data-public-root] [data-public=section][data-demo-host=true]{--demo-dim:0;isolation:isolate;position:relative;overflow:visible}[data-public-root] [data-public=section][data-demo-host=true]:before{content:"";z-index:1;pointer-events:none;background:var(--prv-palette-ink);opacity:var(--demo-dim);will-change:opacity;position:absolute;inset:0}[data-public-root] [data-public=section][data-demo-host=true]>[data-public=section-inner]{z-index:2;position:relative}[data-public-root] [data-public=section][data-demo-host=true] [data-public=section-heading]{opacity:calc(1 - var(--demo-dim));will-change:opacity}@media (prefers-reduced-motion:reduce){[data-public-root] [data-public=section][data-demo-host=true]:before,[data-public-root] [data-public=section][data-demo-host=true] [data-public=section-heading]{will-change:auto}}html.disable-scroll,body.disable-scroll{overflow:hidden}[data-public-root] .application-demo{align-items:center;gap:var(--prv-space-48);width:100%;color:var(--color-fg-inverse);font-family:var(--prv-font-sans);flex-direction:column;display:flex}[data-public-root] .application-demo__steps{justify-content:center;align-items:center;gap:var(--space-gap-md);max-width:100%;color:inherit;flex-flow:row;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .application-demo__step{align-items:center;gap:var(--space-gap-md);flex-shrink:0;margin:0;padding:0;list-style:none;display:flex}[data-public-root] .application-demo__label{white-space:nowrap;color:inherit;font-size:var(--text-body-font-size);line-height:var(--text-body-line-height);font-weight:var(--prv-font-weight-500);display:block}[data-public-root] .application-demo__separator{width:var(--prv-size-24);height:var(--prv-size-24);color:inherit;opacity:.45;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-public-root] .application-demo__chevron{width:var(--prv-size-20);height:var(--prv-size-20);display:block}[data-public-root] .application-demo__container{--application-demo-max-width:1800px;box-sizing:border-box;width:min(var(--application-demo-max-width), calc(100vw - 2 * var(--space-container-x)));max-width:min(var(--application-demo-max-width), calc(100vw - 2 * var(--space-container-x)));margin-inline:auto;position:relative;left:50%;translate:-50%}[data-public-root] .application-demo__container[data-fullscreen=true]{z-index:999999;width:auto;max-width:none;padding:var(--prv-space-20);height:auto;position:fixed;inset:0 0 0 auto;translate:none}[data-public-root] .application-demo__container[data-fullscreen=true]:before{content:"";background:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent);position:absolute;inset:0}[data-public-root] .application-demo__stage{z-index:1;width:100%;height:100%;position:relative}[data-public-root] .application-demo__frame{--application-demo-stage-height:900px;z-index:1;box-sizing:border-box;width:100%;height:var(--application-demo-stage-height);border-radius:var(--radius-lg);background:var(--color-surface-default);isolation:isolate;max-height:90vh;box-shadow:0 var(--prv-space-20) var(--prv-space-40) color-mix(in srgb, var(--prv-palette-ink) 40%, transparent);position:relative;overflow:clip}[data-public-root] .application-demo__container[data-fullscreen=true] .application-demo__frame{height:100%;max-height:none}[data-public-root] .application-demo__iframe{border:0;border-radius:0;width:100%;height:100%;display:block}[data-public-root] .application-demo__iframe[data-src]{display:none}[data-public-root] .application-demo__stub{box-sizing:border-box;width:100%;height:100%;min-height:var(--prv-size-280);background-color:var(--color-surface-default);background-image:repeating-linear-gradient(-45deg, transparent, transparent 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 7px, color-mix(in srgb, var(--prv-palette-ink) 6%, transparent) 8px)}[data-public-root] .application-demo__frame>:not(.application-demo__iframe):not(.application-demo__stub){width:100%;height:100%;display:block}[data-public-root] .application-demo__control{top:var(--prv-space-12);right:var(--prv-space-12);z-index:2;box-sizing:border-box;width:var(--prv-size-36);height:var(--prv-size-36);border-radius:var(--radius-xs);color:color-mix(in srgb, var(--prv-palette-ink) 50%, transparent);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background-color .2s,color .2s;display:inline-flex;position:absolute}[data-public-root] .application-demo__control:hover{background:color-mix(in srgb, var(--prv-palette-ink) 5%, transparent);color:color-mix(in srgb, var(--prv-palette-ink) 70%, transparent)}[data-public-root] .application-demo__control:active{background:color-mix(in srgb, var(--prv-palette-ink) 10%, transparent);color:var(--prv-palette-ink)}[data-public-root] .application-demo__control[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}[data-public-root] .application-demo[data-fullscreen=true]{z-index:999999}@media (max-width:768px){[data-public-root] .application-demo{gap:var(--prv-space-32)}[data-public-root] .application-demo__steps{gap:var(--space-gap-sm);flex-wrap:wrap}[data-public-root] .application-demo__step{gap:var(--space-gap-sm)}[data-public-root] .application-demo__label{font-size:var(--prv-font-size-15);line-height:var(--prv-line-height-20);white-space:normal}}