.bd-phone{--bd-phone-frame:#111318;--bd-phone-screen:#fff;inline-size:100%;max-inline-size:300px;margin-inline:auto}.bd-phone__frame{background:var(--bd-phone-frame);border-radius:2.75rem;padding:.7rem;position:relative;box-shadow:0 2px 4px #00000059,0 30px 60px -20px #00000073,inset 0 0 0 2px #ffffff0f}.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}