#physicalGiftPopup { position: fixed; inset: 0 0 var(--gift-safe-bottom, env(safe-area-inset-bottom, 0px)); width: min(calc(100vw - 24px), calc((100vh - 32px - var(--gift-safe-bottom, env(safe-area-inset-bottom, 0px))) * .75)); width: min(calc(100vw - 24px), calc((100dvh - 32px - var(--gift-safe-bottom, env(safe-area-inset-bottom, 0px))) * .75)); max-width: calc(100vw - 24px); aspect-ratio: 3 / 4; padding: 0; margin: auto; border: 0; background: transparent; overflow: visible; color: #057580; }
#physicalGiftPopup::backdrop { background: rgba(0,0,0,.7); }
#physicalGiftPopupImage { display: block; width: 100%; height: auto; }
#physicalGiftPopup button { position: absolute; padding: 0; border: 0; cursor: pointer; }
#physicalGiftPopupClose { top: -10px; right: -8px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: white; font-size: 24px; color: #057580; }
#physicalGiftPopup .physical-gift-hotspot { left: 16.6%; width: 67%; height: 10.2%; background: transparent; border-radius: 999px; }
#physicalGiftPopupClaim { top: 82.1%; }
#physicalGiftPopup button:focus-visible { outline: 3px solid #12838e; outline-offset: 2px; }
#physicalGiftPopup #physicalGiftPopupClose { outline: none; box-shadow: none; }
#physicalGiftPopup button { -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
@media (hover: none), (pointer: coarse) {
    #physicalGiftPopup button:focus, #physicalGiftPopup button:active { outline: none; box-shadow: none; }
}
@media (min-width: 768px) {
    #physicalGiftPopup { width: min(483px, calc(100vw - 48px), calc((100vh - 48px - var(--gift-safe-bottom, env(safe-area-inset-bottom, 0px))) * .75)); width: min(483px, calc(100vw - 48px), calc((100dvh - 48px - var(--gift-safe-bottom, env(safe-area-inset-bottom, 0px))) * .75)); }
    #physicalGiftPopupClose { top: -15px; right: -12px; width: 48px; height: 48px; font-size: 36px; }
}