.device-box[data-v-e0c42340]{flex:none}.device[data-v-e0c42340]{transform-origin:0 0;box-shadow:0 0 0 1.5px var(--color-on-ink-rule),0 40px 80px -24px #000000b3;background:#000;border-radius:38px;position:relative;overflow:hidden}.device[data-v-e0c42340]:after{content:"";pointer-events:none;border-radius:26px;position:absolute;inset:12px;box-shadow:0 0 0 24px #000}.screen[data-v-e0c42340]{background:#08040f;border:0;width:100%;height:100%;display:block}.compact[data-v-e0c42340]{padding:10px 10px calc(10px + env(safe-area-inset-bottom));align-items:stretch;gap:10px}.compact .bar[data-v-e0c42340]{order:1}.compact .device-box[data-v-e0c42340]{flex:1 1 0;min-height:0}.compact .device[data-v-e0c42340]{width:100%;height:100%;box-shadow:none;border-radius:22px;padding:7px}.compact .device[data-v-e0c42340]:after{border-radius:15px;inset:7px}.phone-enter-active[data-v-e0c42340],.phone-leave-active[data-v-e0c42340]{transition:opacity .2s}.phone-enter-active .device-box[data-v-e0c42340],.phone-leave-active .device-box[data-v-e0c42340]{transition:transform .28s cubic-bezier(.2,.8,.2,1)}.phone-enter-from[data-v-e0c42340],.phone-leave-to[data-v-e0c42340]{opacity:0}.phone-enter-from .device-box[data-v-e0c42340],.phone-leave-to .device-box[data-v-e0c42340]{transform:translateY(24px)scale(.97)}