.devices.svelte-1vv9fpo{grid-template-columns:58px 91px minmax(0,1fr);min-height:175px}.device.svelte-1vv9fpo>small:where(.svelte-1vv9fpo){top:calc(100% + 8px);font-size:8px}.screen.svelte-1vv9fpo:before{position:absolute;inset:9px;border-radius:3px;background:linear-gradient(#c7c9dd 3px,transparent 3px) 0 0/60% 11px no-repeat,linear-gradient(#dfe0ed 2px,transparent 2px) 0 18px/85% 8px no-repeat;content:""}.phone.svelte-1vv9fpo{width:52px;height:101px;border-radius:12px}.phone.svelte-1vv9fpo .screen:where(.svelte-1vv9fpo){border-radius:8px}.tablet.svelte-1vv9fpo{width:89px;height:64px;border-radius:7px}.tablet.svelte-1vv9fpo .screen:where(.svelte-1vv9fpo),.desktop.svelte-1vv9fpo .screen:where(.svelte-1vv9fpo){border-radius:3px}.desktop.svelte-1vv9fpo{height:82px;border-radius:5px}.desktop.svelte-1vv9fpo:after{position:absolute;top:100%;left:50%;width:52%;height:16px;clip-path:polygon(40% 0,60% 0,66% 75%,100% 100%,0 100%,34% 75%);transform:translate(-50%);content:""}.compact-notice.svelte-1vv9fpo{top:7px;right:4px;left:4px;grid-template-columns:10px minmax(0,1fr);gap:3px;padding:3px;transform:translateY(-14px)}.compact-notice.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:4px}.compact-notice.svelte-1vv9fpo i:where(.svelte-1vv9fpo){font-size:3px}.tablet.svelte-1vv9fpo .compact-notice:where(.svelte-1vv9fpo){grid-template-columns:13px minmax(0,1fr);right:6px;left:6px;padding:4px}.app-icon.svelte-1vv9fpo{width:10px;height:10px;border-radius:3px;background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent)}.app-icon.svelte-1vv9fpo svg:where(.svelte-1vv9fpo){width:6px;height:6px}.tablet.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo){width:13px;height:13px}.tablet.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo) svg:where(.svelte-1vv9fpo){width:8px;height:8px}.desktop-notice.svelte-1vv9fpo{right:5px;bottom:5px;width:74%;transform:translate(14px,10px) scale(.96)}.toast-strip.svelte-1vv9fpo{height:14px;padding:0 5px}.toast-strip.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:4px}.toast-strip.svelte-1vv9fpo i:where(.svelte-1vv9fpo){font-size:7px}.toast-content.svelte-1vv9fpo{padding:4px 5px}.channel-row.svelte-1vv9fpo{grid-template-columns:14px minmax(0,1fr) auto;gap:4px}.channel-row.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo){width:14px;height:14px;border-radius:4px}.channel-row.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo) svg:where(.svelte-1vv9fpo){width:8px;height:8px}.channel-row.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:4px}.channel-row.svelte-1vv9fpo time:where(.svelte-1vv9fpo){font-size:3px}.toast-content.svelte-1vv9fpo>strong:where(.svelte-1vv9fpo){margin-top:3px;font-size:5px}.toast-body.svelte-1vv9fpo{margin-top:1px;font-size:4px}.show.svelte-1vv9fpo{animation:svelte-1vv9fpo-arrive .45s cubic-bezier(.2,.9,.25,1.15) forwards}@keyframes svelte-1vv9fpo-arrive{to{opacity:1;transform:none}}@media(min-width:640px){.devices.svelte-1vv9fpo{grid-template-columns:90px 150px minmax(0,1fr);min-height:270px}.phone.svelte-1vv9fpo{width:76px;height:154px;border-radius:17px}.tablet.svelte-1vv9fpo{width:140px;height:96px;border-radius:9px}.desktop.svelte-1vv9fpo{height:132px}.compact-notice.svelte-1vv9fpo{top:10px;right:7px;left:7px;grid-template-columns:16px minmax(0,1fr);gap:5px;padding:5px}.compact-notice.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo){width:16px;height:16px}.compact-notice.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo) svg:where(.svelte-1vv9fpo){width:9px;height:9px}.compact-notice.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:6px}.compact-notice.svelte-1vv9fpo i:where(.svelte-1vv9fpo){font-size:5px}.desktop-notice.svelte-1vv9fpo{right:8px;bottom:8px}.toast-strip.svelte-1vv9fpo{height:20px;padding:0 8px}.toast-strip.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:6px}.toast-strip.svelte-1vv9fpo i:where(.svelte-1vv9fpo){font-size:10px}.toast-content.svelte-1vv9fpo{padding:6px 8px}.channel-row.svelte-1vv9fpo{grid-template-columns:22px minmax(0,1fr) auto;gap:6px}.channel-row.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo){width:22px;height:22px;border-radius:6px}.channel-row.svelte-1vv9fpo .app-icon:where(.svelte-1vv9fpo) svg:where(.svelte-1vv9fpo){width:13px;height:13px}.channel-row.svelte-1vv9fpo b:where(.svelte-1vv9fpo){font-size:7px}.channel-row.svelte-1vv9fpo time:where(.svelte-1vv9fpo){font-size:6px}.toast-content.svelte-1vv9fpo>strong:where(.svelte-1vv9fpo){margin-top:5px;font-size:8px}.toast-body.svelte-1vv9fpo{margin-top:2px;font-size:6px}.device.svelte-1vv9fpo>small:where(.svelte-1vv9fpo){font-size:10px}}@media(min-width:1024px){.devices.svelte-1vv9fpo{grid-template-columns:140px minmax(0,1fr);grid-template-areas:"phone desktop" "tablet desktop";min-height:300px}.phone.svelte-1vv9fpo{grid-area:phone}.tablet.svelte-1vv9fpo{grid-area:tablet}.desktop-wrap.svelte-1vv9fpo{grid-area:desktop}}@media(prefers-reduced-motion:reduce){.show.svelte-1vv9fpo{animation-duration:.01ms}}