.phone-mockup-shell,.cb-phone-shell,.awc-phone-shell{--phone-corner-radius: 12cqw;--phone-bezel-width: 3.5cqw;--phone-screen-radius: 8.5cqw;--phone-outline-width: max(1.5px, .7cqw);--phone-ar-w: 9;--phone-ar-h: 19.5;--phone-bezel-color: #0a0a0a;container-type:inline-size;width:100%;position:relative}.phone-mockup-face{position:relative;width:100%;height:100%;box-sizing:border-box;overflow:clip;isolation:isolate;border-radius:var(--phone-corner-radius);background:var(--phone-bezel-color)}.phone-mockup-face[data-phone-bezel-mode=border]{border:var(--phone-bezel-width) solid var(--phone-bezel-color);padding:0;box-shadow:0 34px 80px #00000038,0 12px 28px #00000029}.phone-mockup-face[data-phone-bezel-mode=overlay]{border:0;padding:var(--phone-bezel-width);box-shadow:0 34px 80px #00000038,0 12px 28px #00000029}.phone-mockup-bezel{position:absolute;inset:0;z-index:50;pointer-events:none;border-radius:var(--phone-corner-radius);box-shadow:inset 0 0 0 var(--phone-bezel-width) var(--phone-bezel-color)}html.cb-embed-onboarding .cb-social-phone{border-color:#0a0a0a;box-shadow:0 0 0 var(--phone-outline-width, max(1.5px, .7cqw)) var(--color-accent, #E1A87A)}html.awc-embed-phone .phone-mockup-face{box-shadow:0 0 0 var(--phone-outline-width, max(1.5px, .7cqw)) var(--color-accent, #E1A87A)}html.awc-embed-phone .phone-mockup-bezel{box-shadow:inset 0 0 0 var(--phone-bezel-width) #0a0a0a}