/* INTERACTIVE PRODUCT DEMO */
.lp-device.lp-app-preview { position:relative; --demo-accent:#22c55e; box-shadow:6px 6px 0 var(--demo-accent),12px 19px 48px #17171720; }
.lp-app-menu { padding:0; cursor:pointer; background:transparent; color:#fef3c7; }
.lp-app-menu:hover,.lp-app-menu[aria-expanded="true"] { border-color:#22c55e; background:#22c55e20; }
.lp-demo-viewport { height:430px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#a3a38e transparent; background:#fef3c7; scroll-behavior:smooth; }
.lp-demo-panel { min-height:100%; padding:11px 11px 15px; background:var(--demo-paper,#fef3c7); color:var(--demo-ink,#0a0a0a); }
.lp-demo-panel.is-active { animation:lp-panel-enter .28s cubic-bezier(.2,.8,.2,1) both; }
@keyframes lp-panel-enter { from { opacity:.3; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.lp-demo-panel-head { min-height:22px; display:flex; align-items:center; justify-content:space-between; gap:7px; margin:0 0 9px; font:700 7px 'IBM Plex Mono',monospace; letter-spacing:.09em; }
.lp-demo-panel-head>span { color:#7a7a70; font-weight:500; font-size:6px; }
.lp-demo-link { border:0; background:none; color:#15803d; font:700 7px 'IBM Plex Mono',monospace; }
.lp-demo-panel .lp-app-hero-card { margin:0 4px 12px 0; }
.lp-demo-panel .lp-app-stat-grid { margin:10px 0 12px; }
.lp-demo-panel .lp-app-section-title { margin:11px 0 7px; }
.lp-demo-panel .lp-app-wallet-grid { margin-bottom:12px; }
.lp-demo-market-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:11px 0 13px; }
.lp-demo-market { min-width:0; display:flex; flex-direction:column; gap:5px; padding:8px; border:1.5px solid #0a0a0a; background:#fff; box-shadow:2px 2px 0 #0a0a0a; }
.lp-demo-market>small { font:700 6px 'IBM Plex Mono',monospace; color:#68685f; letter-spacing:.04em; }
.lp-demo-market>b { overflow:hidden; font:700 9px 'IBM Plex Mono',monospace; white-space:nowrap; text-overflow:ellipsis; }
.lp-demo-market>b i { font-size:6px; font-style:normal; color:#71717a; }
.lp-demo-market>span { display:flex; align-items:center; gap:4px; color:#74746a; font:6px 'IBM Plex Mono',monospace; }
.lp-pulse { width:5px; height:5px; display:inline-block; border-radius:50%; background:#22c55e; box-shadow:0 0 0 3px #22c55e22; animation:lp-pulse 1.8s ease-out infinite; }
@keyframes lp-pulse { 0% { box-shadow:0 0 0 0 #22c55e55; } 80%,100% { box-shadow:0 0 0 5px #22c55e00; } }
.lp-demo-nav { min-height:53px; margin:0 8px 8px; padding:5px 4px; display:grid; grid-template-columns:repeat(5,1fr); gap:2px; border:1.5px solid #0a0a0a; background:#0a0a0a; box-shadow:3px 3px 0 var(--demo-accent); border-radius:13px; }
.lp-demo-nav button { min-width:0; border:0; border-radius:8px; background:transparent; color:#fef3c7; opacity:.6; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; font:700 5px 'Space Grotesk',sans-serif; transition:background .18s ease,opacity .18s ease,transform .18s ease; }
.lp-demo-nav button b { font:700 13px 'IBM Plex Mono',monospace; line-height:1; }
.lp-demo-nav button:hover { opacity:1; transform:translateY(-2px); }
.lp-demo-nav button.is-active { opacity:1; background:#ffffff12; color:var(--demo-accent); }
.lp-demo-nav button:focus-visible,.lp-demo-settings button:focus-visible,.lp-app-menu:focus-visible { outline:2px solid #84cc16; outline-offset:2px; }
.lp-demo-asset-summary { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:4px 0 16px; }
.lp-demo-asset-summary>div { min-width:0; padding:9px; border:1.5px solid #0a0a0a; background:#fff; box-shadow:2px 2px 0 #0a0a0a; }
.lp-demo-asset-summary>div.is-total { background:#0a0a0a; color:#fef3c7; box-shadow:2px 2px 0 #22c55e; }
.lp-demo-asset-summary small,.lp-demo-asset-summary b { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.lp-demo-asset-summary small { margin-bottom:5px; color:#7a7a70; font:6px 'IBM Plex Mono',monospace; }
.lp-demo-asset-summary .is-total small { color:#b8f36b; }
.lp-demo-asset-summary b { font:700 9px 'IBM Plex Mono',monospace; }
.lp-demo-asset { display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:7px; margin:0 0 8px; padding:9px 8px; border:1.5px solid #0a0a0a; background:#fff; box-shadow:2px 2px 0 #0a0a0a; }
.lp-demo-asset-icon { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#e8f8de; color:#15803d; font:700 9px 'IBM Plex Mono',monospace; }
.lp-demo-asset>div:nth-child(2) { min-width:0; }.lp-demo-asset>div:nth-child(2)>* { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.lp-demo-asset>div:nth-child(2) small { color:#777; font:6px 'IBM Plex Mono',monospace; }.lp-demo-asset>div:nth-child(2) b { margin:3px 0; font-size:9px; }.lp-demo-asset>div:nth-child(2) span { color:#777; font-size:6px; }
.lp-demo-asset>strong { font:700 7px 'IBM Plex Mono',monospace; white-space:nowrap; }
.lp-demo-tip { margin-top:10px; padding:8px; border-left:3px solid #22c55e; background:#ffffffb8; color:#68685f; font-size:7px; line-height:1.5; }
.lp-demo-search { display:flex; align-items:center; gap:7px; min-height:31px; margin:4px 0 8px; padding:0 8px; border:1px solid #0a0a0a; background:#fff; color:#73736b; font:12px 'Space Grotesk',sans-serif; }
.lp-demo-search span { flex:1; font-size:8px; }.lp-demo-search b { font:12px 'IBM Plex Mono',monospace; }
.lp-demo-filters { display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-bottom:11px; }
.lp-demo-filters button { min-height:22px; padding:3px; border:1px solid #0a0a0a; background:#fff; color:#0a0a0a; font:700 6px 'IBM Plex Mono',monospace; }
.lp-demo-filters button.is-selected { background:#0a0a0a; color:#b8f36b; }
.lp-demo-date-label { padding:6px 0; color:#68685f; font:700 6px 'IBM Plex Mono',monospace; letter-spacing:.05em; }
.lp-demo-history-list { border:1.5px solid #0a0a0a; background:#fff; box-shadow:3px 3px 0 #0a0a0a; }
.lp-demo-history-row { min-height:48px; display:grid; grid-template-columns:27px minmax(0,1fr) auto; align-items:center; gap:7px; padding:6px 8px; border-bottom:1px solid #e5e5e5; transition:opacity .2s,transform .2s; }.lp-demo-history-row:last-child { border:0; }.lp-demo-history-row.is-filtered { display:none; }
.lp-demo-tx-icon { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#f4f1e4; font-size:11px; }.lp-demo-tx-icon.is-in { background:#e8f8de; color:#15803d; }.lp-demo-tx-icon.is-transfer { background:#e5f1ff; color:#1d4ed8; }
.lp-demo-history-row>span:nth-child(2) { min-width:0; }.lp-demo-history-row b,.lp-demo-history-row small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.lp-demo-history-row b { font-size:8px; }.lp-demo-history-row small { margin-top:3px; color:#777; font-size:6px; }.lp-demo-history-row>strong { font:700 7px 'IBM Plex Mono',monospace; white-space:nowrap; }.lp-demo-history-row>strong.is-positive { color:#15803d; }
.lp-demo-chart-card,.lp-demo-cat-list { margin-bottom:9px; padding:10px; border:1.5px solid #0a0a0a; background:#fff; box-shadow:2px 2px 0 #0a0a0a; }
.lp-demo-card-head { display:flex; justify-content:space-between; align-items:center; gap:5px; color:#666; font:700 6px 'IBM Plex Mono',monospace; }.lp-demo-card-head>span { font-size:5px; font-weight:500; }
.lp-demo-card-head .in-dot,.lp-demo-card-head .out-dot { display:inline-block; width:5px; height:5px; margin-left:6px; border-radius:50%; background:#22c55e; }.lp-demo-card-head .out-dot { background:#f43f5e; }
.lp-demo-bars { height:96px; display:grid; grid-template-columns:repeat(6,1fr); align-items:end; gap:7px; padding:9px 4px 0; border-bottom:1px solid #ddd; }
.lp-demo-bars>div { height:100%; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:5px; }.lp-demo-bars>div>i { width:100%; height:78px; display:flex; justify-content:center; align-items:end; gap:2px; border-bottom:0; background:none; font-style:normal; }
.lp-demo-bars>div>i::before,.lp-demo-bars>div>i::after { content:''; width:33%; height:var(--in); background:var(--demo-accent); border-radius:3px 3px 0 0; transform-origin:bottom; animation:lp-bar-rise .7s cubic-bezier(.2,.8,.3,1) both; }.lp-demo-bars>div>i::after { height:var(--out); background:#f43f5e; animation-delay:.08s; }
@keyframes lp-bar-rise { from { transform:scaleY(.08); opacity:.3; } to { transform:scaleY(1); opacity:1; } }
.lp-demo-bars small { color:#777; font:6px 'IBM Plex Mono',monospace; }.lp-demo-chart-foot { margin-top:7px; color:#777; font-size:6px; }
.lp-demo-line-chart { width:100%; height:70px; margin-top:5px; overflow:visible; }.lp-demo-cat-list>div:not(.lp-demo-card-head) { display:grid; grid-template-columns:72px 1fr 20px; align-items:center; gap:6px; margin-top:8px; font-size:7px; }.lp-demo-cat-list>div>i { height:5px; overflow:hidden; border-radius:5px; background:#eee; }.lp-demo-cat-list>div>i>b { display:block; width:var(--pct); height:100%; border-radius:inherit; background:#22c55e; }.lp-demo-cat-list>div>strong { font:700 6px 'IBM Plex Mono',monospace; }
.lp-demo-target-card { margin:5px 0 14px; padding:12px; border:1.5px solid #0a0a0a; background:#fff; box-shadow:3px 3px 0 #0a0a0a; }.lp-demo-target-card>div:first-child>* { display:block; }.lp-demo-target-card small { color:#73736b; font:6px 'IBM Plex Mono',monospace; }.lp-demo-target-card>div:first-child>b { margin:6px 0; font-size:11px; }.lp-demo-target-card>div:first-child>span { font:700 12px 'IBM Plex Mono',monospace; }.lp-demo-target-card>div:first-child>span i { color:#777; font-size:7px; font-style:normal; }
.lp-demo-progress,.lp-budget-bar { display:block; height:9px; overflow:hidden; margin:9px 0; border:1px solid #0a0a0a; background:#eee; }.lp-demo-progress>i,.lp-budget-bar>b { display:block; width:var(--progress); height:100%; background:#22c55e; transition:width .6s ease; }.lp-demo-target-card>small { font-size:5px; }
.lp-budget-head { margin:11px 0 5px; }.lp-demo-budget-row { margin-top:9px; }.lp-demo-budget-row>div { display:flex; justify-content:space-between; gap:5px; font-size:7px; }.lp-demo-budget-row>div>span { font-weight:600; }.lp-demo-budget-row>div>span>b { padding:2px 4px; border:1px solid #ddd; border-radius:5px; font:6px 'IBM Plex Mono',monospace; }.lp-demo-budget-row>div>strong { font:700 7px 'IBM Plex Mono',monospace; white-space:nowrap; }.lp-demo-budget-row>div>strong>i { color:#888; font-style:normal; font-weight:400; }.lp-budget-bar { height:7px; margin:5px 0 0; }.lp-budget-bar>b { background:var(--budget-color,#22c55e); }
.lp-demo-ff { display:flex; flex-direction:column; gap:5px; margin-top:14px; padding:9px; background:#0a0a0a; color:#fef3c7; box-shadow:3px 3px 0 #22c55e; }.lp-demo-ff small { color:#b8f36b; font:700 6px 'IBM Plex Mono',monospace; }.lp-demo-ff b { font-size:9px; }.lp-demo-ff span { color:#fef3c7bd; font-size:7px; line-height:1.4; }
.lp-demo-settings { position:absolute; z-index:10; inset:44px 0 0; overflow:auto; padding:12px; border-radius:0 0 16px 16px; background:#fefce8; color:#0a0a0a; box-shadow:inset 0 0 0 1px #0a0a0a; animation:lp-panel-enter .2s ease both; }
.lp-demo-settings[hidden] { display:none; }
.lp-demo-settings-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; padding-bottom:9px; border-bottom:1.5px solid #0a0a0a; }.lp-demo-settings-head small,.lp-demo-settings-head b { display:block; }.lp-demo-settings-head small { color:#6c6c62; font:6px 'IBM Plex Mono',monospace; }.lp-demo-settings-head b { margin-top:4px; font-size:13px; }.lp-demo-settings-head>button { width:27px; height:27px; border:1.5px solid #0a0a0a; background:#fff; font-size:17px; }
.lp-demo-settings-block { margin:11px 0 14px; }.lp-demo-settings-block> b,.lp-demo-category-heading>b { display:block; margin-bottom:7px; font:700 7px 'IBM Plex Mono',monospace; letter-spacing:.08em; }.lp-demo-setting-pills { display:flex; flex-wrap:wrap; gap:5px; }.lp-demo-setting-pills>button { padding:6px 8px; border:1px solid #bcbcb0; border-radius:999px; background:#fff; color:#333; font:700 7px 'Space Grotesk',sans-serif; }.lp-demo-setting-pills>button.is-selected { border-color:#0a0a0a; background:#0a0a0a; color:#b8f36b; }
.lp-demo-swatches { display:flex; gap:7px; }.lp-demo-swatches>button { width:23px; height:23px; border:1.5px solid #0a0a0a; border-radius:50%; background:var(--swatch); }.lp-demo-swatches>button.is-selected { outline:2px solid #22c55e; outline-offset:2px; }
.lp-demo-category-heading { display:flex; justify-content:space-between; align-items:baseline; gap:5px; }.lp-demo-category-heading>b { margin-bottom:7px; }.lp-demo-category-heading>span { color:#777; font:5px 'IBM Plex Mono',monospace; }.lp-demo-category-list { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0; }.lp-demo-category-list>span { padding:5px 7px; border:1px solid #dfe4d7; border-radius:7px; background:#fff; font-size:7px; }.lp-demo-category-add { padding:5px 7px; border:1px dashed #758e5a; border-radius:7px; background:transparent; color:#356525; font:700 7px 'Space Grotesk',sans-serif; }.lp-demo-settings-note { color:#777; font-size:6px; line-height:1.5; }.lp-demo-widget-chips { display:flex; flex-wrap:wrap; gap:5px; }.lp-demo-widget-chips>span { padding:5px 7px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#54544b; font-size:6px; }
.lp-device.lp-app-preview.is-dark { background:#171717; color:#f4f4e8; }.lp-device.lp-app-preview.is-dark .lp-demo-viewport,.lp-device.lp-app-preview.is-dark .lp-demo-panel { --demo-paper:#191919; --demo-ink:#f4f4e8; background:#191919; color:#f4f4e8; }.lp-device.lp-app-preview.is-dark .lp-app-screen { background:#191919; }.lp-device.lp-app-preview.is-dark .lp-demo-asset-summary>div,.lp-device.lp-app-preview.is-dark .lp-demo-asset,.lp-device.lp-app-preview.is-dark .lp-demo-search,.lp-device.lp-app-preview.is-dark .lp-demo-filters button,.lp-device.lp-app-preview.is-dark .lp-demo-chart-card,.lp-device.lp-app-preview.is-dark .lp-demo-cat-list,.lp-device.lp-app-preview.is-dark .lp-demo-target-card { background:#242424; color:#f4f4e8; border-color:#aaa; }.lp-device.lp-app-preview.is-dark .lp-demo-settings { background:#232323; color:#f4f4e8; }.lp-device.lp-app-preview.is-dark .lp-demo-settings-block button,.lp-device.lp-app-preview.is-dark .lp-demo-category-list>span { background:#303030; color:#f4f4e8; border-color:#777; }
@media (max-width:1000px) { .lp-demo-viewport { height:420px; } }
@media (max-width:700px) { .lp-device.lp-app-preview { width:350px; }.lp-demo-viewport { height:420px; }.lp-app-screen { padding:0; } }
@media (max-width:380px) { .lp-device.lp-app-preview { width:350px; }.lp-demo-viewport { height:405px; } }
@media (prefers-reduced-motion:reduce) { .lp-demo-panel.is-active,.lp-demo-bars>div>i::before,.lp-demo-bars>div>i::after,.lp-pulse { animation:none; }.lp-demo-nav button,.lp-demo-progress>i { transition:none; } }

.lp-demo-viewport { background:var(--demo-surface,#fef3c7); }
.lp-demo-panel { background:var(--demo-surface,#fef3c7); }
.lp-demo-category-count { display:block; width:100%; margin-bottom:5px; color:#76766b; font:6px 'IBM Plex Mono',monospace; }
.lp-demo-category-chips { display:flex; flex-wrap:wrap; gap:5px; }
.lp-device.lp-app-preview.is-dark .lp-demo-viewport,.lp-device.lp-app-preview.is-dark .lp-demo-panel { background:var(--demo-surface,#191919); }
.lp-device.lp-app-preview.is-dark .lp-demo-settings-head>button { background:#303030; color:#f4f4e8; border-color:#777; }
.lp-demo-nav button.is-active { color:var(--demo-accent,#b8f36b); }
.lp-device.lp-app-preview.is-bg-dark .lp-demo-panel { --demo-ink:#f4f4e8; color:#f4f4e8; }
.lp-device.lp-app-preview.is-bg-dark .lp-demo-panel-head>span,.lp-device.lp-app-preview.is-bg-dark .lp-demo-tip { color:#d4d4c8; }

.lp-demo-more-colors { min-height:23px; padding:3px 7px; border:1px solid #bcbcb0; border-radius:99px; background:#fff; color:#444; font:6px 'Space Grotesk',sans-serif; }
.lp-demo-extra-swatches { flex-wrap:wrap; margin-top:7px; }.lp-demo-extra-swatches[hidden] { display:none; }
.lp-demo-accent-swatches { display:grid; grid-template-columns:repeat(8,20px); gap:7px; }
.lp-demo-accent { width:19px; height:19px; padding:0; border:1.5px solid #0a0a0a; border-radius:50%; background:var(--swatch); }
.lp-demo-accent.is-selected { outline:2px solid #22c55e; outline-offset:2px; }
.lp-demo-format-row { display:flex; align-items:flex-start; gap:6px; margin-top:7px; }.lp-demo-format-row>span { width:36px; padding-top:5px; color:#777; font:6px 'IBM Plex Mono',monospace; }.lp-demo-format-row .lp-demo-setting-pills { flex:1; }.lp-demo-format-row .lp-demo-setting-pills>button { padding:5px 6px; font-size:6px; }
.lp-demo-hide-balance { margin-top:8px; padding:6px 8px; border:1px solid #aaa; border-radius:99px; background:#fff; color:#555; font:700 7px 'Space Grotesk',sans-serif; }
.lp-demo-widget-chips { display:flex; flex-wrap:wrap; gap:5px; }.lp-demo-widget-chips>button { padding:5px 7px; border:1px solid #ddd; border-radius:99px; background:#fff; color:#54544b; font:6px 'Space Grotesk',sans-serif; }.lp-demo-widget-chips>button.is-selected { border-color:#86bb56; background:#ebf7e0; color:#285d21; }
.lp-demo-category-add { align-self:flex-start; }.lp-demo-category-form { display:flex; gap:5px; width:100%; margin-top:5px; }.lp-demo-category-form>input { min-width:0; flex:1; padding:6px 7px; border:1px solid #aaa; border-radius:6px; background:#fff; color:#222; font:7px 'Space Grotesk',sans-serif; }.lp-demo-category-form>button { padding:5px 8px; border:1px solid #222; border-radius:6px; background:#0a0a0a; color:#d4ff9d; font:700 7px 'Space Grotesk',sans-serif; }
.lp-app-preview.hide-demo-balance .lp-app-balance,.lp-app-preview.hide-demo-balance .lp-demo-asset-summary>div>b,.lp-app-preview.hide-demo-balance .lp-demo-asset>strong,.lp-app-preview.hide-demo-balance .lp-demo-history-row>strong { filter:blur(4px); user-select:none; }
.lp-demo-settings[hidden] { display:none; }
.lp-device.lp-app-preview.is-dark .lp-demo-more-colors,.lp-device.lp-app-preview.is-dark .lp-demo-hide-balance,.lp-device.lp-app-preview.is-dark .lp-demo-widget-chips>button,.lp-device.lp-app-preview.is-dark .lp-demo-format-row button,.lp-device.lp-app-preview.is-dark .lp-demo-category-form input { background:#303030; color:#f4f4e8; border-color:#777; }
.lp-device.lp-app-preview.is-dark .lp-demo-widget-chips>button.is-selected { background:#263925; color:#c5f79e; border-color:#7d9c67; }
@media (prefers-reduced-motion:reduce) { .lp-demo-viewport { scroll-behavior:auto; } }

.lp-demo-stock { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin:0 0 12px; padding:7px; border:1px solid #0a0a0a; background:#fff; }.lp-demo-stock>small { grid-column:1/-1; color:#777; font:5px 'IBM Plex Mono',monospace; }.lp-demo-stock>div { min-width:0; display:flex; flex-direction:column; gap:3px; padding:5px; background:#f7f7f2; }.lp-demo-stock>div>b { font:700 6px 'IBM Plex Mono',monospace; }.lp-demo-stock>div>strong { overflow:hidden; font:700 7px 'IBM Plex Mono',monospace; text-overflow:ellipsis; white-space:nowrap; }.lp-demo-stock>div>strong>i { color:#15803d; font-size:5px; font-style:normal; }
.lp-demo-saving-rate { display:flex; align-items:center; gap:7px; margin:0 0 12px; padding:7px 9px; border:1px solid #0a0a0a; background:#fff; }.lp-demo-saving-rate>span { flex:1; color:#666; font:6px 'IBM Plex Mono',monospace; }.lp-demo-saving-rate>strong { font:700 14px 'IBM Plex Mono',monospace; }.lp-demo-saving-rate>strong>i { font-size:8px; font-style:normal; }.lp-demo-saving-rate>div { width:48px; height:5px; overflow:hidden; border-radius:5px; background:#eee; }.lp-demo-saving-rate>div>b { display:block; width:var(--pct); height:100%; background:#22c55e; }
.lp-demo-alert { margin-top:10px; padding:8px; border:1px solid #0a0a0a; background:#fff; }.lp-demo-alert>div { display:flex; justify-content:space-between; gap:5px; font:6px 'IBM Plex Mono',monospace; }.lp-demo-alert>div>span { color:#777; }.lp-demo-alert>div>b { color:#925d0a; }.lp-demo-alert>i { display:block; height:5px; margin-top:6px; overflow:hidden; border-radius:5px; background:#eee; }.lp-demo-alert>i>b { display:block; width:var(--progress); height:100%; background:#facc15; }
.lp-device.lp-app-preview.is-dark .lp-demo-stock,.lp-device.lp-app-preview.is-dark .lp-demo-stock>div,.lp-device.lp-app-preview.is-dark .lp-demo-saving-rate,.lp-device.lp-app-preview.is-dark .lp-demo-alert { background:#242424; color:#f4f4e8; border-color:#777; }
.lp-device.lp-app-preview [data-demo-widget][hidden] { display:none!important; }
.lp-device.lp-app-preview { transition:width .28s cubic-bezier(.2,.8,.2,1); }
.lp-device.lp-app-preview.lp-demo-wide { width:min(520px,42vw); }
@media (max-width:700px) { .lp-device.lp-app-preview.lp-demo-wide { width:350px; } }