.phone-frame{container:phone-frame/inline-size;width:100%;box-sizing:border-box}.phone-frame-body{--phone-frame-bezel:4px;box-sizing:border-box;border:var(--phone-frame-bezel) solid #1d2220;border-radius:41px;overflow:hidden;background:#faf8f4;box-shadow:var(--motion-elevation-3)}@supports (width:1cqi){.phone-frame-body{border-radius:min(12cqi,calc(30cqi * var(--phone-frame-aspect, 1)))}}@container phone-frame (max-width: 299.98px){.phone-frame-body{--phone-frame-bezel:3px}}.phone-frame--hairline .phone-frame-body{border:1px solid #ddd7cc}.phone-frame--on-dark .phone-frame-body{box-shadow:var(--phone-frame-rim-on-dark),var(--motion-elevation-3)}.phone-frame--bleed .phone-frame-body{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;min-height:var(--phone-frame-bleed-min-height,0)}.phone-frame-screen{position:relative;overflow:hidden}.phone-frame-image{display:block;width:100%;height:auto}@media (min-width:768px){.phone-frame{width:var(--phone-frame-desktop-width,360px);max-width:100%;margin-left:auto;margin-right:auto}}