.site-demo-tabs{border:1px solid var(--line);background:#fcfcfa;border-radius:99px;flex-wrap:wrap;gap:4px;width:fit-content;padding:5px;display:flex}.site-demo-tabs>.indicator{background:var(--ink);border-radius:99px}.site-demo-tabs button{min-height:46px;font:600 15px/1 var(--sans);color:var(--site-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:0 18px;transition:color .3s}.site-demo-tabs button[aria-pressed=true]{color:var(--paper)}.site-demo-tabs:not([data-indicator-ready]) button[aria-pressed=true]{background:var(--ink)}.site-demo-phone{background:#1d1917;border-radius:46px;width:390px;height:min(760px,78svh);padding:12px;position:relative;box-shadow:0 40px 90px #27211f40,0 4px 14px #27211f26}.site-demo-phone iframe{clip-path:inset(0 round 34px);width:100%;height:100%;transition:opacity .35s var(--ease);background:#fff;border:0;border-radius:34px;display:block}.site-demo-phone[data-loading] iframe{opacity:.35}@media (max-width:900px){.site-demo-phone{border-radius:38px;justify-self:center;width:min(390px,100%);height:min(720px,80svh);padding:8px}.site-demo-phone iframe{clip-path:inset(0 round 30px);border-radius:30px}.site-demo-tabs{justify-content:space-between;gap:0;width:100%}.site-demo-tabs button{flex:1;padding:0 6px;font-size:14px}}