:root{--z-header: 1000;--z-footer: 1000;--z-modal-backdrop: 9999;--z-modal: 10000;--z-notification-panel: 10005;--z-notification-banner: 10010;--z-camera-scanner: 10015;--z-popup: 10020;--z-tooltip: 10025}@media (max-width: 768px){html,body{height:100vh;height:-webkit-fill-available;overflow-x:hidden}@supports (-webkit-touch-callout: none){html,body{height:-webkit-fill-available}}}html,body{padding-top:env(safe-area-inset-top)!important;padding-top:constant(safe-area-inset-top)!important}@supports not (padding-top: env(safe-area-inset-top)){html,body{padding-top:20px!important}}header{padding-top:env(safe-area-inset-top)!important;padding-top:constant(safe-area-inset-top)!important;top:env(safe-area-inset-top)!important;top:constant(safe-area-inset-top)!important}.app-header{padding-top:env(safe-area-inset-top)!important;padding-top:constant(safe-area-inset-top)!important;top:env(safe-area-inset-top)!important;top:constant(safe-area-inset-top)!important;height:calc(3.5rem + env(safe-area-inset-top))!important;height:calc(3.5rem + constant(safe-area-inset-top))!important}@supports not (padding-top: env(safe-area-inset-top)){header,.app-header{padding-top:20px!important;top:20px!important;height:calc(3.5rem + 20px)!important}}.main-content{padding-top:calc(3.5rem + env(safe-area-inset-top) + 8px)!important;padding-top:calc(3.5rem + constant(safe-area-inset-top) + 8px)!important}@supports not (padding-top: env(safe-area-inset-top)){.main-content{padding-top:calc(3.5rem + 28px)!important}}#root{padding-top:env(safe-area-inset-top)!important;padding-top:constant(safe-area-inset-top)!important}@supports not (padding-top: env(safe-area-inset-top)){#root{padding-top:20px!important}}.notification-panel{z-index:var(--z-notification-panel)!important;position:fixed!important;top:0!important;left:50%!important;transform:translate(-50%)!important;bottom:0!important;width:100%!important;max-width:600px!important;height:100vh!important;height:-webkit-fill-available!important;overflow:hidden!important}.notification-banner{z-index:var(--z-notification-banner)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-height:100vh!important;max-height:-webkit-fill-available!important}.camera-scanner-modal,.position-modal,.qr-scanner-modal{z-index:var(--z-camera-scanner)!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#000c!important}.camera-scanner-content,.position-modal-content,.qr-scanner-content{position:relative!important;width:95%!important;max-width:500px!important;max-height:90vh!important;max-height:calc(100vh - 120px)!important;background:#fff!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-backdrop,.fixed-backdrop{z-index:var(--z-modal-backdrop)!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;background-color:#00000080!important}.popup-modal,.drink-qr-modal,.welcome-modal{z-index:var(--z-popup)!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:90%!important;max-width:400px!important;max-height:80vh!important;max-height:calc(100vh - 160px)!important;background:#fff!important;border-radius:16px!important;overflow:auto!important;box-shadow:0 20px 40px #0000004d!important}.digital-ticket-modal{z-index:10020!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:-webkit-fill-available!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#000000b3!important;overflow:auto!important}.digital-ticket-content{position:relative!important;width:100vw!important;min-height:100vh!important;min-height:-webkit-fill-available!important;background:#06122c!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:20px 20px 40px!important;overflow:auto!important}.digital-ticket-button{position:relative!important;z-index:10021!important;margin-bottom:40px!important}.header-component{z-index:var(--z-header)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important}.footer-component{z-index:var(--z-footer)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important}@media (max-width: 480px){.camera-scanner-content,.position-modal-content,.qr-scanner-content{width:100%!important;max-width:100%!important;height:100vh!important;height:-webkit-fill-available!important;border-radius:0!important;margin:0!important}.popup-modal,.drink-qr-modal,.welcome-modal{width:95%!important;max-width:350px!important;max-height:70vh!important}.notification-panel{width:100%!important;max-width:100%!important}}.main-content{padding-bottom:80px!important;min-height:calc(100vh - 80px)!important;min-height:calc(-webkit-fill-available - 80px)!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.footer-component{padding-bottom:env(safe-area-inset-bottom)!important}.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.notification-panel{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.notification-panel button{transition:all .2s ease-in-out}.notification-panel button:hover{opacity:.8}.notification-panel button:active{transform:scale(.98)}