@keyframes demo-toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.demo-toast{animation:.22s ease-out demo-toast-in}.demo-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.demo-strip{scrollbar-width:none;scroll-snap-type:x proximity;--fade-start:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);scroll-padding-inline:.5rem}.demo-strip::-webkit-scrollbar{display:none}.demo-strip>*{scroll-snap-align:start}.demo-strip[data-fade-start]{--fade-start:1.75rem}.demo-strip[data-fade-end]{--fade-end:2.25rem}@media (min-width:48rem){.demo-strip{-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.demo-toast{animation:none}}
.creator-surface [data-edit-hl]{outline-offset:2px!important;outline:2px solid #2563eb!important;box-shadow:0 0 0 2px #fff!important}.creator-surface--edit [data-edit]{cursor:pointer}[data-editor-target]{scroll-margin-top:5rem}.creator-surface--edit [data-edit]:hover:not(:has([data-edit]:hover)):not([data-edit-hl]){outline-offset:2px;outline:1px dashed #2563ebb3}.creator-surface--edit [data-edit=page]:hover{outline:none!important}@media (forced-colors:active){.creator-surface [data-edit-hl]{outline-color:highlight!important}}