.install-hero{--install-bezel:#1c1f24;--install-wallpaper:linear-gradient(160deg, color-mix(in srgb, var(--color-primary) 72%, #0b1020) 0%, color-mix(in srgb, var(--color-primary) 62%, #fff) 100%)}:root[data-theme=dark] .install-hero{--install-bezel:#3a3f46}.install-hero{justify-content:center;height:178px;margin-top:-6px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 84%,#0000 100%);mask-image:linear-gradient(#000 84%,#0000 100%)}.install-hero:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent);content:"";width:340px;height:220px;margin-left:-170px;position:absolute;top:12px;left:50%}.install-hero-phone{box-sizing:border-box;border:6px solid var(--install-bezel);background:var(--install-wallpaper);width:224px;height:230px;animation:motion-rise-in var(--motion-duration-slower) var(--motion-ease-emphasized) backwards;border-bottom:0;border-radius:42px 42px 0 0;padding:8px 12px 0;position:relative}.install-hero-status{color:#fff;justify-content:space-between;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:flex;position:relative}.install-hero-island{background:#000;border-radius:999px;width:58px;height:17px;margin-left:-29px;position:absolute;top:3px;left:50%}.install-hero-battery{box-sizing:border-box;background:#fff content-box content-box;border:1.5px solid #ffffffd9;border-radius:3px;width:19px;height:9px;padding:1px 5px 1px 1px}.install-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 11px;margin-top:16px;display:grid}.install-hero-tile,.install-hero-app{flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.install-hero-tile{animation:motion-fade-in var(--motion-duration-base) var(--motion-ease-standard) backwards;animation-delay:calc(var(--install-slot,0) * var(--motion-stagger-step))}.install-hero-tile-icon{aspect-ratio:1;background:#ffffff3d;border-radius:28%;width:100%}.install-hero-tile-label{background:#ffffff61;border-radius:2px;width:70%;height:4px}.install-hero-app{animation:install-hero-drop var(--motion-duration-spring) var(--motion-ease-spring-bouncy) backwards;animation-delay:calc(var(--motion-duration-slow) + var(--motion-duration-fast))}.install-hero-app:before{aspect-ratio:1;content:"";opacity:0;width:100%;animation:install-hero-ring var(--motion-duration-slower) var(--motion-ease-standard) both;animation-delay:calc(var(--motion-duration-slow) * 2 + var(--motion-duration-fast));border-radius:28%;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #fff}.install-hero-app-icon{aspect-ratio:1;background:#fff;border-radius:28%;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:0 6px 16px #00000047}.install-hero-app-icon img{object-fit:contain;width:74%;height:74%}.install-hero-monogram{color:var(--color-primary);font-size:20px;font-weight:700}.install-hero-app-name{color:#fff;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap;max-width:60px;font-size:9.5px;font-weight:600;line-height:11px;overflow:hidden}.install-hero-check{color:#fff;background:#34c759;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-5px;right:-5px}.install-hero.is-installed .install-hero-app{animation:motion-fade-in var(--motion-duration-base) var(--motion-ease-standard) backwards}.install-hero.is-installed .install-hero-app:before{animation:none}@keyframes install-hero-drop{0%{opacity:0;transform:translateY(-56px)scale(1.3)}30%{opacity:1}}@keyframes install-hero-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.install-hero-phone,.install-hero-tile,.install-hero-app{animation:motion-fade-in var(--motion-duration-fast) var(--motion-ease-standard) backwards;animation-delay:0s}.install-hero-app:before{animation:none}}html[data-motion=reduced] .install-hero-phone,html[data-motion=reduced] .install-hero-tile,html[data-motion=reduced] .install-hero-app{animation:motion-fade-in var(--motion-duration-fast) var(--motion-ease-standard) backwards;animation-delay:0s}html[data-motion=reduced] .install-hero-app:before{animation:none}.permission-primer-actions .primary-large-button{gap:8px}