.InteractivePreview-module__5QXeTG__preview{min-width:0}.InteractivePreview-module__5QXeTG__viewport{background:#000;height:min(740px,72svh);position:relative;overflow:hidden}.InteractivePreview-module__5QXeTG__document{width:100%;height:100%}.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}@media (prefers-reduced-motion:reduce){.InteractivePreview-module__5QXeTG__frame{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__toggle{min-height:44px;color:var(--ash);cursor:pointer;align-items:center;gap:10px;padding:0 4px;font-size:12px;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}.InteractivePreview-module__5QXeTG__expand{border:1px solid var(--graphite)}@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:11px;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}