.device-phone{--s:1;position:relative;flex:none;width:calc(340px * var(--s));height:calc(700px * var(--s))}@media (max-width:40rem){.device-phone{--s:0.92}}@media (max-width:24rem){.device-phone{--s:0.82}}.device-phone__ref{position:absolute;left:0;top:0;width:340px;height:700px;transform:scale(var(--s));transform-origin:0 0}.device-phone__body{width:100%;height:100%;padding:12px;border-radius:52px;background:#0b0d12;box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 30px 60px rgb(16 35 63/.28)}.device-phone--on-dark .device-phone__body{box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 0 0 1px rgb(255 255 255/.16),0 30px 60px rgb(0 0 0/.45)}.device-phone__screen{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:40px;background:#fff}.device-phone__island{position:absolute;top:11px;left:50%;z-index:3;width:104px;height:30px;border-radius:18px;background:#0b0d12;transform:translateX(-50%)}.device-phone__status{display:flex;flex:none;align-items:center;justify-content:space-between;height:50px;padding:0 30px;font:600 14px/1 system-ui,sans-serif;color:#111}.device-phone__status-icons{display:flex;align-items:center;gap:5px}.device-phone__content{display:flex;flex:1;flex-direction:column;min-height:0;padding-bottom:22px;overflow:hidden}.device-phone__home{position:absolute;bottom:8px;left:50%;width:120px;height:5px;border-radius:3px;background:#111;transform:translateX(-50%)}.device-phone--peek{--peek:520;height:calc(var(--peek) * 1px * var(--s));overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 110px * var(--s)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 110px * var(--s)),transparent)}.device-window{overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 34px 70px -28px rgb(16 35 63/.42),0 0 0 1px rgb(16 35 63/.1)}.device-window--compact{border-radius:10px;box-shadow:0 20px 40px -20px rgb(16 35 63/.4),0 0 0 1px rgb(16 35 63/.1)}.device-window__bar{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:#eef1f6;border-bottom:1px solid rgb(16 35 63/.08)}.device-window--compact .device-window__bar{gap:6px;height:26px;padding:0 10px}.device-window__bar i{flex:none;width:12px;height:12px;border-radius:50%;background:#d3d8e2}.device-window--compact .device-window__bar i{width:9px;height:9px}.device-window__bar i:first-child{background:#ff6159}.device-window__bar i:nth-child(2){background:#ffbd2e}.device-window__bar i:nth-child(3){background:#28c941}.device-window__url{display:flex;flex:1;align-items:center;max-width:460px;height:24px;margin-left:14px;padding:0 12px;overflow:hidden;border-radius:7px;background:#fff;font-size:13px;color:#5b6477;white-space:nowrap;text-overflow:ellipsis}.device-window--compact .device-window__url{max-width:300px;height:17px;margin-left:10px;padding:0 8px;border-radius:5px;font-size:11px}.device-window__view{position:relative;overflow:hidden}.device-window--fade .device-window__view:after{content:"";position:absolute;inset:auto 0 0 0;height:110px;pointer-events:none;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--fade-to,#fff) 82%,transparent) 55%,var(--fade-to,#fff) 100%)}.device-laptop{container-type:inline-size;width:100%}.device-laptop__lid{position:relative;aspect-ratio:16/10;padding:1.5cqw 1cqw 1cqw;border-radius:1.8cqw 1.8cqw .6cqw .6cqw;background:#0b0d12;box-shadow:inset 0 1px 0 rgb(255 255 255/.1)}.device-laptop__cam{position:absolute;top:.5cqw;left:50%;width:.55cqw;height:.55cqw;border-radius:50%;background:#1c2230;transform:translateX(-50%)}.device-laptop__screen{width:100%;height:100%;overflow:hidden;border-radius:.8cqw;background:#fff}.device-laptop__base{position:relative;height:2.2cqw;margin:0 -1.2cqw;border-radius:0 0 2.2cqw 2.2cqw/0 0 100% 100%;background:linear-gradient(180deg,#d9dce3,#b6bbc6);box-shadow:inset 0 1px 0 rgb(255 255 255/.5),0 18px 30px -14px rgb(16 35 63/.4)}.device-laptop__notch{position:absolute;top:0;left:50%;width:14%;height:.7cqw;border-radius:0 0 .7cqw .7cqw;background:#a9afbc;transform:translateX(-50%)}.device-float{border-radius:var(--radius-pms-lg,16px);background:#fff;box-shadow:inset 0 1px 0 rgb(255 255 255/.8),0 18px 40px -18px rgb(16 35 63/.35),0 0 0 1px rgb(16 35 63/.08)}:root{--pms-elev-hairline:0 1px 2px rgb(29 29 31/0.04);--pms-elev-hairline-slate:0 1px 2px rgb(15 23 42/0.04);--pms-elev-bar-up:0 -4px 16px rgb(29 29 31/0.04);--pms-elev-chat-bubble:0 1px 6px rgb(29 29 31/0.04);--pms-elev-chat-ring:0 0 0 1px rgb(29 29 31/0.06),0 1px 6px rgb(29 29 31/0.06);--pms-elev-chip-dark:0 1px 3px rgb(0 0 0/0.14);--pms-elev-send:0 2px 6px rgb(0 113 227/0.3);--pms-elev-pop-sm:0 2px 10px rgb(29 29 31/0.1);--pms-elev-pop-md:0 3px 12px rgb(29 29 31/0.1);--pms-elev-sheet:0 12px 32px rgb(29 29 31/0.16);--pms-elev-card:0 1px 0 rgb(255 255 255/0.8) inset,0 8px 22px rgb(29 29 31/0.06);--pms-elev-card-strong:0 1px 0 rgb(255 255 255/0.9) inset,0 14px 34px rgb(29 29 31/0.09);--pms-elev-dialog:0 20px 46px rgb(29 29 31/0.14),0 6px 16px rgb(29 29 31/0.06);--pms-elev-modal:0 30px 80px rgb(29 29 31/0.22),0 10px 28px rgb(29 29 31/0.1);--pms-elev-drawer:-18px 0 40px rgb(29 29 31/0.14);--pms-elev-guest-card:0 20px 50px -10px rgb(0 28 57/0.08);--pms-elev-guest-pop:0 8px 24px rgb(0 28 57/0.08);--pms-elev-guest-pop-strong:0 8px 24px rgb(0 28 57/0.1);--pms-elev-guest-chip:0 2px 8px rgb(16 35 63/0.1);--pms-elev-active-bar:inset 3px 0 0 var(--color-pms-blue);--story-scrim:0 0 0 9999px rgb(16 35 63/0.26);--story-cursor-dot:0 2px 8px rgb(16 35 63/0.35);--story-cursor-arrow:0 2px 4px rgb(16 35 63/0.45)}