:where(.ui-phone-frame){position:relative;width:100%}.ui-phone-frame{aspect-ratio:1300/2642}.ui-phone-frame--bare{aspect-ratio:1280/2642}.ui-phone-frame__body{position:absolute;inset:0 .769%;border-radius:16.406%/7.949%;background:#000;box-shadow:var(--ui-phone-frame-shadow,none)}.ui-phone-frame--bare .ui-phone-frame__body{inset:0}.ui-phone-frame__screen{position:absolute;inset:1.211% 3.231%;overflow:hidden;border-radius:14.638%/6.905%;background:#000}.ui-phone-frame--bare .ui-phone-frame__screen{inset:1.211% 2.5%}.ui-phone-frame__screen>:is(img,video,iframe){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ui-phone-frame__bar{position:absolute;z-index:1;inset:0 0 auto;height:7.1%;pointer-events:none;background:color-mix(in srgb,var(--paper-1) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ui-phone-frame--dark .ui-phone-frame__bar{background:color-mix(in srgb,var(--ink-primary) 55%,transparent)}.ui-phone-frame__chrome{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;color:var(--color-text)}.ui-phone-frame--dark .ui-phone-frame__chrome{color:var(--paper-1)}.ui-phone-frame__band{mix-blend-mode:screen;opacity:.75}