.device-mockup.svelte-1t4mvws{position:relative;width:100%;isolation:isolate;line-height:0}.device-body.svelte-1t4mvws{position:relative;box-sizing:border-box;width:100%}.display.svelte-1t4mvws{overflow:hidden;background:#f5f5f5}.display.svelte-1t4mvws img:where(.svelte-1t4mvws),.display.svelte-1t4mvws video:where(.svelte-1t4mvws){display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto}.desktop.svelte-1t4mvws{padding-bottom:1.6%}.desktop.svelte-1t4mvws .device-body:where(.svelte-1t4mvws){width:93%;margin-inline:auto;padding:.85% .85% 0;border:1px solid #63646a;border-radius:clamp(7px,1.2vw,17px) clamp(7px,1.2vw,17px) 3px 3px;background:linear-gradient(135deg,#52545a,#1a1b1e 8%,#101113 86%,#484a50);box-shadow:inset 0 1px 1px #ffffff3d,0 18px 36px -18px #17201975}.desktop.svelte-1t4mvws .display:where(.svelte-1t4mvws){border:1px solid #050506;border-radius:clamp(3px,.6vw,8px) clamp(3px,.6vw,8px) 0 0}.display-chin.svelte-1t4mvws{height:clamp(6px,1vw,12px);background:linear-gradient(#18191c,#202124)}.laptop-base.svelte-1t4mvws{position:relative;width:100%;height:clamp(6px,1.15vw,15px);margin-top:-1px;border:1px solid #999ca0;border-bottom-color:#66686c;border-radius:1px 1px 50% 50%/1px 1px 80% 80%;background:linear-gradient(#dedfe1,#a9acb1 35%,#75787d 80%,#55585c);box-shadow:0 16px 20px -8px #15201845}.laptop-base.svelte-1t4mvws span:where(.svelte-1t4mvws){position:absolute;top:0;left:42%;width:16%;height:40%;border-radius:0 0 7px 7px;background:linear-gradient(#74777c,#bfc1c5);box-shadow:0 1px #ffffff75}.browser.svelte-1t4mvws .device-body:where(.svelte-1t4mvws){padding:1px;border:1px solid #ffffff85;border-radius:clamp(7px,1vw,14px);background:linear-gradient(135deg,#c8cbce,#777c83);box-shadow:0 25px 55px -24px #17201966,0 4px 12px -6px #17201933}.browser.svelte-1t4mvws .display:where(.svelte-1t4mvws){border-radius:clamp(5px,.85vw,12px)}.browser-chrome.svelte-1t4mvws{display:flex;align-items:center;justify-content:space-between;gap:4%;box-sizing:border-box;min-height:clamp(21px,3vw,40px);padding:.6% 1.8%;border-bottom:1px solid #d8dadd;background:linear-gradient(#f9fafb,#eceef0);line-height:1.4}.window-actions.svelte-1t4mvws{display:flex;align-items:center;gap:clamp(3px,.45vw,6px)}.window-actions.svelte-1t4mvws i:where(.svelte-1t4mvws){width:clamp(4px,.65vw,9px);height:clamp(4px,.65vw,9px);border:1px solid #0000000d;border-radius:50%;background:#cf9490}.window-actions.svelte-1t4mvws i:where(.svelte-1t4mvws):nth-child(2){background:#d5bd89}.window-actions.svelte-1t4mvws i:where(.svelte-1t4mvws):nth-child(3){background:#94b29b}.address.svelte-1t4mvws{display:flex;align-items:center;justify-content:center;gap:7px;width:58%;padding:.35% 2%;overflow:hidden;border:1px solid #dfe1e4;border-radius:5px;background:#fff9;color:#71757b;font:400 clamp(7px,.85vw,11px) / 1.5 system-ui,sans-serif;white-space:nowrap}.lock.svelte-1t4mvws{position:relative;width:5px;height:5px;flex-shrink:0;border-radius:1px;background:#959a9f}.lock.svelte-1t4mvws:before{position:absolute;top:-3px;left:1px;width:3px;height:4px;border:1px solid #959a9f;border-bottom:0;border-radius:3px 3px 0 0;content:""}.chrome-balance.svelte-1t4mvws{width:5%}.phone.svelte-1t4mvws .device-body:where(.svelte-1t4mvws){padding:2.5% 2.4% 0;border:1px solid #898c91;border-radius:clamp(17px,3vw,46px);background:linear-gradient(110deg,#65676c,#202124 4%,#101113 48%,#34363a 97%,#73767b);box-shadow:inset 0 0 0 2px #ffffff16,0 22px 42px -17px #1720198c,0 4px 12px -5px #1119}.phone.svelte-1t4mvws .display:where(.svelte-1t4mvws){border:1px solid #050506;border-radius:3px}.phone-head.svelte-1t4mvws{display:flex;align-items:center;justify-content:center;gap:3%;aspect-ratio:10 / 1}.earpiece.svelte-1t4mvws{width:17%;height:3px;border-radius:9px;background:#030405;box-shadow:0 1px #ffffff0d}.camera.svelte-1t4mvws{width:2.5%;aspect-ratio:1;border:1px solid #272a32;border-radius:50%;background:radial-gradient(circle at 40% 35%,#394556,#0a0c11 65%)}.phone-foot.svelte-1t4mvws{display:flex;align-items:center;justify-content:center;aspect-ratio:10 / 1}.phone-foot.svelte-1t4mvws span:where(.svelte-1t4mvws){width:28%;height:3px;border-radius:9px;background:#cbccd0}.phone-button.svelte-1t4mvws{position:absolute;left:-3px;width:2px;height:5%;border-radius:2px 0 0 2px;background:linear-gradient(#777a80,#393b40 50%,#7e8186)}.volume-up.svelte-1t4mvws{top:17%}.volume-down.svelte-1t4mvws{top:24%}.power.svelte-1t4mvws{top:20%;right:-3px;left:auto;height:8%;border-radius:0 2px 2px 0}.screenshot-stage.svelte-oa1zl{--stage-background: #e5e5e2;position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,6vw,88px);border:1px solid rgb(0 0 0 / 4%);border-radius:clamp(20px,3vw,40px);background:radial-gradient(ellipse at 25% 0%,rgb(255 255 255 / 72%),transparent 65%),var(--stage-background)}.theme-plantoviril.svelte-oa1zl{--stage-background: #e7e3d6}.theme-left-to-decay.svelte-oa1zl{--stage-background: #d5d4ce}.theme-auto-koreea.svelte-oa1zl{--stage-background: #d7e2ee}.theme-qbs-retail.svelte-oa1zl{--stage-background: #dce2e7}.theme-carpathian-ride-e-mtb.svelte-oa1zl{--stage-background: #e1e5dc}.theme-street-pulse.svelte-oa1zl{--stage-background: #e2e2e8}.theme-kronburg.svelte-oa1zl{--stage-background: #e2e5dd}.devices.svelte-oa1zl{position:relative;width:100%;max-width:1120px;margin:0 auto;padding:2% 0 5%}.desktop-device.svelte-oa1zl{position:relative;z-index:1;width:100%;transform:perspective(1800px) rotateX(3deg) rotateY(-4deg);transform-origin:center}.has-phone.svelte-oa1zl .desktop-device:where(.svelte-oa1zl){width:86%}.single-phone.svelte-oa1zl .devices:where(.svelte-oa1zl){max-width:260px}.single-phone.svelte-oa1zl .desktop-device:where(.svelte-oa1zl){transform:none}.phone-device.svelte-oa1zl{position:absolute;right:0;bottom:-2%;z-index:2;width:23%;transform:rotate(5deg)}.compact.svelte-oa1zl{padding:clamp(20px,3.5vw,44px)}.compact.svelte-oa1zl .devices:where(.svelte-oa1zl){padding-bottom:2%}.compact.svelte-oa1zl .desktop-device:where(.svelte-oa1zl){transform:none}@media(max-width:640px){.screenshot-stage.svelte-oa1zl{padding:28px 18px 32px}.devices.svelte-oa1zl{display:flex;flex-direction:column;padding:0}.desktop-device.svelte-oa1zl,.has-phone.svelte-oa1zl .desktop-device:where(.svelte-oa1zl){width:100%;transform:none}.phone-device.svelte-oa1zl{position:relative;right:auto;bottom:auto;width:43%;margin:-3% 5% 0 auto;transform:rotate(4deg)}.compact.svelte-oa1zl{padding:20px 16px}}