:where(.PhoneMockup){--PhoneMockup-api-shadow:120px 60px 60px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*1)),80px 40px 50px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*5)),40px 20px 40px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*9)),10px 5px 20px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*10))}.PhoneMockup{aspect-ratio:1;position:relative}.PhoneMockup-frame{z-index:2;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute}.PhoneMockup-ui{z-index:0;box-shadow:var(--PhoneMockup-api-shadow);border-top-left-radius:18%;border-top-right-radius:18%;align-items:center;margin:2.5% 2.5% 0;position:absolute;inset:0;overflow:hidden;container-type:size}