/* Owner-requested Hostinger-only display correction. */
#community-pet-banner{position:relative;background:#050607!important;border-top:1px solid #25272c;border-bottom:1px solid #25272c;min-height:8rem;padding:.7rem 0;isolation:isolate}
#community-pet-banner .community-pet-banner-window{background:#050607;min-height:7rem}
.community-kiosk .community-kiosk-stage .community-alert-card{animation:kiosk-card-emerge 360ms cubic-bezier(.2,.75,.25,1) both;transform-origin:center}
.community-kiosk .community-kiosk-stage .community-alert-card.kiosk-card-retreat{animation:kiosk-card-retreat 300ms cubic-bezier(.35,0,.25,1) both;pointer-events:none}
.community-kiosk .community-kiosk-stage .community-alert-card.kiosk-card-emerge{animation:kiosk-card-emerge 360ms cubic-bezier(.2,.75,.25,1) both}
@keyframes kiosk-card-retreat{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.015)}}
@keyframes kiosk-card-emerge{from{opacity:0;transform:scale(.015)}to{opacity:1;transform:scale(1)}}
@keyframes kiosk-ad-retreat{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.015)}}
@keyframes kiosk-ad-emerge{from{opacity:0;transform:scale(.015)}to{opacity:1;transform:scale(1)}}
.community-kiosk-stage:fullscreen{box-sizing:border-box;padding:.5in;background:#050607}
.community-kiosk-stage:fullscreen:has(.campaign-photo-only),.community-kiosk-stage:fullscreen:has(.sponsored){padding:0}
.community-kiosk-stage:fullscreen .community-alert-card{box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:100%;margin:0;flex:1}
.community-kiosk-stage:fullscreen .community-alert-card.pet-photo-only .community-alert-image-link,.community-kiosk-stage:fullscreen .community-alert-card.pet-photo-only .community-alert-image{height:100%;min-height:0;max-height:100%;background:#050607}
.community-kiosk-stage:fullscreen .community-alert-card.pet-photo-only .community-alert-image>img{height:100%;width:100%;object-fit:contain}
.community-kiosk-stage:fullscreen .kiosk-campaign-frame{height:100%;min-height:0;max-height:100%}
.community-kiosk-stage:fullscreen .kiosk-campaign-frame img{width:100%;height:100%;object-fit:contain}

.community-pet-banner.float-active .community-pet-banner-card,
.community-pet-banner.float-active .community-pet-banner-ad {
  transform: translateY(calc(var(--pet-photo-stagger, 0px) + var(--pet-photo-rise, 0px))) rotate(var(--pet-photo-tilt, 0deg)) scale(var(--pet-photo-scale, 1));
  transform-origin: center;
  transition: transform 100ms linear, border-color .16s ease, box-shadow .16s ease;
  will-change: transform;
}
.community-pet-banner-image.unavailable {
  display: grid;
  place-items: center;
  padding: .4rem;
  color: #f5eee4;
  background: #243340;
}
.community-pet-banner-image-fallback {
  max-width: 100%;
  font-size: .72rem;
  line-height: 1.15;
  text-align: center;
}

.community-kiosk-stage{touch-action:pan-y}
.community-kiosk-stage.kiosk-screen-expanded{z-index:2147483000;perspective:none;background:#0d1c22;width:100vw;max-width:none;height:100dvh;min-height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}
.community-kiosk-stage.kiosk-screen-expanded::backdrop{background:#0d1c22}
.community-kiosk-stage.kiosk-screen-expanded .kiosk-fullscreen-toggle{color:#fff;background:#0c1e26d1;border-color:#ffffff73;position:fixed;top:1rem;right:1rem}
:is(.community-kiosk-stage.kiosk-screen-expanded .community-kiosk-heading,.community-kiosk-stage.kiosk-screen-expanded .kiosk-feed-warning,.community-kiosk-stage.kiosk-screen-expanded .kiosk-stage-bottom,.community-kiosk-stage.kiosk-screen-expanded .kiosk-location-message){display:none!important}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card{width:100%;height:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex:1}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only{background:#0d1c22;display:block}
:is(.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image-link,.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image){background:#0d1c22;width:100%;height:100dvh;min-height:100dvh}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image>img{object-fit:contain}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.campaign-photo-only{background:#0d1c22;min-height:100dvh;display:flex}
.community-kiosk-stage.kiosk-screen-expanded .kiosk-campaign-frame{background:#0d1c22;width:100%;height:100dvh;min-height:100dvh}
.community-kiosk-stage.kiosk-screen-expanded .kiosk-campaign-frame img{object-fit:contain}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored{background:#0d1c22;min-height:100dvh;display:block;position:relative}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-image{background:#0d1c22;width:100%;height:100dvh;min-height:100dvh;position:absolute;inset:0}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-image>img{object-fit:contain}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-copy{z-index:1;color:#fff;background:linear-gradient(#0000,#000000d1);min-height:auto;max-height:48vh;padding:clamp(1rem,4vw,3rem);position:absolute;bottom:0;left:0;right:0;overflow:auto}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-copy h2{color:#fff}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-headline{color:#fff}
.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.sponsored .community-alert-description{color:#fff}

.community-kiosk-stage.kiosk-screen-expanded{box-sizing:border-box;padding:.5in;background:#050607}

.community-kiosk-stage.kiosk-screen-expanded:has(.campaign-photo-only),.community-kiosk-stage.kiosk-screen-expanded:has(.sponsored){padding:0}

.community-kiosk-stage.kiosk-screen-expanded .community-alert-card{box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:100%;margin:0;flex:1}

.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image-link,.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image{height:100%;min-height:0;max-height:100%;background:#050607}

.community-kiosk-stage.kiosk-screen-expanded .community-alert-card.pet-photo-only .community-alert-image>img{height:100%;width:100%;object-fit:contain}

.community-kiosk-stage.kiosk-screen-expanded .kiosk-campaign-frame{height:100%;min-height:0;max-height:100%}

.community-kiosk-stage.kiosk-screen-expanded .kiosk-campaign-frame img{width:100%;height:100%;object-fit:contain}
.community-kiosk-stage.kiosk-screen-expanded{position:fixed;inset:0;z-index:2147483000;width:100vw;max-width:none;height:100dvh;min-height:0;margin:0;overflow:hidden;border-radius:0;background:#050607}

/* Keep public kiosk navigation on screen, including native and tablet fallback fullscreen. */
body .community-kiosk .community-kiosk-stage .kiosk-stage-bottom,
body .community-kiosk .community-kiosk-stage:fullscreen .kiosk-stage-bottom,
body .community-kiosk .community-kiosk-stage.kiosk-screen-expanded .kiosk-stage-bottom{
position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:max(4px,env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:max-content!important;max-width:calc(100vw - 24px)!important;height:44px!important;min-height:44px!important;padding:0 8px!important;margin:0!important;z-index:2147483100!important;background:rgba(5,6,7,.92)!important;color:#fff!important;border-radius:999px!important;box-shadow:0 2px 10px #0006!important;pointer-events:auto!important}
body .community-kiosk .community-kiosk-stage .kiosk-stage-bottom button{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;color:#fff!important;background:transparent!important;border-color:#ffffff66!important;pointer-events:auto!important}

/* A 3D perspective on the tall kiosk stage traps fixed controls below the tablet viewport. Keep the flat transitions and anchor the controls to the screen. */
.community-kiosk .community-kiosk-stage{perspective:none!important}
