/* Original Felicie artwork is shared cosmetically with the product, without app or customer data. */
.felicie-link{position:fixed;z-index:15;right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;width:120px;border-radius:18px;background:#ffffffed;color:#102b45;box-shadow:0 3px 16px #07152624;text-decoration:none!important;transition:box-shadow .15s ease}
.felicie-link:hover{box-shadow:0 5px 22px #07152636}.felicie-link:focus-visible{outline:3px solid #087597;outline-offset:4px}.felicie-link img{display:block;width:120px;height:120px}.felicie-link span{display:block;padding:0 .25rem .55rem;font:700 14px/1.4 system-ui;text-align:center}.felicie-link span::after{content:' ↗'}
.felicie-hero{display:block;width:160px;height:160px;margin:0 0 1rem;filter:drop-shadow(0 4px 8px #0003)}.felicie-footer{display:inline-block;width:48px;height:48px;vertical-align:middle;margin-right:.65rem}.felicie-footer-name{white-space:nowrap}.felicie-page{padding-bottom:max(10rem,calc(9rem + env(safe-area-inset-bottom)))}
@media(max-width:767px){.felicie-hero{width:128px;height:128px}.felicie-link{right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom))}}

/* On phones, keep the mascot small and let the page show through. */
@media(max-width:767px){
 .felicie-link,.felicie-link:hover{width:88px;background:transparent;box-shadow:none;border-radius:0}
 .felicie-link img{width:88px;height:88px;opacity:.9}
 .felicie-link:focus-visible img{opacity:1}
 .felicie-link span{padding:0 0 .2rem;font-size:12px;line-height:1.3}
 .felicie-page{padding-bottom:max(8rem,calc(7.5rem + env(safe-area-inset-bottom)))}
}