.bd-phone{--bd-phone-frame:var(--vds-color-neutral-12);--bd-phone-screen:var(--vds-color-neutral-1);inline-size:100%;max-inline-size:300px;margin-inline:auto}.bd-phone__frame{background:var(--bd-phone-frame);box-shadow:var(--vds-shadow-2xl), inset 0 0 0 2px var(--vds-color-highlight-tint);border-radius:2.75rem;padding:.7rem;position:relative}.bd-phone__screen{aspect-ratio:9/19;background:var(--bd-phone-screen);border-radius:2.1rem;position:relative;overflow:hidden}.bd-phone__notch{z-index:2;background:var(--bd-phone-frame);border-radius:999px;position:absolute;inset-block-start:.55rem;inset-inline-start:50%;transform:translate(-50%)}.bd-phone__notch[data-notch=island]{block-size:1.5rem;inline-size:34%}.bd-phone__notch[data-notch=notch]{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:1rem;border-end-start-radius:1rem;block-size:1.5rem;inline-size:46%;inset-block-start:0}.bd-phone__screen-inner{flex-direction:column;padding:2.5rem .9rem .9rem;display:flex;position:absolute;inset:0;overflow:hidden}