.phone-preview-frame{width:100%;position:relative}.phone-preview-frame--compact{aspect-ratio:10/20.5;flex-shrink:0;width:min(100%,11.75rem);margin-inline:auto;overflow:hidden}.phone-preview-frame--showcase{aspect-ratio:9/19;flex-shrink:0;width:min(100%,16.5rem);margin-inline:auto;overflow:hidden}.phone-preview-frame__device{background:#15120f;border-radius:3.2rem;height:100%;padding:10px;position:relative;box-shadow:0 30px 90px #00000061,0 0 0 1px #0000004d}.phone-preview-frame--compact .phone-preview-frame__device,.phone-preview-frame--showcase .phone-preview-frame__device{border-radius:1.35rem;height:100%;padding:5px;box-shadow:0 10px 28px #00000038,0 0 0 1px #00000047}.phone-preview-frame--showcase .phone-preview-frame__device{border-radius:1.65rem;padding:6px;box-shadow:0 18px 48px #00000061,0 0 0 1px #ffffff0f}.phone-preview-frame__side-btn{background:#2a2620;border-radius:9999px;width:3px;position:absolute}.phone-preview-frame__side-btn--left-top{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;height:2rem;top:110px;left:-2px}.phone-preview-frame__side-btn--left-bottom{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;height:3rem;top:150px;left:-2px}.phone-preview-frame__side-btn--right{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;height:4rem;top:130px;right:-2px}.phone-preview-frame__screen{background:#e8e2d8;border-radius:2.6rem;height:580px;position:relative;overflow:hidden}.phone-preview-frame--compact .phone-preview-frame__screen,.phone-preview-frame--showcase .phone-preview-frame__screen{background:#0a0908;border-radius:1.05rem;height:100%;min-height:0}.phone-preview-frame--showcase .phone-preview-frame__screen{border-radius:1.25rem}.phone-preview-frame--compact .phone-preview-frame__viewport,.phone-preview-frame--showcase .phone-preview-frame__viewport{height:100%;min-height:0;overflow:hidden!important}.phone-preview-frame--compact .phone-preview-content>.profile-skin-root,.phone-preview-frame--showcase .phone-preview-content>.profile-skin-root{overflow:hidden}.phone-preview-frame--compact .skin-atelier-guides,.phone-preview-frame--showcase .skin-atelier-guides{-webkit-mask-image:none;mask-image:none}.phone-preview-frame--blocked .phone-preview-frame__viewport,.phone-preview-frame--blocked .phone-preview-frame__viewport *{pointer-events:none!important}.phone-preview-frame__shield{z-index:50;pointer-events:none;position:absolute;inset:0}.phone-preview-frame__status{pointer-events:none;inset-inline:0;z-index:20;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:1rem 1.75rem 0;display:flex;position:absolute;top:0}.phone-preview-frame__status-time{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.phone-preview-frame__status-icons{align-items:center;gap:.25rem;display:flex}.phone-preview-frame__island{pointer-events:none;z-index:30;background:#000;border-radius:9999px;width:86px;height:22px;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.phone-preview-frame--compact .phone-preview-frame__island,.phone-preview-frame--showcase .phone-preview-frame__island{width:42%;max-width:3.25rem;height:.4rem;top:.35rem}.phone-preview-frame--showcase .phone-preview-frame__island{max-width:4.25rem;height:.45rem}.phone-preview-frame__viewport{height:100%}.phone-preview-frame__home{pointer-events:none;z-index:20;mix-blend-mode:difference;background:#fff;border-radius:9999px;width:7rem;height:.25rem;position:absolute;bottom:.5rem;left:50%;transform:translate(-50%)}.phone-preview-frame--compact .phone-preview-frame__home,.phone-preview-frame--showcase .phone-preview-frame__home{display:none}@media (min-width:640px){.phone-preview-frame__screen{height:640px}}