.landing-demo{--landing-demo-ease:cubic-bezier(0.22,1,0.36,1);--landing-demo-inset:1.25rem}@media (min-width:1024px){.landing-demo{--landing-demo-inset:2.5rem}}.landing-demo-stage{transition:opacity .4s ease}@media (min-width:1024px){.landing-demo-stage{mask-image:linear-gradient(180deg,#000 calc(100% - 4rem),transparent);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 4rem),transparent)}}.landing-demo[data-hidden] .landing-demo-stage{opacity:0}.landing-demo[data-hidden] .landing-demo-stage *{transition:none!important}.landing-demo-article .document-type>main,.landing-demo-article .document-type>section,.landing-demo-article header>div{padding-left:var(--landing-demo-inset);padding-right:var(--landing-demo-inset)}.landing-demo-article header{height:3.25rem;transition:opacity .28s var(--landing-demo-ease) .18s}.landing-demo-article header p{transition:transform .28s var(--landing-demo-ease) .18s}.landing-demo[data-mode=editor] .landing-demo-stage header{opacity:0;transition-delay:0s}.landing-demo[data-mode=editor] .landing-demo-stage header p{transform:translateY(-.375rem)}.landing-demo-bar{transition:opacity .18s var(--landing-demo-ease)}.landing-demo[data-mode=published] .landing-demo-bar{opacity:0}.landing-demo-article .document-type>section>div{height:4.0625rem;overflow:hidden;transition:height .52s var(--landing-demo-ease),margin-bottom .52s var(--landing-demo-ease),padding-bottom .52s var(--landing-demo-ease),border-color .52s var(--landing-demo-ease),opacity .36s var(--landing-demo-ease) .16s}.landing-demo[data-mode=editor] .landing-demo-stage .document-type>section>div{height:0;margin-bottom:.5rem;padding-bottom:0;border-color:transparent;opacity:0;transition-delay:0s}@media (max-width:1023px){.landing-demo-article .document-type>section{padding-top:1.75rem}.landing-demo-article .document-type>section>div{height:3.5rem;margin-bottom:1.75rem}.landing-demo-article .document-type>main{padding-bottom:1.75rem}}.landing-demo-caret{display:inline-block;width:0;height:1.2em;margin-left:1px;vertical-align:text-bottom;border-left:1.5px solid;animation:landing-demo-caret 1.1s step-end infinite}@keyframes landing-demo-caret{50%{opacity:0}}.landing-demo-collaborator{animation:landing-demo-arrive .22s var(--landing-demo-ease) both}.landing-demo-collaborator .bn-collaboration-cursor__label{font-family:var(--font-inter),"Inter",sans-serif;font-style:normal;line-height:1.5}@keyframes landing-demo-arrive{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.landing-demo-stage,.landing-demo-stage *{transition:none!important}.landing-demo-caret,.landing-demo-collaborator{animation:none}}