.reactivity-demo-layout[data-v-3728c8b0]{display:flex;flex-direction:row;justify-content:center;position:sticky}@media (min-width:768px){.reactivity-demo-layout[data-v-3728c8b0]{margin-left:calc(50% - 50vw + 100px);width:calc(100dvw - 200px)}}.slide-fade-enter-active[data-v-3728c8b0],.slide-fade-leave-active[data-v-3728c8b0]{overflow:hidden;transition:transform .3s ease,max-width .3s ease,opacity .3s ease}.slide-fade-enter-from[data-v-3728c8b0],.slide-fade-leave-to[data-v-3728c8b0]{max-width:0;opacity:0;overflow:hidden;transform:translate(20px)}.reactivity-demo-layout__sidebar[data-v-3728c8b0]{height:100dvh;left:0;overflow:visible;position:fixed;top:0;transition:width .3s ease;width:0}@media (min-width:768px){.reactivity-demo-layout__sidebar[data-v-3728c8b0]{display:block;position:sticky}}.reactivity-demo-layout__sidebar-content[data-v-3728c8b0]{display:flex;flex-direction:row;height:100%;top:0}@media (min-width:768px){.reactivity-demo-layout__sidebar-content[data-v-3728c8b0]{max-width:400px;top:100px}}@media (min-width:1024px){.reactivity-demo-layout__sidebar-content[data-v-3728c8b0]{max-width:500px}}article[data-v-3728c8b0]{max-width:var(--alpine-readableLine);padding-bottom:var(--space-4);padding-top:var(--space-4);transition:width .3s ease;width:100%}@media (min-width:var(--breakpoint-sm )){article[data-v-3728c8b0]{padding-bottom:var(--space-12);padding-top:var(--space-12)}}article .back[data-v-3728c8b0]{align-items:center;border-bottom:1px solid var(--elements-border-secondary-static);display:inline-flex;font-size:var(--text-lg-fontSize)}article .back[data-v-3728c8b0] svg{height:var(--size-16);margin-right:var(--space-2);width:var(--size-16)}article header[data-v-3728c8b0]{margin-bottom:var(--space-12);margin-top:var(--space-16)}article .title[data-v-3728c8b0]{font-size:var(--text-5xl-fontSize);font-weight:var(--fontWeight-semibold);line-height:var(--text-5xl-lineHeight);margin-bottom:var(--space-4)}article time[data-v-3728c8b0]{color:var(--elements-text-secondary-color-static)}article .prose .back-to-top[data-v-3728c8b0]{align-items:center;display:flex;justify-content:flex-end;margin-top:var(--space-4);width:100%}article .prose .back-to-top a[data-v-3728c8b0]{cursor:pointer;font-size:var(--text-lg-fontSize)}article .prose[data-v-3728c8b0] h1{display:none}