.install-prompt{z-index:60;border:1px solid color-mix(in srgb, var(--color-black) 8%, transparent);background-color:var(--bento-solid);background-image:var(--bento-image);width:min(24rem,100vw - 3rem);color:var(--color-charcoal);box-shadow:0 25px 50px -12px color-mix(in srgb, var(--ludex-shade) 30%, transparent);border-radius:24px;padding:1.25rem;position:fixed;bottom:1.5rem;right:1.5rem}.install-prompt__close{cursor:pointer;color:color-mix(in srgb, var(--color-charcoal) calc(50% + var(--ludex-muted-lift)), transparent);transition:color .15s;position:absolute;top:.85rem;right:.85rem}.install-prompt__close:hover{color:var(--color-charcoal)}
.offline-notice{z-index:100001;background:var(--ludex-solid);width:max-content;max-width:calc(100vw - 2rem);color:var(--ludex-on-solid);text-align:center;pointer-events:none;border-radius:9999px;padding:.6rem 1rem;font-size:.875rem;font-weight:600;line-height:1.3;animation:.2s ease-out 1s both offline-notice-in;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}@media (max-width:767px){.offline-notice{top:calc(env(safe-area-inset-top) + .75rem);font-size:.8125rem;bottom:auto}}@keyframes offline-notice-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.offline-notice{animation-duration:10ms}}