@charset "UTF-8";.drawer .MuiPaper-root{padding-top:1.5rem;padding-left:2rem;padding-right:2rem;max-width:18rem}.drawer .btn-close{height:1rem;width:1rem}.drawer .menu-header{display:flex;justify-content:space-between;align-items:center;color:var(--body-text-color);font-weight:700;font-size:1rem}.drawer .menu-list{padding-top:.5rem;padding-bottom:2.5rem}.drawer .menu-text{color:var(--body-text-color);font-size:.875rem}.drawer .MuiListItem-root{cursor:pointer}.drawer .social-media-list{display:flex;flex-wrap:wrap;margin-top:-.5rem;margin-bottom:-.5rem;cursor:default}.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}.drawer .social-media-list .social-media-item img{max-width:1.125rem;max-height:1.125rem}:root{--app-bar-height: 5rem}.common-app-bar{box-shadow:none;background-color:transparent;transition:background-color .3s;height:var(--app-bar-height)}.common-app-bar.always-transparent{background-color:transparent!important}.common-app-bar.always-transparent .menu-button,.common-app-bar.always-transparent .btn-back,.common-app-bar.always-transparent .action-button{box-shadow:none!important;background-color:transparent!important;color:var(--body-text-color)!important;border-color:var(--body-text-color)!important}.common-app-bar.solid{background-color:var(--body-background-color)}.common-app-bar.solid .menu-button,.common-app-bar.solid .btn-back{box-shadow:6.27px 6.27px 18.81px 1.25px #aeaec066,-6.27px -6.27px 18.81px 1.25px #ffffff8d}.common-app-bar.solid .btn-back svg{color:var(--primary-color)}.common-app-bar .toolbar{position:relative;display:flex;justify-content:space-between;padding:0 1.5rem;height:100%}.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,.common-app-bar .toolbar .app-bar-title{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.common-app-bar .toolbar .app-bar-logo img,.common-app-bar .toolbar .app-bar-title img{display:block;height:98%;cursor:pointer}.common-app-bar .toolbar .app-bar-logo h1,.common-app-bar .toolbar .app-bar-title h1{margin:0;font-weight:700;font-size:1.125rem;line-height:100%;letter-spacing:.4px;text-align:center;color:var(--primary-color)}.common-app-bar .menu-button,.common-app-bar .action-button{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-size:.875rem;color:var(--body-text-color);background-color:var(--body-background-color);box-shadow:none;transition:box-shadow .3s}.common-app-bar .menu-button svg,.common-app-bar .action-button svg{width:1.25rem;height:1.25rem}.common-app-bar .action-button{border-radius:50%;border:1px solid var(--body-text-color)}.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(--body-text-color);background-color:var(--body-background-color);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}.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(--papper-background-color);color:var(--dark-grey-color);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(--dark-grey-color);opacity:.25}.common-description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:.875rem;color:var(--body-text-color)}.common-description h2{position:relative;padding-left:1rem;font-weight:700;font-size:1rem;line-height:1;letter-spacing:.4px;text-transform:uppercase}.common-description h2:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--primary-color);border-radius:.25rem}.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(--body-background-color) 3.5rem);color:var(--body-text-color);cursor:pointer}.common-description .collapsible-content .toggle-button .icon{margin-left:.5rem;width:.875rem;height:.875rem}.common-description a{color:var(--primary-color)}.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(--dark-grey-color)}.common-footer span{margin-left:.125rem;margin-right:.125rem;color:var(--dark-grey-color)}.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{font-weight:500;line-height:100%;letter-spacing:0px;font-size:1.125rem;color:var(--primary-color)}.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 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(--primary-color);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(--primary-color)}.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(--dark-grey-color)}.common-otp .resend-otp-container span{opacity:.75}.common-otp .resend-otp-container button{position:relative;top:-.5rem;text-decoration:underline;cursor:pointer}.common-otp .resend-otp-container button:hover{background-color:transparent}.common-page-title{color:var(--primary-color);margin-bottom:1.5rem}.common-page-title.large h1{margin-top:1rem;font-size:1.25rem}.common-page-title h1{margin-top:1.5rem;text-align:center;font-size:.875rem;font-weight:700}.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:none}.common-snap-slider .slide-pagination .pagination-item{padding:0;width:.5rem;height:.5rem;margin:0 .25rem;border:1px solid var(--papper-background-color);border-radius:1rem;background-color:var(--white-color);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(--primary-color);border-color:var(--primary-color);width:1.75rem}@media(pointer:coarse){.common-snap-slider .slide-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}.common-snap-slider .slide-pagination{display:flex}}.common-toggle-button{position:relative;margin-bottom:1rem}.common-toggle-button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--grey-color);z-index:1}.common-toggle-button[data-item-cnt="1"] .buttons,.common-toggle-button[data-item-cnt="2"] .buttons,.common-toggle-button.center .buttons{justify-content:center}.common-toggle-button .horizontal-scroll-container{position:relative;overflow-y:hidden;overflow-x:auto}.common-toggle-button .buttons{display:flex;align-items:center;min-width:100%}.common-toggle-button .buttons button{position:relative;padding-left:var(--buttons-x-padding);padding-right:var(--buttons-x-padding);width:11rem;height:2.625rem;border:0;background-color:transparent;box-shadow:none;color:var(--grey-color);font-weight:700;font-size:.875rem;line-height:1;letter-spacing:.29px;text-transform:uppercase;transition:color .3s;white-space:nowrap;cursor:pointer}.common-toggle-button .buttons button.active{color:var(--primary-color);cursor:default}.common-toggle-button .active-bg{position:absolute;height:2px;left:0;bottom:0;width:50%;background-color:var(--primary-color);transition:left .3s,width .3s;z-index:2}@media(pointer:coarse){.common-toggle-button .horizontal-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.item-toggle-button{position:relative;display:flex;margin:1rem auto;padding:2px;border-radius:1.875rem;border:none;font-size:.75rem;font-weight:500;min-width:5.25rem;box-shadow:5.63px 5.63px 11.25px #d1d9e685,-2px 1px 9.9px #dfe5ee99;overflow-y:hidden;overflow-x:auto}.item-toggle-button .active-bg{position:absolute;height:calc(100% - 2px);left:0;width:50%;background-color:transparent;border-radius:1.875rem;transition:left .3s,width .3s;box-shadow:0 1.29px 2.59px #c2c2c280}.item-toggle-button .buttons{display:flex;align-items:center;justify-content:flex-start;min-width:100%}.item-toggle-button .buttons button{position:relative;padding:.5rem 1rem;border:0;background-color:transparent;flex:1;box-shadow:none;transition:color .3s;color:var(--dark-grey-color);outline:none;cursor:pointer;border-radius:1.875rem;white-space:nowrap}.item-toggle-button .buttons button.active{color:var(--primary-color);cursor:default}@media(pointer:coarse){.item-toggle-button{-webkit-overflow-scrolling:touch;scrollbar-width:none}}.member-info-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;width:20rem;height:12.5rem;border-radius:1rem;text-align:left;color:var(--body-text-color);border:1.5px solid var(--body-background-color);background-color:var(--papper-background-color);box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec066}.member-info-card .shiny-surface{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;opacity:.9;background:conic-gradient(from .25turn at 60% 55%,rgba(210,210,210,.6) var(--shiny-surface-1-angle) calc(var(--shiny-surface-1-angle) + 20deg),transparent calc(var(--shiny-surface-1-angle) + 30deg),rgba(210,210,210,.6) var(--shiny-surface-2-angle) calc(var(--shiny-surface-2-angle) + 20deg),transparent calc(var(--shiny-surface-2-angle) + 50deg) calc(var(--shiny-surface-2-angle) + 210deg),rgba(210,210,210,.6) var(--shiny-surface-3-angle) calc(var(--shiny-surface-3-angle) + 30deg));animation:shiny-rotate 1s cubic-bezier(.7,0,.2,1) forwards}.member-info-card .card-content-container{position:relative;display:flex;height:100%;flex-direction:column;justify-content:space-between;z-index:1}.member-info-card .container-top{display:flex;width:100%;flex-wrap:nowrap}.member-info-card .container-top .container-start{width:calc(100% - 5rem)}.member-info-card .container-top .container-end{display:flex;flex-direction:column;align-items:flex-end;width:5rem}.member-info-card .container-top .tier-status{margin-bottom:.25rem;font-size:.75rem;line-height:.75rem;font-weight:400;letter-spacing:.4px;font-style:Italic}.member-info-card .container-top .brand-name{font-weight:700;font-size:.875rem;line-height:1;letter-spacing:.28px;text-overflow:ellipsis;overflow-x:hidden}.member-info-card .container-top .open-member-qr{padding:.375rem;width:3rem;height:3rem;color:#000;background-color:#fff;border:1px solid transparent;border-radius:.5rem}.member-info-card .container-top .open-member-qr svg{width:2.125rem;height:2.125rem}.member-info-card .container-middle{margin-top:.25rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:50%}.member-info-card .container-middle .point-container{display:flex;align-items:center;font-weight:500}.member-info-card .container-middle .point-container label{margin-right:.5rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.member-info-card .container-middle .point-container svg{margin-right:.25rem}.member-info-card .container-middle .point-container .amount{font-size:1.25rem;line-height:1.25rem}.member-info-card .container-bottom .account-status-info .MuiDivider-root{margin-top:.5rem;margin-bottom:.5rem}.member-info-card .container-bottom ul.info-list{margin-top:0rem;margin-bottom:0rem;padding-left:0;color:var(--dark-grey-color);list-style:none}.member-info-card .container-bottom ul.info-list li{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:.5rem;font-weight:500;font-size:.75rem}.member-info-card .container-bottom ul.info-list li:last-child{margin-bottom:0}.member-info-card .container-bottom ul.info-list li .icon{padding-top:.125rem;margin-right:.5rem;display:inline-flex;width:.875rem;height:.875rem;align-items:flex-start;justify-content:center}.member-info-card .container-bottom ul.info-list li .icon svg{width:100%;height:100%}.member-info-card .container-bottom ul.info-list li em{font-style:normal;cursor:pointer;text-decoration:underline}.member-info-card .container-bottom .MuiLinearProgress-root{height:.25rem;border-radius:.25rem;margin-top:.25rem;background-color:var(--grey-color)}.member-info-card .container-bottom .MuiLinearProgress-root .MuiLinearProgress-bar{border-radius:.25rem;background-color:var(--dark-grey-color)}@property --shiny-surface-1-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --shiny-surface-2-angle{syntax: "<angle>"; inherits: false; initial-value: 40deg;}@property --shiny-surface-3-angle{syntax: "<angle>"; inherits: false; initial-value: 290deg;}@keyframes shiny-rotate{0%{--shiny-surface-1-angle: -10deg;--shiny-surface-2-angle: 30deg;--shiny-surface-3-angle: 250deg}to{--shiny-surface-1-angle: 10deg;--shiny-surface-2-angle: 110deg;--shiny-surface-3-angle: 360deg}}.member-code-drawer .MuiPaper-root{margin-left:auto;margin-right:auto;max-width:500px;border-top-left-radius:.625rem;border-top-right-radius:.625rem}.member-code-drawer .drawer-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem 0;width:100%;background-color:var(--primary-color);text-align:center;color:var(--white-color);font-size:.875rem;font-weight:400;line-height:1.25rem;border-top-left-radius:.625rem;border-top-right-radius:.625rem;border-bottom:1px solid var(--grey-color)}.member-code-drawer .drawer-header h2{margin-top:0;margin-bottom:0;font-size:1.25rem;font-weight:700;line-height:1.75rem}.member-code-drawer .drawer-header p{margin-top:0;margin-bottom:0}.member-code-drawer .drawer-header button{position:absolute;top:1rem;right:1rem;padding:0;width:2.5rem;height:2.5rem;min-width:auto;cursor:pointer;color:var(--white-color)}.member-code-drawer .drawer-header button .icon{width:1rem;height:1rem}.member-code-drawer .drawer-body{text-align:center;padding:1.5rem 1.5rem 3rem;background-color:var(--body-background-color);color:var(--body-text-color)}.member-code-drawer .drawer-body .qrcode{width:8rem;height:8rem}.member-code-drawer .drawer-body p{margin-top:1rem;margin-bottom:1rem;font-size:.75rem;font-weight:400}.member-code-drawer .drawer-body .add-to-wallet-button{padding:.25rem 1.5rem}.member-code-drawer .drawer-body .add-to-wallet-button .icon{margin-right:.5rem;width:1rem;height:1rem}.mission-card{display:flex;flex-direction:column;justify-content:center;padding:1rem;width:20rem;height:12.5rem;border-radius:1rem;text-align:left;color:var(--dark-grey-color);border:1px solid var(--grey-color);background-color:var(--papper-background-color);box-shadow:-10px -10px 30px #fff,10px 10px 30px #aeaec066}.mission-card .mission-card-header{display:flex;align-items:flex-start;margin-bottom:1rem}.mission-card .mission-card-header .image-container{margin-right:1rem;width:3rem;height:3rem;background-size:cover;background-position:center;border-radius:.625rem}.mission-card .mission-card-header .mission-title-container h3{margin-top:0;margin-bottom:0;font-size:1rem;line-height:1.2;color:var(--primary-color);font-weight:600}.mission-card .mission-card-header .mission-title-container .info-item-container{margin-top:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mission-card .mission-card-header .mission-title-container .info-item-container span{font-size:.75rem;line-height:1;color:var(--dark-grey-color)}.mission-card .mission-card-header .mission-title-container .info-item-container .stamp-info{font-weight:500}.mission-card .mission-card-header .mission-title-container .info-item-container .stamp-info .icon{margin-right:.5rem;font-size:.75rem}.mission-card .mission-card-header .btn-more{margin-left:auto;min-width:auto;width:2rem;height:2rem;color:var(--primary-color)}.mission-card .mission-card-header .btn-more .icon{width:1rem;height:1rem}.mission-card .progress-container .progress-type-bar{margin-top:1rem;display:flex;flex-direction:column;justify-content:flex-end}.mission-card .progress-container .progress-type-bar .progress-info{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;margin-bottom:.5rem}.mission-card .progress-container .progress-type-bar .progress-info .achievement-text{position:relative;margin-right:auto;padding-left:1.5rem;padding-right:.5rem;font-weight:700;font-size:.75rem;line-height:1.2;letter-spacing:1%}.mission-card .progress-container .progress-type-bar .progress-info .achievement-text .icon{position:absolute;top:0;left:0;height:.875rem}.mission-card .progress-container .progress-type-bar .progress-info .progress-text{flex-shrink:0;margin-left:auto;font-size:1rem;color:var(--primary-color);font-weight:500}.mission-card .progress-container .progress-type-bar .progress-info .progress-text span:nth-child(2),.mission-card .progress-container .progress-type-bar .progress-info .progress-text span:nth-child(3){position:relative;padding-left:.5rem;color:var(--body-text-color)}.mission-card .progress-container .progress-type-bar .mission-progress{position:relative;height:.5rem;border-radius:3rem;margin-bottom:.75rem;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(--primary-color);opacity:.25}.mission-card .progress-container .progress-type-bar .mission-progress .mission-bar{border-radius:3rem;background-color:var(--primary-color)}.mission-card .progress-container .progress-type-stamp .stamp-card{display:flex;align-items:center;justify-content:center;width:100%;height:7.5rem}.mission-card .progress-container .progress-type-stamp .stamp-card .stamp-grid{width:100%}.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(--dark-grey-color);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(--body-text-color)}.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}.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(--dark-grey-color);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(--body-text-color)}.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(--body-text-color);opacity:.75}.point-item .item-container .amount-change{font-weight:700;font-size:.875rem;line-height:100%;letter-spacing:.63px;text-transform:uppercase;text-align:right;flex:1}.point-item .item-container .amount-change.increase{color:var(--success-color)}.point-item .item-container .amount-change.decrease{color:var(--danger-color)}.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}.grecaptcha-badge{visibility:hidden!important}.mini-grecaptcha-badge{display:flex;align-items:center;font-size:.75rem;text-decoration:none;color:var(--body-text-color);cursor:pointer}.mini-grecaptcha-badge .grecaptcha-logo{margin-right:.5rem;display:block;width:1rem;height:1rem}.reward-item{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;color:var(--body-text-color);width:100%;min-height:7.5rem;font-size:.75rem;background-color:var(--papper-background-color);border-radius:.625rem;box-shadow:10px 10px 30px 2px #aeaec066,-10px -10px 30px 2px #fff}.reward-item:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:100%;background:var(--primary-color)}.reward-item .info-container{width:calc(100% - 8.75rem)}.reward-item .image-container{position:absolute;top:0;right:0;width:7.5rem;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;background-size:cover}.reward-item .iconed-container{margin-bottom:.25rem}.reward-item .iconed-container:last-child{margin-bottom:0}.reward-item .info-use-availability{margin-bottom:.5rem;font-weight:500;font-size:.75rem;line-height:1;letter-spacing:.14px;color:var(--body-text-color);opacity:.75}.MuiFormControlLabel-root .required,.MuiFormLabel-root .required{margin-right:.25rem;font-weight:700}.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}.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;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(--primary-color)}.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}.user-email-identity-form-group .form-control-group{position:relative}.user-email-identity-form-group .form-control-group .btn-change{position:absolute;top:.25rem;right:0;padding:0;font-size:.875rem;font-weight:500;text-transform:uppercase}.user-email-identity-form-group .form-control-group .btn-change .icon{height:.875rem}.user-mobile-identity-form-group .form-control-group{position:relative}.user-mobile-identity-form-group .form-control-group .btn-change{position:absolute;top:.25rem;right:0;padding:0;font-size:.875rem;font-weight:500;text-transform:uppercase}.user-mobile-identity-form-group .form-control-group .btn-change .icon{height:.875rem}.wallet-item{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;color:var(--body-text-color);width:100%;min-height:7.5rem;font-size:.75rem;background-color:var(--papper-background-color);border-radius:.625rem;box-shadow:10px 10px 30px 2px #aeaec066,-10px -10px 30px 2px #fff}.wallet-item:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:100%;background:var(--primary-color)}.wallet-item .info-container{width:calc(100% - 9rem)}.wallet-item .image-container{position:absolute;top:0;right:0;width:7.5rem;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;background-size:cover}.wallet-item .iconed-container{margin-bottom:.25rem}.wallet-item .iconed-container:last-child{margin-bottom:0}.wallet-item .info-use-availability{margin-bottom:.5rem;font-weight:500;font-size:.75rem;line-height:1;letter-spacing:.14px;color:var(--body-text-color);opacity:.75}.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 .common-app-bar .action-button{color:var(--body-text-color, #000000)}.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%}.landing-pop-dialog .poster-container .btn-close{position:absolute;top:.75rem;right:.75rem}.landing-pop-dialog .poster-container .count-down{position:absolute;top:.75rem;right:.75rem;font-weight:700;color:var(--white-color);text-shadow:0 0 5px black}.message-dialog{position:relative;margin-left:1.5rem;margin-right:1.5rem;color:var(--body-text-color);background-color:var(--white-color);border-radius:.5rem;font-weight:400;min-width:12rem}.message-dialog.align-center .MuiDialogContent-root{text-align:center}.message-dialog.align-left .MuiDialogContent-root{text-align:left}.message-dialog.align-right .MuiDialogContent-root{text-align:right}.message-dialog.align-justify .MuiDialogContent-root{text-align:justify}.message-dialog .btn-show-debug{position:absolute;top:0;left:0;width:3rem;height:3rem;background-color:transparent;border:none}.message-dialog .MuiDialogTitle-root{padding:1.5rem 1.5rem .5rem;font-size:1.25rem;font-weight:600;text-align:center}.message-dialog .MuiDialogContent-root{padding:1.5rem 1.5rem 0;max-height:60vh}.message-dialog .MuiDialogContent-root h1{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.message-dialog .MuiDialogContent-root h2{margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.message-dialog .MuiDialogContent-root h3,.message-dialog .MuiDialogContent-root h4,.message-dialog .MuiDialogContent-root h5,.message-dialog .MuiDialogContent-root h6{margin-bottom:.75rem;font-size:1rem;font-weight:600}.message-dialog .MuiDialogContent-root p{margin-top:0;margin-bottom:0;font-size:.875rem}.message-dialog .message-dialog-error{margin:-.5rem auto 1rem;border-radius:.5rem;max-width:30rem;text-align:left}.message-dialog .message-dialog-error pre{margin:0;padding:.5rem 0;border:1px solid #ccc;border-radius:.5rem;max-width:100%;overflow:auto}.message-dialog .message-dialog-request-id{margin:-.5rem auto 0;font-size:12px;opacity:.3}.message-dialog .message-dialog-actions{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:center;gap:1rem}.message-dialog .message-dialog-actions .btn-close,.message-dialog .message-dialog-actions .btn-extra{padding:.5rem 1rem;font-size:.875rem;min-width:8rem}.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(--grey-color)}.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-to-wallet-body{background-color:var(--papper-background-color)}.add-to-wallet-page{height:100%}.add-to-wallet-page .app-container{display:flex;flex-direction:column;background-color:#f2f5f7;color:#000}.add-to-wallet-page .container-background{display:flex;color:#000;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:#f2f5f7;color:var(--primary-color)}.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(--papper-background-color);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(--body-text-color)}.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(--body-text-color);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(--primary-color);border-bottom:1px solid var(--primary-color)}.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(--body-text-color);border:1px solid var(--body-text-color);color:var(--body-background-color);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(--body-text-color);word-break:break-all;border:1px solid var(--papper-text-color);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 .MuiPaper-root{margin-left:auto;margin-right:auto;max-width:500px;border-top-left-radius:.625rem;border-top-right-radius:.625rem}.add-to-wallet-qr-code-drawer .drawer-header{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem 0;width:100%;text-align:center;font-size:.875rem;font-weight:400;line-height:1.25rem;border-top-left-radius:.625rem;border-top-right-radius:.625rem;background-color:var(--body-background-color)}.add-to-wallet-qr-code-drawer .drawer-header button{position:absolute;top:1rem;right:1rem;padding:0;width:2.5rem;height:2.5rem;min-width:auto;cursor:pointer;color:var(--dark-gray-color)}.add-to-wallet-qr-code-drawer .drawer-header button .icon{width:1rem;height:1rem}.add-to-wallet-qr-code-drawer .drawer-body{text-align:center;padding:1.5rem 1.5rem 3rem;background-color:var(--body-background-color);color:var(--body-text-color)}.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(--papper-text-color);border-radius:2rem;padding:.25rem 1rem;opacity:.35}.change-identity-page .form-group{margin-bottom:2rem}.change-identity-page .form-group label{font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.44px}.change-identity-page .form-group label .required{color:var(--danger-color)}.change-identity-page .form-group input,.change-identity-page .form-group select{font-size:1rem;font-weight:500;line-height:1;letter-spacing:.44px;-webkit-appearance:none;-moz-appearance:textfield}.change-identity-page .form-group input::-webkit-outer-spin-button,.change-identity-page .form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.change-identity-page .form-group a[href]{color:var(--primary-color);text-decoration:underline}.change-identity-page .form-group .form-control-group{display:flex}.change-identity-page .form-group .form-control-group .MuiFormControl-root:not(:first-child){margin-left:1rem}.change-identity-page .form-group .form-control-static{margin-top:0;margin-bottom:.5rem}.change-identity-page .form-group .MuiFormControlLabel-asterisk{display:none}.change-identity-page .bottom-container{position:fixed;bottom:3rem;left:0;width:100%;max-width:none}.change-identity-page .bottom-container .btn-change{margin-top:1rem;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 .required-hint{padding-right:1rem;text-align:right;color:var(--danger-color)}.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(--primary-color);text-transform:uppercase}.edit-profile-page .section-title:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--primary-color);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 .form-group{margin-bottom:2rem}.edit-profile-page .form-group label{font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.44px}.edit-profile-page .form-group label .required{color:var(--danger-color)}.edit-profile-page .form-group input,.edit-profile-page .form-group select{font-size:1rem;font-weight:500;line-height:1;letter-spacing:.44px;-webkit-appearance:none;-moz-appearance:textfield}.edit-profile-page .form-group input::-webkit-outer-spin-button,.edit-profile-page .form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-profile-page .form-group a[href]{color:var(--primary-color);text-decoration:underline}.edit-profile-page .form-group .form-control-group{display:flex}.edit-profile-page .form-group .form-control-group .MuiFormControl-root:not(:first-child){margin-left:1rem}.edit-profile-page .form-group .form-control-static{margin-top:0;margin-bottom:.5rem}.edit-profile-page .form-group .MuiFormControlLabel-asterisk{display:none}.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(--body-text-color)}.forgot-password-page .common-app-bar .action-button{border-color:var(--grey-color)!important}.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(--white-color);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(--danger-color);font-size:90%}.reward-list .icon-title{margin-bottom:1rem}.reward-list .icon-title svg{color:var(--primary-color)}.reward-list .icon-title h3{font-weight:600;font-size:.75rem;line-height:1.1;letter-spacing:1px;text-transform:uppercase}.reward-list .btn-browse-rewards{display:flex;justify-content:flex-start;margin-bottom:1rem;font-size:.75rem;font-weight:600;color:var(--dark-grey-color)}.reward-list .infinite-scroll-component{padding-left:1.5rem;padding-right:1.5rem;gap:1.5rem}.reward-list .common-footer{width:100%}.reward-list .reward-item{margin-bottom:1.5rem}@media screen and (min-width:40rem){.reward-list .infinite-scroll-component{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-items:flex-start}}.wallet-list .infinite-scroll-component{padding-left:1.5rem;padding-right:1.5rem;gap:1.5rem}.wallet-list .common-footer{width:100%}.wallet-list .wallet-item{margin-bottom:1.5rem}@media screen and (min-width:720px){.wallet-list .infinite-scroll-component{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));justify-items:flex-start}}.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 .item-count{margin-left:.5rem;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:.75rem;background-color:var(--primary-color);color:var(--primary-contrast-color);border-radius:50%}.login-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(--body-text-color)}.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(--dark-grey-color);opacity:.25}.login-page .login-type-select .login-type-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;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(--primary-color);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(--primary-color)}.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(--primary-color)}.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(--secondary-color)}.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(--secondary-color)}.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(--success-color)}.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(--success-color)}.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(--danger-color)}.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(--danger-color)}.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(--info-color)}.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(--info-color)}.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(--warning-color)}.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(--warning-color)}.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-top:2rem;color:var(--body-text-color);text-shadow:0 0 2px var(--body-background-color);text-align:center}.login-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}.login-page .brand-info-container h1{font-weight:700;font-size:1.5rem;line-height:1;letter-spacing:0px;text-align:center}.login-page .brand-info-container h2{font-weight:600;font-size:1rem;line-height:1;letter-spacing:0px;text-align:center}.wallet-history-item{padding:.625rem}.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(--dark-grey-color);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(--body-text-color)}.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(--danger-color)}.membership-perk-page{font-size:.75rem}.membership-perk-page .appbar-offset{height:calc(var(--app-bar-height) - 2rem)}.membership-perk-page .app-container{margin:0 auto;max-width:600px}.membership-perk-page .member-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;margin:1.5rem auto;padding:.75rem;width:10.625rem;height:6.25rem;border-radius:.5rem;text-align:left;color:var(--body-text-color);border:1.5px solid var(--body-background-color);background-color:var(--papper-background-color);box-shadow:-5.11px -5.11px 15.32px #fff,5.11px 5.11px 15.32px #aeaec066}.membership-perk-page .member-card .shiny-surface{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;pointer-events:none;opacity:.9;background:conic-gradient(from .25turn at 60% 55%,rgba(210,210,210,.6) var(--shiny-surface-1-angle) calc(var(--shiny-surface-1-angle) + 20deg),transparent calc(var(--shiny-surface-1-angle) + 30deg),rgba(210,210,210,.6) var(--shiny-surface-2-angle) calc(var(--shiny-surface-2-angle) + 20deg),transparent calc(var(--shiny-surface-2-angle) + 50deg) calc(var(--shiny-surface-2-angle) + 210deg),rgba(210,210,210,.6) var(--shiny-surface-3-angle) calc(var(--shiny-surface-3-angle) + 30deg))}.membership-perk-page .member-card .card-content-container{position:relative;z-index:1}.membership-perk-page .member-card .card-content-container h1{font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.14px;text-transform:uppercase}.membership-perk-page .intro-container{margin-top:1.5rem;margin-bottom:1.5rem;width:100%;max-width:600px;font-size:.75rem;line-height:1.4;letter-spacing:.14px;text-align:center}.membership-perk-page .tier-detail-container{margin-bottom:1.5rem;padding:1rem;max-width:100%;border-radius:.625rem;background-color:var(--papper-background-color);box-shadow:10px 10px 30px 2px #aeaec066,-10px -10px 30px -10px #fff}.membership-perk-page .tier-detail-container h1,.membership-perk-page .tier-detail-container h2,.membership-perk-page .tier-detail-container h3,.membership-perk-page .tier-detail-container h4,.membership-perk-page .tier-detail-container h5,.membership-perk-page .tier-detail-container h6{margin-top:0;margin-bottom:.5rem;color:var(--primary-color)}.membership-perk-page .tier-detail-container p{margin-top:0;margin-bottom:.75rem;color:var(--body-text-color);font-size:.75rem;line-height:1.4rem;letter-spacing:.14px}.membership-perk-page .tier-detail-container p:last-child{margin-bottom:0}.membership-perk-page .tier-detail-container ul,.membership-perk-page .tier-detail-container ol{margin:0;padding:0;list-style:none}.membership-perk-page .tier-detail-container li{position:relative;margin-bottom:.75rem;max-width:100%;padding:1rem 1rem 1rem 3rem;border-radius:.625rem;box-shadow:-1px -1px 3px #aeaec066 inset,1px 1px 15px #fffc inset,-1px -1px 2.5px #fff,1px 0 2.5px #aeaec066}.membership-perk-page .tier-detail-container li:last-child{margin-bottom:0}.membership-perk-page .tier-detail-container ol{counter-reset:item}.membership-perk-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(--primary-color);opacity:.5}.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(--dark-grey-color);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(--body-text-color)}.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}.page-item{display:flex;flex-direction:column;margin-left:1.5rem;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(--grey-color);box-shadow:10px 10px 30px #aeaec099}.page-item .cover-container .image{object-fit:cover;min-height:10.625rem;background-color:var(--grey-color)}.page-item .preview-container{font-weight:500;font-size:.875rem;color:var(--body-text-color)}.page-item .preview-container h3{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:700;color:var(--primary-color)}.page-item .spec-holder svg{width:1.25rem;height:1.25rem;fill:var(--primary-color)}@media screen and (min-width:720px){.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-promotions-detail-page{font-size:.75rem}.news-promotions-detail-page .appbar-offset{height:calc(var(--app-bar-height) - 2rem)}.news-promotions-detail-page .app-container{margin:0 auto;max-width:600px}.news-promotions-detail-page .article-subtitle{margin-top:-1rem;margin-bottom:1rem;text-align:center}.news-promotions-detail-page .poster{margin-bottom:1.5rem;margin:0 auto;width:100%;max-width:20rem;border-radius:.675rem;background-color:var(--grey-color);box-shadow:10px 10px 30px #aeaec099}.news-promotions-detail-page .poster .image{object-fit:cover;min-height:10.625rem;background-color:var(--grey-color)}.news-promotions-detail-page .spec-holder{margin-top:2rem;display:flex;flex-direction:column;margin-bottom:.5rem}.news-promotions-detail-page .spec-holder:empty{display:none}.news-promotions-detail-page .spec-holder .icon-item{margin-bottom:.5rem}.news-promotions-detail-page .spec-holder svg{width:1.5rem;height:1.5rem;fill:var(--primary-color)}.news-promotions-detail-page .extra-doc-holder .common-action-button{margin-bottom:.5rem}.news-promotions-detail-page .external-link-holder{display:flex;justify-content:center;margin-top:2rem}.news-promotions-detail-page .external-link-holder button{width:100%;max-width:300px}.news-promotions-detail-page .extra-doc-button-holder{margin-bottom:.75rem}.news-promotions-detail-page .extra-doc-button{border-color:var(--body-text-color);color:var(--body-text-color)}.extra-doc-bottom-drawer{padding-left:1.5rem;padding-right:1.5rem}.extra-doc-bottom-drawer .drawer-header{display:flex;justify-content:flex-end;padding-top:.5rem}.page-snap-slider-banner{overflow:hidden;overflow-x:auto}.page-snap-slider-banner .slide-container{scroll-snap-type:x mandatory;display:flex;overflow-x:scroll}.page-snap-slider-banner .slide-container .slide-item{scroll-snap-align:start}.page-snap-slider-banner .app-container{width:calc(100vw - 3rem);max-width:none!important}.page-snap-slider-banner .app-container .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}}.page-detail-page{font-size:.75rem}.page-detail-page .app-container{margin:0 auto;max-width:600px}.page-detail-page .article-subtitle{margin-top:-1rem;margin-bottom:1rem;text-align:center}.page-detail-page .poster{margin-bottom:1.5rem;margin:0 auto;width:100%;max-width:20rem;border-radius:.675rem;background-color:var(--grey-color);box-shadow:10px 10px 30px #aeaec099}.page-detail-page .poster .image{object-fit:cover;min-height:10.625rem;background-color:var(--grey-color)}.page-detail-page .spec-holder{display:flex;flex-direction:column;margin-bottom:.5rem}.page-detail-page .spec-holder .icon-item{margin-bottom:.5rem}.page-detail-page .spec-holder svg{width:1.5rem;height:1.5rem;fill:var(--primary-color)}.page-detail-page .extra-doc-holder .common-action-button{margin-bottom:.5rem}.page-detail-page .page-default-banner{display:flex}.page-detail-page .page-tablet-banner,.page-detail-page .page-desktop-banner{display:none}@media(min-width:768px){.page-detail-page .page-default-banner{display:none}.page-detail-page .page-tablet-banner{display:flex}}@media(min-width:1200px){.page-detail-page .page-tablet-banner{display:none}.page-detail-page .page-desktop-banner{display:flex}}.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(--dark-grey-color)}.reward-item-detail-page .choose-cost-dialog .btn-confirm{color:var(--primary-color)}.reward-item-detail-page .info-card{margin-top:2rem}.reward-item-detail-page .info-card .item-container{min-height:20rem;color:var(--body-text-color);background-color:var(--papper-background-color);border-radius:.625rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem 1.5rem;margin-bottom:1.5rem;box-shadow:10px 10px 30px 2px #aeaec066,-10px -10px 30px 2px #fff}.reward-item-detail-page .info-card .item-container .title-container{margin-bottom:1rem;text-align:center}.reward-item-detail-page .info-card .item-container .title-container .item-title{margin-top:0;margin-bottom:0;font-weight:700;font-size:1.5rem;line-height:100%;letter-spacing:.5px;text-transform:uppercase}.reward-item-detail-page .info-card .item-container .title-container .item-subtitle{margin-top:0;margin-bottom:0;font-size:1.125rem;font-weight:500}.reward-item-detail-page .info-card .item-container .common-button{padding:.625rem 1.5rem;width:12rem;min-width:auto;min-height:auto;border-radius:1.5rem;font-size:1rem;font-weight:500;text-transform:none}.reward-item-detail-page .info-card .item-container .qrcode-container{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--white-color);height:11rem;width:11rem}.reward-item-detail-page .info-card .item-container .qrcode-container svg{height:10.5rem;width:10.5rem}.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired{padding:1rem}.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired svg{opacity:.1}.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired .item-used-or-expired,.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired .item-not-yet-active{position:absolute;top:50%;left:50%;width:100%;font-size:1.5rem;font-weight:700;color:var(--dark-grey-color)}.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired .item-used-or-expired{transform:translate(-50%,-50%) rotate(45deg)}.reward-item-detail-page .info-card .item-container .qrcode-container.not-active-or-used-or-expired .item-not-yet-active{transform:translate(-50%,-50%)}.reward-item-detail-page .info-card .reward-info-container{margin-bottom:1.5rem;font-size:.875rem;font-weight:500;color:var(--body-text-color);letter-spacing:.157px}.reward-item-detail-page .info-card .btn-redeem{padding:.625rem 1.5rem;width:12rem;min-width:auto;min-height:auto;border-radius:1.5rem;font-size:1rem;font-weight:500;text-transform:none}.reward-item-detail-page .info-card .item-title-or{display:block;font-size:1rem;font-weight:400;color:var(--secondary-color)}.reward-item-detail-page .info-card .item-info{margin-top:1rem;font-size:.875rem;font-weight:500}.reward-item-detail-page .redeem-successful-dialog{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;height:100%;text-align:center;color:var(--dark-contrast-color)}.reward-item-detail-page .redeem-successful-dialog.MuiBackdrop-root{background-color:#000000bf!important}.reward-item-detail-page .redeem-successful-dialog .title-top{font-weight:500;font-size:1.5rem;line-height:100%;letter-spacing:.67px;text-align:center}.reward-item-detail-page .redeem-successful-dialog .title-center{font-size:3rem;font-weight:500;line-height:1;letter-spacing:1.39px;text-align:center}.reward-item-detail-page .redeem-successful-dialog .gift-redeemed-image{margin-top:-2rem;margin-bottom:1rem;width:20rem;height:20rem;color:var(--primary-color)}.reward-item-detail-page .redeem-successful-dialog .btn-done{margin-top:1rem;padding:.625rem 1.5rem;width:12rem;min-width:auto;min-height:auto;border-radius:1.5rem;font-size:1rem;font-weight:500;text-transform:none}.reward-item-detail-page .header-image{position:relative;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:flex-start;margin-bottom:1rem;width:14rem;height:13rem}.reward-item-detail-page .header-image .giftbox{position:absolute;left:50%;bottom:0;width:13rem;height:9rem;color:var(--primary-color);z-index:-1;transform:translate(-50%)}.reward-item-detail-page .header-image .image-container{width:7.5rem;height:7.5rem;border-radius:.5rem;background-color:var(--grey-color);box-shadow:21px 21px 50px #3754aa33,-21px -21px 50px #fff,3px 3px 14px #ffffff80 inset}.mission-detail-page .mission-detail-header{display:flex;align-items:flex-start;margin-bottom:1rem}.mission-detail-page .mission-detail-header .image-container{margin-right:1rem;width:3rem;height:3rem;background-size:cover;background-position:center;border-radius:.625rem}.mission-detail-page .mission-detail-header .mission-title-container h3{margin-top:0;margin-bottom:0;font-size:1rem;line-height:1.2;color:var(--primary-color);font-weight:600}.mission-detail-page .mission-detail-header .mission-title-container .info-item-container{margin-top:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.mission-detail-page .mission-detail-header .mission-title-container .info-item-container .achievement-info{font-size:.75rem;line-height:1;color:var(--primary-color)}.mission-detail-page .mission-detail-header .mission-title-container .info-item-container .achievement-info .icon{margin-right:.5rem;font-size:.75rem}.mission-detail-page .mission-detail-info-container{margin-top:1.5rem;margin-bottom:1.5rem}.mission-detail-page .mission-detail-info-container .info-item{display:flex;align-items:center;color:var(--body-text-color)}.mission-detail-page .mission-detail-info-container .info-item .icon{margin-right:.75rem;height:1.5rem;color:var(--primary-color)}.mission-detail-page .progress-container-title{position:relative;padding-left:1rem;font-weight:700;font-size:1.125rem;line-height:1;letter-spacing:.4px}.mission-detail-page .progress-container-title:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--primary-color);border-radius:.25rem}.mission-detail-page .progress-container{padding:1.5rem 1rem;border-radius:.625rem;border:1px solid var(--grey-color)}.mission-detail-page .progress-container .progress-type-bar{display:flex;flex-direction:column;justify-content:flex-end}.mission-detail-page .progress-container .progress-type-bar p{margin-top:0;margin-bottom:.75rem}.mission-detail-page .progress-container .progress-type-bar .progress-info{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;margin-bottom:.5rem}.mission-detail-page .progress-container .progress-type-bar .progress-info .progress-text{flex-shrink:0;font-size:1.5rem;color:var(--primary-color);font-weight:500}.mission-detail-page .progress-container .progress-type-bar .progress-info .progress-text span:nth-child(2),.mission-detail-page .progress-container .progress-type-bar .progress-info .progress-text span:nth-child(3){position:relative;padding-left:.5rem;color:var(--body-text-color)}.mission-detail-page .progress-container .progress-type-bar .mission-progress{position:relative;height:.5rem;border-radius:3rem;margin-bottom:.75rem;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(--primary-color);opacity:.25}.mission-detail-page .progress-container .progress-type-bar .mission-progress .mission-bar{border-radius:3rem;background-color:var(--primary-color)}.store-page.fixed-area-toggle .common-app-bar{background-color:var(--body-background-color)}.store-page.fixed-area-toggle .appbar-offset{height:calc(var(--app-bar-height) + 3.5rem)}.store-page.fixed-area-toggle .store-area-toggle{position:fixed;left:0;top:var(--app-bar-height);width:100%;background-color:var(--body-background-color);z-index:1}.store-page .app-container{padding-top:1rem}.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;padding-left:1rem;font-weight:700;font-size:1.125rem;line-height:1;letter-spacing:.4px;color:var(--primary-color);text-transform:uppercase}.store-page .store-area-section .section-title:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--primary-color);border-radius:.25rem}.signup-page .required-hint{padding-right:1rem;text-align:right;color:var(--danger-color)}.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 .form-group{margin-bottom:2rem}.signup-page .form-group label{font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.44px}.signup-page .form-group label .required{color:var(--danger-color)}.signup-page .form-group input,.signup-page .form-group select{font-size:1rem;font-weight:500;line-height:1;letter-spacing:.44px;-webkit-appearance:none;-moz-appearance:textfield}.signup-page .form-group input::-webkit-outer-spin-button,.signup-page .form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.signup-page .form-group a[href]{color:var(--primary-color);text-decoration:underline}.signup-page .form-group .form-control-group{display:flex}.signup-page .form-group .form-control-group .MuiFormControl-root:not(:first-child){margin-left:1rem}.signup-page .form-group .form-control-static{margin-top:0;margin-bottom:.5rem}.signup-page .form-group .MuiFormControlLabel-asterisk{display:none}.signup-page .form-group.is-invalid>label{color:var(--danger-color)}.signup-page ul.password-requirements{padding-left:.5rem}.signup-page ul.password-requirements li{list-style-type:none}.signup-page ul.password-requirements li:before{content:"•";margin-right:.5rem}.signup-page ul.password-requirements li.pass:before{content:"✓";color:var(--success-color)}.MuiSkeleton-root{margin-bottom:.5rem;margin-top:.5rem}.MuiBackdrop-root{background-color:var(--backdrop-color)!important}.MuiDivider-root{margin:1.5rem 0;flex-shrink:0;border-width:0;border-style:solid;border-color:#0000001f;border-bottom-width:thin}.MuiNativeSelect-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1rem;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;background-image:var(--select-arrow)}.MuiButton-root{border-radius:3rem}.MuiButton-containedPrimary{background-color:var(--primary-color);color:var(--primary-contrast-color)}.MuiButton-containedPrimary:hover{background-color:var(--primary-color)}.MuiButton-containedPrimary.active,.MuiButton-containedPrimary:active{background-color:var(--primary-color);color:var(--primary-contrast-color)}.MuiButton-outlinedPrimary{border-color:var(--primary-color);color:var(--primary-color)}.MuiButton-outlinedPrimary:hover,.MuiButton-outlinedPrimary.active,.MuiButton-outlinedPrimary:active{background-color:var(--primary-color);color:var(--primary-contrast-color)}.MuiButton-textPrimary{color:var(--primary-color)}.MuiInput-underline.MuiInputBase-colorPrimary:after{border-bottom:2px solid var(--primary-color)}.MuiInputBase-colorPrimary select{--select-arrow: var(--primary-select-arrow)}.MuiRadio-root.MuiRadio-colorPrimary.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorPrimary.Mui-checked{color:var(--primary-color)}.MuiButton-containedSecondary{background-color:var(--secondary-color);color:var(--secondary-contrast-color)}.MuiButton-containedSecondary:hover{background-color:var(--secondary-color)}.MuiButton-containedSecondary.active,.MuiButton-containedSecondary:active{background-color:var(--secondary-color);color:var(--secondary-contrast-color)}.MuiButton-outlinedSecondary{border-color:var(--secondary-color);color:var(--secondary-color)}.MuiButton-outlinedSecondary:hover,.MuiButton-outlinedSecondary.active,.MuiButton-outlinedSecondary:active{background-color:var(--secondary-color);color:var(--secondary-contrast-color)}.MuiButton-textSecondary{color:var(--secondary-color)}.MuiInput-underline.MuiInputBase-colorSecondary:after{border-bottom:2px solid var(--secondary-color)}.MuiInputBase-colorSecondary select{--select-arrow: var(--secondary-select-arrow)}.MuiRadio-root.MuiRadio-colorSecondary.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorSecondary.Mui-checked{color:var(--secondary-color)}.MuiButton-containedSuccess{background-color:var(--success-color);color:var(--success-contrast-color)}.MuiButton-containedSuccess:hover{background-color:var(--success-color)}.MuiButton-containedSuccess.active,.MuiButton-containedSuccess:active{background-color:var(--success-color);color:var(--success-contrast-color)}.MuiButton-outlinedSuccess{border-color:var(--success-color);color:var(--success-color)}.MuiButton-outlinedSuccess:hover,.MuiButton-outlinedSuccess.active,.MuiButton-outlinedSuccess:active{background-color:var(--success-color);color:var(--success-contrast-color)}.MuiButton-textSuccess{color:var(--success-color)}.MuiInput-underline.MuiInputBase-colorSuccess:after{border-bottom:2px solid var(--success-color)}.MuiInputBase-colorSuccess select{--select-arrow: var(--success-select-arrow)}.MuiRadio-root.MuiRadio-colorSuccess.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorSuccess.Mui-checked{color:var(--success-color)}.MuiButton-containedError{background-color:var(--danger-color);color:var(--danger-contrast-color)}.MuiButton-containedError:hover{background-color:var(--danger-color)}.MuiButton-containedError.active,.MuiButton-containedError:active{background-color:var(--danger-color);color:var(--danger-contrast-color)}.MuiButton-outlinedError{border-color:var(--danger-color);color:var(--danger-color)}.MuiButton-outlinedError:hover,.MuiButton-outlinedError.active,.MuiButton-outlinedError:active{background-color:var(--danger-color);color:var(--danger-contrast-color)}.MuiButton-textError{color:var(--danger-color)}.MuiInput-underline.MuiInputBase-colorError:after{border-bottom:2px solid var(--danger-color)}.MuiInputBase-colorError select{--select-arrow: var(--error-select-arrow)}.MuiRadio-root.MuiRadio-colorError.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorError.Mui-checked{color:var(--danger-color)}.MuiButton-containedInfo{background-color:var(--info-color);color:var(--info-contrast-color)}.MuiButton-containedInfo:hover{background-color:var(--info-color)}.MuiButton-containedInfo.active,.MuiButton-containedInfo:active{background-color:var(--info-color);color:var(--info-contrast-color)}.MuiButton-outlinedInfo{border-color:var(--info-color);color:var(--info-color)}.MuiButton-outlinedInfo:hover,.MuiButton-outlinedInfo.active,.MuiButton-outlinedInfo:active{background-color:var(--info-color);color:var(--info-contrast-color)}.MuiButton-textInfo{color:var(--info-color)}.MuiInput-underline.MuiInputBase-colorInfo:after{border-bottom:2px solid var(--info-color)}.MuiInputBase-colorInfo select{--select-arrow: var(--info-select-arrow)}.MuiRadio-root.MuiRadio-colorInfo.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorInfo.Mui-checked{color:var(--info-color)}.MuiButton-containedWarning{background-color:var(--warning-color);color:var(--warning-contrast-color)}.MuiButton-containedWarning:hover{background-color:var(--warning-color)}.MuiButton-containedWarning.active,.MuiButton-containedWarning:active{background-color:var(--warning-color);color:var(--warning-contrast-color)}.MuiButton-outlinedWarning{border-color:var(--warning-color);color:var(--warning-color)}.MuiButton-outlinedWarning:hover,.MuiButton-outlinedWarning.active,.MuiButton-outlinedWarning:active{background-color:var(--warning-color);color:var(--warning-contrast-color)}.MuiButton-textWarning{color:var(--warning-color)}.MuiInput-underline.MuiInputBase-colorWarning:after{border-bottom:2px solid var(--warning-color)}.MuiInputBase-colorWarning select{--select-arrow: var(--warning-select-arrow)}.MuiRadio-root.MuiRadio-colorWarning.Mui-checked,.MuiCheckbox-root.MuiCheckbox-colorWarning.Mui-checked{color:var(--warning-color)}@font-face{font-family:Montserrat;font-weight:500;src:local("Montserrat"),url(/assets/Montserrat-Regular-dKSYcarW.ttf) format("truetype")}@font-face{font-family:Montserrat;font-weight:600;letter-spacing:.02em;src:local("Montserrat"),url(/assets/Montserrat-SemiBold-U2BYPJfG.ttf) format("truetype")}body{margin:0;background:#fff;font-family:Noto Sans TC,Noto Sans SC,Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Montserrat}.icon-title,.icon-item{display:inline-flex;align-items:center;color:var(--dark-grey-color)}.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}.app-container{padding:0 1.5rem;max-width:100%;color:var(--body-text-color)}.appbar-offset{width:100%;height:var(--app-bar-height)}.empty-container{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:1rem;font-size:1rem;font-weight:500;color:var(--disable-color)}.scroll-container{padding-bottom:3rem}.loader-container{margin:1rem;text-align:center}.loader-container .loader{color:var(--dark-grey-color)}.image-container{box-shadow:none;border-radius:.25rem;background-color:var(--grey-color);flex-grow:0;flex-shrink:0}.image-container .image{object-fit:cover;width:100%;height:100%;background-color:var(--grey-color)}.info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:auto;margin-bottom:auto;padding:0 .5rem 0 1.5rem;width:100%;height:100%}.info-container .info-header{display:flex;flex-direction:column;justify-content:flex-start;max-width:100%}.info-container .info-header h3{margin:0 0 .5rem;font-size:1rem;letter-spacing:.22px;font-weight:600;color:var(--primary-color);text-overflow:ellipsis;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.info-container .info-header .status{height:.5rem;width:.5rem;border-radius:50%;margin-right:.5rem;margin-top:.25rem;flex-grow:0;flex-shrink:0}.info-container .info-header .status.active{background-color:var(--success-color)}.info-container .info-item{display:block;font-size:.75rem;font-weight:500;color:var(--dark-grey-color)}.info-container .iconed-container{display:flex;align-items:center;font-size:.75rem;line-height:1rem;letter-spacing:.14px}.info-container .iconed-container .icon{font-size:1rem;margin-right:.25rem}.btn-group-actions{display:flex;align-items:center;justify-content:center;margin-top:1.5rem;margin-bottom:1.5rem}.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}.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}