.demo{flex-direction:column;gap:12px;display:flex}.demo-switch{background:var(--bg-elevated);border-radius:100px;flex-wrap:wrap;justify-content:center;align-self:center;gap:4px;padding:3px;display:inline-flex}.demo-tab{font:inherit;color:var(--fg-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:100px;padding:8px 15px;font-size:13px;font-weight:600}.demo-tab.active{color:var(--fg);box-shadow:var(--shadow-card);background:#fff}.demo-stage{justify-content:center;display:flex}.demo-stage .card-scope{background:0 0;min-height:0;padding:0}.demo-stage .card-sheet{max-width:380px;box-shadow:var(--shadow-card-hover)}.demo-caption{text-align:center;color:var(--fg-muted);margin:0;font-size:13px}.hp .demo{gap:18px}.hp .demo-switch{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #7c3aed24;border-radius:100px;padding:5px;box-shadow:0 4px 20px #4c1d9514}.hp .demo-tab{color:var(--fg-soft);transition:color .2s var(--ease-mosake), background .2s var(--ease-mosake);padding:9px 15px;font-size:12.5px}.hp .demo-tab.active{color:var(--accent-deep);background:#fff;box-shadow:0 4px 14px #4c1d951f}.hp .demo-stage{padding:8px 0 4px;position:relative}.hp .demo-stage:before{content:"";z-index:0;filter:blur(12px);pointer-events:none;background:radial-gradient(55% 50% at 50% 45%,#7c3aed38 0%,#7c3aed00 72%);border-radius:40px;position:absolute;inset:6% 8% 2%}.hp .demo-stage .card-sheet{z-index:1;max-width:356px;transition:transform .5s var(--ease-mosake), box-shadow .5s var(--ease-mosake);position:relative;box-shadow:0 26px 60px #2d10602e,0 4px 14px #2d106014}.hp .demo-stage:hover .card-sheet{transform:translateY(-4px);box-shadow:0 34px 74px #2d106038,0 6px 18px #2d10601a}.hp .demo-caption{color:var(--fg-muted);font-size:12.5px}.demo-stage .card-foot{display:none}