:where(.brvx-phone){--u:calc(100cqi / 433);--phone-rim:linear-gradient(135deg, var(--text-tertiary), var(--ui-04) 18%, var(--text-secondary) 48%, var(--ui-04) 72%, var(--text-tertiary));--phone-body:var(--app-background);--phone-glass:#000;--phone-chrome:var(--ui-01);--phone-field:var(--ui-03);--phone-ink:var(--text-always-light);--phone-dim:var(--text-tertiary);box-sizing:border-box;aspect-ratio:433/899;background:var(--phone-rim);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;border-radius:17%/8.19%;display:block;position:relative;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -20px #000000b3,0 60px 120px -40px #00000080;container-type:inline-size}:where(.brvx-phone__btn){width:calc(4 * var(--u));background:var(--phone-rim);position:absolute}:where(.brvx-phone__btn:not([data-btn=power])){left:calc(-3 * var(--u));border-radius:calc(2 * var(--u)) 0 0 calc(2 * var(--u))}:where(.brvx-phone__btn[data-btn=action]){height:3.8%;top:19%}:where(.brvx-phone__btn[data-btn=vol-up]){height:7.4%;top:26%}:where(.brvx-phone__btn[data-btn=vol-down]){height:7.4%;top:35%}:where(.brvx-phone__btn[data-btn=power]){top:29%;right:calc(-3 * var(--u));border-radius:0 calc(2 * var(--u)) calc(2 * var(--u)) 0;height:11.5%}:where(.brvx-phone__body){inset:calc(4.5 * var(--u));border-radius:calc(69 * var(--u));background:var(--phone-body);box-shadow:0 0 0 calc(1 * var(--u)) #0009 inset;position:absolute}:where(.brvx-phone__display){inset:calc(11 * var(--u));border-radius:calc(58 * var(--u));background:var(--phone-glass);color:var(--phone-ink);box-shadow:0 0 0 calc(1 * var(--u)) #ffffff0a;flex-direction:column;display:flex;position:absolute;overflow:hidden}:where(.brvx-phone__status){z-index:2;height:calc(54 * var(--u));padding:calc(4 * var(--u)) calc(30 * var(--u)) 0 calc(38 * var(--u));background:var(--phone-chrome);flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}:where(.brvx-phone[data-variant=app] .brvx-phone__status){background:var(--phone-glass)}:where(.brvx-phone__time){font-size:calc(17 * var(--u));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}:where(.brvx-phone__island){top:calc(11 * var(--u));width:calc(124 * var(--u));height:calc(36 * var(--u));border-radius:var(--ui-pill-radius);background:var(--phone-glass);position:absolute;left:50%;transform:translate(-50%)}:where(.brvx-phone__sys){align-items:center;gap:calc(6 * var(--u));display:flex}:where(.brvx-phone__ico){height:calc(12 * var(--u));fill:currentColor;width:auto;display:block}:where(.brvx-phone__ico[data-ico=battery]){height:calc(13 * var(--u))}:where(.brvx-phone__address){padding:calc(2 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u));background:var(--phone-chrome);flex:none}:where(.brvx-phone__field){align-items:center;gap:calc(8 * var(--u));height:calc(38 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(12 * var(--u));background:var(--phone-field);display:flex}:where(.brvx-phone__aa){font-size:calc(16 * var(--u));font-weight:600;line-height:1}:where(.brvx-phone__aa small){font-size:.75em}:where(.brvx-phone__url){justify-content:center;align-items:center;gap:calc(5 * var(--u));min-width:0;font-size:calc(16 * var(--u));white-space:nowrap;flex:1;font-weight:500;line-height:1;display:flex}:where(.brvx-phone__lock){height:calc(12 * var(--u));fill:currentColor;opacity:.7;flex:none;width:auto}:where(.brvx-phone__reload){height:calc(16 * var(--u));flex:none;width:auto}:where(.brvx-phone__screen){background:var(--app-background);flex:1;min-height:0;position:relative;overflow:hidden}:where(.brvx-phone__screen)>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}:where(.brvx-phone__toolbar){height:calc(84 * var(--u));padding:calc(12 * var(--u)) calc(26 * var(--u)) 0;background:var(--phone-chrome);box-shadow:0 calc(-1 * var(--u)) 0 var(--ui-03);flex:none;justify-content:space-between;align-items:flex-start;display:flex}:where(.brvx-phone__tool){width:calc(26 * var(--u));height:calc(26 * var(--u));fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}:where(.brvx-phone__tool[data-off]){color:var(--phone-dim)}:where(.brvx-phone__home){bottom:calc(8 * var(--u));z-index:3;width:calc(134 * var(--u));height:calc(5 * var(--u));border-radius:var(--ui-pill-radius);background:var(--phone-ink);position:absolute;left:50%;transform:translate(-50%)}
