.demo_demoLayout__uo0_c{max-width:1024px;margin:0 auto;padding:1.25rem 1.5rem 3rem;display:grid;grid-template-columns:240px 1fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.demo_extensionBanner__DkJNt{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;margin:1rem auto 0;font-size:.8125rem;font-weight:500;border:1px solid rgba(0,0,0,.1);background:rgba(0,0,0,.02);color:rgba(0,0,0,.6);border-radius:999px;width:-moz-fit-content;width:fit-content;display:flex;transition:background .2s ease,color .2s ease,border-color .2s ease}.demo_extensionBanner__DkJNt[data-detected=true]{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35);color:#15803d}.demo_extensionBannerWrap__DrYao{display:flex;justify-content:center;width:100%;padding-top:.25rem}.demo_extensionDot__6sH7E{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.25);flex-shrink:0}.demo_extensionBanner__DkJNt[data-detected=true] .demo_extensionDot__6sH7E{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.demo_sideNav__Iil6U{position:-webkit-sticky;position:sticky;top:1.5rem;align-self:start;max-height:calc(100vh - 2rem);overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.demo_sideNavList__ylpoL{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.demo_sideNavItem__Xnbt6{position:relative}.demo_sideNavLink__0QFey{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:rgba(0,0,0,.65);text-decoration:none;border-left:2px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.demo_sideNavLink__0QFey:hover{background:rgba(0,0,0,.04);color:rgba(0,0,0,.9);text-decoration:none}.demo_sideNavLink__0QFey[data-active=true]{background:rgba(36,128,237,.08);color:var(--hyperlink-color);border-left-color:var(--hyperlink-color);font-weight:600}.demo_sideNavNumber__iic2e{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.6875rem;font-weight:600;color:rgba(0,0,0,.4);background:rgba(0,0,0,.05);border-radius:.25rem;flex-shrink:0}.demo_sideNavLink__0QFey[data-active=true] .demo_sideNavNumber__iic2e{background:var(--hyperlink-color);color:#fff}.demo_sideNavSubList__1AGZh{list-style:none;margin:.125rem 0 .25rem .875rem;padding:0;display:flex;flex-direction:column;gap:.0625rem;border-left:1px solid rgba(0,0,0,.08)}.demo_sideNavSubLink__1YC_b{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;margin-left:.5rem;font-size:.75rem;font-weight:500;color:rgba(0,0,0,.55);text-decoration:none;border-radius:.25rem;transition:background .12s ease,color .12s ease}.demo_sideNavSubLink__1YC_b:hover{background:rgba(0,0,0,.04);color:rgba(0,0,0,.85);text-decoration:none}.demo_sideNavSubLink__1YC_b[data-active=true]{color:var(--hyperlink-color);font-weight:600}.demo_sideNavSubLetter__vNoWR{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.625rem;font-weight:600;color:rgba(0,0,0,.35);background:rgba(0,0,0,.04);border-radius:.1875rem;flex-shrink:0}.demo_sideNavSubLink__1YC_b[data-active=true] .demo_sideNavSubLetter__vNoWR{background:var(--hyperlink-color);color:#fff}.demo_content__fefgI{min-width:0;display:flex;flex-direction:column;gap:3rem}.demo_step__H8Xjd{scroll-margin-top:80px;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.06)}.demo_step__H8Xjd:last-child{border-bottom:0}.demo_stepChild__OdAXC{margin-left:1.25rem;border-bottom:1px dashed rgba(0,0,0,.06);padding-bottom:1.5rem}.demo_stepHeader__uLimC{display:flex;align-items:center;gap:.75rem}.demo_stepNumber__nvRYO{width:28px;height:28px;font-size:.875rem;color:#fff;background:var(--body-color)}.demo_stepLetter__Ot399,.demo_stepNumber__nvRYO{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:50%;flex-shrink:0}.demo_stepLetter__Ot399{width:22px;height:22px;font-size:.6875rem;color:rgba(0,0,0,.55);background:rgba(0,0,0,.06)}.demo_stepTitle__QBCV3{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.demo_stepBody__rbA3I{display:flex;flex-direction:column;gap:.625rem}.demo_stepBody__rbA3I p{margin:0;color:rgba(0,0,0,.78);font-size:.9375rem;line-height:1.6}.demo_tryIt__28Y_y{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;background:rgba(255,196,0,.08);border:1px solid rgba(255,196,0,.3);border-radius:.5rem;font-size:.875rem;line-height:1.5;color:rgba(0,0,0,.8)}.demo_tryItLabel__IJITz{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,196,0,.35);color:#856404;border-radius:999px;flex-shrink:0;white-space:nowrap}.demo_tryItBody__zBVyT{flex:1 1}.demo_stepTarget__KW82T{margin-top:.5rem;padding:1.25rem;background:rgba(0,0,0,.02);border:1px dashed rgba(0,0,0,.12);border-radius:.625rem;min-height:80px;display:flex;align-items:center;justify-content:center}.demo_targetCard__n3bBv{padding:1.25rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.04);max-width:360px}.demo_targetCard__n3bBv h3{margin:0 0 .5rem;font-size:1rem}.demo_targetCard__n3bBv p{margin:0;color:rgba(0,0,0,.7);font-size:.875rem;line-height:1.55}.demo_targetList__E6c6m{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem;width:100%;max-width:320px}.demo_targetList__E6c6m li{padding:.625rem .875rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.375rem;font-size:.875rem}.demo_targetIndicatorRow__q2KDj{display:flex;align-items:center;gap:1.25rem}.demo_targetPhoto__OXfdk{display:block;border-radius:.5rem;width:160px;height:120px;object-fit:cover}.demo_targetStage__g6PfA{position:relative;width:100%;max-width:480px;height:200px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.5rem}.demo_targetPositionCard__boW_I{position:absolute;top:12px;left:12px;padding:.625rem .875rem;background:rgba(36,128,237,.08);border:1px solid rgba(36,128,237,.4);border-radius:.375rem;max-width:200px}.demo_targetPositionCard__boW_I strong{display:block;margin-bottom:.25rem;font-size:.875rem}.demo_targetPositionCard__boW_I p{margin:0;font-size:.75rem;color:rgba(0,0,0,.7)}.demo_targetLayoutContainer__KS0GU{display:flex;gap:.5rem;padding:.75rem;width:100%;max-width:480px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.5rem}.demo_targetLayoutChild__jamo9{flex:1 1;padding:1rem;text-align:center;font-weight:600;background:rgba(36,128,237,.08);color:var(--hyperlink-color);border:1px solid rgba(36,128,237,.25);border-radius:.375rem}.demo_targetAppearanceStage__rC8Fe{width:100%;max-width:360px;background:linear-gradient(135deg,#ffd1ff,#fad0c4);padding:1.5rem;border-radius:.5rem}.demo_targetAppearanceCard__CMAzk{padding:1rem 1.25rem;background:hsla(0,0%,100%,.92);border-radius:.5rem;font-size:.875rem;text-align:center}.demo_targetTypography__mMIrb{max-width:480px;width:100%}.demo_targetTypography__mMIrb h3{margin:0 0 .5rem;font-size:1.125rem}.demo_targetTypography__mMIrb p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.55;color:rgba(0,0,0,.78)}.demo_targetTypography__mMIrb ul{margin:0;padding-left:1.25rem;font-size:.875rem;line-height:1.6;color:rgba(0,0,0,.7)}.demo_targetFillHero__f73gu{width:100%;max-width:360px;padding:1.75rem 1.5rem;background:#2480ed;color:#fff;border-radius:.5rem}.demo_targetFillHero__f73gu strong{display:block;font-size:1.125rem;margin-bottom:.375rem}.demo_targetFillHero__f73gu p{margin:0;font-size:.875rem;opacity:.9}.demo_targetStrokeSquare__ZdHIO{width:140px;height:140px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:rgba(0,0,0,.4);border-radius:.375rem}.demo_targetEffectsStage__GT8nZ{width:100%;max-width:360px;height:180px;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.demo_targetEffectsCard__fEkq0{padding:.875rem 1.25rem;background:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500}.demo_targetMotionStage__s5KZH{width:100%;max-width:360px;padding:1.25rem;background:#f3f4f6;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.demo_targetMotionCard__x1ers{padding:1rem 1.25rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 2px rgba(0,0,0,.06);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.demo_targetMotionCard__x1ers:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.demo_targetMotionCard__x1ers strong{display:block;font-size:.95rem;margin-bottom:.25rem}.demo_targetMotionCard__x1ers p{font-size:.8125rem;color:rgba(0,0,0,.65);margin:0}.demo_targetLayoutGuideContainer__GOx_4{width:100%;max-width:520px;height:200px;padding:1rem;background:#fafafa;border:1px dashed rgba(0,0,0,.15);border-radius:.5rem;display:flex;align-items:center;justify-content:center}.demo_targetLayoutGuideHint__pKzTA{font-size:.8125rem;color:rgba(0,0,0,.55);text-align:center}.demo_targetActionStage__tMK_e{width:100%;max-width:360px;padding:1.5rem;display:flex;align-items:center;justify-content:center}.demo_targetPulse__blSOs{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .875rem;background:#2480ed;color:#fff;border-radius:999px;font-size:.875rem;font-weight:500;animation:demo_demoPulse__Yxspq 1.6s ease-in-out infinite}@keyframes demo_demoPulse__Yxspq{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(36,128,237,.4)}50%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(36,128,237,0)}}@media(max-width:980px){.demo_demoLayout__uo0_c{grid-template-columns:1fr;gap:1.25rem;padding:1rem 1.25rem 2.5rem}.demo_sideNav__Iil6U{position:-webkit-sticky;position:sticky;top:0;z-index:5;max-height:none;overflow-x:auto;overflow-y:hidden;padding:.5rem 0;background:var(--body-bg);border-bottom:1px solid rgba(0,0,0,.06)}.demo_sideNavList__ylpoL{flex-direction:row;flex-wrap:nowrap;gap:.375rem}.demo_sideNavLink__0QFey{border-left:0;border-bottom:2px solid transparent;padding:.4rem .625rem;white-space:nowrap}.demo_sideNavLink__0QFey[data-active=true]{border-bottom-color:var(--hyperlink-color);border-left-color:transparent}.demo_sideNavSubList__1AGZh{display:none}.demo_stepChild__OdAXC{margin-left:0}}@media(max-width:640px){.demo_stepTitle__QBCV3{font-size:1.125rem}.demo_stepBody__rbA3I p{font-size:.875rem}.demo_stepTarget__KW82T{padding:.875rem}}