.sample-device[data-v-0554bb0d]{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#0000;outline:none}.sample-device--scrollable[data-v-0554bb0d]{touch-action:none}.sample-device.is-inview.sample-device--scrollable[data-v-0554bb0d]{cursor:grab}.sample-device--dragging[data-v-0554bb0d]{cursor:grabbing;-webkit-user-select:none;user-select:none}.sample-device[data-v-0554bb0d]:focus-visible{box-shadow:inset 0 0 0 2px var(--aqua-deep)}.sample-device__phone[data-v-0554bb0d]{width:min(280px,72vw);aspect-ratio:9/19;border-radius:1.35rem;padding:11px;background:var(--ink);box-shadow:0 12px 28px color-mix(in srgb,var(--ink) 18%,#0000)}.sample-device--fill .sample-device__phone[data-v-0554bb0d]{width:auto;height:100%;max-width:100%;max-height:100%}.sample-device__screen[data-v-0554bb0d]{container-type:size;width:100%;height:100%;overflow:hidden;border-radius:1rem;background:var(--paper)}.sample-device__track[data-v-0554bb0d]{width:100%;will-change:transform}.sample-device--manual .sample-device__track[data-v-0554bb0d]{animation:none}@media(hover:hover){.sample-device:hover .sample-device__track[data-v-0554bb0d]{animation-play-state:paused}}.sample-device:focus-visible .sample-device__track[data-v-0554bb0d]{animation-play-state:paused}.sample-device.is-inview:not(.sample-device--manual) .sample-device__track[data-v-0554bb0d]{animation:sample-device-scroll-0554bb0d 22s ease-in-out infinite alternate;animation-delay:.35s}.sample-device__strip[data-v-0554bb0d]{display:block;width:100%;height:auto;-webkit-user-drag:none;pointer-events:none}@keyframes sample-device-scroll-0554bb0d{0%,4%{transform:translateY(0)}96%,to{transform:translateY(var(--sample-device-scroll-end, calc(-100% + 100cqh) ))}}@media(prefers-reduced-motion:reduce){.sample-device.is-inview:not(.sample-device--manual) .sample-device__track[data-v-0554bb0d]{animation:none;transform:translateY(0)}}