.ab-shot{min-width:0;margin:0;position:relative;container-type:inline-size}.ab-shot img{width:100%;height:auto;display:block}.ab-shot__window{isolation:isolate;box-shadow:var(--ab-shot-shadow);background:#fff;border-radius:max(8px,min(1.15cqw,14px));position:relative;overflow:hidden}.ab-shot__bar{background:linear-gradient(#f7f7f9 0%,#eeeff2 100%);border-bottom:1px solid #dadde3;grid-template-columns:1fr auto 1fr;align-items:center;height:max(24px,min(3.9cqw,46px));padding-inline-start:max(9px,min(1.35cqw,16px));padding-inline-end:max(9px,min(1.35cqw,16px));display:grid}.ab-shot__lead{align-items:center;gap:max(8px,min(1.6cqw,20px));min-width:0;display:flex}.ab-shot__lights{flex-shrink:0;gap:max(4px,min(.68cqw,8px));display:inline-flex}.ab-shot__lights i{border-radius:9999px;width:max(7px,min(1.02cqw,12px));height:max(7px,min(1.02cqw,12px));box-shadow:inset 0 0 0 .5px #00000029}.ab-shot__lights i:first-child{background:#ff5f57}.ab-shot__lights i:nth-child(2){background:#febc2e}.ab-shot__lights i:nth-child(3){background:#28c840}.ab-shot__tools{color:#878e98;align-items:center;gap:max(8px,min(1.3cqw,16px));display:inline-flex}.ab-shot__tools svg{width:max(10px,min(1.3cqw,16px));height:max(10px,min(1.3cqw,16px))}.ab-shot__tools--end{justify-self:end}.ab-shot__dim{opacity:.45}.ab-shot__url{width:max(120px,min(34cqw,420px));height:max(16px,min(2.45cqw,29px));font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--ab-sans);letter-spacing:-.01em;color:#2c313a;white-space:nowrap;background:#0000000e;border-radius:max(5px,min(.7cqw,8px));justify-content:center;align-items:center;gap:max(3px,min(.5cqw,6px));font-size:max(8.5px,min(1.08cqw,13px));font-weight:500;line-height:1;display:inline-flex}.ab-shot__url svg{color:#6e7580;flex-shrink:0;width:max(7px,min(1cqw,12px));height:max(7px,min(1cqw,12px))}@container (width<=560px){.ab-shot__tools{display:none}}.ab-shot__screen{background:#f6f7f9;position:relative}.ab-shot--on-dark .ab-shot__window{box-shadow:0 0 0 1px #ffffff24,0 2px 4px #0000004d,0 30px 60px -20px #000000bf,0 70px 140px -40px #000000b3,0 0 180px -40px #6366f18c}.ab-shot--browser.ab-shot--on-dark:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000,#c7d2fef2 50%,#0000);height:1px;position:absolute;top:-1px;left:14%;right:14%}.ab-shot--browser.ab-shot--on-dark:after{content:"";z-index:-1;filter:blur(16px);pointer-events:none;background:radial-gradient(closest-side,#818cf873,#0000);height:120px;position:absolute;top:-60px;left:22%;right:22%}.ab-shot--phone{width:100%;max-width:300px}.ab-phone{aspect-ratio:71.9/150;position:relative}.ab-phone__band{background:conic-gradient(#e8ebef 0deg,#c3c8cf 25deg,#f7f8fa 42deg,#a9b0b9 58deg,#8a919b 90deg,#bcc2ca 118deg,#f1f3f6 136deg,#979ea8 152deg,#7c848e 180deg,#979ea8 208deg,#eceff2 226deg,#b3b9c2 242deg,#d9dde2 270deg,#a8afb8 298deg,#f7f8fa 316deg,#cdd2d8 334deg,#e8ebef 360deg);border-radius:17.9cqw;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 .28cqw #ffffff8c,inset 0 0 0 .55cqw #0000002e,0 .4cqw .8cqw #0e152640,0 6cqw 12cqw -3cqw #0e15264d,0 16cqw 32cqw -8cqw #0e152659}.ab-shot--on-dark .ab-phone__band{box-shadow:inset 0 0 0 .28cqw #ffffff8c,inset 0 0 0 .55cqw #0000002e,0 .4cqw .8cqw #00000059,0 6cqw 12cqw -3cqw #0000008c,0 16cqw 32cqw -8cqw #0009,0 0 30cqw -6cqw #6366f173}.ab-phone__glass{background:#050608;border-radius:16.15cqw;position:absolute;top:1.75cqw;bottom:1.75cqw;left:1.75cqw;right:1.75cqw;box-shadow:inset 0 0 0 .18cqw #ffffff1a,0 0 0 .12cqw #0009}.ab-phone__screen{background:#eef0f5;border-radius:14.28cqw;position:absolute;top:3.69cqw;bottom:3.69cqw;left:3.69cqw;right:3.69cqw;overflow:hidden;box-shadow:0 0 0 .1cqw #00000080;container-type:inline-size}.ab-phone__screen>*{--pt:calc(100cqw / 402)}.ab-phone__screen img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ab-phone__status{z-index:2;height:calc(62 * var(--pt));color:#000;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--ab-sans);-webkit-user-select:none;user-select:none;position:absolute;top:0;bottom:auto;left:0;right:0}.ab-phone__time{left:calc(60 * var(--pt));top:calc(32 * var(--pt));font-size:calc(17 * var(--pt));letter-spacing:calc(-.3 * var(--pt));font-weight:600;line-height:1;position:absolute;transform:translate(-50%,-50%)}.ab-phone__sys{right:calc(28 * var(--pt));top:calc(32 * var(--pt));align-items:center;gap:calc(6 * var(--pt));display:flex;position:absolute;transform:translateY(-50%)}.ab-phone__sys svg{width:auto;height:calc(12 * var(--pt));fill:currentColor;display:block}.ab-phone__sys .ab-phone__battery{height:calc(13 * var(--pt))}.ab-phone__island{z-index:3;top:calc(13 * var(--pt));width:calc(125 * var(--pt));height:calc(37 * var(--pt));background:#000;border-radius:9999px;position:absolute;left:50%;transform:translate(-50%)}.ab-phone__island:after{content:"";right:calc(13 * var(--pt));width:calc(12 * var(--pt));height:calc(12 * var(--pt));background:radial-gradient(circle at 35% 35%,#2b3452 0%,#0b0f1c 55%,#000 70%);border-radius:9999px;position:absolute;top:50%;transform:translateY(-50%)}.ab-phone__home{z-index:2;left:50%;bottom:calc(8 * var(--pt));width:calc(139 * var(--pt));height:calc(5 * var(--pt));background:#000000e6;border-radius:9999px;position:absolute;transform:translate(-50%)}.ab-phone__glare{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(118deg,#fff3 0%,#ffffff0d 24%,#fff0 38%);position:absolute;top:0;bottom:0;left:0;right:0}.ab-phone__btn{background:linear-gradient(90deg,#8a919b,#eef1f4 45%,#a3aab3);border-radius:.6cqw;width:1.6cqw;position:absolute;box-shadow:0 .2cqw .4cqw #0000004d}.ab-phone__btn--action,.ab-phone__btn--vol-up,.ab-phone__btn--vol-down{left:-.75cqw}.ab-phone__btn--side,.ab-phone__btn--camera{right:-.75cqw}.ab-phone__btn--action{height:4.2%;top:20.5%}.ab-phone__btn--vol-up{height:7.4%;top:28.5%}.ab-phone__btn--vol-down{height:7.4%;top:38%}.ab-phone__btn--side{height:11.5%;top:29%}.ab-phone__btn--camera{background:linear-gradient(90deg,#5b626c,#9aa1aa);width:1.2cqw;height:7%;top:56%;right:-.45cqw}.ab-shot__caption{color:var(--ab-ink-soft);text-align:center;margin-top:14px;font-size:13px;line-height:1.5}