.browser.svelte-1r3xfc.svelte-1r3xfc{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:inset 0 1px #fff,0 0 0 1px #0b0a1414,0 2px 4px -2px #0b0a1414,0 30px 60px -32px #0b0a148c}.browser-bar.svelte-1r3xfc.svelte-1r3xfc{display:flex;align-items:center;justify-content:space-between;gap:.75rem;height:2.1rem;padding:0 .8rem;background:linear-gradient(180deg,#fbfbfd,#f2f2f7);border-bottom:1px solid #ececf3}.dots.svelte-1r3xfc.svelte-1r3xfc{display:flex;gap:.35rem;width:2.5rem}.dots.svelte-1r3xfc i.svelte-1r3xfc{width:.55rem;height:.55rem;border-radius:999px;background:#dcdce6}.dots.svelte-1r3xfc i.svelte-1r3xfc:nth-child(1){background:#ff6159}.dots.svelte-1r3xfc i.svelte-1r3xfc:nth-child(2){background:#ffbd2e}.dots.svelte-1r3xfc i.svelte-1r3xfc:nth-child(3){background:#28c941}.url.svelte-1r3xfc.svelte-1r3xfc{display:inline-flex;align-items:center;gap:.35rem;min-width:0;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:.2rem .75rem;background:#fff;box-shadow:0 0 0 1px #e8e8ef;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;color:#5b5b6d}.browser-view.svelte-1r3xfc.svelte-1r3xfc{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#f4f5fa}.browser-view.svelte-1r3xfc img.svelte-1r3xfc{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0%;object-position:50% 0%;transition:object-position .9s var(--ease-expo);transition:object-position .9s var(--ease-expo),-o-object-position .9s var(--ease-expo)}.browser-scroll.svelte-1r3xfc:hover .browser-view img.svelte-1r3xfc,.group:hover .browser-scroll.svelte-1r3xfc .browser-view img.svelte-1r3xfc{-o-object-position:50% 100%;object-position:50% 100%;transition-duration:7s;transition-timing-function:cubic-bezier(.45,0,.55,1)}.browser-fill.svelte-1r3xfc.svelte-1r3xfc{display:flex;flex-direction:column;height:100%}.browser-fill.svelte-1r3xfc .browser-view.svelte-1r3xfc{flex:1;min-height:11rem;aspect-ratio:auto}.browser-fill.svelte-1r3xfc .browser-view img.svelte-1r3xfc{position:absolute;top:0;right:0;bottom:0;left:0}.browser-dark.svelte-1r3xfc .browser-bar.svelte-1r3xfc{background:linear-gradient(180deg,#24232f,#1a1924);border-bottom-color:#ffffff0f}.browser-dark.svelte-1r3xfc .url.svelte-1r3xfc{background:#ffffff0f;box-shadow:0 0 0 1px #ffffff14;color:#fff9}@media (prefers-reduced-motion: reduce){.browser-view.svelte-1r3xfc img.svelte-1r3xfc{transition:none!important}}.phone.svelte-1a51amu.svelte-1a51amu{position:relative;border-radius:30px;padding:6px;background:linear-gradient(160deg,#3a3a48,#0b0a14);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff0f,0 30px 50px -24px #0b0a14b3}.phone-screen.svelte-1a51amu.svelte-1a51amu{position:relative;overflow:hidden;aspect-ratio:390 / 844;border-radius:24px;background:#f4f5fa}.phone-screen.svelte-1a51amu img.svelte-1a51amu{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.notch.svelte-1a51amu.svelte-1a51amu{position:absolute;z-index:1;top:6px;left:50%;translate:-50% 0;width:32%;height:14px;border-radius:999px;background:#0b0a14}
