.breadcrumb-page-title{display:flex;align-items:flex-end;color:var(--text-color);margin-bottom:1.5rem}.breadcrumb-page-title .MuiBreadcrumbs-li .MuiLink-root{display:none;font-weight:700;color:inherit;cursor:pointer}.breadcrumb-page-title .MuiBreadcrumbs-li .MuiTypography-root:not(.MuiLink-root){margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:700;line-height:1}.breadcrumb-page-title .MuiBreadcrumbs-separator{display:none}@media(min-width:1200px){.breadcrumb-page-title{padding-top:1.5rem;padding-bottom:1.5rem}.breadcrumb-page-title .MuiBreadcrumbs-ol{align-items:flex-end}.breadcrumb-page-title .MuiBreadcrumbs-li .MuiLink-root{display:block;font-size:2rem;line-height:1}.breadcrumb-page-title .MuiBreadcrumbs-li .MuiTypography-root:not(.MuiLink-root){font-size:2.5rem;line-height:1}.breadcrumb-page-title .MuiBreadcrumbs-separator{display:flex}}.menu-drawer .MuiPaper-root{width:100%}.menu-drawer .MuiDivider-root{margin-top:.5rem;margin-bottom:.5rem}.menu-drawer .menu-header{margin-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem}.menu-drawer .menu-header .menu-ctrls{padding-top:1rem;padding-bottom:.75rem;display:flex;justify-content:flex-start}.menu-drawer .menu-header .menu-ctrls .btn-close{height:1rem;width:1rem;color:var(--color-body-text)}.menu-drawer .menu-header .menu-ctrls .btn-close-icon{display:none}.menu-drawer .menu-header .app-bar-title{font-size:1.75rem;font-weight:700}.menu-drawer .menu-list{padding-top:.5rem;padding-bottom:2.5rem}.menu-drawer .menu-text{color:var(--color-body-text);font-size:.875rem}.menu-drawer .list-item{padding:.5rem 1.5rem;display:flex;cursor:pointer}.menu-drawer .list-item.item-logout .list-icon{background-color:transparent;border-color:var(--color-secondary);color:var(--color-primary)}.menu-drawer .list-item.item-language .language-picker{display:flex;width:50%;justify-content:flex-end}.menu-drawer .list-item.item-language .language-picker .MuiButtonBase-root.active{color:var(--color-primary)}.menu-drawer .list-item.item-language .language-picker .MuiButtonBase-root{min-width:auto;color:var(--color-body-text);font-weight:500}.menu-drawer .list-item .list-icon{display:inline-flex;margin-right:1rem;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast);border-radius:.875rem}.menu-drawer .list-item .list-icon svg{width:1.25rem;height:1.25rem}.menu-drawer .list-item .list-text .MuiTypography-root{font-size:1rem;font-weight:500}.menu-drawer .list-item .list-end-icon{width:1rem;height:1rem}.menu-drawer .social-media-list{display:flex;flex-wrap:wrap;margin-top:-.5rem;margin-bottom:-.5rem;cursor:default}.menu-drawer .social-media-list .social-media-item{display:flex;justify-content:center;align-items:center;margin-right:1rem;margin-top:.5rem;margin-bottom:.5rem;width:1.5rem;height:1.5rem}.menu-drawer .social-media-list .social-media-item img{max-width:1.125rem;max-height:1.125rem}@media(min-width:768px){.menu-drawer .MuiPaper-root{max-width:375px}.menu-drawer .menu-header .menu-ctrls{justify-content:flex-end}.menu-drawer .menu-header .menu-ctrls .btn-close-left-arrow-icon{display:none}.menu-drawer .menu-header .menu-ctrls .btn-close-icon{display:block}}:root{--app-bar-height: 5rem}.common-app-bar{box-shadow:none;background-color:transparent;height:var(--app-bar-height)}.common-app-bar.always-transparent{background-color:transparent!important}.common-app-bar.scrolled-up{background-color:var(--color-body-background);color:var(--color-body-text)}.common-app-bar.scrolled-up .app-bar-title{opacity:1;transition:opacity .3s}.common-app-bar .MuiContainer-root{height:100%}.common-app-bar .toolbar{position:relative;display:flex;justify-content:space-between;padding:0;height:100%;min-height:auto}.common-app-bar .toolbar .container-start,.common-app-bar .toolbar .container-end{display:flex;align-items:center;gap:.5rem}.common-app-bar .toolbar .container-start{justify-content:flex-start}.common-app-bar .toolbar .container-end{justify-content:flex-end}.common-app-bar .toolbar .app-bar-logo{display:flex;justify-content:center;align-items:center;width:10rem}.common-app-bar .toolbar .app-bar-logo.mobile-hide{display:none}.common-app-bar .toolbar .app-bar-logo img{display:block;max-width:100%;max-height:90%;cursor:pointer}.common-app-bar .app-bar-title{position:absolute;inset:0;display:flex;padding-left:2.5rem;align-items:center;justify-content:flex-start;font-size:.875rem;font-weight:700;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.common-app-bar .menu-button,.common-app-bar .action-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.25rem;box-shadow:none;border-radius:45%;transition:box-shadow .3s}.common-app-bar .menu-button svg,.common-app-bar .action-button svg{width:1.5rem;height:1.5rem}.common-app-bar .menu-button{border:1px solid var(--color-brand2);background-color:var(--color-brand2);color:var(--color-brand2-contrast)}.common-app-bar .action-button{border:1px solid var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast)}.common-app-bar .action-button .MuiBadge-badge{background-color:var(--color-brand2);color:var(--color-primary)}.common-app-bar .qr-button{display:none;border:1px solid var(--color-dark);background-color:var(--color-dark);color:var(--color-dark-contrast)}.common-app-bar .btn-back{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:.875rem;border-color:transparent;color:var(--color-body-text);background-color:var(--color-body-background);box-shadow:none;transition:box-shadow .3s}.common-app-bar .btn-back svg{height:1rem;width:1rem}.common-app-bar .btn-icon{height:1rem;width:1rem}.common-app-bar h1{font-size:1.25rem}@media(min-width:1200px){:root{--app-bar-height: 6rem}.common-app-bar{border-bottom:1px solid var(--color-grey)}.common-app-bar.always-transparent{border-bottom-color:transparent!important}.common-app-bar .toolbar .btn-back{display:none}.common-app-bar .qr-button{display:flex}.common-app-bar .desktop-nav{display:flex;margin-right:2rem}.common-app-bar .desktop-nav .MuiButton-root{padding:.75rem 1rem;color:var(--color-body-text);text-align:center;font-family:Poppins;font-size:.875rem;font-weight:600;line-height:1.5;text-transform:none}}.app-footer{position:fixed;bottom:0;width:100%;z-index:100}.app-footer .MuiBottomNavigation-root{position:relative;background-color:var(--color-papper-background);padding-top:.5rem;padding-bottom:.5rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.app-footer .MuiBottomNavigation-root .MuiBottomNavigationAction-root{display:flex;align-items:center;justify-content:center;padding-top:.875rem;padding-bottom:.875rem}.app-footer .MuiBottomNavigation-root .MuiBottomNavigationAction-root.active{color:var(--color-primary)}.app-footer .MuiBottomNavigation-root .MuiBottomNavigationAction-root .MuiBottomNavigationAction-label{display:block;height:1px;width:1px;overflow:hidden}.app-footer .qr-holder{width:2rem;min-width:auto;pointer-events:none;flex:0}.app-footer .profile-qr{position:absolute;top:15%;left:50%;width:3.5rem;height:3.5rem;background-color:var(--color-primary);color:var(--color-primary-contrast);border:.375rem solid var(--color-papper-background);border-radius:50%;transform:translate(-50%,-50%)}.app-footer .profile-qr .icon{width:1.25rem;height:1.25rem}@media(min-width:1200px){.app-footer{display:none;pointer-events:none}}.common-botton-card{position:fixed;left:0;bottom:0;display:flex;justify-content:center;width:100%;z-index:0}.common-botton-card .card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:700px;padding:2rem 1.5rem 1.5rem;background-color:var(--color-papper-background);color:var(--color-dark-grey);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;border-color:#0000;font-size:.875em}.common-botton-card .card .title{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.125rem;font-weight:500;line-height:100%;letter-spacing:.22px}.common-botton-card .card .title:before,.common-botton-card .card .title:after{content:"";margin:0 .5rem;height:1px;width:1.625rem;background-color:var(--color-dark-grey);opacity:.25}.common-description{margin-bottom:2rem;font-size:.875rem;color:var(--color-body-text)}.common-description h2{position:relative;margin-top:0;font-size:.875rem;font-weight:600;font-size:1rem;line-height:1;letter-spacing:.4px}.common-description .collapsible-content{position:relative;overflow:hidden}.common-description .collapsible-content.collapsed{max-height:8.75rem}.common-description .collapsible-content.expanded{max-height:auto}.common-description .collapsible-content .toggle-button{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;width:100%;height:5rem;padding:.25rem .5rem .5rem;font-size:.875rem;font-weight:700;border:0;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--color-body-background) 3.5rem);color:var(--color-body-text);cursor:pointer}.common-description .collapsible-content .toggle-button .icon{margin-left:.5rem;width:.875rem;height:.875rem}.common-description a{color:var(--color-primary)}.common-description p{margin-top:0}.common-description ol,.common-description ul{padding-left:1rem}.common-footer{display:flex;justify-content:center;align-items:center;padding-top:1rem;padding-bottom:1rem;font-size:.75rem}.common-footer .footer-logo{height:15px;width:75px;color:var(--color-dark-grey)}.common-footer span{margin-left:.125rem;margin-right:.125rem;color:var(--color-dark-grey)}.common-footer span:empty{display:none}.common-otp{text-align:center}.common-otp .otp-title{margin-bottom:1.5rem;font-weight:700;font-size:1.125rem;line-height:120%;letter-spacing:.56px;text-align:center}.common-otp .otp-header{margin-top:0;margin-bottom:1.5rem}.common-otp .otp-header strong{display:block;font-weight:500;line-height:100%;letter-spacing:0px;font-size:1.125rem;color:var(--color-primary)}.common-otp .otp-header strong[data-otp-addr-type=mobile]{font-size:1.375rem}.common-otp .otp-control-input{display:flex;justify-content:space-around;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;max-width:325px}.common-otp .otp-control-input.is-invalid input{border-color:var(--color-danger)}.common-otp .otp-control-input input{margin-bottom:0;padding:0;width:2.625rem!important;height:3rem!important;border:1px solid transparent;border-radius:.5rem;background-color:transparent;box-shadow:5px 5px 5px .25px #aeaec033 inset,-5px -5px 5px .25px #ffffffb2 inset;outline:none;color:var(--color-primary);font-size:1.5rem;font-weight:500;letter-spacing:0;line-height:1;text-align:center;-webkit-appearance:none;-moz-appearance:textfield}.common-otp .otp-control-input input:focus{border-color:var(--color-primary)}.common-otp .otp-control-input input:last-child{margin-right:0}.common-otp .otp-control-input input::-webkit-outer-spin-button,.common-otp .otp-control-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.common-otp .resend-otp-container p{margin-top:0;margin-bottom:0;color:var(--color-dark-grey)}.common-otp .resend-otp-container span{opacity:.75}.common-otp .resend-otp-container button{position:relative;top:-.5rem;text-decoration:underline;width:100%;text-align:center;cursor:pointer}.common-otp .resend-otp-container button:hover{background-color:transparent}.common-otp .invalid-message{margin-top:0;margin-bottom:0;color:var(--color-danger)}.common-snap-slider .slide-container{scroll-snap-type:x mandatory;display:flex;overflow-x:scroll}.common-snap-slider .slide-container .slide-item{scroll-snap-align:start}.common-snap-slider .slide-pagination{display:flex;align-items:center}.common-snap-slider .slide-pagination .pagination-item{padding:0;width:.5rem;height:.5rem;margin:0 .25rem;border:1px solid var(--color-papper-background);border-radius:1rem;background-color:var(--color-white);box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec0cc;transition:width .3s,background-color .3s,border-color .3s}.common-snap-slider .slide-pagination .pagination-item.active{background-color:var(--color-primary);border-color:var(--color-primary);width:1.75rem}.common-snap-slider .slide-pagination .slide-pagination-buttons{display:none}.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-prev,.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-next{display:inline-flex;align-items:center;justify-content:center;margin-left:.75rem;width:2.875rem;height:2.875rem;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-radius:1.25rem}.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-prev.disabled,.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-next.disabled{background-color:var(--color-grey)}.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-prev .btn-icon,.common-snap-slider .slide-pagination .slide-pagination-buttons .slide-pagination-button-next .btn-icon{width:.875rem;height:.875rem}@media(pointer:coarse){.common-snap-slider .slide-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.btn-filter{margin-left:auto;display:flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-radius:1rem}.btn-filter .btn-icon{width:1.25rem;height:1.25rem}.filter-popover .MuiPopover-paper{padding:2rem 1.5rem 1rem;border-radius:1.25rem}.filter-popover .drawer-header{display:flex;justify-content:space-between}.filter-drawer .MuiDrawer-paper{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;color:var(--color-papper-text)}.filter-drawer .drawer-body{padding-left:1.5rem;padding-right:1.5rem}.filter-drawer .drawer-header .drawer-title,.filter-popover .drawer-header .drawer-title{margin-top:0;margin-bottom:0;font-size:1.25rem;font-weight:600}.filter-drawer .drawer-body .filter-section,.filter-popover .drawer-body .filter-section{position:relative;padding-top:1.5rem;padding-bottom:1.5rem}.filter-drawer .drawer-body .filter-section:last-child:after,.filter-popover .drawer-body .filter-section:last-child:after{content:none}.filter-drawer .drawer-body .filter-section:after,.filter-popover .drawer-body .filter-section:after{content:"";position:absolute;bottom:0;border-bottom:1px solid var(--color-secondary)}.filter-drawer .drawer-body .filter-section .filter-category-title,.filter-popover .drawer-body .filter-section .filter-category-title{margin-top:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600}.filter-drawer .drawer-body .filter-section .filter-options-container,.filter-popover .drawer-body .filter-section .filter-options-container{display:flex;flex-wrap:wrap;gap:.5rem}.filter-drawer .drawer-body .filter-section .filter-options-container .btn-option,.filter-popover .drawer-body .filter-section .filter-options-container .btn-option{padding:.5rem 1rem;background-color:var(--color-grey);color:var(--color-papper-text);font-size:.875rem;border-radius:1.25rem}.filter-drawer .drawer-body .filter-section .filter-options-container .btn-option.selected,.filter-popover .drawer-body .filter-section .filter-options-container .btn-option.selected{background-color:var(--color-primary);color:var(--color-primary-contrast)}.filter-drawer .drawer-body .MuiListItemButton-root,.filter-popover .drawer-body .MuiListItemButton-root{padding-left:1.5rem;padding-right:1.5rem;font-size:.875rem;font-weight:600;color:var(--color-papper-text)}.filter-drawer .drawer-body .MuiListItemButton-root.selected,.filter-drawer .drawer-body .MuiListItemButton-root:hover,.filter-popover .drawer-body .MuiListItemButton-root.selected,.filter-popover .drawer-body .MuiListItemButton-root:hover{color:var(--color-primary)}.filter-drawer .drawer-body .MuiListItemButton-root .checked-icon,.filter-popover .drawer-body .MuiListItemButton-root .checked-icon{margin-left:auto}.filter-drawer .drawer-action-buttons,.filter-popover .drawer-action-buttons{padding-top:1rem;padding-bottom:1rem;margin-left:1.5rem;margin-right:1.5rem;display:flex;flex-direction:row;justify-content:center;border-top:1px solid var(--color-grey)}.filter-drawer .drawer-action-buttons .btn-reset,.filter-drawer .drawer-action-buttons .btn-apply,.filter-popover .drawer-action-buttons .btn-reset,.filter-popover .drawer-action-buttons .btn-apply{padding:.675rem 2rem;width:10rem;margin-left:.5rem;margin-right:.5rem;border-radius:1rem;font-weight:600}.filter-drawer .drawer-action-buttons .btn-reset,.filter-popover .drawer-action-buttons .btn-reset{position:relative;color:var(--color-primary);text-decoration:underline}.filter-drawer .drawer-action-buttons .btn-apply,.filter-popover .drawer-action-buttons .btn-apply{background-color:var(--color-papper-text)}.item-toggle-button{position:relative;display:flex;margin:1rem auto;padding:2px;border:none;min-width:5.25rem;overflow-y:hidden;overflow-x:auto}.item-toggle-button .active-bg{position:absolute;height:calc(100% - 2px);left:0;bottom:0;width:50%;height:4px;background-color:var(--color-primary);transition:left .3s,width .3s}.item-toggle-button .buttons{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}.item-toggle-button .buttons button{position:relative;padding-bottom:1rem;border:0;background-color:transparent;flex:1;box-shadow:none;transition:color .3s;padding-top:.5rem;padding-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--color-dark-grey);outline:none;cursor:pointer;white-space:nowrap}.item-toggle-button .buttons button.active{color:var(--color-primary);cursor:default}@media(pointer:coarse){.item-toggle-button{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.member-info-box{position:relative;top:-2rem;margin-left:auto;margin-right:auto}.member-info-box .member-info-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:1.5rem;text-align:left;color:var(--color-secondary-contrast);background-color:var(--color-secondary);box-shadow:none;overflow:visible}.member-info-box .member-info-card .card-content-container{display:flex;padding:1.5rem;min-height:7rem;flex-direction:column;justify-content:space-between;font-weight:600}.member-info-box .member-info-card .card-content-container .member-name-container{margin-bottom:.5rem;font-size:1rem;line-height:1.25rem;color:var(--color-primary)}.member-info-box .member-info-card .card-content-container .member-point-tier-container{display:flex;align-items:center;font-size:.75rem;line-height:1.4}.member-info-box .member-info-card .card-content-container .member-point-tier-container .point-container,.member-info-box .member-info-card .card-content-container .member-point-tier-container .tier-container{display:inline-flex;align-items:center}.member-info-box .member-info-card .card-content-container .member-point-tier-container .point-container .icon,.member-info-box .member-info-card .card-content-container .member-point-tier-container .tier-container .icon{margin-right:.5rem;width:1rem;height:1rem}.member-info-box .member-info-card .card-content-container .member-point-tier-container .point-container .amount,.member-info-box .member-info-card .card-content-container .member-point-tier-container .tier-container .amount{font-weight:600}.member-info-box .member-info-card .card-content-container .member-point-tier-container .point-container label,.member-info-box .member-info-card .card-content-container .member-point-tier-container .tier-container label{margin-left:.5rem}.member-info-box .member-info-card .card-content-container .member-point-tier-container .tier-container{margin-left:.5rem;padding-left:.5rem;display:inline-flex;align-items:center;border-left:1px solid var(--color-secondary-contrast)}.member-info-box .member-info-card .card-content-container .next-tier-container{margin-top:1rem}.member-info-box .member-info-card .card-content-container .next-tier-container .progress-info{position:relative;margin-right:28%}.member-info-box .member-info-card .card-content-container .next-tier-container .progress-info .tier-progress{height:.75rem;border-radius:.375rem}.member-info-box .member-info-card .card-content-container .next-tier-container .progress-info .tier-ball{position:absolute;top:-.675rem;right:-.25rem;display:flex;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;background-image:linear-gradient(281deg,#ffffff80,#fff0);background-color:var(--color-primary);box-shadow:inset 0 0 0 2px #eef2f633;border-radius:50%}.member-info-box .member-info-card .card-content-container .next-tier-container .progress-info .tier-ball .icon{width:1.25rem;height:1.25rem;color:#fff}.member-info-box .member-info-card .card-content-container .next-tier-container p{margin-top:.75rem;margin-bottom:0;margin-right:20%;font-size:.75rem;color:var(--color-dark-grey)}.member-info-box .member-info-card .whiskers-welcome{position:absolute;top:-2rem;right:-1.25rem;width:12rem;height:11rem;background-image:url(/assets/whiskers-welcome-DQhPSfDI.png);background-size:contain;background-repeat:no-repeat;pointer-events:none}.member-info-box .card-bottom-overflow{background-color:var(--color-primary);color:var(--color-primary-contrast);text-align:center;padding:.25rem 0;margin-left:7%;width:86%;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;font-weight:600}@media(min-width:1200px){.member-info-box .member-info-card .card-content-container{padding-left:28%}.member-info-box .member-info-card .card-content-container .next-tier-container .progress-info,.member-info-box .member-info-card .card-content-container .next-tier-container p{margin-right:0}.member-info-box .member-info-card .whiskers-welcome{left:-1.25rem;right:auto;transform:scaleX(-1)}}.mission-card{position:relative;display:flex;flex-direction:column;padding:3rem 1rem 1rem;border-radius:1rem}.mission-card .expiry-info,.mission-card .complete-info{position:absolute;top:0;left:0;margin-top:0;margin-bottom:0;padding:.25rem .75rem;display:flex;align-items:center;gap:.5rem;background-color:var(--color-brand1);color:var(--color-brand1-contrast);border-bottom-right-radius:1rem;opacity:.88}.mission-card .mission-cover{position:relative;padding-top:56.25%;border-radius:1rem;background-color:var(--color-grey);background-size:cover;overflow:hidden}.mission-card .mission-cover .completed-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080}.mission-card .mission-cover .completed-overlay img{width:5rem;height:5rem;object-fit:contain}.mission-card .mission-content{padding:0}.mission-card .mission-content .title{margin-bottom:1rem;font-size:1.125rem;line-height:1.2;color:var(--color-brand1);font-weight:600}.mission-card .mission-content .achievement-info{display:flex}.mission-card .mission-content .achievement-info .MuiButtonBase-root{margin-right:1rem;width:1.5rem;height:1.5rem;background-color:var(--color-dark);border-radius:.625rem}.mission-card .mission-content .achievement-info .MuiButtonBase-root .icon{height:.75rem;color:var(--color-dark-contrast)}.mission-card .mission-content .achievement-info span{font-size:.875rem;font-weight:700;color:var(--color-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-card .progress-container{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.mission-card .progress-container .progress-info{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;width:4rem}.mission-card .progress-container .progress-info .progress-text{flex-shrink:0;margin-left:auto;font-size:.875rem;color:var(--color-brand1);font-weight:600}.mission-card .progress-container .progress-info .progress-text span:nth-child(2),.mission-card .progress-container .progress-info .progress-text span:nth-child(3){position:relative;padding-left:.5rem;color:var(--color-body-text)}.mission-card .progress-container .progress-type-bar{display:flex;align-items:center}.mission-card .progress-container .progress-type-bar .mission-progress{position:relative;width:calc(100% - 4rem);height:.75rem;border-radius:3rem;background-color:transparent}.mission-card .progress-container .progress-type-bar .mission-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-brand1);opacity:.25}.mission-card .progress-container .progress-type-bar .mission-progress .mission-bar{border-radius:3rem;background-color:var(--color-brand1)}.mission-card .progress-container .progress-type-bar .progress-info{margin-left:.5rem}.mission-card .progress-container .progress-type-stamp{display:flex;align-items:center;justify-content:flex-start}.notification-drawer>.MuiPaper-root{padding-bottom:1rem;background-color:transparent;width:100%;pointer-events:none}.notification-drawer .push-notification{pointer-events:auto;max-width:25rem;margin:1rem auto 0;width:100%;border-radius:1.5rem;background-color:var(--color-body-background);color:var(--color-body-text);box-shadow:0 4px 12px #00000080}.notification-drawer .push-notification .MuiCardContent-root{padding:1.5rem}.notification-drawer .push-notification .title{margin-top:0;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.notification-drawer .push-notification .body{font-size:.875rem;font-weight:500}.notification-drawer .push-notification .body p:last-child{margin-bottom:0}.number-picker{display:inline-flex;align-items:center;gap:.5rem}.number-picker .btn-number-picker{padding:0;width:2.5rem;min-width:auto;height:2.5rem;display:flex;justify-content:center;align-items:center;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:1.125rem}.number-picker .btn-number-picker[disabled]{color:var(--color-grey);border-color:var(--color-grey)}.number-picker .btn-number-picker .icon{width:1rem;height:1rem}.number-picker .number-picker-value{width:3rem;text-align:center;font-size:1.125rem;font-weight:600;line-height:1.2;color:var(--color-primary)}.point-item{padding:.625rem}.point-item .item-container{display:flex;justify-content:space-between;align-items:center}.point-item .item-container .title-container{font-weight:500;font-size:.75rem;line-height:100%;letter-spacing:.18px;color:var(--color-dark-grey);flex:1}.point-item .item-container .title-container h3{margin-top:0;margin-bottom:.5rem;font-weight:500;font-size:.875rem;line-height:100%;letter-spacing:.25px;color:var(--color-body-text)}.point-item .item-container .title-container .rel-store{margin-bottom:.5rem;display:block;font-weight:500;font-size:.75rem;line-height:1;letter-spacing:.29px;text-transform:uppercase;color:var(--color-body-text);opacity:.75}.point-item .item-container .amount-change{display:flex;align-items:center;justify-content:flex-end;font-weight:700;font-size:.875rem;line-height:100%;letter-spacing:.63px;text-align:right;flex:1}.point-item .item-container .amount-change svg{margin-left:.25rem;margin-right:.25rem;width:1rem;height:1rem}.point-item .item-container .amount-change.increase{color:var(--color-primary)}.point-item .item-container .amount-change.decrease{color:#ff8504}.password-eye-icon{position:relative;overflow:hidden}.password-eye-icon.unslash:after{top:-52.5%;left:-80%}.password-eye-icon:after{content:"";position:absolute;top:47.5%;left:20%;border-top:2px solid #fff;border-bottom:2px solid rgba(0,0,0,.3);width:60%;transform:rotate(45deg);transition:top .3s,left .3s}.password-requirements{padding-left:.5rem}.password-requirements .password-requirement{display:flex;align-items:flex-start;gap:.75rem}.password-requirements .password-requirement.pass .icon{color:var(--color-success)}.password-requirements .password-requirement .icon{margin-top:.25rem;width:1rem;height:1rem;color:var(--color-grey)}.grecaptcha-badge{visibility:hidden!important}.mini-grecaptcha-badge{display:flex;align-items:center;font-size:.75rem;text-decoration:none;color:var(--color-body-text);cursor:pointer}.mini-grecaptcha-badge .grecaptcha-logo{margin-right:.5rem;display:block;width:1rem;height:1rem}.schema-form-builder .MuiFormControlLabel-root.Mui-error,.schema-form-builder .MuiFormLabel-root.Mui-error{color:var(--color-danger)}.schema-form-builder .MuiFormControlLabel-root .required,.schema-form-builder .MuiFormLabel-root .required{margin-right:.25rem;font-weight:700}.schema-form-builder .help-text{display:block}.schema-form-builder .help-text-error{color:var(--color-danger)}.schema-form-builder .form-control-group{display:flex;flex-direction:row;gap:1.5rem}.schema-form-builder .form-control-checkbox-group{display:flex;flex-direction:column;width:100%;gap:.5rem}.schema-form-builder .form-control-checkbox-group .MuiFormControlLabel-root{margin-right:0;margin-bottom:0}.section-title{display:flex;align-items:center;gap:1.5rem;color:var(--color-body-text)}.section-title .section-title-text{font-size:2.5rem;font-weight:700}.section-title .section-button{display:flex;align-items:center;justify-content:center;background-color:var(--color-section-button, var(--color-secondary));color:var(--color-section-button-text, var(--color-body-text));width:2.625rem;height:2.625rem;border-radius:1rem}.section-title .section-button .btn-icon{font-size:1rem}.sso-types{display:flex;flex-direction:column}.sso-types:empty{display:none}.sso-types .login-type-button{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;width:15rem;height:2.5rem;border-radius:1.5rem;font-weight:600}.sso-types .login-type-button:last-child{margin-bottom:0}.sso-types .login-type-button:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.sso-types .login-type-button svg{margin-right:1rem;width:1.25rem;height:1.25rem}.sso-types .btn-wechat svg{width:auto}.sso-types .btn-keycloak{background-color:var(--color-brand1);color:var(--color-brand1-contrast)}.stamp-card{position:relative;padding-top:62.5%;width:100%;background-repeat:no-repeat;background-position:center bottom;background-size:100% auto}.stamp-card .stamp-grid-container{position:absolute;inset:0;display:flex;padding:1rem 1rem 7.5rem;justify-content:center;align-items:center}.stamp-card[data-total="1"] .stamp-grid,.stamp-card[data-total="2"] .stamp-grid,.stamp-card[data-total="3"] .stamp-grid{width:100%;display:flex;justify-content:center}.stamp-card[data-total="1"] .stamp-grid .grid-item,.stamp-card[data-total="2"] .stamp-grid .grid-item,.stamp-card[data-total="3"] .stamp-grid .grid-item{margin-left:.5rem;margin-right:.5rem}.stamp-card .stamp-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(var(--stamp-wh),1fr));justify-items:center;gap:var(--stamp-gap)}.stamp-card .stamp-grid .grid-item{display:inline-flex;justify-content:center;align-items:center;height:var(--stamp-wh);width:var(--stamp-wh)}.stamp-card .stamp-grid .grid-item .stamp{height:100%;width:100%}.stamp-card .stamp-grid .grid-item .stamp.stamp-empty{color:transparent}.stamp-card .stamp-grid .grid-item .stamp.stamp-filled{color:var(--color-primary)}.snap-slider-banner{display:flex;overflow:hidden;overflow-x:auto}.snap-slider-banner .slide-container{scroll-snap-type:x mandatory;display:flex;overflow-x:scroll}.snap-slider-banner .slide-container .slide-item{scroll-snap-align:start}.snap-slider-banner.multi-slide .slide-item:last-child{margin-right:1.5rem}.snap-slider-banner.multi-slide .MuiContainer-root{width:calc(100vw - 3rem);padding-right:0;max-width:none!important}.snap-slider-banner .page-banner{margin-left:auto;margin-right:auto;width:100%}@media(pointer:coarse){.page-snap-slider-banner .slide-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.step-indicator .MuiStep-root{padding-left:0;padding-right:0}.step-indicator .MuiStep-root.current .MuiStepIcon-root{color:var(--color-primary)}.step-indicator .MuiStep-root.Mui-completed .MuiStepIcon-root{color:var(--color-primary);cursor:pointer}.step-indicator .MuiStep-root .MuiStepIcon-root{color:var(--color-grey)}.step-indicator .MuiStep-root .MuiStepLabel-iconContainer{padding-right:0}.tutorial-snap-slider{margin-left:auto;margin-right:auto;width:90vw}.tutorial-snap-slider .tutorial-slide{background-color:transparent;box-shadow:none;width:90vw}.tutorial-snap-slider .tutorial-slide .tutorial-container{margin-left:auto;margin-right:auto;max-width:30rem}.tutorial-snap-slider .tutorial-slide .slide-header{margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center}.tutorial-snap-slider .tutorial-slide .slide-header .slide-img{margin-left:auto;margin-right:auto;width:10rem;height:10rem;background-image:url(/assets/whiskers-reward-uXrVPdqY.png);background-size:contain;background-repeat:no-repeat}.tutorial-snap-slider .tutorial-slide .slide-header h3{margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.4}.tutorial-snap-slider .tutorial-slide .slide-header p{font-size:.875rem}.tutorial-snap-slider .tutorial-slide .slide-content{padding:1rem;color:var(--color-secondary-contrast);background-color:var(--color-secondary);border-radius:1rem}.tutorial-snap-slider .tutorial-slide .slide-content label{font-size:.875rem;font-weight:600;line-height:1.4}.tutorial-snap-slider .tutorial-slide .slide-content p{font-size:.75rem;line-height:1.4}.tutorial-snap-slider .tutorial-slide .slide-content p:last-child{margin-bottom:0}.tutorial-snap-slider .slide-container::-webkit-scrollbar{display:none}.tutorial-snap-slider .slide-pagination{justify-content:center}.tutorial-snap-slider .slide-pagination .slide-pagination-items .pagination-item{background-color:var(--color-dark-grey);border-color:var(--color-dark-grey);opacity:.5}.tutorial-snap-slider .slide-pagination .slide-pagination-items .pagination-item.active{background-color:var(--color-primary);border-color:var(--color-primary);opacity:1}.user-email-identity-form-group .bottom-container{display:flex;justify-content:flex-end}.user-email-identity-form-group .btn-change{margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;background-color:var(--color-primary);color:var(--color-primary-contrast);align-self:flex-end}.user-email-identity-form-group .btn-change:disabled{background-color:var(--color-grey)}.user-email-identity-form-group .btn-change .icon{font-size:.75rem}.user-mobile-identity-form-group .form-control-group{display:flex;flex-direction:row;gap:1.5rem}.user-mobile-identity-form-group .bottom-container{display:flex;justify-content:flex-end}.user-mobile-identity-form-group .btn-change{margin-top:.5rem;padding:.25rem .75rem;font-size:.85rem;background-color:var(--color-primary);color:var(--color-primary-contrast);align-self:flex-end}.user-mobile-identity-form-group .btn-change:disabled{background-color:var(--color-grey)}.user-mobile-identity-form-group .btn-change .icon{font-size:.75rem}.fatal-error-dialog{text-align:center;font-weight:500;font-size:.875rem;line-height:1rem;letter-spacing:.14px}.fatal-error-dialog .btn-show-debug{position:fixed;top:0;left:0;width:3rem;height:3rem;background-color:transparent;border:none;z-index:1110}.fatal-error-dialog .dialog-image{margin-left:auto;margin-right:auto;width:8rem;height:8rem}.fatal-error-dialog h1{font-weight:700;font-size:1.125rem;line-height:1.25rem;letter-spacing:.4px}.fatal-error-dialog .fatal-error-request-id{margin:1rem auto;font-size:12px}.fatal-error-dialog .message{font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.38px}.fatal-error-dialog .fatal-error{margin:1rem auto;border-radius:.5rem;max-width:30rem;text-align:left}.fatal-error-dialog .fatal-error pre{margin:0;padding:.5rem 0;border:1px solid #ccc;border-radius:.5rem;max-width:100%;overflow:auto}.landing-pop-dialog .poster-container{position:relative;margin-left:auto;margin-right:auto;width:80%;max-width:500px}.landing-pop-dialog .poster-container .poster{max-width:100%;max-height:100%;border-radius:1rem}.landing-pop-dialog .poster-container .btn-close{position:absolute;top:-3.5rem;right:0rem;width:2.875rem;height:2.875rem;border-radius:1.25rem;background-color:var(--color-primary);color:var(--color-white)}.landing-pop-dialog .poster-container .btn-close svg{width:1rem;height:1rem}.landing-pop-dialog .poster-container .count-down{position:absolute;top:.75rem;right:.75rem;font-weight:700;color:var(--color-white);text-shadow:0 0 5px black}#member-card-dialog{background-color:transparent;padding-bottom:2rem}#member-card-dialog .MuiPaper-root{position:relative;border-radius:1.5rem;background-color:transparent;margin-bottom:0;max-height:none;box-shadow:none}#member-card-dialog .member-cardface-content{padding:0;width:312px;height:632px;background-color:var(--background-color);border-radius:1.5rem;box-shadow:inset 0 0 0 4px #eef2f633}#member-card-dialog .member-cardface-content .background-image{position:absolute;top:0;left:0;width:100%;object-fit:cover}#member-card-dialog .member-cardface-content .close-button{position:absolute;top:.675rem;right:.675rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.25rem;box-shadow:none;border-radius:45%;transition:box-shadow .3s;background-color:#eef2f680;color:var(--color-light)}#member-card-dialog .member-cardface-content .close-button svg{width:1.5rem;height:1.5rem}#member-card-dialog .member-cardface-content .sizer{display:flex;justify-content:flex-end;height:194px}#member-card-dialog .member-cardface-content .qr-code-container{position:relative;display:flex;justify-content:center;max-width:100%;z-index:1}#member-card-dialog .member-cardface-content .qr-code-container .qr-code{width:116px;height:116px;border:4px solid var(--color-brand2);padding:.75rem;background-color:var(--color-light);border-radius:1rem}#member-card-dialog .member-cardface-content .member-info-container{position:relative;margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem;color:var(--color);text-align:center}#member-card-dialog .member-cardface-content .member-info-container .member-name{display:block;font-size:1.125rem;font-weight:600;line-height:1.5rem}#member-card-dialog .member-cardface-content .member-info-container .member-id{display:block;font-size:.875rem}#member-card-dialog .member-cardface-content .member-info-container .member-referral-code{margin-top:.5rem;padding-top:.5rem;font-size:.875rem;font-weight:500;border-top:1px solid var(--color);text-align:center}#member-card-dialog .member-cardface-content .member-info-container .copy-button{color:var(--color)}#member-card-dialog .member-cardface-content .member-info-container .copy-button svg{width:1rem;height:1rem}#member-card-dialog .member-cardface-content .btn-go-to-wallet{margin-top:1rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;color:var(--color-light);background-color:var(--color-brand2);color:var(--color-brand2-contrast);border-radius:2rem;box-shadow:none}#member-card-dialog .change-cardface-tips{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;width:80%;height:2rem;font-size:.875rem;background-color:var(--background-color);color:var(--color);border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;cursor:pointer}#member-card-dialog .change-cardface-tips svg{width:.875rem;height:.875rem;margin-right:.5rem}.cardface-selector-dialog .MuiDialog-container>.MuiPaper-root{border-radius:1.5rem;min-width:30rem}.cardface-selector-dialog .MuiDialog-container .MuiDialogContent-root{padding:0}.cardface-selector-dialog,.cardface-selector-drawer{color:var(--color-papper-text)}.cardface-selector-dialog .drawer-header,.cardface-selector-drawer .drawer-header{padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cardface-selector-dialog .drawer-header h2,.cardface-selector-drawer .drawer-header h2{margin-top:0;margin-bottom:0;font-size:1rem;font-weight:700;line-height:1.4;color:var(--color-primary)}.cardface-selector-dialog .drawer-header label,.cardface-selector-drawer .drawer-header label{font-size:.875rem}.cardface-selector-dialog .drawer-header label span,.cardface-selector-drawer .drawer-header label span{color:var(--color-primary)}.cardface-selector-dialog .drawer-header .MuiIconButton-root,.cardface-selector-drawer .drawer-header .MuiIconButton-root{color:var(--color-papper-text)}.cardface-selector-dialog .drawer-header .MuiIconButton-root svg,.cardface-selector-drawer .drawer-header .MuiIconButton-root svg{width:1rem;height:1rem}.cardface-selector-dialog .drawer-body,.cardface-selector-drawer .drawer-body{padding:1.5rem;min-height:5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;height:50vh;overflow-y:auto}.cardface-selector-dialog .drawer-body .cardface-card-holder,.cardface-selector-drawer .drawer-body .cardface-card-holder{display:flex;justify-content:center}.cardface-selector-dialog .drawer-body .cardface-card,.cardface-selector-drawer .drawer-body .cardface-card{position:relative;margin:0 auto;width:150px;height:200px;border-radius:1rem;background-image:var(--background-image);background-position:top center;background-size:cover}.cardface-selector-dialog .drawer-body .cardface-card .button-overlay,.cardface-selector-drawer .drawer-body .cardface-card .button-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;display:flex;justify-content:center}.cardface-selector-dialog .drawer-body .cardface-card .btn-use-card,.cardface-selector-drawer .drawer-body .cardface-card .btn-use-card{display:flex;align-items:center;padding:.5rem 1rem;background-color:var(--color-brand2);color:var(--color-brand2-contrast);cursor:pointer}.cardface-selector-dialog .drawer-body .cardface-card .btn-use-card.currently-in-use,.cardface-selector-drawer .drawer-body .cardface-card .btn-use-card.currently-in-use{background-color:var(--color-brand1);color:var(--color-brand1-contrast);cursor:not-allowed}.cardface-selector-dialog .drawer-body .cardface-card .btn-use-card span,.cardface-selector-drawer .drawer-body .cardface-card .btn-use-card span{display:inline-block;font-size:.75rem;line-height:1;font-weight:600}.cardface-selector-dialog .drawer-body .cardface-card .btn-use-card .btn-icon,.cardface-selector-drawer .drawer-body .cardface-card .btn-use-card .btn-icon{margin-left:.25rem;margin-right:.25rem;width:.875rem;height:.875rem}.cardface-selector-dialog .drawer-action-buttons,.cardface-selector-drawer .drawer-action-buttons{padding-top:1rem;padding-bottom:1rem;margin-left:1.5rem;margin-right:1.5rem;display:flex;flex-direction:row;justify-content:center}.cardface-selector-dialog .drawer-action-buttons .MuiButtonBase-root,.cardface-selector-drawer .drawer-action-buttons .MuiButtonBase-root{padding:.625rem 2rem;width:10rem;margin-left:.5rem;margin-right:.5rem;border-radius:1rem;font-weight:600;background-color:var(--color-brand2);color:var(--color-brand2-contrast)}.tutorial-dialog .MuiDialog-container>.MuiPaper-root{border-radius:1rem}.tutorial-dialog .tutorial-snap-slider,.tutorial-dialog .tutorial-snap-slider .tutorial-slide{min-width:300px;width:50vw;max-width:600px}.tutorial-dialog .tutorial-dialog-actions{margin-top:1rem;display:flex;flex-direction:column}.tutorial-dialog .tutorial-dialog-actions .MuiButton-root{padding:.75rem 1rem;border-radius:1rem;font-weight:600}.message-drawer .MuiPaper-root,.message-dialog .MuiPaper-root{background-color:var(--color-papper-background);color:var(--color-papper-text)}.message-drawer .dialog-title,.message-drawer .drawer-title,.message-dialog .dialog-title,.message-dialog .drawer-title{position:relative;text-align:center}.message-drawer .dialog-title .btn-show-debug,.message-drawer .drawer-title .btn-show-debug,.message-dialog .dialog-title .btn-show-debug,.message-dialog .drawer-title .btn-show-debug{position:absolute;top:0;left:0;width:3rem;height:3rem;background-color:transparent;border:none}.message-drawer .dialog-content,.message-drawer .drawer-content,.message-dialog .dialog-content,.message-dialog .drawer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.message-drawer .dialog-content h1,.message-drawer .drawer-content h1,.message-dialog .dialog-content h1,.message-dialog .drawer-content h1{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.message-drawer .dialog-content h2,.message-drawer .drawer-content h2,.message-dialog .dialog-content h2,.message-dialog .drawer-content h2{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.message-drawer .dialog-content h3,.message-drawer .dialog-content h4,.message-drawer .dialog-content h5,.message-drawer .dialog-content h6,.message-drawer .drawer-content h3,.message-drawer .drawer-content h4,.message-drawer .drawer-content h5,.message-drawer .drawer-content h6,.message-dialog .dialog-content h3,.message-dialog .dialog-content h4,.message-dialog .dialog-content h5,.message-dialog .dialog-content h6,.message-dialog .drawer-content h3,.message-dialog .drawer-content h4,.message-dialog .drawer-content h5,.message-dialog .drawer-content h6{margin-bottom:.75rem;font-size:1rem;font-weight:600}.message-drawer .dialog-content p,.message-drawer .drawer-content p,.message-dialog .dialog-content p,.message-dialog .drawer-content p{margin-top:0;margin-bottom:0;font-size:.875rem}.message-drawer .dialog-content img.thumb,.message-drawer .drawer-content img.thumb,.message-dialog .dialog-content img.thumb,.message-dialog .drawer-content img.thumb{width:12rem;height:12rem;object-fit:contain}.message-drawer .dialog-actions,.message-drawer .drawer-actions,.message-dialog .dialog-actions,.message-dialog .drawer-actions{display:flex;justify-content:center;gap:1rem}.message-drawer .dialog-actions .MuiButton-root,.message-drawer .drawer-actions .MuiButton-root,.message-dialog .dialog-actions .MuiButton-root,.message-dialog .drawer-actions .MuiButton-root{padding:.75rem 1.5rem;width:100%;min-width:8rem;font-size:.875rem;border-radius:1rem}.message-drawer pre,.message-dialog pre{margin:0;padding:.5rem 0;border:1px solid #ccc;border-radius:.5rem;max-width:100%;overflow:auto}.message-dialog .MuiPaper-root{border-radius:1.25rem}.message-dialog .dialog-content{min-width:320px}.message-dialog .dialog-actions{padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem}.message-dialog .dialog-actions .MuiButton-root{white-space:nowrap}.message-drawer .drawer-title{width:100%}.message-drawer .drawer-content{padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem}.message-drawer .drawer-actions{padding-left:1.5rem;padding-right:1.5rem;flex-direction:column!important}.message-drawer .drawer-actions .MuiButton-root{padding:.75rem 1.5rem;width:100%;border-radius:1rem;font-weight:600}.otp-request-dialog.desktop .MuiPaper-root{border-radius:1.25rem}.otp-request-dialog.desktop .dialog-content{padding:1.5rem}.otp-request-dialog .otp-request-desktop-header{display:flex;justify-content:flex-end}.otp-request-dialog .dialog-content{text-align:center}.otp-request-dialog .dialog-content strong{color:var(--color-primary)}.otp-request-dialog .dialog-content .thumb{width:12rem;height:12rem;object-fit:contain}.change-password-reminder-dialog .MuiPaper-root{border-radius:1.25rem}.change-password-reminder-dialog .dialog-content{width:320px;text-align:center}.change-password-reminder-dialog .dialog-content .thumb{position:relative;margin:1.5rem auto 0;width:12rem;height:12rem}.change-password-reminder-dialog .dialog-content .thumb .background{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.change-password-reminder-dialog .dialog-content .thumb .lock{position:absolute;top:-1rem;right:-.5rem;width:4rem;height:4rem}.change-password-reminder-dialog .dialog-content h2{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.change-password-reminder-dialog .dialog-content p{margin-top:0;margin-bottom:0;font-size:.875rem}.change-password-reminder-dialog .dialog-actions{display:flex;flex-direction:column;justify-content:center;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;gap:1rem}.change-password-reminder-dialog .dialog-actions .MuiButton-root{padding:.75rem 1.5rem;width:100%;border-radius:1rem;font-weight:600}.update-identity-error-dialog{text-align:center;font-weight:500;font-size:.875rem;line-height:1rem;letter-spacing:.14px}.update-identity-error-dialog .dialog-image{margin-left:auto;margin-right:auto;width:8rem;height:8rem}.update-identity-error-dialog h1{font-weight:700;font-size:1.125rem;line-height:1.25rem;letter-spacing:.4px}.update-identity-error-dialog .same-identity-found-error h2{font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.38px}.update-identity-error-dialog .same-identity-found-error .old-account-info-card{margin:1.5rem auto;max-width:500px;border-radius:12px;border-width:.75rem;padding:.5rem 1.5rem;border:1px solid var(--color-grey)}.update-identity-error-dialog .same-identity-found-error .old-account-info-card p{font-weight:500;font-size:.875rem;line-height:1rem;letter-spacing:.14px}.update-identity-error-dialog .same-identity-found-error .old-account-info-card strong{font-weight:700}.update-identity-error-dialog .same-identity-found-error .same-identity-actions p{opacity:.75}.update-identity-error-dialog .same-identity-found-error .same-identity-actions .MuiButtonBase-root{margin-top:1.5rem;padding-left:2rem;padding-right:2rem;min-width:15rem;text-transform:none}.add-preferences-dialog .MuiDialog-container>.MuiPaper-root{border-radius:1rem}.add-preferences-dialog .MuiDialogContent-root{max-width:320px}.add-preferences-dialog .dialog-header{margin-left:auto;margin-right:auto;margin-bottom:1rem;text-align:center}.add-preferences-dialog .dialog-header .header-img{margin-left:auto;margin-right:auto;width:10rem;height:10rem;background-image:url(/assets/whiskers-reward-uXrVPdqY.png);background-size:contain;background-repeat:no-repeat}.add-preferences-dialog .dialog-header h3{margin-bottom:1rem;font-size:1.125rem;font-weight:700;line-height:1.4}.add-preferences-dialog .dialog-header p{font-size:.875rem}.add-preferences-dialog .skip-description{padding:1rem;border-radius:1rem;text-align:center;background-color:var(--color-secondary);color:var(--color-secondary-contrast);font-size:.75rem}.add-preferences-dialog .dialog-actions{margin-top:1rem;display:flex;flex-direction:column}.add-preferences-dialog .dialog-actions .MuiButton-root{padding:.75rem 1rem;border-radius:1rem;font-weight:600}.add-to-wallet-body{background-color:var(--color-papper-background)}.add-to-wallet-page{height:100%}.add-to-wallet-page .common-app-bar .action-button{color:var(--color-primary-contrast)!important;border-color:var(--color-primary-contrast)!important}.add-to-wallet-page .container-background{display:flex;color:#fff;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0 auto;width:75%;margin-top:.5rem;margin-bottom:.5rem}.add-to-wallet-page .container-background h1{margin-bottom:1rem;font-size:1.25rem;line-height:1.5rem;font-weight:700;letter-spacing:.67px}.add-to-wallet-page .container-background h2{font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.38px}.add-to-wallet-page .bouncing-member-container{padding-top:2rem;display:flex;justify-content:center;width:100%;height:12.5rem;background-color:var(--color-primary);color:var(--color-primary-contrast)}.add-to-wallet-page .bouncing-member-container .bouncing-member-card{display:flex;justify-content:center;align-items:center;width:15rem;height:9.5rem;border-radius:1.25rem;background-color:#fff}.add-to-wallet-page .bouncing-member-container .bouncing-member-card.bouncing{animation:bounce 3s infinite}@keyframes bounce{0%{transform:rotate(5deg) translateY(5%) translate(4%)}5%{transform:rotate(13deg) translateY(-20%) translate(4%)}10%,40%{transform:rotate(11deg) translateY(-15%) translate(5%)}50%,to{transform:rotate(5deg) translateY(5%) translate(4%)}}.add-to-wallet-page .bouncing-member-container .bouncing-member-card .card-logo{max-height:70%;max-width:70%;width:auto;height:auto}.add-to-wallet-page .container-paper-card-holder{position:absolute;left:0;top:-3rem;display:flex;flex-direction:row;width:100%;height:3rem;pointer-events:none;z-index:10;background-size:auto 8rem;background-position:center top;background-repeat:repeat-x}.add-to-wallet-page .card-action-container{position:relative;top:-3rem;padding-top:1.5rem;padding-bottom:1.5rem;background-color:var(--color-papper-background);min-height:5rem}.add-to-wallet-page .card-action-container .creating-pass-container{margin-top:1.5rem;margin-bottom:2.5rem;max-width:320px}.add-to-wallet-page .card-action-container .creating-pass-container .MuiCircularProgress-root{width:1.5rem!important;height:1.5rem!important}.add-to-wallet-page .card-action-container .add-to-wallet .MuiDivider-root{margin-top:1.5rem;margin-bottom:1.5rem}.add-to-wallet-page .card-action-container .cannot-detect-device-option p{font-size:.875rem;color:var(--color-body-text)}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown,.add-to-wallet-page .card-action-container .altrnative-device-option{margin:0 auto 3rem;display:flex;flex-direction:row;align-items:center;color:var(--color-body-text);width:16rem}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .icon,.add-to-wallet-page .card-action-container .altrnative-device-option .icon{margin-right:1rem}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .altrnative-action,.add-to-wallet-page .card-action-container .altrnative-device-option .altrnative-action{text-align:left;font-weight:500;font-size:.875rem;line-height:1.25rem;letter-spacing:.38px}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .altrnative-action p,.add-to-wallet-page .card-action-container .altrnative-device-option .altrnative-action p{margin-top:0;margin-bottom:0}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .altrnative-action span,.add-to-wallet-page .card-action-container .altrnative-device-option .altrnative-action span{font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--color-primary)}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .btn-download-wallet-card,.add-to-wallet-page .card-action-container .altrnative-device-option .btn-download-wallet-card{cursor:pointer}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown{flex-direction:column}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown>*{margin-bottom:1rem}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown>*:last-child{margin-bottom:0}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .btn-show-qr-code{display:flex;flex-direction:row;align-items:center;padding:.5rem 1rem;width:12.5rem;height:3.5rem;background-color:var(--color-body-text);border:1px solid var(--color-body-text);color:var(--color-body-background);border-radius:1rem;cursor:pointer}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .btn-show-qr-code .icon{margin-right:.5rem}.add-to-wallet-page .card-action-container .altrnative-device-option-unknown .btn-show-qr-code span{text-align:left}.add-to-wallet-page .card-action-container .scan-qr{margin-bottom:2rem;color:#000}.add-to-wallet-page .user-agent{display:block;padding:.25rem;max-width:20rem;font-size:.675rem;color:var(--color-body-text);word-break:break-all;border:1px solid var(--color-papper-text);border-radius:1.5rem}.add-to-wallet-page .btn-close{margin-bottom:.75rem;padding:.625rem 1.5rem;border-radius:1.25rem;width:15rem;text-transform:none;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.38px;white-space:nowrap}.add-to-wallet-qr-code-drawer .drawer-body{text-align:center;padding:1.5rem 1.5rem 3rem;background-color:var(--color-body-background);color:var(--color-body-text)}.add-to-wallet-qr-code-drawer .drawer-body .qrcode{width:8rem;height:8rem}.add-to-wallet-qr-code-drawer .drawer-body p{margin-top:1rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:400}.add-to-wallet-qr-code-drawer .drawer-body .user-agent{margin:1.5rem auto 1rem;max-width:20rem;font-size:12px;border:1px solid var(--color-papper-text);border-radius:2rem;padding:.25rem 1rem;opacity:.35}.change-password-page{--app-bar-height: 3rem}.change-password-page .password-policy{margin-bottom:1rem}.change-password-page .submit-container{display:flex;justify-content:center}.change-password-page .submit-container button{margin-bottom:.75rem;padding:.625rem 1.5rem;border-radius:1.25rem;width:15rem;text-transform:none;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.38px}@media(min-width:1200px){.change-password-page{--app-bar-height: 6rem}}.edit-profile-page{--app-bar-height: 3rem}.edit-profile-page .btn-edit-profile{margin-left:auto;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--color-primary)}.edit-profile-page .btn-edit-profile svg{margin-right:.5rem;width:1rem;height:1rem}.edit-profile-page .btn-change-password{display:flex;margin:1rem 0;padding:.875rem 1.5rem;color:var(--color-body-text);border-color:var(--color-secondary);border-radius:.75rem;width:100%;font-size:.875rem;font-weight:600;line-height:1.25rem;letter-spacing:.38px}.edit-profile-page .btn-change-password .icon{margin-left:auto;height:1rem}.edit-profile-page .required-hint{text-align:left;color:var(--color-primary)}.edit-profile-page .section-title{position:relative;padding-left:1rem;font-weight:700;font-size:1.125rem;line-height:1;letter-spacing:.4px;color:var(--color-primary);text-transform:uppercase}.edit-profile-page .section-title:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--color-primary);border-radius:.25rem}.edit-profile-page .submit-container{display:flex;justify-content:center}.edit-profile-page .submit-container button{margin-bottom:.75rem;padding:.625rem 1.5rem;border-radius:1.25rem;width:15rem;text-transform:none;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.38px}.edit-profile-page .btn-delete-profile{margin-bottom:.75rem;padding:.625rem 0}@media(min-width:1200px){.edit-profile-page{--app-bar-height: 6rem}}.forgot-password-page{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;color:var(--color-body-text)}.forgot-password-page .background-container{position:relative;width:100%;height:80%;max-height:115vw;background-size:100% auto;background-position:center;background-repeat:no-repeat;background-image:var(--background-mobile)}.forgot-password-page .background-container .curve-container{position:absolute;left:0;bottom:0;width:100%;height:150px;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20375%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%3e%3cpath%20d='M177.386%20118.589C64.5228%20150.778%2012.1024%20113.295%200%2090.5301V460H375V0C356.155%2026.1179%20290.249%2086.4007%20177.386%20118.589Z'%20fill='%23fff'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100% 150px;background-position:bottom center}.forgot-password-page .common-botton-card{position:relative}.forgot-password-page .common-otp{max-width:23rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password-page .brand-info-container{padding-top:2rem;color:var(--color-white);text-align:center}.forgot-password-page .brand-info-container .brand-logo{display:block;margin-left:auto;margin-right:auto;width:8.5rem;height:8.5rem;max-width:8.5rem;max-height:8.5rem;letter-spacing:0;line-height:1;object-fit:contain}.forgot-password-page .brand-info-container h1{font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:0px;text-align:center}.forgot-password-page .brand-info-container h2{font-weight:600;font-size:1rem;line-height:1;letter-spacing:0px;text-align:center}.forgot-password-page p.error{margin-top:0;color:var(--color-danger);font-size:90%}.home-page.grayscale{filter:grayscale(100%)}.home-page :root{--app-footer-height: 3.5rem}.home-page .header-background{margin-top:calc(var(--app-bar-height) / 2);background-image:var(--background);background-size:auto 250px;background-position:center top;background-repeat:no-repeat;height:250px;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}.home-page .header-cards-container{display:flex;justify-content:center;padding-top:.875rem;margin-bottom:1rem}.home-page .header-cards-slider-container{margin-bottom:1rem}.home-page .header-cards-slider-container .slide-container{padding-left:1.5rem;scroll-snap-type:x mandatory}.home-page .header-cards-slider-container .slide-container .slide-item{scroll-snap-align:center;margin-right:1.5rem;margin-bottom:2rem;padding-top:.875rem}.home-page .header-cards-slider-container .slide-pagination{margin-top:-1rem;justify-content:center}.home-page .birthday-banner-container{display:flex;justify-content:center}.home-page .birthday-banner-container .banner{width:100%;max-width:30rem;cursor:pointer}.home-page .promotion-cards-container{margin-top:2rem;margin-bottom:2rem}.home-page .promotion-cards-container .section-title{margin-bottom:1rem}.home-page .promotion-cards-container .common-snap-slider{margin-left:-1.5rem;margin-right:-1.5rem;padding:0 0 1.5rem;background-image:url(/assets/ocean-background-BNDsCrIp.png);background-size:100% 100%;background-position:center bottom;background-repeat:no-repeat;border-radius:2.5rem}.home-page .promotion-cards-container .common-snap-slider .slide-container{padding-bottom:.5rem}.home-page .promotion-cards-container .common-snap-slider .slide-container .slide-item{margin-left:1.5rem;scroll-snap-align:center}.home-page .promotion-cards-container .common-snap-slider .slide-pagination{margin-top:1rem;margin-left:1.5rem}.home-page .promotion-cards-container .common-snap-slider .slide-pagination .pagination-item.active{background-color:var(--color-white);border-color:var(--color-white)}.home-page .promotion-cards-container .dolphin-head{position:absolute;right:2.5rem;bottom:0;width:7.5rem;height:7.5rem;background-image:url(/assets/dolphin-head-9PTqgC7w.png);background-size:contain;background-position:right bottom;background-repeat:no-repeat;pointer-events:none}.home-page .mission-cards-container{margin-top:2rem;margin-bottom:2rem}.home-page .mission-cards-container .common-snap-slider{margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 0;background-color:var(--color-brand1);border-radius:2.5rem}.home-page .mission-cards-container .common-snap-slider .slide-container{padding-bottom:.5rem}.home-page .mission-cards-container .common-snap-slider .slide-container .slide-item{margin-left:1.5rem;scroll-snap-align:center}.home-page .mission-cards-container .common-snap-slider .slide-pagination{margin-left:1.5rem;margin-top:1rem}.home-page .mission-cards-container .common-snap-slider .slide-pagination .pagination-item.active{background-color:var(--color-brand1-contrast);border-color:var(--color-brand1-contrast)}.home-page .mission-cards-container .mission-card{width:18.5rem;border-radius:1rem;box-shadow:none}.home-page .news-cards-container{position:relative;margin-top:4rem;padding-bottom:var(--app-footer-height);display:flex;flex-direction:column;background-color:var(--color-brand1);color:var(--color-brand1-contrast)}.home-page .news-cards-container .ellipse-effect{position:relative;top:-1rem;width:100%;height:1.5rem;overflow:hidden}.home-page .news-cards-container .ellipse-effect:after{content:"";position:absolute;top:0;left:-10%;width:120%;height:3rem;background-color:var(--color-brand1);border-top-left-radius:50%;border-top-right-radius:50%}.home-page .news-cards-container .news-header{margin-bottom:1.5rem;text-align:center}.home-page .news-cards-container .news-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.875rem;color:var(--color-brand1-contrast)}.home-page .news-cards-container .news-header .btn-more-news{background-color:var(--color-light);color:var(--color-light-contrast)}.home-page .news-cards-container .news-header .btn-more-news .btn-arrow{background-color:var(--color-dark);color:var(--color-dark-contrast)}.home-page .news-cards-container .news-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:2.5rem}.home-page .news-cards-container .news-cards .news-card{position:relative;width:100%;margin-top:1rem;margin-bottom:1rem;overflow:visible}.home-page .news-cards-container .news-cards .news-card:after{content:"";position:absolute;bottom:-1.5rem;left:0;width:100%;height:1px;background-color:var(--color-secondary)}.home-page .news-cards-container .news-cards .news-card:first-child{margin-top:0}.home-page .news-cards-container .news-cards .news-card:last-child{margin-bottom:0}.home-page .news-cards-container .news-cards .news-card:last-child:after{content:none}.home-page .promotion-card{position:relative;width:20rem;border-radius:1.5rem;box-shadow:none}.home-page .promotion-card .promotion-image{padding-top:56.25%;border-radius:1.5rem;background-size:cover}.home-page .promotion-card .promotion-content{position:absolute;inset:0}.home-page .promotion-more{display:flex;align-items:center;height:11.5rem;background:transparent;box-shadow:none;cursor:pointer}.home-page .promotion-more .more-content{text-align:center;color:var(--color-dark-grey)}.home-page .news-card{position:relative;padding:.5rem;border-radius:1.5rem;box-shadow:none}.home-page .news-card .news-image{padding-top:56.25%;border-radius:1.5rem;background-size:cover}.home-page .news-card .news-content{padding:0 1rem 1rem}.home-page .news-card .news-content .news-title{margin-bottom:.5rem;color:var(--color-brand1)}@media(min-width:768px){.home-page .news-cards-container .news-cards .news-card{width:calc(50% - 1.5rem)}.home-page .news-cards-container .news-cards .news-card:after{content:none}}@media(min-width:1200px){.home-page .header-background{margin-top:var(--app-bar-height);height:380px;background-size:auto 380px;border-bottom-left-radius:0;border-bottom-right-radius:0}.home-page .member-info-box .member-info-card{margin-right:auto;max-width:400px}.home-page .member-info-box .card-bottom-overflow{width:320px;margin-left:40px}.home-page .birthday-banner-container{position:relative}.home-page .birthday-banner-container .banner{position:absolute;top:-15rem;right:0;width:20rem;animation:bounce 3s infinite}@keyframes bounce{0%{transform:rotate(5deg) translateY(5%) translate(4%)}5%{transform:rotate(13deg) translateY(-20%) translate(4%)}10%,40%{transform:rotate(11deg) translateY(-15%) translate(5%)}50%,to{transform:rotate(5deg) translateY(5%) translate(4%)}}.home-page .promotion-cards-container .common-snap-slider .slide-pagination,.home-page .mission-cards-container .common-snap-slider .slide-pagination{position:absolute;top:-.625rem;right:1rem}.home-page .promotion-cards-container .common-snap-slider .slide-pagination .pagination-item,.home-page .mission-cards-container .common-snap-slider .slide-pagination .pagination-item{background-color:var(--color-dark-grey);border-color:var(--color-dark-grey);opacity:.5}.home-page .promotion-cards-container .common-snap-slider .slide-pagination .pagination-item.active,.home-page .mission-cards-container .common-snap-slider .slide-pagination .pagination-item.active{background-color:var(--color-primary);border-color:var(--color-primary);opacity:1}.home-page .promotion-cards-container .common-snap-slider .slide-pagination .slide-pagination-buttons,.home-page .mission-cards-container .common-snap-slider .slide-pagination .slide-pagination-buttons{display:inline-flex}.home-page .news-cards-container{margin-top:6rem}.home-page .news-cards-container .ellipse-effect{top:-2rem;height:3rem}.home-page .news-cards-container .ellipse-effect:after{height:6rem}.home-page .news-cards-container .news-header{display:flex;align-items:center;gap:1.5rem}.home-page .news-cards-container .news-header .news-card-more{margin-right:0}.home-page .news-cards-container .news-cards{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.home-page .news-cards-container .news-cards .news-card{margin:.5rem;width:calc(33.333% - 2rem)}.home-page .news-cards-container .news-cards .news-divider{display:none}}.link-membership-page{--app-bar-height: 3rem}.link-membership-page .request-email-verification{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.link-membership-page .request-email-verification img{width:150px;height:auto}.link-membership-page .request-email-verification h1{font-size:1.25rem;font-weight:600;line-height:2rem}.link-membership-page .request-email-verification p{margin-top:0}.link-membership-page .request-email-verification .btn-request-email{padding:.5rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:600;line-height:1.25rem}.link-membership-page .setup-link-membership{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.link-membership-page .setup-link-membership img{width:150px;height:auto}.link-membership-page .setup-link-membership .btn-bind-pass{display:flex;margin-left:auto;margin-right:auto;margin-top:1rem;padding:.75rem 1.5rem;min-width:20rem;border-radius:1.25rem}@media(min-width:1200px){.link-membership-page{--app-bar-height: 6rem}}.link-sso-page .sso-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1.5rem;border-radius:1rem;text-align:left;border:1.5px solid var(--color-body-background);background-color:var(--color-papper-background);box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec066}.link-sso-page .sso-item[data-name=google]{background-color:#fff;color:#000;--text-color: #000}.link-sso-page .sso-item[data-name=apple]{background-color:#000;color:#fff;--text-color: #fff}.link-sso-page .sso-item[data-name=wechat]{background-color:#1aad19;color:#fff;--text-color: #fff}.link-sso-page .sso-item .MuiCardContent-root{display:flex;align-items:center;justify-content:space-between;padding:.75rem;height:100%}.link-sso-page .sso-item .sso-logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500}.link-sso-page .sso-item .btn-link,.link-sso-page .sso-item .btn-unlink{font-size:.875rem;color:var(--text-color)}.login-page{position:relative;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;z-index:1;height:100vh;color:var(--color-body-text)}.login-page .background-container{position:relative;width:100%;height:80%;max-height:115vw;background-size:100% auto;background-position:center;background-repeat:no-repeat;background-image:var(--background-mobile)}.login-page .background-container .curve-container{position:absolute;left:0;bottom:0;width:100%;height:150px;background-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20375%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='none'%3e%3cpath%20d='M177.386%20118.589C64.5228%20150.778%2012.1024%20113.295%200%2090.5301V460H375V0C356.155%2026.1179%20290.249%2086.4007%20177.386%20118.589Z'%20fill='%23fff'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100% 150px;background-position:bottom center}.login-page .common-botton-card{position:relative}.login-page .common-botton-card .home-page-title{margin-top:0;margin-bottom:.5rem;text-align:center}.login-page .common-botton-card .home-page-subtitle{margin-top:0;margin-bottom:1.5rem;text-align:center}.login-page .login-type-select{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page .login-type-select .login-identifier-type-or{display:flex;align-items:center;justify-content:center;margin-top:.25rem;margin-bottom:1rem;font-size:.75rem;font-weight:500;line-height:100%;letter-spacing:.22px;text-transform:uppercase;color:inherit}.login-page .login-type-select .login-identifier-type-or:before,.login-page .login-type-select .login-identifier-type-or:after{content:"";margin:0 .5rem;height:1px;width:1.75rem;background-color:var(--color-dark-grey);opacity:.25}.login-page .login-type-select .login-type-button{margin-bottom:.75rem;padding:.75rem 1.5rem;border-radius:1rem;width:18rem;text-transform:none;font-size:1rem;font-weight:600;line-height:1.25rem;letter-spacing:.38px;white-space:nowrap}.login-page .login-by-email,.login-page .login-by-mobile,.login-page .login-by-password{max-width:23rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page .login-by-email strong,.login-page .login-by-mobile strong,.login-page .login-by-password strong{color:var(--color-primary);font-weight:700}.login-page .login-by-email .form-group,.login-page .login-by-mobile .form-group,.login-page .login-by-password .form-group{margin-bottom:1rem;width:100%}.login-page .login-by-email .form-group label,.login-page .login-by-mobile .form-group label,.login-page .login-by-password .form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;line-height:100%;letter-spacing:.44px}.login-page .login-by-email .form-group input,.login-page .login-by-email .form-group select,.login-page .login-by-mobile .form-group input,.login-page .login-by-mobile .form-group select,.login-page .login-by-password .form-group input,.login-page .login-by-password .form-group select{padding:.625rem .625rem .625rem 1rem;font-size:1rem;font-weight:500;line-height:100%;letter-spacing:.44px;border-radius:2.1875rem;border:1px solid rgba(0,0,0,0);box-shadow:5px 5px 5px .25px #aeaec033 inset,-5px -5px 5px .25px #ffffffb2 inset}.login-page .login-by-email .form-group input::placeholder,.login-page .login-by-email .form-group select::placeholder,.login-page .login-by-mobile .form-group input::placeholder,.login-page .login-by-mobile .form-group select::placeholder,.login-page .login-by-password .form-group input::placeholder,.login-page .login-by-password .form-group select::placeholder{color:#00000080;font-size:.875rem}.login-page .login-by-email .form-group input:focus,.login-page .login-by-email .form-group select:focus,.login-page .login-by-mobile .form-group input:focus,.login-page .login-by-mobile .form-group select:focus,.login-page .login-by-password .form-group input:focus,.login-page .login-by-password .form-group select:focus{outline:none}.login-page .login-by-email .form-group .MuiInputBase-colorPrimary input,.login-page .login-by-email .form-group .MuiInputBase-colorPrimary select,.login-page .login-by-mobile .form-group .MuiInputBase-colorPrimary input,.login-page .login-by-mobile .form-group .MuiInputBase-colorPrimary select,.login-page .login-by-password .form-group .MuiInputBase-colorPrimary input,.login-page .login-by-password .form-group .MuiInputBase-colorPrimary select{color:var(--color-primary)}.login-page .login-by-email .form-group .MuiInputBase-colorPrimary input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorPrimary select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorPrimary input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorPrimary select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorPrimary input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorPrimary select:focus{border-color:var(--color-primary)}.login-page .login-by-email .form-group .MuiInputBase-colorSecondary input,.login-page .login-by-email .form-group .MuiInputBase-colorSecondary select,.login-page .login-by-mobile .form-group .MuiInputBase-colorSecondary input,.login-page .login-by-mobile .form-group .MuiInputBase-colorSecondary select,.login-page .login-by-password .form-group .MuiInputBase-colorSecondary input,.login-page .login-by-password .form-group .MuiInputBase-colorSecondary select{color:var(--color-secondary)}.login-page .login-by-email .form-group .MuiInputBase-colorSecondary input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorSecondary select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorSecondary input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorSecondary select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorSecondary input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorSecondary select:focus{border-color:var(--color-secondary)}.login-page .login-by-email .form-group .MuiInputBase-colorSuccess input,.login-page .login-by-email .form-group .MuiInputBase-colorSuccess select,.login-page .login-by-mobile .form-group .MuiInputBase-colorSuccess input,.login-page .login-by-mobile .form-group .MuiInputBase-colorSuccess select,.login-page .login-by-password .form-group .MuiInputBase-colorSuccess input,.login-page .login-by-password .form-group .MuiInputBase-colorSuccess select{color:var(--color-success)}.login-page .login-by-email .form-group .MuiInputBase-colorSuccess input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorSuccess select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorSuccess input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorSuccess select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorSuccess input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorSuccess select:focus{border-color:var(--color-success)}.login-page .login-by-email .form-group .MuiInputBase-colorError input,.login-page .login-by-email .form-group .MuiInputBase-colorError select,.login-page .login-by-mobile .form-group .MuiInputBase-colorError input,.login-page .login-by-mobile .form-group .MuiInputBase-colorError select,.login-page .login-by-password .form-group .MuiInputBase-colorError input,.login-page .login-by-password .form-group .MuiInputBase-colorError select{color:var(--color-danger)}.login-page .login-by-email .form-group .MuiInputBase-colorError input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorError select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorError input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorError select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorError input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorError select:focus{border-color:var(--color-danger)}.login-page .login-by-email .form-group .MuiInputBase-colorInfo input,.login-page .login-by-email .form-group .MuiInputBase-colorInfo select,.login-page .login-by-mobile .form-group .MuiInputBase-colorInfo input,.login-page .login-by-mobile .form-group .MuiInputBase-colorInfo select,.login-page .login-by-password .form-group .MuiInputBase-colorInfo input,.login-page .login-by-password .form-group .MuiInputBase-colorInfo select{color:var(--color-secondary)}.login-page .login-by-email .form-group .MuiInputBase-colorInfo input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorInfo select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorInfo input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorInfo select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorInfo input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorInfo select:focus{border-color:var(--color-secondary)}.login-page .login-by-email .form-group .MuiInputBase-colorWarning input,.login-page .login-by-email .form-group .MuiInputBase-colorWarning select,.login-page .login-by-mobile .form-group .MuiInputBase-colorWarning input,.login-page .login-by-mobile .form-group .MuiInputBase-colorWarning select,.login-page .login-by-password .form-group .MuiInputBase-colorWarning input,.login-page .login-by-password .form-group .MuiInputBase-colorWarning select{color:var(--color-warning)}.login-page .login-by-email .form-group .MuiInputBase-colorWarning input:focus,.login-page .login-by-email .form-group .MuiInputBase-colorWarning select:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorWarning input:focus,.login-page .login-by-mobile .form-group .MuiInputBase-colorWarning select:focus,.login-page .login-by-password .form-group .MuiInputBase-colorWarning input:focus,.login-page .login-by-password .form-group .MuiInputBase-colorWarning select:focus{border-color:var(--color-warning)}.login-page .login-by-email .login-step-button,.login-page .login-by-mobile .login-step-button,.login-page .login-by-password .login-step-button{margin-bottom:.25rem;padding:.625rem 1.5rem;border-radius:1.25rem;width:15rem;text-transform:none;font-size:1rem;font-weight:500;line-height:1.25rem;letter-spacing:.44px}.login-page .login-by-email .tel-form-group,.login-page .login-by-mobile .tel-form-group,.login-page .login-by-password .tel-form-group{display:flex;align-items:center;width:100%}.login-page .login-by-email .tel-form-group .MuiInputBase-root,.login-page .login-by-mobile .tel-form-group .MuiInputBase-root,.login-page .login-by-password .tel-form-group .MuiInputBase-root{width:calc(100% - 80px - 1rem)}.login-page .login-by-email .tel-form-group .MuiNativeSelect-root,.login-page .login-by-mobile .tel-form-group .MuiNativeSelect-root,.login-page .login-by-password .tel-form-group .MuiNativeSelect-root{width:80px;margin-right:1rem}.login-page .login-by-email .tel-form-group .MuiNativeSelect-root select,.login-page .login-by-mobile .tel-form-group .MuiNativeSelect-root select,.login-page .login-by-password .tel-form-group .MuiNativeSelect-root select{border:none;box-shadow:none;padding-left:.25rem}.login-page .common-otp{max-width:23rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-page .brand-info-container{padding-bottom:2rem;color:var(--color-body-text);text-shadow:0 0 2px var(--color-body-background);text-align:center}.login-page .brand-info-container h1{font-weight:700;font-size:2rem;line-height:1;letter-spacing:0px;text-align:center;text-transform:uppercase}.login-page .brand-info-container h2{font-weight:600;font-size:1rem;line-height:1;letter-spacing:0px;text-align:center;color:var(--color-dark-grey)}@media(min-width:1200px){.login-page .background-container{max-height:75vw;background-image:var(--background-desktop)}}.tier-benefits-page{--app-bar-height: 3rem;font-size:.75rem}.tier-benefits-page .intro-container{margin:1.5rem auto;width:100%;max-width:600px;font-size:.75rem;line-height:1.4;letter-spacing:.14px;text-align:center}.tier-benefits-page .tier-detail-container{margin-bottom:1.5rem;max-width:100%}.tier-benefits-page .tier-detail-container h1,.tier-benefits-page .tier-detail-container h2,.tier-benefits-page .tier-detail-container h3,.tier-benefits-page .tier-detail-container h4,.tier-benefits-page .tier-detail-container h5,.tier-benefits-page .tier-detail-container h6{margin-top:0;margin-bottom:.5rem;color:var(--color-primary)}.tier-benefits-page .tier-detail-container p{margin-top:0;margin-bottom:.75rem;color:var(--color-body-text);font-size:.75rem;line-height:1.4rem;letter-spacing:.14px}.tier-benefits-page .tier-detail-container p:last-child{margin-bottom:0}.tier-benefits-page .tier-detail-container ul,.tier-benefits-page .tier-detail-container ol{margin:0;padding:0;list-style:none}.tier-benefits-page .tier-detail-container li{position:relative;margin-bottom:.75rem;max-width:100%;padding:1rem 1rem 1rem 3rem;border-radius:1.5rem;background-color:var(--color-papper-background);border:1px solid var(--color-secondary)}.tier-benefits-page .tier-detail-container li:last-child{margin-bottom:0}.tier-benefits-page .tier-detail-container ol{counter-reset:item}.tier-benefits-page .tier-detail-container ol li:before{content:counter(item,decimal-leading-zero);counter-increment:item;position:absolute;top:50%;left:.875rem;transform:translateY(-50%);font-size:1rem;font-weight:700;color:var(--color-primary);opacity:.5}@media(min-width:1200px){.tier-benefits-page{--app-bar-height: 6rem}}.mission-detail-page{--app-bar-height: 3rem}.mission-detail-page .article-subtitle,.mission-detail-page .desktop-article-subtitle{margin-bottom:1rem;color:var(--color-primary);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.mission-detail-page .article-container{display:flex;flex-direction:column}.mission-detail-page .article-container .article-cover{margin-bottom:1.5rem}.mission-detail-page .article-container .article-content{font-size:.75rem}.mission-detail-page .poster{position:relative;margin:0 auto;width:100%;padding-top:56.25%;border-radius:1rem;background-color:var(--color-grey);box-shadow:none}.mission-detail-page .poster .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:var(--color-grey)}.mission-detail-page .mission-achievement-container,.mission-detail-page .mission-time-container{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.mission-detail-page .mission-achievement-container .MuiIcon-root,.mission-detail-page .mission-time-container .MuiIcon-root{margin-right:.5rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:var(--color-primary-contrast);border-radius:.5rem}.mission-detail-page .mission-achievement-container .MuiIcon-root .icon,.mission-detail-page .mission-time-container .MuiIcon-root .icon{width:.75rem;height:.75rem}.mission-detail-page .mission-achievement-container span,.mission-detail-page .mission-time-container span{font-size:.875rem;font-weight:500;line-height:1.2}.mission-detail-page .mission-achievement-container .MuiIcon-root{background-color:var(--color-dark);color:var(--color-light)}.mission-detail-page .mission-time-container .MuiIcon-root{background-color:var(--color-primary);color:var(--color-primary-contrast)}.mission-detail-page .mission-checkin-container{padding:1rem;border:1px solid var(--color-secondary);border-radius:1.5rem;text-align:center}.mission-detail-page .mission-checkin-container .btn-scanner{padding:.875rem 1.5rem;width:100%;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-radius:1.25rem;box-shadow:none;font-size:.875rem;font-weight:600}.mission-detail-page .mission-checkin-container .btn-scanner .icon{width:1rem;height:1rem;margin-right:.5rem}.mission-detail-page .mission-checkin-container p{margin-bottom:0;color:inherit;font-size:.75rem;font-weight:500}.mission-detail-page .progress-container{margin-top:1.5rem;margin-bottom:1.5rem;padding-top:1rem}.mission-detail-page .progress-container .progress-header{display:flex;align-items:center}.mission-detail-page .progress-container .progress-header h3{margin-top:0;margin-left:0;font-size:1rem;font-weight:600}.mission-detail-page .progress-container .progress-header .progress-info-container{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;width:50%;gap:1rem}.mission-detail-page .progress-container .progress-header .progress-info-container .icon{width:1rem;height:1rem}.mission-detail-page .progress-container .progress-info{display:flex;flex-wrap:nowrap;align-items:flex-end}.mission-detail-page .progress-container .progress-info .progress-text{flex-shrink:0;margin-left:auto;font-size:.875rem;color:var(--color-brand1);font-weight:600}.mission-detail-page .progress-container .progress-info .progress-text span:nth-child(2),.mission-detail-page .progress-container .progress-info .progress-text span:nth-child(3){position:relative;padding-left:.5rem;color:var(--color-body-text)}.mission-detail-page .progress-container .progress-type-bar{display:flex;align-items:center;padding:1.5rem;border:1px solid rgba(0,0,0,.1);border-radius:1rem}.mission-detail-page .progress-container .progress-type-bar .mission-progress{position:relative;width:100%;height:.75rem;border-radius:3rem;background-color:transparent}.mission-detail-page .progress-container .progress-type-bar .mission-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-brand1);opacity:.25}.mission-detail-page .progress-container .progress-type-bar .mission-progress .mission-bar{border-radius:3rem;background-color:var(--color-brand1)}.mission-detail-page .progress-container .progress-type-stamp{display:flex;align-items:center;margin:0 auto;max-width:30rem}.mission-detail-page .progress-container .progress-type-stamp .stamp-card{border:1px solid rgba(0,0,0,.1);border-radius:1rem}.mission-detail-page .tnc-button-container .tnc-button{padding-left:0;padding-right:0;font-size:.875rem;font-weight:600;text-decoration:underline;text-transform:uppercase;color:inherit}@media(min-width:900px){.mission-detail-page{--app-bar-height: 6rem}.mission-detail-page .desktop-article-title h1{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:600;line-height:1.2}.mission-detail-page .desktop-article-subtitle{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;line-height:1.1}.mission-detail-page .article-container{display:flex;flex-direction:row}.mission-detail-page .article-container .article-cover{margin-right:2rem;width:40%}.mission-detail-page .article-container .article-content{width:calc(60% - 2rem)}.mission-detail-page .article-container .article-content .common-description:first-child{margin-top:0}}.badge-group{background-color:color-mix(in srgb,var(--color-brand1-contrast) 10%,transparent);border-radius:1.5rem;padding:1.5rem}.badge-group .badge-group-header{display:flex;align-items:center}.badge-group .badge-group-header .badge-group-title{margin-right:auto;font-size:1rem;font-weight:600;color:var(--color-brand1-contrast)}.badge-group .badge-group-header .btn-badge-group-toggle{display:flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem;border-radius:1rem;background-color:var(--color-brand1-contrast);color:var(--color-brand1);cursor:pointer}.badge-group .badges-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:3rem;padding-top:1.5rem}.badge-group .badges-container .badge-card{display:flex;flex-direction:column;align-items:center;width:6rem;text-align:center}.badge-group .badges-container .badge-card.owned .badge-icon{filter:grayscale(0)}.badge-group .badges-container .badge-card .badge-icon{width:3.75rem;height:3.75rem;background-color:var(--color-white);border-radius:.875rem;filter:grayscale(1)}.badge-group .badges-container .badge-card .badge-title{margin-top:.75rem;font-size:.875rem;color:var(--color-brand1-contrast);line-height:1}.badge-group .badges-container .badge-card .badge-title span{font-size:.75rem;opacity:.8}.mission-page .btn-scan{margin-left:auto;display:flex;align-items:center;justify-content:center;width:2.625rem;height:2.625rem;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-radius:1rem}.mission-page .btn-scan .btn-icon{width:1.25rem;height:1.25rem}.mission-page .mission-status-selector-container{padding-top:.25rem;display:flex;gap:.75rem}.mission-page .mission-status-selector-container .status-button{background-color:transparent;color:var(--color-body-text);padding:.25rem .75rem;font-size:.875rem;font-weight:700}.mission-page .mission-status-selector-container .status-button.active{background-color:var(--color-primary);color:var(--color-primary-contrast)}.mission-page .mission-list-container{margin-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 1.5rem var(--app-footer-height) 1.5rem;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-top-left-radius:2rem;border-top-right-radius:2rem;min-height:80vh}.mission-page .mission-list-container .mission-list-total-cnt{display:block;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;line-height:1rem}.mission-page .mission-list-container .scroll-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.mission-page .badge-list-container{position:relative;margin-top:3rem;padding-bottom:var(--app-footer-height);background-color:var(--color-brand1);color:var(--color-brand1-contrast)}.mission-page .badge-list-container .ellipse-effect{position:relative;top:-1rem;width:100%;height:1.5rem;overflow:hidden}.mission-page .badge-list-container .ellipse-effect:after{content:"";position:absolute;top:0;left:-10%;width:120%;height:3rem;background-color:var(--color-brand1);border-top-left-radius:50%;border-top-right-radius:50%}.mission-page .badge-list-container .badge-list-header{text-align:center;color:var(--color-brand1-contrast)}.mission-page .badge-list-container .badge-list-header h2{margin-top:.5rem;margin-bottom:.5rem;font-size:2rem;font-weight:700}.mission-page .badge-list-container .badge-list-header p{font-size:1rem;font-weight:400;opacity:.8}.mission-page .badge-list-container .badge-groups-container{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:1200px){.mission-page .mission-list-container{padding-left:5rem;padding-right:5rem}}.page-item{display:flex;flex-direction:column;margin-right:1.5rem;margin-bottom:2rem;font-size:.75rem}.page-item .cover-container{margin-bottom:1.5rem;width:100%;border-radius:.675rem;background-color:var(--color-grey);box-shadow:10px 10px 30px #aeaec099}.page-item .cover-container .image-ratio-holder{position:relative;padding-top:56.25%;width:100%}.page-item .cover-container .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:var(--color-grey)}.page-item .preview-container{font-weight:500;font-size:.875rem;color:var(--color-body-text)}.page-item .preview-container h3{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:700;color:var(--color-primary)}.page-item .spec-holder svg{width:1.25rem;height:1.25rem;fill:var(--color-primary)}@media screen and (min-width:720px)and (max-width:1200px){.page-item{flex-direction:row}.page-item .cover-container{margin-bottom:0;margin-right:1.5rem;width:35%}.page-item .cover-container .image{width:100%;min-height:auto}.page-item .preview-container{display:flex;flex-direction:column;padding-top:2rem;padding-bottom:2rem}}.news-and-promotion-page{--app-bar-height: 3rem}@media(min-width:1200px){.news-and-promotion-page{--app-bar-height: 6rem}.news-and-promotion-page .infinite-scroll-component{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.news-and-promotion-page .infinite-scroll-component .page-item{margin:.5rem;width:calc(33.333% - 2rem)}.news-and-promotion-page .infinite-scroll-component .common-footer{width:100%}}.notification-item{box-shadow:none}.notification-item .MuiCardMedia-root{margin-top:1rem;width:4rem;height:4rem;border-radius:.75rem;flex-shrink:1}.notification-item .MuiCardMedia-root.cover-image-svg{padding:.75rem;width:2.5rem;height:2.5rem;color:var(--color-grey);border:1px solid var(--color-grey)}.notification-item .MuiCardContent-root{position:relative;width:100%}.notification-item .unread-indicator{position:absolute;top:1rem;right:1rem;width:.75rem;height:.75rem;background-color:var(--color-primary);border-radius:50%}.notification-item .notification-send-datetime{margin-bottom:.5rem;color:var(--color-primary);font-size:.75rem;font-weight:500;line-height:1.33}.notification-item .subject{margin-top:0;margin-bottom:.75rem;font-size:.875rem;font-weight:600;line-height:1.28;color:var(--color-papper-text)}.notification-item .message{margin-bottom:.5rem;font-weight:500;font-size:.75rem;line-height:1.33;letter-spacing:.14px;opacity:.75}.notification-list-page{--app-bar-height: 3rem}.notification-list-page .tabs-controller{margin-bottom:1rem}.notification-list-page .MuiDivider-root{margin:.5rem 0}@media(min-width:1200px){.notification-list-page{--app-bar-height: 6rem}}.wallet-detail-item{width:calc(100vw - 3rem);background-color:var(--color-papper-background);color:var(--color-papper-text);border:1px solid var(--color-grey);border-radius:1.25rem;box-shadow:none;flex-shrink:0}.wallet-detail-item .wallet-detail-header{display:flex;position:relative;padding-top:1rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:500;line-height:1.28;color:var(--color-primary)}.wallet-detail-item .wallet-detail-header:after{content:"";position:absolute;bottom:0;left:1rem;width:calc(100% - 2rem);height:1px;background-color:var(--color-grey)}.wallet-detail-item .wallet-detail-header .MuiCardMedia-root{width:5rem;height:5rem;border-radius:1rem}.wallet-detail-item .wallet-detail-header .title{margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.25;color:var(--color-papper-text)}.wallet-detail-item .qr-code-placeholder{position:relative;width:100%;padding-top:100%}.wallet-detail-item .qr-code-placeholder .qr-code-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.875rem;font-weight:500}.wallet-detail-item .qr-code-placeholder .qr-code-container .qr-code{margin-bottom:1rem;width:200px;height:200px}.wallet-detail-item .qr-code-placeholder .qr-code-container .qr-code.entry-ticket-qr-code{width:250px;height:250px}.wallet-detail-item .qr-code-placeholder .qr-code-container p{margin-bottom:1rem;margin-top:0}.wallet-detail-item .qr-code-placeholder .qr-code-container span{color:var(--color-primary)}.wallet-detail-item .common-description,.wallet-detail-item .tnc-button-container{padding-left:1rem;padding-right:1rem}.wallet-detail-item .tnc-button-container .tnc-button{padding-left:0;padding-right:0;font-size:.875rem;font-weight:600;text-decoration:underline;text-transform:uppercase;color:inherit}.my-wallet-page .wallet-cards-container .common-snap-slider{margin-top:1rem}.my-wallet-page .wallet-cards-container .common-snap-slider .slide-container .slide-item{margin-left:1.5rem;scroll-snap-align:center}.my-wallet-page .wallet-cards-container .common-snap-slider .slide-container .slide-item:last-child{margin-right:1.5rem}.my-wallet-page .wallet-cards-container .common-snap-slider .slide-container .slide-item .wallet-detail-item{width:320px;height:calc(100vh - var(--app-bar-height) - var(--app-footer-height) - 12rem);overflow-x:hidden;overflow-y:auto}.my-wallet-page .wallet-cards-container .slide-pagination{margin-left:1.5rem;margin-top:1rem}.my-wallet-page .wallet-cards-container .slide-pagination .pagination-item{box-shadow:none;background-color:var(--color-grey)}.my-wallet-page .wallet-cards-container .slide-pagination .pagination-item.active{background-color:var(--color-primary)}.membercard-card{position:relative;padding-top:60%;border-radius:1.25rem;transition:transform .6s;transform-style:preserve-3d;cursor:pointer;overflow:hidden}.membercard-card.flipped{transform:rotateX(180deg)}.membercard-card.flipped .front{opacity:0}.membercard-card.flipped .back{opacity:1}.membercard-card .front,.membercard-card .back{position:absolute;inset:0;pointer-events:none;background-color:var(--bg-color);color:#fff;border-radius:1.25rem;text-shadow:0 0 4px rgba(0,0,0,.25);transition:opacity .3s}.membercard-card .front{background-size:cover;background-position:center}.membercard-card .front .card-info-container{display:flex;flex-direction:column;justify-content:center;width:50%;height:100%}.membercard-card .front .card-info-container h2{margin-top:0;margin-bottom:2rem;font-size:1.875em;line-height:1.1;font-weight:700}.membercard-card .front .card-info-container p{margin:4px 0 0;font-size:.75rem}.membercard-card .front .qr-button-container{position:absolute;bottom:1.25rem;right:1.5rem}.membercard-card .front .qr-button-container .qr-button{width:4rem;height:4rem;background-color:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.membercard-card .front .qr-button-container .qr-button svg{width:1.75rem;height:1.75rem}.membercard-card .back{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;background-image:linear-gradient(135deg,#fff0,#ffffff4d);transform:rotateX(180deg)}.membercard-card .back h3{margin-top:0;margin-bottom:1rem;font-size:1em;line-height:1.1;font-weight:700}.membercard-card .back p{margin-top:1rem;margin-bottom:0;font-size:.75rem}.membercard-card .back .qrcode{padding:4px;background-color:#fff;width:96px;height:96px}.membercard-card .back .qrcode svg{width:100%;height:100%}.membercard-card-content{border:1px solid var(--color-secondary);border-radius:1.25rem;box-shadow:none}.membercard-card-content .MuiCardContent-root{padding:1.25rem}.membercard-card-content .membercard-header{display:flex;justify-content:space-between;align-items:center}.membercard-card-content .membercard-header h3{margin:0;font-size:1rem;color:var(--color-primary)}.membercard-card-content .membercard-detail-container{font-size:.875rem;color:inherit}.membercard-card-content .membercard-detail-container .small-card{margin-top:1rem;background-color:var(--bg-color);background-size:cover;background-position:center;width:138px;height:82px;border-radius:.75rem}.membercard-card-content .membercard-detail-container h1,.membercard-card-content .membercard-detail-container h2,.membercard-card-content .membercard-detail-container h3,.membercard-card-content .membercard-detail-container h4,.membercard-card-content .membercard-detail-container h5,.membercard-card-content .membercard-detail-container h6{margin-top:0;margin-bottom:1rem;font-weight:600}.membercard-card-content .membercard-detail-container hr{border:none;height:1px;background-color:var(--color-secondary)}.membercard-card-content .membercard-detail-container ul{padding-left:1.5rem}.membership-perk-page{--app-bar-height: 3rem}.membership-perk-page .membercard-list-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:var(--app-footer-height)}.membership-perk-page .exclusive-benefits-container{padding-bottom:var(--app-footer-height)}.membership-perk-page .exclusive-benefits-container .exclusive-benefits-banner:empty{display:none}.membership-perk-page .exclusive-benefits-container .exclusive-benefits-banner{margin-bottom:1.5rem}.membership-perk-page .exclusive-benefits-container .membercard-list-container{margin-top:2rem}.membership-perk-page .tnc-button-container .tnc-button{padding-left:0;padding-right:0;font-size:.875rem;font-weight:600;text-decoration:underline;text-transform:uppercase;color:inherit}@media(min-width:1200px){.membership-perk-page{--app-bar-height: 6rem}}.news-promotions-detail-page{--app-bar-height: 3rem}.news-promotions-detail-page .article-subtitle{margin-top:-1rem;margin-bottom:1rem}.news-promotions-detail-page .article-container{display:flex;flex-direction:column}.news-promotions-detail-page .article-container .article-cover{margin-bottom:1.5rem}.news-promotions-detail-page .article-container .article-content{font-size:.75rem}.news-promotions-detail-page .poster{margin:0 auto;width:100%;max-width:30rem;border-radius:.675rem;background-color:var(--color-grey);box-shadow:none}.news-promotions-detail-page .poster .image{object-fit:cover;min-height:10.625rem;background-color:var(--color-grey)}.news-promotions-detail-page .spec-holder{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.news-promotions-detail-page .spec-holder:empty{display:none}.news-promotions-detail-page .spec-holder .icon{margin-right:.5rem;width:1.5rem;height:1.5rem;background-color:var(--color-primary);border-radius:.5rem}.news-promotions-detail-page .spec-holder svg{width:1.5rem;height:1.5rem;fill:var(--color-primary)}.news-promotions-detail-page .spec-holder .item p{margin:0}.news-promotions-detail-page .extra-doc-holder .common-action-button{margin-bottom:.5rem}.news-promotions-detail-page .extra-doc-holder .extra-doc-button-holder{margin-bottom:.75rem}.news-promotions-detail-page .extra-doc-holder .extra-doc-button{border-color:var(--color-body-text);color:var(--color-body-text)}.news-promotions-detail-page .external-link-holder,.news-promotions-detail-page .click-to-view-holder{display:flex;justify-content:center;margin-top:2rem;margin-bottom:.75rem}.news-promotions-detail-page .external-link-holder button,.news-promotions-detail-page .click-to-view-holder button{width:100%;max-width:300px}@media(min-width:1200px){.news-promotions-detail-page{--app-bar-height: 6rem}.news-promotions-detail-page .article-container{display:flex;flex-direction:row}.news-promotions-detail-page .article-container .article-cover{margin-right:2rem;width:40%}.news-promotions-detail-page .article-container .article-content{width:calc(60% - 2rem)}.news-promotions-detail-page .article-container .article-content .common-description:first-child{margin-top:0}}@media(min-width:1536px){.news-promotions-detail-page .article-container .article-cover{width:30%}.news-promotions-detail-page .article-container .article-content{width:calc(70% - 2rem)}}.page-detail-page{--app-bar-height: 3rem;font-size:.75rem}.page-detail-page .page-banner{margin-bottom:1.5rem}.page-detail-page .extra-doc-holder .common-action-button{margin-bottom:.5rem}@media(min-width:1200px){.page-detail-page{--app-bar-height: 6rem}}.expiry-point-item{padding:.625rem}.expiry-point-item .item-container{display:flex;justify-content:space-between;align-items:center}.expiry-point-item .item-container .title-container{font-weight:500;font-size:.75rem;line-height:100%;letter-spacing:.18px;color:var(--color-dark-grey);flex:1}.expiry-point-item .item-container .title-container h3{margin-top:0;margin-bottom:.25rem;font-weight:500;font-size:.875rem;line-height:100%;letter-spacing:.25px;color:var(--color-body-text)}.expiry-point-item .item-container .amount{font-weight:700;font-size:.875rem;line-height:100%;letter-spacing:.63px;text-transform:uppercase;text-align:right;flex:1}.point-expiry-overview-page{--app-bar-height: 3rem}@media(min-width:1200px){.point-expiry-overview-page{--app-bar-height: 6rem}}.wallet-item{display:flex;position:relative;padding:1rem;font-size:.875rem;font-weight:500;line-height:1.28;color:var(--color-primary);border-radius:1.25rem;box-shadow:none}.wallet-item .MuiCardMedia-root{margin-right:.5rem;width:5rem;height:5rem;border-radius:1rem}.wallet-item .MuiCardContent-root{display:flex;flex-direction:column;padding:0;justify-content:space-around}.wallet-item .title{margin-top:0;margin-bottom:.25rem;font-size:1rem;font-weight:600;line-height:1.25;color:var(--color-papper-text)}.wallet-item .info-use-availability,.wallet-item .info-expire-date{margin-bottom:.5rem;font-weight:500;font-size:.75rem;line-height:1;letter-spacing:.14px;opacity:.75}.wallet-item .info-expire-date{color:var(--color-primary)}.profile-page .profile-card{position:relative;margin-top:1rem;margin-bottom:3rem;background-color:var(--color-primary);color:var(--color-primary-contrast);border-radius:1.5rem;box-shadow:inset 0 0 0 4px #eef2f633}.profile-page .profile-card .MuiCardContent-root{padding:1.5rem}.profile-page .profile-card .profile-username{margin-top:0;margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1}.profile-page .profile-card .point-container{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600}.profile-page .profile-card .point-container .icon{width:1.125rem;height:1.125rem}.profile-page .profile-card .point-expiry-container{margin-bottom:1rem;opacity:.8;font-size:.75rem;min-height:.75rem}.profile-page .profile-card .next-tier-container{margin-top:1rem}.profile-page .profile-card .next-tier-container .progress-info{position:relative}.profile-page .profile-card .next-tier-container .progress-info .tier-progress{height:.75rem;border-radius:.375rem;background-color:color-mix(in srgb,var(--color-brand2) 20%,transparent 80%)}.profile-page .profile-card .next-tier-container .progress-info .tier-progress .tier-bar{border-radius:.375rem;background-color:var(--color-brand2)}.profile-page .profile-card .next-tier-container p{margin-top:.75rem;margin-bottom:0;margin-right:20%;font-size:.75rem}.profile-page .profile-card .current-tier-container{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:1rem;font-weight:600;color:var(--color-brand2)}.profile-page .profile-card .current-tier-container .icon{width:1.25rem;height:1.25rem}.profile-page .profile-card-bottom-overflow{position:absolute;bottom:-1.75rem;left:10%;width:80%;height:1.75rem;background-color:#ff8504;text-align:center;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.profile-page .nav-container{display:flex;justify-content:center;gap:1.5rem}.profile-page .nav-container .btn-history{background-color:var(--color-secondary-contrast);color:var(--color-secondary)}.profile-page .nav-container .btn-history .btn-arrow{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.profile-page .nav-container .btn-tier-benefits{background-color:var(--color-brand2);color:var(--color-brand2-contrast)}.profile-page .tab-layer-container{position:relative;margin-top:8rem}.profile-page .tab-layer-container.show-mission .wallet-list-container{top:-5rem;z-index:0;max-height:50vh;overflow:hidden;cursor:pointer}.profile-page .tab-layer-container.show-mission .mission-list-container,.profile-page .tab-layer-container.show-wallet .wallet-list-container{top:0;z-index:1}.profile-page .tab-layer-container.show-wallet .mission-list-container{top:-5rem;z-index:0;cursor:pointer}.profile-page .tab-layer-container .mission-list-container,.profile-page .tab-layer-container .wallet-list-container{position:absolute;top:0;left:0;right:0;z-index:1;transition:z-index .3s ease,top .3s ease}.profile-page .mission-list-container,.profile-page .wallet-list-container{padding:1rem 1.5rem var(--app-footer-height) 1.5rem;background-color:var(--color-body-background);color:var(--color-body-text);border-top-left-radius:2rem;border-top-right-radius:2rem;min-height:50vh;box-shadow:0 3px 25px #0000000d,17px 15px 22px #0000000a,4px 4px 12px #0000000d}.profile-page .mission-list-container .section-title-text,.profile-page .wallet-list-container .section-title-text{margin-top:0;margin-bottom:.5rem;color:var(--color-body-text);font-size:2.5rem;font-weight:700}.profile-page .mission-list-container{background:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(255,255,255) 50%,var(--color-brand1) 50%,var(--color-brand1) 100%)}.profile-page .mission-list-container .common-snap-slider{margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 0;background-color:var(--color-brand1);border-top-left-radius:2.5rem;border-top-right-radius:2.5rem}.profile-page .mission-list-container .common-snap-slider .slide-container{padding-bottom:.5rem}.profile-page .mission-list-container .common-snap-slider .slide-container .slide-item{margin-left:1.5rem;scroll-snap-align:center}.profile-page .mission-list-container .common-snap-slider .slide-pagination{margin-left:1.5rem;margin-top:1rem}.profile-page .mission-list-container .common-snap-slider .slide-pagination .pagination-item.active{background-color:var(--color-brand1-contrast);border-color:var(--color-brand1-contrast)}.profile-page .mission-list-container .mission-card{width:18.5rem;border-radius:1rem;box-shadow:none}.profile-page .wallet-list-container{background-color:var(--color-secondary);color:var(--color-secondary-contrast);--color-section-button: var(--color-white)}.profile-page .wallet-list-container .item-list-total-cnt{display:block;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;line-height:1rem}.profile-page .wallet-list-container .scroll-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:1.5rem}.profile-page .wallet-list-container .wallet-item{width:100%}.reward-item-detail-page .choose-cost-dialog .btn{font-size:1rem;font-weight:600}.reward-item-detail-page .choose-cost-dialog .btn-cancel{color:var(--color-dark-grey)}.reward-item-detail-page .choose-cost-dialog .btn-confirm{color:var(--color-primary)}.reward-detail-page{--app-bar-height: 3rem}.reward-detail-page .article-subtitle,.reward-detail-page .desktop-article-subtitle{margin-bottom:1rem;color:var(--color-primary);font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.reward-detail-page .article-container{display:flex;flex-direction:column}.reward-detail-page .article-container .article-cover{margin-bottom:1.5rem}.reward-detail-page .article-container .article-content{font-size:.75rem}.reward-detail-page .poster{position:relative;margin:0 auto;width:100%;padding-top:100%;border-radius:1rem;background-color:var(--color-grey);box-shadow:none}.reward-detail-page .poster .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:var(--color-grey)}.reward-detail-page .reward-segment-container{display:flex;margin-top:1.5rem;flex-wrap:wrap;gap:.5rem}.reward-detail-page .reward-segment-container:empty{display:none}.reward-detail-page .reward-segment-container .related-segment{padding:.375rem 1rem;background-color:var(--color-secondary);color:var(--color-primary);font-size:.875rem;font-weight:600}.reward-detail-page .redeem-period-container{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.reward-detail-page .redeem-period-container .period{margin-right:.5rem;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);color:var(--color-primary-contrast);border-radius:.5rem}.reward-detail-page .redeem-period-container .period .icon{width:.75rem;height:.75rem}.reward-detail-page .redeem-period-container span{font-size:.875rem;font-weight:500;line-height:1.2}.reward-detail-page .tnc-button-container .tnc-button{padding-left:0;padding-right:0;font-size:.875rem;font-weight:600;text-decoration:underline;text-transform:uppercase;color:inherit}.reward-detail-page .redeem-button-action{position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-body-background)}.reward-detail-page .redeem-button-action .redeem-button-container{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-grey)}.reward-detail-page .redeem-button-action .redeem-button{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.5rem;min-width:10rem;border-radius:1.25rem;background-color:var(--color-primary);color:var(--color-primary-contrast);font-size:1rem;font-weight:600;line-height:1.25}.reward-detail-page .redeem-button-action .redeem-button[disabled]{background-color:var(--color-grey)}.reward-detail-page .redeem-button-action .redeem-button span{display:block;font-size:.75rem;font-weight:600}@media(min-width:900px){.reward-detail-page{--app-bar-height: 6rem}.reward-detail-page .desktop-article-title h1{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:600;line-height:1.2}.reward-detail-page .desktop-article-subtitle{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;line-height:1.1}.reward-detail-page .article-container{display:flex;flex-direction:row}.reward-detail-page .article-container .article-cover{margin-right:2rem;width:40%}.reward-detail-page .article-container .article-content{width:calc(60% - 2rem)}.reward-detail-page .article-container .article-content .common-description:first-child{margin-top:0}.reward-detail-page .redeem-button-action{margin-top:3rem;position:static}.reward-detail-page .redeem-button-action .redeem-button-container{justify-content:flex-start;gap:1.5rem}}@media(min-width:1536px){.reward-detail-page .article-container .article-cover{width:30%}.reward-detail-page .article-container .article-content{width:calc(70% - 2rem)}}.reward-item{background-color:transparent;box-shadow:none}.reward-item.placeholder{height:1px}.reward-item .reward-cover-container{position:relative;padding-top:100%;border-radius:1rem}.reward-item .reward-cover-container .MuiCardMedia-root{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:1rem}.reward-item .reward-cover-container .locked-overlay{position:absolute;top:0;right:0;display:flex;flex-direction:row;gap:.5rem;padding:.375rem .75rem;align-items:center;border-top-right-radius:1rem;border-bottom-left-radius:1rem;background-color:var(--color-primary);color:var(--color-primary-contrast)}.reward-item .reward-cover-container .locked-overlay .icon{width:1rem;height:1rem}.reward-item .reward-content{padding:0}.reward-item .reward-content .title{margin-bottom:.5rem;font-size:1rem;font-weight:600;color:var(--color-secondary-contrast);line-height:1.3}.reward-item .reward-content .cost-item{font-size:.875rem;color:var(--color-primary);line-height:1.5}.point-summary-card{position:relative;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-radius:1.5rem;box-shadow:none;overflow:visible}.point-summary-card .point-summary-container{padding:1rem 7.5rem 1rem 1.5rem}.point-summary-card .point-summary-container .point-summary-title{display:flex;align-items:center;margin-bottom:.5rem}.point-summary-card .point-summary-container .point-summary-title .username{margin-right:1rem;width:50%;color:var(--color-primary);font-weight:600}.point-summary-card .point-summary-container .point-summary-title .point-info{display:flex;align-items:center;width:50%;font-size:1rem;font-weight:600}.point-summary-card .point-summary-container .point-summary-title .point-info .icon{margin-right:.5rem;width:1rem;height:1rem}.point-summary-card .point-summary-container .point-summary-title .point-info .amount{margin-right:.5rem}.point-summary-card .point-summary-container .point-summary-description{font-size:.75rem;font-weight:600;cursor:pointer}.point-summary-card .point-toucan{position:absolute;bottom:-.5rem;right:-.5rem;width:8rem;height:6rem;background-image:url(/assets/toucan-i7qwGfcM.png);background-repeat:no-repeat;background-size:contain;pointer-events:none}.reward-page .icon-title{margin-bottom:1rem}.reward-page .icon-title svg{color:var(--color-primary)}.reward-page .icon-title h3{font-weight:600;font-size:.75rem;line-height:1.1;letter-spacing:1px;text-transform:uppercase}.reward-page .common-footer{width:100%}.reward-page .point-summary-card{max-width:25rem}.reward-page .reward-list-container{margin-top:2.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.5rem 1.5rem 0;background-color:var(--color-secondary);color:var(--color-secondary-contrast);border-top-left-radius:2rem;border-top-right-radius:2rem;min-height:80vh}.reward-page .reward-list-container .reward-list-total-cnt{display:block;margin-bottom:1.5rem;font-size:.75rem;font-weight:500;line-height:1rem}.reward-page .reward-list-container .scroll-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}@media(min-width:900px){.reward-page .reward-list-container{padding-left:5rem;padding-right:5rem}}.scanner-page{--app-bar-height: 3rem}.scanner-page .reader-container{position:relative;width:100vw;height:100vw}.scanner-page .reader-container .reader-holder{position:absolute!important;inset:0;background-color:#000}.scanner-page #reader{width:100%!important;height:100%!important;background-color:transparent}.scanner-page #reader video{width:100%!important;height:100%!important;object-fit:cover}.scanner-page #reader #qr-shaded-region{width:100%!important;height:100%!important}.scanner-page .scanner-footer{display:flex;flex-direction:column;width:100%;height:calc(100vh - var(--app-bar-height) - 100vw - 1rem)}.scanner-page .scanner-footer .background-container{width:100%;height:calc(100% - 5rem);background-image:url(/assets/scan-qr-background-Dr0YwJpM.png);background-repeat:no-repeat;background-position:center;background-size:cover}.scanner-page .scanner-footer .action-container{display:flex;justify-content:center;align-items:center;width:100%;height:5rem;background-color:var(--color-primary)}.scanner-page .scanner-footer .action-container .MuiButton-root{background-color:var(--color-primary-contrast);color:var(--color-primary);font-size:1.125rem;line-height:1.2;border-radius:1rem}.checkin-response-drawer .drawer-content{margin:0 auto;max-width:80%;text-align:center}.checkin-response-drawer .drawer-content h4{margin-top:0;margin-bottom:0}.checkin-response-drawer .drawer-content img{width:235px;height:auto}.checkin-response-drawer .drawer-actions{display:flex;justify-content:center;gap:1rem;padding-top:1rem;padding-bottom:1rem}.checkin-response-drawer .drawer-actions .MuiButton-root{background-color:var(--color-primary);color:var(--color-primary-contrast);padding:.75rem 1.5rem;font-size:1rem;line-height:1.2;font-weight:600;border-radius:1rem;width:100%;max-width:20rem}.checkin-response-drawer .drawer-actions .close-btn{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.store-item{margin-bottom:1rem;border:none;box-shadow:none}.store-item .store-title{font-weight:700;font-size:.875rem;line-height:1;letter-spacing:.4px}.store-item .store-address,.store-item .store-attr{font-weight:500;font-size:.75rem;line-height:1.4;letter-spacing:.29px;text-transform:capitalize}.store-page{--app-bar-height: 3rem}.store-page.fixed-area-toggle .common-app-bar{background-color:var(--color-body-background)}.store-page.fixed-area-toggle .store-area-toggle{position:fixed;left:0;top:var(--app-bar-height);width:100%;background-color:var(--color-body-background);z-index:1}.store-page .store-area-toggle{--buttons-x-padding: 1.5rem}.store-page .store-area-section{position:relative;margin-bottom:1.5rem}.store-page .store-area-section .section-anchor{position:absolute;top:calc(-1 * (var(--app-bar-height) + 3.5rem));width:0;height:0}.store-page .store-area-section .section-title{position:relative;font-weight:700;font-size:1.125rem;line-height:1;letter-spacing:.4px;color:var(--color-primary);text-transform:uppercase}@media(min-width:1200px){.store-page{--app-bar-height: 6rem}}.signup-page .required-hint{text-align:left;color:var(--color-primary)}.signup-page .submit-container{display:flex;justify-content:center}.signup-page .submit-container button{margin-bottom:.75rem;padding:.625rem 1.5rem;border-radius:1.25rem;width:15rem;text-transform:none;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.38px}.signup-page .profile-login-identifiers{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-grey)}.signup-page .success-container{text-align:center;max-width:30rem}.signup-page .success-container img.thumb{width:12rem;height:12rem;object-fit:contain}.signup-page .success-container .btn-success{padding:.75rem 1.5rem;border-radius:1.25rem}.survey-list-page{--app-bar-height: 3rem}.survey-list-page .survey-list-container .scroll-container{display:flex;flex-direction:column;gap:1rem}.survey-list-page .survey-card{border:1px solid var(--color-secondary);border-radius:1.25rem;box-shadow:none}.survey-list-page .survey-card .title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.survey-list-page .survey-card .completed-label{font-size:.75rem}.survey-list-page .survey-card .survey-card-content{padding:1rem}.survey-list-page .survey-card .survey-card-actions{position:relative;display:flex;justify-content:center;padding:1rem}.survey-list-page .survey-card .survey-card-actions:before{content:"";position:absolute;top:0;left:1rem;width:calc(100% - 2rem);height:1px;background-color:var(--color-secondary)}.survey-list-page .survey-card .survey-card-actions .btn-start{padding:.75rem 1.25rem;width:100%;border-radius:1rem;text-transform:none;font-size:.875rem;font-weight:500}@media(min-width:1200px){.survey-list-page{--app-bar-height: 6rem}}.survey-detail-page{--app-bar-height: 3rem}.survey-detail-page .required-hint{text-align:left;color:var(--color-primary)}.survey-detail-page .question-divider{margin:2rem 0;border-color:transparent}.survey-detail-page .submit-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.survey-detail-page .submit-container button{margin-bottom:.75rem;padding:.75rem 1.5rem;border-radius:1rem;width:15rem;text-transform:none;font-size:.875rem;font-weight:500;line-height:1.25rem;letter-spacing:.38px}@media(min-width:1200px){.survey-detail-page{--app-bar-height: 6rem}}.order-item{padding:.625rem}.order-item .item-container{display:flex;justify-content:space-between;align-items:center}.order-item .item-container .title-container{font-weight:500;font-size:.75rem;line-height:100%;letter-spacing:.18px;color:var(--color-dark-grey);flex:1}.order-item .item-container .title-container h3{margin-top:0;margin-bottom:.5rem;font-weight:500;font-size:.875rem;line-height:100%;letter-spacing:.25px;color:var(--color-body-text)}.order-item .item-container .title-container button{margin-bottom:.5rem;display:block;background-color:transparent;border:none;padding:0;cursor:pointer;opacity:.7;font-size:.875rem;font-weight:500;text-transform:uppercase}.order-item .item-container .title-container button .icon{height:.75rem}.order-item .item-container .title-container .order-items-list{padding-left:1.125rem;font-size:.875rem;opacity:.7}.order-item .item-container .title-container .order-items-list li{margin-bottom:.5rem}.order-item .item-container .amount{font-weight:700;font-size:.875rem;line-height:100%;letter-spacing:.63px;text-transform:uppercase;text-align:right}.wallet-history-item{padding:.625rem;display:flex;gap:.625rem}.wallet-history-item .image-container{width:5rem;height:5rem;flex-shrink:0}.wallet-history-item .image-container img{width:100%;height:100%;object-fit:contain}.wallet-history-item .item-container{display:flex;justify-content:space-between;align-items:center}.wallet-history-item .item-container .title-container{font-weight:500;font-size:.75rem;line-height:100%;letter-spacing:.18px;color:var(--color-dark-grey);flex:1}.wallet-history-item .item-container .title-container h3{margin-top:0;margin-bottom:.5rem;font-weight:500;font-size:.875rem;line-height:100%;letter-spacing:.25px;color:var(--color-body-text)}.wallet-history-item .item-container .title-container .used-in-store{margin-bottom:.5rem;display:block;font-weight:500;font-size:.75rem;line-height:100%;letter-spacing:.29px;text-transform:uppercase}.wallet-history-item .item-container .title-container .expired-at{color:var(--color-danger)}.transaction-history-page{--app-bar-height: 3rem}.transaction-history-page .app-page-title-header{margin-bottom:0}.transaction-history-page .tabs-controller{margin-bottom:1rem}.transaction-history-page .scroll-container .point-item,.transaction-history-page .wallet-history-item .point-item,.transaction-history-page .order-item .point-item{padding:0}@media(min-width:1200px){.transaction-history-page{--app-bar-height: 6rem}}.tutorial-page .app-page-title-header{margin-bottom:0}.birthday-privilege-page .btn-birthday-redeem{padding:.75rem 1.5rem;width:100%;max-width:24rem}.birthday-privilege-page .redeem-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 2rem;padding-left:0;padding-right:0}.birthday-privilege-page .redeem-message-container{margin:0 auto 2rem;background-color:var(--color-secondary);color:var(--color-secondary-contrast);width:100%;max-width:24rem;border-radius:1.5rem;box-shadow:none;text-align:center}.birthday-privilege-page .redeem-message-container .MuiCardContent-root{padding:1.5rem}.birthday-privilege-page .redeem-message-container h1{margin-top:0;margin-bottom:.5rem;font-size:.875rem}.birthday-privilege-page .redeem-message-container p{font-size:.75rem}.spacer{width:1px;height:1px}.MuiSkeleton-root{margin-bottom:.5rem;margin-top:.5rem}.MuiBackdrop-root{background-color:var(--color-backdrop)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.MuiContainer-root{padding-left:1.5rem;padding-right:1.5rem}.MuiDivider-root{margin:1.5rem 0;flex-shrink:0;border-width:0;border-style:solid;border-color:#0000001f;border-bottom-width:thin}.MuiSelect-root{background-image:var(--select-arrow)}.MuiNativeSelect-root:before,.MuiNativeSelect-root:after{content:none}.MuiNativeSelect-outlined{box-sizing:content-box;height:1.4375em;margin:0;display:block;min-width:0;width:100%;padding:16.5px 14px;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;background-image:var(--select-arrow);border:1px solid rgba(0,0,0,.23);appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-name:mui-auto-fill-cancel;animation-duration:10ms}.MuiSelect-root .MuiSelect-select{background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;background-image:var(--select-arrow);appearance:none;-webkit-appearance:none;-moz-appearance:none}.MuiButton-root{border-radius:3rem;text-transform:none}.MuiButton-containedPrimary{background-color:var(--color-primary);color:var(--color-primary-contrast)}.MuiButton-containedPrimary:hover{background-color:var(--color-primary)}.MuiButton-containedPrimary.active,.MuiButton-containedPrimary:active{background-color:var(--color-primary);color:var(--color-primary-contrast)}.MuiButton-textPrimary{color:var(--color-primary)}.MuiInput-underline.MuiInputBase-colorPrimary:after{border-bottom:2px solid var(--color-primary)}.MuiInputBase-colorPrimary select,.MuiSelect-root.MuiInputBase-colorPrimary .MuiSelect-select{--select-arrow: var(--select-arrow-primary)}.MuiRadio-root.MuiRadio-colorPrimary.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorPrimary.Mui-checked{color:var(--color-primary)}.MuiButton-containedSecondary{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.MuiButton-containedSecondary:hover{background-color:var(--color-secondary)}.MuiButton-containedSecondary.active,.MuiButton-containedSecondary:active{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.MuiButton-textSecondary{color:var(--color-secondary)}.MuiInput-underline.MuiInputBase-colorSecondary:after{border-bottom:2px solid var(--color-secondary)}.MuiInputBase-colorSecondary select,.MuiSelect-root.MuiInputBase-colorSecondary .MuiSelect-select{--select-arrow: var(--select-arrow-secondary)}.MuiRadio-root.MuiRadio-colorSecondary.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorSecondary.Mui-checked{color:var(--color-secondary)}.MuiButton-containedSuccess{background-color:var(--color-success);color:var(--color-success-contrast)}.MuiButton-containedSuccess:hover{background-color:var(--color-success)}.MuiButton-containedSuccess.active,.MuiButton-containedSuccess:active{background-color:var(--color-success);color:var(--color-success-contrast)}.MuiButton-textSuccess{color:var(--color-success)}.MuiInput-underline.MuiInputBase-colorSuccess:after{border-bottom:2px solid var(--color-success)}.MuiInputBase-colorSuccess select,.MuiSelect-root.MuiInputBase-colorSuccess .MuiSelect-select{--select-arrow: var(--select-arrow-success)}.MuiRadio-root.MuiRadio-colorSuccess.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorSuccess.Mui-checked{color:var(--color-success)}.MuiButton-containedError{background-color:var(--color-danger);color:var(--color-danger-contrast)}.MuiButton-containedError:hover{background-color:var(--color-danger)}.MuiButton-containedError.active,.MuiButton-containedError:active{background-color:var(--color-danger);color:var(--color-danger-contrast)}.MuiButton-textError{color:var(--color-danger)}.MuiInput-underline.MuiInputBase-colorError:after{border-bottom:2px solid var(--color-danger)}.MuiInputBase-colorError select,.MuiSelect-root.MuiInputBase-colorError .MuiSelect-select{--select-arrow: var(--select-arrow-error)}.MuiRadio-root.MuiRadio-colorError.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorError.Mui-checked{color:var(--color-danger)}.MuiButton-containedInfo{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.MuiButton-containedInfo:hover{background-color:var(--color-secondary)}.MuiButton-containedInfo.active,.MuiButton-containedInfo:active{background-color:var(--color-secondary);color:var(--color-secondary-contrast)}.MuiButton-textInfo{color:var(--color-secondary)}.MuiInput-underline.MuiInputBase-colorInfo:after{border-bottom:2px solid var(--color-secondary)}.MuiInputBase-colorInfo select,.MuiSelect-root.MuiInputBase-colorInfo .MuiSelect-select{--select-arrow: var(--select-arrow-info)}.MuiRadio-root.MuiRadio-colorInfo.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorInfo.Mui-checked{color:var(--color-secondary)}.MuiButton-containedWarning{background-color:var(--color-warning);color:var(--color-warning-contrast)}.MuiButton-containedWarning:hover{background-color:var(--color-warning)}.MuiButton-containedWarning.active,.MuiButton-containedWarning:active{background-color:var(--color-warning);color:var(--color-warning-contrast)}.MuiButton-textWarning{color:var(--color-warning)}.MuiInput-underline.MuiInputBase-colorWarning:after{border-bottom:2px solid var(--color-warning)}.MuiInputBase-colorWarning select,.MuiSelect-root.MuiInputBase-colorWarning .MuiSelect-select{--select-arrow: var(--select-arrow-warning)}.MuiRadio-root.MuiRadio-colorWarning.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorWarning.Mui-checked{color:var(--color-warning)}.MuiSvgIcon-root.fill-none{fill:none!important}@font-face{font-family:Poppins;font-weight:200;src:local("Poppins"),url(/assets/Poppins-ExtraLight-u2IJXg5c.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:300;src:local("Poppins"),url(/assets/Poppins-Light-DT6-CsId.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:400;src:local("Poppins"),url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:500;src:local("Poppins"),url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:600;src:local("Poppins"),url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:700;src:local("Poppins"),url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:800;src:local("Poppins"),url(/assets/Poppins-ExtraBold-W_qeO1XX.ttf) format("truetype")}:root{--app-footer-height: 4rem}body{margin:0;background:#fff;font-family:Poppins,Noto Sans TC,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Poppins}.icon-title,.icon-item{display:inline-flex;align-items:center;color:var(--color-dark-grey)}.icon-title svg,.icon-item svg{margin-right:.5rem;width:.875rem;height:.875rem}.icon-title .title,.icon-title .item,.icon-item .title,.icon-item .item{font-size:.75rem;line-height:1.2}.icon-title .title,.icon-item .title{font-weight:600}.appbar-offset{width:100%;height:var(--app-bar-height)}.app-page-title-header{margin-bottom:1rem;display:flex;flex-direction:row}.app-page-title-header .title-container{display:flex;flex-direction:column;color:var(--color-body-text)}.app-page-title-header .title-container h1{margin:0;font-size:2rem;font-weight:700}.app-page-title-header .title-container span{display:block;font-size:.75rem;color:var(--color-dark-grey)}.app-page-title-header .title-container p{margin-bottom:0;display:block;font-size:1rem;color:var(--color-dark-grey)}.app-page-title-header .action-container{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;gap:1rem}.empty-container{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1rem;font-weight:500;text-align:center}.empty-container .thumb{width:12rem;height:12rem;object-fit:contain}.empty-container .empty-title{color:var(--color-primary);font-size:1.25rem}.empty-container .MuiButtonBase-root{margin-top:1rem;padding:.75rem 1.5rem;min-width:20rem;border-radius:1.25rem}.scroll-container{padding-bottom:3rem}.loader-container{margin:1rem;text-align:center}.loader-container .loader{color:var(--color-dark-grey)}.signup-otp-container,.edit-profile-otp-container{text-align:center}.signup-otp-container .otp-image,.edit-profile-otp-container .otp-image{margin:2rem auto;width:8.75rem;height:6.75rem}.tabs-controller .MuiTabs-list,.tabs-title-controller .MuiTabs-list{gap:1.5rem}.tabs-controller .MuiButtonBase-root,.tabs-title-controller .MuiButtonBase-root{padding:.5rem 0;min-width:auto;font-size:1rem;font-weight:600;text-transform:none;color:var(--color-dark-grey)}.tabs-controller .MuiButtonBase-root.Mui-selected,.tabs-title-controller .MuiButtonBase-root.Mui-selected{color:var(--color-primary)}.tabs-controller .MuiTabs-indicator,.tabs-title-controller .MuiTabs-indicator{height:4px}.tabs-title-controller .MuiButtonBase-root{font-size:2rem;font-weight:700;color:var(--color-body-text)}.tabs-title-controller .MuiButtonBase-root.Mui-selected{color:var(--color-body-text)}.tabs-title-controller .MuiTabs-indicator{height:4px;background-color:var(--color-brand2)}.bottom-drawer .MuiPaper-root{margin-left:auto;margin-right:auto;max-height:80vh;max-width:500px;width:100%;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.bottom-drawer .drawer-header{padding-top:1.5rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.bottom-drawer .drawer-header .drawer-title{margin-top:0;margin-bottom:0;font-size:1rem;font-weight:700;line-height:1.4}.bottom-drawer .drawer-header .MuiIconButton-root{margin-left:auto;color:var(--color-papper-text)}.bottom-drawer .drawer-header .MuiIconButton-root svg{width:1rem;height:1rem}.bottom-drawer .drawer-content{display:flex;flex-direction:column;align-items:center}.bottom-drawer .drawer-actions{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem}.bottom-drawer .drawer-actions .btn{min-width:8rem;padding-left:1.5rem;padding-right:1.5rem}.bottom-drawer .drawer-actions .btn:not(:first-child){margin-left:1rem}form,.form-container{text-align:left}form .form-group,.form-container .form-group{margin-bottom:1.5rem}form .form-group.is-invalid>label,.form-container .form-group.is-invalid>label{color:var(--color-danger)}form .form-group.is-invalid input,form .form-group.is-invalid select,.form-container .form-group.is-invalid input,.form-container .form-group.is-invalid select{color:var(--color-danger)}form .form-group label,.form-container .form-group label{margin-bottom:.875rem;font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.44px;color:var(--color-body-text)}form .form-group input,form .form-group select,.form-container .form-group input,.form-container .form-group select{font-size:.875rem;font-weight:400;line-height:1;letter-spacing:.44px;-webkit-appearance:none;-moz-appearance:textfield}form .form-group input::-webkit-outer-spin-button,form .form-group input::-webkit-inner-spin-button,.form-container .form-group input::-webkit-outer-spin-button,.form-container .form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}form .form-group a[href],.form-container .form-group a[href]{color:var(--color-primary);text-decoration:underline}form .form-group .form-control-group,.form-container .form-group .form-control-group{display:flex}form .form-group .form-control-static,.form-container .form-group .form-control-static{margin-top:0;margin-bottom:.5rem}form .form-group .form-control-static:last-child,.form-container .form-group .form-control-static:last-child{margin-bottom:0}form .form-group .form-control-checkbox-single,.form-container .form-group .form-control-checkbox-single{margin:0;margin-left:-.75rem}form .form-group .MuiFormGroup-root,.form-container .form-group .MuiFormGroup-root{margin-bottom:-1rem}form .form-group .form-control-radio-group .form-control-radio .MuiTypography-root,.form-container .form-group .form-control-radio-group .form-control-radio .MuiTypography-root{font-size:.875rem;font-weight:600}form .form-group .form-control-radio-group .MuiFormControlLabel-asterisk,.form-container .form-group .form-control-radio-group .MuiFormControlLabel-asterisk{display:none!important}form .form-group .MuiNativeSelect-outlined,form .form-group .MuiOutlinedInput-root,form .form-group .MuiOutlinedInput-input,.form-container .form-group .MuiNativeSelect-outlined,.form-container .form-group .MuiOutlinedInput-root,.form-container .form-group .MuiOutlinedInput-input{border-radius:.75rem;border-color:var(--color-secondary);background-color:var(--color-secondary)}form .form-group .MuiOutlinedInput-notchedOutline,.form-container .form-group .MuiOutlinedInput-notchedOutline{border-width:0}.page-transition-enter-fade{opacity:0;transition:all .4s ease-in}.page-transition-enter-active-fade{opacity:1;transition:all .4s ease-in}.page-transition-exit-fade,.page-transition-exit-active-fade{opacity:0;transition:all .4s ease-in}.app-router{position:absolute;top:0;left:0;width:100%;height:100%}.btn-google{background-color:#fff;color:#000;border:1px solid #CCC}.btn-google:hover{background-color:#ededed}.btn-apple{background-color:#000;color:#fff;border:1px solid #000}.btn-apple:hover{background-color:#222}.btn-wechat{background-color:#1aad19;color:#fff;border:1px solid #1AAD19}.btn-wechat:hover{background-color:#169316}.btn-nested-more{position:relative;padding:.25rem 3.25rem .25rem .25rem;min-width:10rem;height:3.25rem;background-color:var(--color-light);color:var(--color-dark);border-radius:1.375rem}.btn-nested-more span{font-size:.875rem;font-weight:600;text-align:center}.btn-nested-more .btn-arrow{position:absolute;right:.25rem;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background-color:var(--color-dark);color:var(--color-dark-contrast);border-radius:1.375rem}.btn-nested-more .btn-arrow .icon{width:1.5rem;height:1.5rem}@media(min-width:1200px){:root{--app-footer-height: 0rem}.appbar-offset{width:100%;height:calc(var(--app-bar-height) + 1.25rem)}}@media(min-width:1536px){.appbar-offset{width:100%;height:calc(var(--app-bar-height) + 1.25rem)}}