@font-face{font-family:'CooperHewittBold';src:url('/static/fonts/cooper-hewitt-bold.otf?995b2288e996');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:'CooperHewittSemibold';src:url('/static/fonts/cooper-hewitt-semibold.otf?995b2288e996');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'CooperHewittMedium';src:url('/static/fonts/cooper-hewitt-medium.otf?995b2288e996');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:'OpenSans';src:url('/static/fonts/OpenSans-Regular.ttf?995b2288e996') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'OpenSansMedium';src:url('/static/fonts/OpenSans-Medium.ttf?995b2288e996') format('truetype');font-weight:500;font-style:normal;font-display:swap}.gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:25px;height:25px;border:2px solid transparent;border-radius:40px}.gg-close::after,.gg-close::before{content:"";display:block;box-sizing:border-box;position:absolute;width:100%;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px}.gg-close::after{transform:rotate(-45deg)}@keyframes rotate-full{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes slideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes centerSlideIn{from{transform:translate(-50%,-35%)}to{transform:translate(-50%,0)}}@keyframes centerSlideOut{from{transform:translate(-50%,0)}to{transform:translate(-50%,-35%)}}html{box-sizing:border-box}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{color:inherit;text-decoration:none}strong{font-family:"CooperHewittBold"}.w-full{width:100%}.pointer{cursor:pointer}.text-center{text-align:center}.gray-disabled{color:#CCCCCC}.orange{color:#F36E21}.green{color:#00B189}.bg-gray{background-color:#F5F5F5}.flex-1{flex:1}.mb-15{margin-bottom:15px}.mb-content{margin-bottom:25px}.expand-column{grid-column:1 / -1}.text-left{text-align:left}.text-right{text-align:right}.orange{color:#F36E21}.block{display:block}.hidden{display:none!important}.absolute{position:absolute}.title{font:22px/1.2 "CooperHewittSemibold"}@media screen and (min-width:896px){.title{font-size:35px}}.account-title{font:25px/1.2 "CooperHewittSemibold"}.adjust-text-position{position:relative;top:2px}.adjust-text-position-big{position:relative;top:3px}.label{font:16px/1.2 "OpenSansMedium";color:black}.label--required::after{content:"*";color:#F36E21;display:inline-block}.text-duration{display:flex;align-items:center;gap:5px;margin-top:auto}.text-duration::before{content:"";display:inline-block;background-image:url("/static/img/icon/clock.webp?995b2288e996");background-size:cover;background-position:center;height:14px;aspect-ratio:1}.container,.account-layout,.value__container,.profile,.navbar__container,.hero__container,.about-us__container,.footer__container{width:100%;max-width:1280px;padding:20px;margin:auto}input:checked ~ .expandable{grid-template-rows:1fr}.expandable{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease;overflow:hidden}.expandable>*{overflow:hidden}.body-overlay{overflow:hidden}.body-overlay::after{content:"";display:block;background-color:rgba(0,0,0,0.4);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9}.flex{display:flex;justify-content:center;align-items:flex-start}.bullet-list{list-style:disc;padding-left:15px}.back-button-icon{height:22px;aspect-ratio:1;background-image:url("/static/img/icon/right-arrow-orange.webp?995b2288e996");background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;display:inline-block;transform:rotate(180deg)}.justify-between{display:flex;justify-content:space-between;gap:15px;align-items:center}.phone-input-wrapper{display:flex;gap:3px;width:100%;border:1px solid #CCCCCC;padding:10px 13px;border-radius:10px;font:16px/1.2 "OpenSans";align-items:center}.phone-input-wrapper::before{content:"+62";display:inline-block;font:inherit}.phone-input-wrapper>input{width:100%;border:none;padding:0 5px;background-color:transparent;font:inherit}.phone-input-wrapper--danger{border-color:#FF0000;background-color:rgba(255,0,0,0.08)}.input-icon-wrapper{display:flex;gap:10px;width:100%;border:1px solid #CCCCCC;padding:15px;padding-right:40px;border-radius:10px}.input-icon-wrapper__icon{width:25px;display:inline-block}.input-icon-wrapper__input{width:100%;border:none;padding:0;font-size:16px}.input-icon-wrapper__input:focus{outline:none}.birthday-input-wrapper{display:grid;grid-template-columns:repeat(3,auto);gap:16px;width:fit-content;min-width:50px}.field-wrapper{display:flex;flex-direction:column;gap:10px}.gender-wrapper{display:flex;width:100%;gap:80px}.radio-wrapper{display:flex;align-items:center;gap:10px;font:16px/1.2 "OpenSans"}.button,.reward-detail__header-redeem,.reward-detail__header-button{font:17px/1.2 "CooperHewittSemibold";background-color:#F36E21;padding:15px 20px;color:white;border:1px solid #F36E21;border-radius:100px;text-align:center;transition:background-color 0.3s ease;cursor:pointer;display:inline-block;text-decoration:none}.button--outline{background-color:white;color:#F36E21}.button--disabled{background-color:#CCCCCC;border-color:#CCCCCC;pointer-events:none;cursor:not-allowed}.button--text,.button--text-big{font-size:14px;border-color:transparent;background-color:transparent;color:#F36E21;padding:5px}.button--text-big{font-size:16px}.button--text-icon{display:flex;align-items:center;justify-content:center;gap:5px}@media screen and (min-width:896px){.button,.reward-detail__header-redeem,.reward-detail__header-button{font-size:18px}}.card,.modal__container,.reward-card,.account-layout__content,.account-layout__account,.auth-card{background-color:white;border-radius:10px;padding:25px}.input,.otp-input-wrapper__input,.select{outline:none;border:none;font:16px/1.2 "OpenSans";width:100%;padding:10px 13px;border:1px solid #CCCCCC;border-radius:10px;color:black}.input::-webkit-outer-spin-button,.otp-input-wrapper__input::-webkit-outer-spin-button,.select::-webkit-outer-spin-button,.input::-webkit-inner-spin-button,.otp-input-wrapper__input::-webkit-inner-spin-button,.select::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number],[type=number].otp-input-wrapper__input,[type=number].select{-moz-appearance:textfield}.input::placeholder,.otp-input-wrapper__input::placeholder,.select::placeholder{font:14px/1.2 "OpenSans";color:#CCCCCC}.input--w-auto{width:auto}.input--danger{border-color:#FF0000;background-color:rgba(255,0,0,0.08)}.select{cursor:pointer}.select--custom-icon,.select--gray-custom-icon{background-repeat:no-repeat;background-size:15px;padding-right:25px;background-position:98.5%;background-position:calc(100% - 8px)}.select--custom-icon,.select--gray-custom-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none}.select--custom-icon::-ms-expand,.select--gray-custom-icon::-ms-expand{display:none}.select--custom-icon{background-image:url("/static/img/icon/chevron.webp?995b2288e996");background-color:white;color:black;font-size:16px;padding-top:14px;padding-bottom:14px}.select--gray-custom-icon{background-image:url("/static/img/icon/chevron-gray.webp?995b2288e996")}.select--danger{border-color:#FF0000;background-color:rgba(255,0,0,0.08)}.input-radio{font:16px/1.2 "OpenSans";height:23px;aspect-ratio:1;border:1px solid #CCCCCC;background-color:white;border-radius:50%;position:relative;cursor:pointer}.input-radio::before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(0);content:"";display:block;height:70%;aspect-ratio:1;border-radius:50%}input:checked + .input-radio{border:2px solid #F36E21}input:checked + .input-radio::before{background-color:#F36E21}.input-radio--danger{border:1px solid #FF0000}.benefit{display:flex;flex-direction:column;gap:15px;padding:30px 20px}.benefit__list{display:flex;flex-direction:column;gap:15px}.benefit__item{font:15px/1.4 "OpenSansMedium";display:grid;grid-template-columns:45px 1fr;gap:20px;padding:24px;align-items:center;flex:1;background-color:#F5F5F5;border-radius:20px}@media screen and (min-width:896px){.benefit{padding:70px 20px;gap:30px}.benefit__list{flex-direction:row;flex-wrap:nowrap}.benefit__item{font-size:17px}}.footer{font:15px/1.4 "OpenSans";background-color:black;color:white}.footer__container{display:flex;flex-direction:column;gap:25px;padding:20px}.footer__info{display:grid;grid-template-areas:'phone' 'email' 'map';gap:20px;max-width:480px}.footer__info-item{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:12px;color:white}.footer__info-item.phone{grid-area:phone}.footer__info-item.email{grid-area:email}.footer__info-item.map{grid-area:map;align-items:flex-start}.footer__company{font:13px/1.2 "OpenSans";display:flex;flex-direction:column;gap:25px;align-items:flex-start}.footer__company-logo{display:block;height:47px}@media screen and (min-width:896px){.footer__container{flex-direction:row;justify-content:space-between;padding:30px 20px}.footer__info{grid-template-areas:'phone mail' 'map map'}.footer__company{white-space:nowrap;align-items:flex-end}}.brand{padding:30px 0;display:flex;flex-direction:column;gap:20px;text-align:center;font:15px/1.2 "OpenSansMedium"}.brand__list{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;padding:20px;max-width:790px;margin:auto;justify-content:space-around}.brand__list img{display:block;width:100%}@media screen and (min-width:896px){.brand{gap:30px;font:12px;padding:60px 0}.brand__list{max-width:600px;gap:35px}}.about-us{font:14px/1.5 "OpenSans";background-color:#F5F5F5}.about-us__container{display:grid;grid-template-columns:1fr;grid-template-areas:'content' 'img';gap:20px}.about-us__content{grid-area:content;display:flex;flex-direction:column;gap:15px}.about-us__img{grid-area:img;width:100%}.about-us__link{font:17px/1.2 "CooperHewittBold";color:#F36E21;display:flex;align-items:center;gap:8px;margin-top:10px}.about-us__link>img{height:15px;display:block}@media screen and (min-width:896px){.about-us{padding:70px 0;font-size:15px}.about-us__container{grid-template-columns:repeat(2,1fr);grid-template-areas:'img content';gap:90px;padding:0}.about-us__content{padding-top:50px}.about-us__link{font-size:19px}}.cta{height:250px;background-image:url("/static/img/cta-cakes.webp");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.cta--v2{background-image:url("/static/img/cta-cakes-2.webp")}@media screen and (min-width:896px){.cta{height:400px}}.cta-v2{position:relative;overflow:hidden;height:250px;display:flex;justify-content:center}.cta-v2__img{height:270%;min-width:100%;object-fit:cover}@media screen and (min-width:896px){.cta-v2{height:400px}.cta-v2__img{height:200%}}.hero{color:white;background-color:#F36E21;overflow:hidden;padding-bottom:20px}.hero__container{position:relative;gap:24px 0;display:grid;grid-template-columns:1fr;grid-template-areas:'content' 'img'}.hero__content{font:14px/1 "OpenSans";position:relative;z-index:2;background-color:#F36E21;display:flex;flex-direction:column;gap:12px;justify-content:center}.hero__content-title{font:30px/1.2 "CooperHewittSemibold"}.hero__content-desc{font:15px/1.4 "OpenSans";display:flex;flex-direction:column;gap:20px;margin-bottom:15px}.hero__carousel-wrapper{white-space:nowrap;display:flex;gap:20px;overflow:hidden;width:calc(100% + 20px);position:relative}.hero__carousel{width:calc(80% + 18px)}.hero__carousel>img{width:100%;display:block;cursor:grab}.hero__bullets{display:flex;gap:10px;align-items:center;height:17px}.hero__bullets>*{height:7px;width:7px;border-radius:50%;background-color:white;cursor:pointer;transition:width 0.2s ease-in,height 0.2s ease-in;will-change:width,height;opacity:0.3}.hero__bullets>*.active{height:10px;width:10px;border-radius:50%;background-color:white;opacity:1}.hero__login{font:17px/1.2 "CooperHewittBold";color:white;display:flex;align-items:center;gap:10px}.hero__login>img{height:15px}@media screen and (min-width:568px){.hero__bullets>*{height:9px;width:9px;border-radius:50%;background-color:white}.hero__bullets>*.active{height:12px;width:12px;border-radius:50%;background-color:white}}@media screen and (min-width:896px){.hero__bullets>*{height:14px;width:14px;border-radius:50%;background-color:white}.hero__bullets>*.active{height:17px;width:17px;border-radius:50%;background-color:white}.hero__carousel-wrapper{width:121%}.hero__container{padding:50px;gap:0 25px;grid-template-columns:1fr 1.2fr;grid-template-areas:'content' 'img'}.hero__content{margin-top:-20%}.hero__content-title{font-size:50px}.hero__content-desc{font-size:17px}}.navbar{background-color:white;border-bottom:1px solid #CCCCCC}.navbar--orange{background-color:#F36E21;border-bottom-color:#F36E21}.navbar--orange .navbar__logo{background-image:url("/static/img/logo/stj-white.webp?995b2288e996")}.navbar--orange .navbar__links{color:white}.navbar--orange .navbar__button{color:#F36E21;background-color:white}.navbar--orange .navbar__hamburger{background-image:url("/static/img/icon/hamburger-menu.webp?995b2288e996")}.navbar--orange .navbar__sidebar{background-color:#F36E21;border-left-color:#F36E21;color:white}.navbar--orange .navbar__dropdown-trigger{color:white}.navbar--orange .navbar__dropdown-trigger::after{background-image:url("/static/img/icon/chevron-white.webp?995b2288e996")}.navbar--orange .navbar__dropdown--sidebar .navbar__dropdown-content{color:white}.navbar__logo{display:block;height:32px;aspect-ratio:2;background-image:url("/static/img/logo/stj.webp?995b2288e996");background-size:contain;background-position:center;background-repeat:no-repeat}.navbar__links{display:none;justify-content:space-between;font:17px/1 "CooperHewittBold";color:black;max-width:550px;align-items:center;width:100%}.navbar__links--active{color:#F36E21}.navbar__button{color:white;background-color:#F36E21;border-radius:30px;padding:10px 20px}.navbar__hamburger{display:block;background-image:url("/static/img/icon/hamburger-menu-black.webp?995b2288e996");width:20px;aspect-ratio:20 / 14;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer}.navbar__container{display:flex;justify-content:space-between;align-items:center;gap:10px}.navbar__sidebar{position:fixed;top:0;bottom:0;right:0;transform:translateX(100%);z-index:10;will-change:transform;transition:transform 0.2s ease;max-width:300px;width:80%;background-color:white;color:black;padding:20px;will-change:transform;display:grid;grid-template-rows:auto 1fr auto;row-gap:10px;border-left:1px solid #CCCCCC}.navbar__sidebar-header{display:flex;justify-content:flex-end;padding:10px 0}.navbar__sidebar-links{font:17px/1.2 "CooperHewittBold";display:flex;flex-direction:column;gap:25px;padding:20px 0;overflow:hidden}.navbar__sidebar-footer{border-top:1px solid currentColor;padding:20px 0;display:flex;flex-direction:column;gap:15px;align-items:flex-start;font:13px/1 "OpenSans"}.navbar__sidebar--active{transform:translate(0%)}.navbar__dropdown{padding:10px 0;position:relative}.navbar__dropdown--active .navbar__dropdown-content{max-height:120px}.navbar__dropdown--active .navbar__dropdown-trigger::after{transform:rotate(180deg)}.navbar__dropdown--sidebar .navbar__dropdown-content{position:unset;box-shadow:unset;padding:0;flex-direction:column;gap:25px;padding-top:25px;background-color:transparent}.navbar__dropdown--sidebar .navbar__dropdown-content>*{padding:0}.navbar__dropdown--sidebar .navbar__dropdown-content>*:hover{background-color:transparent}.navbar__dropdown-content{position:absolute;top:100%;right:15px;z-index:2;display:flex;flex-direction:column;background-color:white;border-radius:10px;font:16px/1.2 "CooperHewittBold";color:black;overflow:hidden;box-shadow:0px 4px 20px 0px rgba(0,0,0,0.05);overflow:hidden;max-height:0;transition:max-height 0.2s ease}.navbar__dropdown-content>*{padding:20px 25px;cursor:pointer;min-width:170px;white-space:nowrap}.navbar__dropdown-content>*:hover{background-color:#F5F5F5}.navbar__dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:7px;color:black}.navbar__dropdown-trigger::after{content:"";background-image:url("/static/img/icon/chevron.webp?995b2288e996");background-size:cover;background-position:center;background-repeat:no-repeat;height:9px;aspect-ratio:2}@media screen and (min-width:896px){.navbar__sidebar-wrapper,.navbar__sidebar-wrapper.active{display:none}.navbar__logo{height:50px}.navbar__links{display:flex}.navbar__hamburger{display:none}}.layout{display:grid;grid-template-rows:1fr;background-color:#F36E21;min-height:100vh}.layout__content{padding:20px 20px 40px 20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:30px}.layout__logo{height:40px;display:block}.layout__bg-img{display:none}@media screen and (min-width:896px){.layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout__logo{height:70px}.layout__bg-img{display:block;width:100%;object-fit:cover;aspect-ratio:1;height:100%;max-height:100vh}.layout__content{-ms-overflow-style:none;scrollbar-width:none;display:flex;margin:auto 0;align-items:center;min-width:360px;overflow:scroll;max-height:100vh}.layout__content::-webkit-scrollbar{display:none}}.our-story{display:flex;flex-direction:column;gap:10px;font:14px/1.5 "OpenSans";padding:30px 20px}.our-story__header{font:25px/1.2 "CooperHewittSemibold";color:black;text-align:left}.our-story__content{display:grid;grid-template-columns:1fr;row-gap:20px}@media screen and (min-width:896px){.our-story{padding:60px 90px;grid-template-columns:1fr 1fr;gap:30px}.our-story__header{font-size:35px;text-align:center}.our-story__content{grid-template-columns:1fr 1fr;column-gap:70px;font-size:15px}}.auth-card{display:flex;gap:15px;flex-direction:column;width:100%;max-width:470px;font:15px/1.2 "OpenSansMedium"}.auth-card__title{font:23px/1.2 "CooperHewittSemibold";margin-bottom:-5px}.auth-card__desc{font:15px/1.3 "OpenSans"}.auth-card__signup{font:16px/1.2 "OpenSans";color:#F36E21;display:inline-flex;align-items:center;gap:8px}.auth-card__signup>img{height:12px;display:inline-block}.auth-card__footer{margin-top:10px;display:flex;gap:10px}@media screen and (min-width:896px){.auth-card{justify-content:center;gap:24px;font-size:16px}.auth-card__title{font-size:30px}.auth-card__desc{font-size:16px}}.profile{max-width:1100px;display:flex;gap:30px;padding:30px 20px;flex-direction:column}.profile__text{grid-area:content;font:14px/1.5 "OpenSans";display:flex;flex-direction:column;gap:5px}.profile__title{font:22px/1.2 "CooperHewittSemibold"}.profile__content{display:grid;grid-template-columns:1fr;grid-template-areas:'content' 'img';gap:30px;align-items:center}.profile__img{grid-area:img;display:block;width:100%}@media screen and (min-width:896px){.profile{padding:60px 20px;gap:35px}.profile__text{font-size:15px}.profile__content{grid-template-areas:'content img';grid-template-columns:1fr 1fr;gap:100px}.profile__content--reverse{grid-template-areas:'img content'}.profile__title{font-size:24px}}.value{font:14px/1.5 "OpenSans";background-color:#F5F5F5}.value__container{max-width:1300px;display:flex;justify-content:space-between;flex-direction:column;gap:30px;padding:30px 20px}.value__content{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}.value__title{font:22px/1.2 "CooperHewittSemibold";margin-top:8px}.value__img{height:50px;aspect-ratio:1;display:block}@media screen and (min-width:896px){.value{font-size:15px}.value__container{padding:60px 20px;flex-direction:row;gap:60px}}.otp-input-wrapper{display:flex;gap:8px}.otp-input-wrapper__input{font:25px/1.2 "CooperHewittSemibold";aspect-ratio:1;border:1px solid #CCCCCC;border-radius:10px;text-align:center;padding:8px 0 0 0}@media screen and (min-width:896px){.otp-input-wrapper__input{font-size:30px}}.faq{font:15px/1.5 "OpenSans";padding:20px 0 0 0}.faq__header{margin-bottom:20px;display:flex;flex-direction:column;gap:10px;padding:0 20px}.faq__header-tag{font:18px/1.2 "CooperHewittMedium";color:#F36E21}.faq__header-title{font:28px/1.2 "CooperHewittSemibold"}.faq__content{display:flex;flex-direction:column;gap:20px;margin-bottom:35px;padding:0 20px}.faq__item{border-bottom:1px solid #CCCCCC;padding-bottom:20px;display:flex;flex-direction:column}.faq__question{font:17px/1.2 "CooperHewittSemibold";display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;transition:margin-bottom 0.2s ease}input:checked + .faq__question{margin-bottom:10px}input:checked + .faq__question>img{transform:rotate(180deg)}.faq__question img{height:10px;display:inline-block;transition:transform 0.2s ease}.faq__footer{background-color:#F5F5F5;display:flex;flex-direction:column;gap:5px;padding:30px 20px}.faq__footer-title{font:25px/1.2 "CooperHewittSemibold"}@media screen and (min-width:896px){.faq{padding:20px 200px}.faq__header{margin-bottom:35px}.faq__header-tag{font-size:25px}.faq__header-title{font-size:40px}.faq__content{padding:0 25px}.faq__question{font-size:18px}.faq__footer{padding:20px;width:auto;border-radius:10px}}.account-body{display:flex;flex-direction:column;min-height:100vh;background-color:#F5F5F5}.account-layout{display:grid;grid-template-areas:'account' 'content';grid-template-columns:1fr;grid-auto-rows:min-content;gap:11px;padding:0;align-items:start}.account-layout__account{border-radius:0;grid-area:account}.account-layout__content{border-radius:0;grid-area:content}@media screen and (max-width:896px){.account-layout--no-profile-on-mobile{gap:0px}.account-layout--no-profile-on-mobile .account-layout__account{display:none}}@media screen and (min-width:896px){.account-layout{grid-template-areas:'account content';grid-template-columns:1fr 3fr;grid-auto-rows:min-content;padding:20px}.account-layout__account{border-radius:10px;position:sticky;top:20px}.account-layout__content{border-radius:10px}}.reward-card{background-color:#F5F5F5;padding:15px;display:grid;grid-template-columns:87px 1fr;column-gap:15px}.reward-card__picture>img,.reward-card__img{width:100%;aspect-ratio:1;display:inline-block;border-radius:10px}.reward-card__content{font:14px/1.2 "OpenSans";display:flex;flex-direction:column;gap:8px}.reward-card__title-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.reward-card__title{font:16px/1.2 "CooperHewittSemibold"}.reward-card__poin{font:14px/1.2 "CooperHewittSemibold";display:flex;justify-content:space-between;align-items:center;gap:3px;color:white;background-color:#F36E21;padding:6px 18px;border-radius:25px}.reward-card__poin::after{content:"";display:block;background-image:url("/static/img/icon/white-coin.svg?995b2288e996");background-size:cover;background-position:center;height:12px;aspect-ratio:1}.reward-card__poin-text{position:relative;top:2px}.reward-card--arrow{position:relative;cursor:pointer;overflow:hidden}.reward-card--arrow::after{content:"";height:100%;width:30px;background-color:#F36E21;background-image:url("/static/img/icon/right-white-chevron.webp?995b2288e996");background-size:15px;background-position:center;position:absolute;right:0;background-repeat:no-repeat}.reward-card--small-padding{padding:15px}@media screen and (min-width:896px){.reward-card__title{font-size:18px}.reward-card__poin{font-size:18px;padding:8px 20px}.reward-card__poin-text{top:3px}.reward-card__poin::after{height:15px}}.account-content-layout{display:grid;grid-template-columns:1fr;gap:15px}@media screen and (min-width:896px){.account-content-layout{grid-template-columns:1fr 1fr}}.user-profile{display:flex;flex-direction:column;gap:25px}.user-profile__content{font:14px/1.2 "OpenSans";display:flex;flex-direction:column;gap:8px}.user-profile__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.user-profile__header-title{font:23px/1.2 "CooperHewittSemibold"}.user-profile__member-level{display:flex;justify-content:space-between;align-items:center;font:18px/1.2 "CooperHewittSemibold"}.user-profile__point{font:18px/1.2 "CooperHewittSemibold";width:100%;background-color:#F5F5F5;overflow:hidden;border-radius:35px;display:flex;align-items:center;gap:10px}.user-profile__point::before{content:"";display:block;width:40px;aspect-ratio:1;background-color:#F36E21;position:relative;z-index:2;background-image:url("/static/img/icon/white-coin.svg?995b2288e996");background-size:20px;background-repeat:no-repeat;background-position:center}.user-profile__point-text{position:relative;top:4px}.user-profile__spacer{height:1px;background-color:#CCCCCC}.user-profile__text-icon{font:16px/1.2 "CooperHewittSemibold";display:flex;align-items:center;gap:7px}.user-profile__text-icon>img{display:inline-block;height:32px;aspect-ratio:1}@media screen and (min-width:896px){.user-profile__point{font-size:25px}.user-profile__point::before{width:60px;background-size:30px}.user-profile__header-title{font-size:25px}.user-profile__text-icon{font-size:18px;gap:10px}.user-profile__spacer{width:calc(100% + 50px);margin-left:-25px}}.progressbar{display:flex;align-items:center;background-color:#F5F5F5;height:7px;margin:15px 0}.progressbar__content{background-color:#F36E21;height:100%;border-top-left-radius:20px;border-bottom-left-radius:20px}.progressbar__img{display:block;margin-right:1px;height:40px;aspect-ratio:1}.reward-detail{font:14px/1.2 "OpenSans";display:grid;grid-template-columns:1fr;grid-template-areas:'img' 'content';gap:30px}.reward-detail__content{grid-area:content}.reward-detail__picture>img,.reward-detail__img{grid-area:img;display:block;width:100%;object-fit:cover;border-radius:20px;aspect-ratio:1}.reward-detail__header{display:grid;grid-template-columns:100px 1fr;grid-template-areas:'tag tag' 'title title' 'point button';gap:15px;margin-bottom:25px}.reward-detail__header--voucher{grid-template-columns:1fr 100px}.reward-detail__header-tag{text-transform:uppercase;font:14px/1.2 "OpenSans";grid-area:tag}.reward-detail__header-title{grid-area:title;font:25px/1.2 "CooperHewittSemibold";position:relative;top:3px}.reward-detail__header-point{grid-area:point;font:25px/1.2 "CooperHewittSemibold";color:#F36E21;display:flex;align-items:center;gap:5px}.reward-detail__header-point::after{content:"";display:block;background-image:url("/static/img/icon/orange-coin.svg?995b2288e996");background-size:cover;background-repeat:no-repeat;background-position:center;aspect-ratio:1;height:25px}.reward-detail__header-point-text{position:relative;top:4px}.reward-detail__header-button{grid-area:button;width:100%;font-size:17px}.reward-detail__header-redeem{color:black;border-color:#F5F5F5;background-color:#F5F5F5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;gap:15px;cursor:auto}.reward-detail__header-redeem>img{height:20px}.reward-detail__header-redeem--expand{grid-column:1 / -1}@media screen and (min-width:896px){.reward-detail{font-size:15px;grid-template-columns:1fr 1fr;grid-template-areas:'content img'}.reward-detail__header{grid-template-columns:1fr 100px;margin-bottom:30px;grid-template-areas:'tag tag' 'title point' 'button button'}.reward-detail__header-title{font-size:30px}.reward-detail__header-point{justify-content:flex-end;font-size:30px}.reward-detail__header-button{font-size:18px;margin-top:15px}.reward-detail__header-tag{font-size:17px}}.list{font:15px/1.5 "OpenSans";display:flex;flex-direction:column;gap:10px}.list__title{font:17px/1.2 "CooperHewittSemibold";position:relative;top:3px}.list__content,.list>ol{padding-left:15px;margin-left:2px}@media screen and (min-width:896px){.list__title{font-size:18px}}.activities{display:flex;flex-direction:column;gap:22px}.activities__header{font:25px/1.2 "CooperHewittSemibold"}.activities__item{display:grid;grid-template-columns:60px 1fr;column-gap:10px;padding-bottom:22px}.activities__item:not(:last-child){border-bottom:1px solid #CCCCCC}.activities__img-wrapper{background-color:#F5F5F5;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px}.activities__content{font:13px/1.2 "OpenSans";display:flex;flex-direction:column;gap:5px;padding-top:5px}.activities__content-block{display:flex;gap:13px;justify-content:space-between}.activities__content-block>*{max-width:200px}.activities__title{font:16px/1.2 "CooperHewittBold"}.activities__subtitle{font:13px/1.2 "OpenSansMedium"}@media screen and (min-width:896px){.activities__content{font-size:16px}.activities__content-block>*{max-width:none}.activities__title{font-size:18px}.activities__subtitle{font-size:15px}}.errorlist{font:14px/1.2 "OpenSans";color:#FF0000;display:flex;flex-direction:column;gap:5px}.modal{font:16px/1.2 "OpenSans";display:none}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:10}.modal__container{position:relative;max-width:700px;margin:0 10px;max-height:80vh}.modal__container.no-card{background-color:transparent;padding:0}.modal__close{position:absolute;height:30px;width:30px;top:20px;right:-50px;cursor:pointer}.modal.show{display:block}.modal.show .modal__overlay{animation:fadeIn 0.3s cubic-bezier(0,0,0.2,1)}.modal.show .modal__container{animation:slideIn 0.3s cubic-bezier(0,0,0.2,1)}@media screen and (min-width:422px){.modal__container{margin:0 20px}}@media screen and (min-width:896px){.modal__container{margin:0 40px}}.reward-modal{max-width:470px;width:95%;display:flex;flex-direction:column;gap:20px}.reward-modal__header{display:flex;justify-content:space-between;font:25px/1.2 "CooperHewittSemibold"}.fail-reward-modal{display:flex;flex-direction:column;gap:20px}.fail-reward-modal__header{display:flex;flex-direction:column;align-items:flex-end}.fail-reward-modal__header-img{max-height:73px;aspect-ratio:1;margin:auto}.fail-reward-modal__body{display:flex;flex-direction:column;gap:10px;text-align:center}.fail-reward-modal__title{font:25px/1.2 "CooperHewittSemibold"}.messages{font:14px/1.2 "OpenSans";position:fixed;z-index:20;left:50%;transform:translate(-50%);top:100px;width:80%;max-width:max-content;display:flex;flex-direction:column;gap:15px;animation:fadeIn 0.3s cubic-bezier(0,0,0.2,1),centerSlideIn 0.3s cubic-bezier(0,0,0.2,1)}.messages--hide{animation:fadeOut 0.3s cubic-bezier(0,0,0.2,1),centerSlideOut 0.3s cubic-bezier(0,0,0.2,1)}.messages li{padding:10px 20px;border-radius:100px;background-color:#F36E21;color:white;display:flex;justify-content:space-between;gap:10px;align-items:center}@media screen and (min-width:896px){.messages{font-size:16px}.messages li{padding:14px 25px}}.circle-loading{display:inline-block;position:relative;width:20px;aspect-ratio:1;color:white}.circle-loading>*{box-sizing:border-box;display:block;position:absolute;width:120%;height:120%;margin:10%;border:1px solid currentColor;border-radius:50%;animation:rotate-full 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:currentColor transparent transparent transparent}.circle-loading>*:nth-child(1){animation-delay:-0.45s}.circle-loading>*:nth-child(2){animation-delay:-0.3s}.circle-loading>*:nth-child(3){animation-delay:-0.15s}