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