.demo-push{container-type:inline-size;inline-size:100%;max-inline-size:26rem}.demo-push__surface{--nu-push-u:calc(100cqw / 393);display:grid;grid-template-columns:minmax(0,1fr);grid-gap:calc(var(--nu-push-u) * 8);gap:calc(var(--nu-push-u) * 8);box-sizing:border-box;padding:calc(var(--nu-push-u) * 16);border-radius:var(--nu-radius-16);background:var(--nu-gray-200)}.demo-push__surface[data-appearance=dark]{background:var(--nu-gray-900)}.demo-push__surface[data-platform=android]{background:var(--nu-gray-100)}.demo-push__surface[data-platform=android][data-appearance=dark]{background:var(--nu-gray-950)}.demo-push__surface[data-group]{gap:calc(var(--nu-push-u) * 4)}.demo-push__stage{grid-gap:var(--nu-space-4);gap:var(--nu-space-4)}.demo-push__row,.demo-push__stage{display:grid;justify-items:center;inline-size:100%}.demo-push__row{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));grid-gap:var(--nu-space-5);gap:var(--nu-space-5);align-items:start}.demo-push__result{min-block-size:2.5em;font-size:var(--nu-type-paragraph-small-size);line-height:var(--nu-type-paragraph-small-line-height);text-wrap:balance}.demo-push__caption,.demo-push__result{margin:0;color:var(--nu-text-sub-600);text-align:center}.demo-push__caption{font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium)}.demo-push__fig{display:grid;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);margin:0;inline-size:100%;justify-items:center}.demo-push__phone{inline-size:min(100%,17rem)}.demo-push__phone--small{inline-size:min(100%,11rem)}.demo-push__row--small{grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr))}