@layer portaro-base-layer{.pwa-banner-container.svelte-1gyyyna{z-index:1000;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.pwa-banner.svelte-1gyyyna{background-color:var(--body-bg-blue-highlighted);width:600px;max-width:95%;color:var(--text-default);border:1px var(--border-default);border-radius:8px;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative;box-shadow:0 4px 16px #00000026}.pwa-banner.svelte-1gyyyna:after{content:"";pointer-events:none;z-index:100;background:linear-gradient(135deg,#4242d0,#de455a,#51bb80,#e99971,#4242d0) 0 0/400% 400%;border-radius:10px;padding:6px;animation:5s infinite rainbow,.5s ease-out both svelte-1gyyyna-rainbow-after-enter;position:absolute;inset:-2px}@keyframes svelte-1gyyyna-rainbow-after-enter{0%{opacity:0;transform:scale(.97)}to{opacity:0;transform:scale(1)}}.pwa-banner.svelte-1gyyyna:before{content:"";pointer-events:none;z-index:101;-webkit-mask-composite:destination-out;background:linear-gradient(135deg,#4242d0,#de455a,#51bb80,#e99971,#4242d0,#de455a,#51bb80,#e99971,#4242d0) 0 0/500% 500%;border-radius:10px;padding:3px;animation:6.5s infinite rainbow,.5s ease-out both svelte-1gyyyna-rainbow-border-enter;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes svelte-1gyyyna-rainbow-border-enter{0%{opacity:0}to{opacity:1}}.pwa-banner.svelte-1gyyyna .pwa-logo:where(.svelte-1gyyyna){width:24px;height:24px}.pwa-banner.svelte-1gyyyna .banner-content:where(.svelte-1gyyyna){justify-content:space-between;align-items:center;width:100%;display:flex}@media (width<=767px){.pwa-banner.svelte-1gyyyna .banner-content:where(.svelte-1gyyyna){flex-direction:column;align-items:flex-start;gap:6px}}.pwa-banner.svelte-1gyyyna .banner-content:where(.svelte-1gyyyna) .pwa-banner-actions:where(.svelte-1gyyyna){flex-direction:row;align-items:center;gap:6px;display:flex}}
