.outer.svelte-lsfdcc{padding:0 max(10px, env(safe-area-inset-right,0px)) 10px max(10px, env(safe-area-inset-left,0px))}.frame.svelte-lsfdcc{background:var(--frame);border-radius:30px;max-width:1440px;margin:0 auto;padding:10px}.panel.svelte-lsfdcc{background:linear-gradient(180deg, #2a323b 0%, var(--bottom) 70%);border-radius:22px;padding:clamp(48px,7vw,88px) clamp(16px,4vw,56px);position:relative;overflow:hidden}.panel.notched.svelte-lsfdcc{padding-top:96px}.panel.tall.svelte-lsfdcc{background:linear-gradient(180deg, var(--top) 0%, var(--bottom) 78%);flex-direction:column;min-height:min(940px,100svh - 20px);padding:0;display:flex}.notch.svelte-lsfdcc{z-index:3;place-items:center;width:300px;height:58px;padding-bottom:8px;display:grid;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.notch.svelte-lsfdcc svg:where(.svelte-lsfdcc){width:100%;height:100%;position:absolute;inset:0}.notch.svelte-lsfdcc path:where(.svelte-lsfdcc){fill:var(--frame)}.notch.svelte-lsfdcc .logo{position:relative}@media (width<=900px){.notch.svelte-lsfdcc{width:220px;height:50px}.panel.notched.svelte-lsfdcc{padding-top:84px}.panel.tall.svelte-lsfdcc{padding-top:0}}