.mock-ui-feature__playback[data-v-55a5db13]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#15171de8;border:1px solid #ffffff30;border-radius:999px;box-shadow:0 2px 10px #0002;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:550;gap:6px;min-height:36px;opacity:0;padding:7px 12px;pointer-events:none;position:absolute;right:12px;top:12px;transition:opacity .18s ease;z-index:5}.mock-ui-feature:focus-within .mock-ui-feature__playback[data-v-55a5db13],.mock-ui-feature:hover .mock-ui-feature__playback[data-v-55a5db13]{opacity:1;pointer-events:auto}.mock-ui-feature__playback svg[data-v-55a5db13]{height:16px;width:16px}.mock-ui-feature__playback[data-v-55a5db13]:hover{background:#292c34}.mock-ui-feature__playback[data-v-55a5db13]:focus-visible{outline:2px solid #fff;outline-offset:3px}.mock-ui-feature__playback[data-v-55a5db13]:disabled{cursor:wait}.mock-ui-feature[data-v-55a5db13]{background:linear-gradient(180deg,#2196f3,#fff);border-radius:inherit;overflow:hidden;position:relative;width:100%}.mock-ui-feature__frame[data-v-55a5db13]{display:flex;inset:0;min-height:0;padding:clamp(28px,8%,80px);position:absolute}.mock-ui-feature.is-bleed-bottom .mock-ui-feature__frame[data-v-55a5db13]{align-items:flex-start;justify-content:flex-start;padding-bottom:0;padding-right:0}.mock-ui-feature.is-bleed-left .mock-ui-feature__frame[data-v-55a5db13]{align-items:center;padding-left:0}.mock-ui-feature.is-bleed-right .mock-ui-feature__frame[data-v-55a5db13]{align-items:center;padding-right:0}.mock-ui-feature.is-bleed-none .mock-ui-feature__frame[data-v-55a5db13]{align-items:center}.mock-ui-feature.has-device .mock-ui-feature__frame[data-v-55a5db13]{align-items:center;container-type:size;justify-content:center;padding:clamp(24px,8%,72px)}.mock-ui-feature__stage[data-v-55a5db13]{display:contents}.mock-ui-feature.has-device .mock-ui-feature__stage[data-v-55a5db13]{aspect-ratio:var(--device-aspect);display:block;height:auto;position:relative;width:min(100%,calc(100cqh*var(--device-aspect)))}.mock-ui-feature.has-device .mock-ui-feature__device[data-v-55a5db13]{height:100%;width:100%}.mock-ui-feature__device[data-v-55a5db13]{border-radius:0;display:block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.mock-ui-feature__inner[data-v-55a5db13]{border-radius:12px;flex:none;overflow:hidden;position:relative;width:100%}.mock-ui-feature.is-bleed-bottom .mock-ui-feature__inner[data-v-55a5db13]{border-bottom-left-radius:0;border-bottom-right-radius:0}.mock-ui-feature.is-bleed-left .mock-ui-feature__inner[data-v-55a5db13]{border-bottom-left-radius:0;border-top-left-radius:0}.mock-ui-feature.is-bleed-right .mock-ui-feature__inner[data-v-55a5db13]{border-bottom-right-radius:0;border-top-right-radius:0}.mock-ui-feature.has-device .mock-ui-feature__inner[data-v-55a5db13]{border-radius:0}.mock-ui-feature__scene[data-v-55a5db13]{opacity:0}.mock-ui-feature__poster[data-v-55a5db13],.mock-ui-feature__scene[data-v-55a5db13]{inset:0;position:absolute;transition:opacity .5s ease}.mock-ui-feature__poster[data-v-55a5db13]{background-image:var(--poster-light);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:blur(6px);transform:scale(1.04)}:root[data-theme=dark] .mock-ui-feature__poster[data-v-55a5db13]{background-image:var(--poster-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mock-ui-feature__poster[data-v-55a5db13]{background-image:var(--poster-dark)}}.mock-ui-feature.is-live .mock-ui-feature__poster[data-v-55a5db13]{opacity:0}.mock-ui-feature.is-live .mock-ui-feature__scene[data-v-55a5db13]{opacity:1}