.InteractivePreview-module__5QXeTG__preview{min-width:0}.InteractivePreview-module__5QXeTG__viewport{background:#000;height:min(740px,72svh);position:relative;overflow:hidden}.InteractivePreview-module__5QXeTG__box{container:preview/inline-size}.InteractivePreview-module__5QXeTG__poster{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;height:auto;display:none;position:absolute;top:0;left:0}.InteractivePreview-module__5QXeTG__preview[data-loaded] .InteractivePreview-module__5QXeTG__poster{visibility:hidden;transition:visibility 0s .7s}.InteractivePreview-module__5QXeTG__preview[data-moving]:not([data-loaded]) .InteractivePreview-module__5QXeTG__poster{transition:top .5s cubic-bezier(.22,1,.36,1),left .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1)}.InteractivePreview-module__5QXeTG__document{width:100%;height:100%;position:relative}.InteractivePreview-module__5QXeTG__overlay{display:none}.InteractivePreview-module__5QXeTG__frame{transform-origin:0 0;opacity:0;background:#000;border:0;width:100%;max-width:none;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:block}.InteractivePreview-module__5QXeTG__frame[data-loaded]{opacity:1}.InteractivePreview-module__5QXeTG__preview[data-moving] .InteractivePreview-module__5QXeTG__viewport{transition:height .5s cubic-bezier(.22,1,.36,1)}.InteractivePreview-module__5QXeTG__preview[data-moving] .InteractivePreview-module__5QXeTG__frame{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.22,1,.36,1)}.InteractivePreview-module__5QXeTG__caption{padding-top:16px}@media (prefers-reduced-motion:reduce){.InteractivePreview-module__5QXeTG__frame,.InteractivePreview-module__5QXeTG__preview[data-moving] .InteractivePreview-module__5QXeTG__frame,.InteractivePreview-module__5QXeTG__preview[data-moving] .InteractivePreview-module__5QXeTG__viewport,.InteractivePreview-module__5QXeTG__preview[data-moving] .InteractivePreview-module__5QXeTG__poster{transition:none}}.InteractivePreview-module__5QXeTG__activate{cursor:pointer;touch-action:pan-y pinch-zoom;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.InteractivePreview-module__5QXeTG__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 0 0;display:flex}.InteractivePreview-module__5QXeTG__lead{flex-wrap:wrap;align-items:center;gap:0 20px;display:flex}.InteractivePreview-module__5QXeTG__lead>div{margin-top:0;font-size:14px}.InteractivePreview-module__5QXeTG__toggle{min-height:44px;color:var(--ash);cursor:pointer;align-items:center;gap:10px;padding:0 4px;font-size:14px;display:inline-flex}.InteractivePreview-module__5QXeTG__toggle:hover,.InteractivePreview-module__5QXeTG__toggle[aria-pressed=true]{color:#fff}.InteractivePreview-module__5QXeTG__toggle:focus-visible{outline:2px solid var(--smoke);outline-offset:4px;border-radius:4px}@media (max-width:767px){.InteractivePreview-module__5QXeTG__viewport{height:min(620px,68svh)}}
.ArticleDemos-module__7RecBW__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;margin-top:40px;display:grid}.ArticleDemos-module__7RecBW__buttons{color:var(--ash);align-items:center;gap:20px;margin-top:8px;font-size:14px;display:flex}.ArticleDemos-module__7RecBW__buttons button{cursor:pointer;border-radius:4px;min-height:44px}.ArticleDemos-module__7RecBW__buttons button:hover{color:#fff}.ArticleDemos-module__7RecBW__buttons button:focus-visible{outline:2px solid var(--smoke);outline-offset:4px}@media (max-width:899px){.ArticleDemos-module__7RecBW__grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:24px}}
.SpendDemo-module__5RtPNW__demo{max-width:1120px;margin-inline:auto;padding:24px 0}